@krizaka/ui 3.20.0 → 3.22.0

package/dist/native.js

@@ -639,32 +639,30 @@ var styles3 = StyleSheet3.create({
 
 // src/native/AkinazaMark.tsx
 import { View as View3 } from "react-native";
-import Svg, { Circle, Defs, LinearGradient, Path, RadialGradient, Rect, Stop } from "react-native-svg";
+import Svg, { Circle, Defs, Path, RadialGradient, Stop } from "react-native-svg";
 
 // src/marks/akinaza-geometry.ts
+var forest = marks.akinaza[0][1];
 var copper = marks.akinaza[marks.akinaza.length - 1][1];
 var AKINAZA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
   center: 200,
-  /** The awning: 124 → 276 at y 108, cut 28 at its upper-right corner, four scallops below (y 150, 19 deep). */
-  awning: "M124 108 H248 L276 136 V150 A19 19 0 0 1 238 150 A19 19 0 0 1 200 150 A19 19 0 0 1 162 150 A19 19 0 0 1 124 150 Z",
-  /** The awning's stripes, in light. */
-  stripes: "M162 116 V146 M200 116 V146 M238 116 V140",
-  stripe: { color: "#fff7ed", opacity: 0.55, width: 8 },
-  /** The shop front: walls 140 → 260 from y 178 to the ground, the door cut out (178 → 222, from y 222). */
-  front: "M140 178 H260 V300 H222 V222 H178 V300 H140 Z",
-  /** The open door: the bright core, a warm light. */
-  door: { x: 182, y: 226, w: 36, h: 74, rx: 4 },
-  coreGradient: { stops: [["0%", "#fde7c7"], ["100%", "#fffaf2"]] },
-  /** A window each side, in light. */
-  windows: "M154 196 H168 V212 H154 Z M232 196 H246 V212 H232 Z",
-  gradient: { x1: 140, y1: 300, x2: 276, y2: 108, stops: marks.akinaza },
+  forest,
+  copper,
+  log: "M197 110 L290 203 A96 96 0 1 1 197 110 Z",
+  /** The fresh face of the cut: a copper band along the chord. */
+  cut: "M197 110 L290 203 A96 96 0 0 1 289.1 219.1 L180.9 110.9 A96 96 0 0 1 197 110 Z",
+  /** The year rings, in light, inside the band. */
+  rings: { cx: 194, cy: 206, r: [52, 28], width: 7, opacity: 0.42 },
+  heart: { cx: 194, cy: 206, r: 16, inner: 5.4 },
+  highlight: "#fff7ed",
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.akinaza },
   /** A coin: one node on the orbit, that turns with it. */
   node: { r: 9, at: [200, 40] },
   glow: { color: copper, opacity: 0.16 },
-  /** The door's breathing light (web), in the copper. */
   pulse: { color: copper, low: 0.3, high: 0.65 },
+  motion: { spin: 32, breath: 3.8 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
@@ -710,36 +708,29 @@ function useMarkMotion(size, animated, spinMs = 3e4) {
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function AkinazaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, 32e3);
+  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, AKINAZA.motion.spin * 1e3);
   const id = useSvgId("akm");
   const viewBox = size < 48 ? AKINAZA.croppedViewBox : AKINAZA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx5(LinearGradient, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: AKINAZA.gradient.x1, y1: AKINAZA.gradient.y1, x2: AKINAZA.gradient.x2, y2: AKINAZA.gradient.y2, children: AKINAZA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx5(Stop, { offset, stopColor: color }, offset)) });
-  const fill = `url(#${id}a)`;
   return /* @__PURE__ */ jsxs3(View3, { style: { width: size, height: size }, ...markA11y(title), children: [
     /* @__PURE__ */ jsxs3(Svg, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs3(Defs, { children: [
-        /* @__PURE__ */ jsxs3(RadialGradient, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx5(Stop, { offset: "0%", stopColor: AKINAZA.glow.color, stopOpacity: AKINAZA.glow.opacity }),
-          /* @__PURE__ */ jsx5(Stop, { offset: "100%", stopColor: AKINAZA.glow.color, stopOpacity: 0 })
-        ] }),
-        gradient
-      ] }),
+      /* @__PURE__ */ jsx5(Defs, { children: /* @__PURE__ */ jsxs3(RadialGradient, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx5(Stop, { offset: "0%", stopColor: AKINAZA.glow.color, stopOpacity: AKINAZA.glow.opacity }),
+        /* @__PURE__ */ jsx5(Stop, { offset: "100%", stopColor: AKINAZA.glow.color, stopOpacity: 0 })
+      ] }) }),
       size >= 48 ? /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.center, cy: AKINAZA.center, r: 190, fill: `url(#${id}g)` }) : null,
       /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.center, cy: AKINAZA.center, r: AKINAZA.ring.r, stroke, strokeWidth: AKINAZA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx5(Path, { d: AKINAZA.awning, fill }),
-      /* @__PURE__ */ jsx5(Path, { d: AKINAZA.stripes, stroke: AKINAZA.stripe.color, strokeOpacity: AKINAZA.stripe.opacity, strokeWidth: AKINAZA.stripe.width, strokeLinecap: "round", fill: "none" }),
-      /* @__PURE__ */ jsx5(Path, { d: AKINAZA.front, fill }),
-      /* @__PURE__ */ jsx5(Path, { d: AKINAZA.windows, fill: AKINAZA.stripe.color, fillOpacity: AKINAZA.stripe.opacity })
+      /* @__PURE__ */ jsx5(Path, { d: AKINAZA.log, fill: AKINAZA.forest }),
+      /* @__PURE__ */ jsx5(Path, { d: AKINAZA.cut, fill: AKINAZA.copper }),
+      AKINAZA.rings.r.map((r) => /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.rings.cx, cy: AKINAZA.rings.cy, r, stroke: AKINAZA.highlight, strokeOpacity: AKINAZA.rings.opacity, strokeWidth: AKINAZA.rings.width, fill: "none" }, r))
     ] }),
     /* @__PURE__ */ jsx5(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs3(Svg, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx5(Defs, { children: gradient }),
       /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.center, cy: AKINAZA.center, r: AKINAZA.orbit.r, stroke, strokeWidth: AKINAZA.orbit.width, strokeDasharray: AKINAZA.orbit.dash, opacity: 0.6, fill: "none" }),
-      /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.node.at[0], cy: AKINAZA.node.at[1], r: AKINAZA.node.r, fill })
+      /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.node.at[0], cy: AKINAZA.node.at[1], r: AKINAZA.node.r, fill: AKINAZA.copper })
     ] }) }),
     /* @__PURE__ */ jsx5(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs3(Svg, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx5(Defs, { children: /* @__PURE__ */ jsx5(LinearGradient, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: AKINAZA.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx5(Stop, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsx5(Rect, { x: AKINAZA.door.x, y: AKINAZA.door.y, width: AKINAZA.door.w, height: AKINAZA.door.h, rx: AKINAZA.door.rx, fill: `url(#${id}c)` })
+      /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.heart.cx, cy: AKINAZA.heart.cy, r: AKINAZA.heart.r, fill: AKINAZA.copper }),
+      /* @__PURE__ */ jsx5(Circle, { cx: AKINAZA.heart.cx, cy: AKINAZA.heart.cy, r: AKINAZA.heart.inner, fill: AKINAZA.highlight })
     ] }) })
   ] });
 }
@@ -747,7 +738,7 @@ function AkinazaMark({ size = 48, animated = true, title, neutral }) {
 // src/native/avatar.tsx
 import * as React4 from "react";
 import { Image, StyleSheet as StyleSheet4, Text as Text2, View as View4 } from "react-native";
-import Svg2, { Circle as Circle2, Defs as Defs2, LinearGradient as LinearGradient2, Stop as Stop2, SvgUri } from "react-native-svg";
+import Svg2, { Circle as Circle2, Defs as Defs2, LinearGradient, Stop as Stop2, SvgUri } from "react-native-svg";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var SIDE = { xs: 20, sm: 32, md: 40, lg: 56, xl: 80 };
 function isSvgUri(uri) {
@@ -782,7 +773,7 @@ function AvatarRoot({ src, svg, alt = "", fallback, fallbackSrc, defaultAvatar,
   const name = [alt, presence ? presenceLabel : null].filter(Boolean).join(", ");
   return /* @__PURE__ */ jsxs4(View4, { accessible: Boolean(name), role: name ? "img" : void 0, "aria-label": name || void 0, ...props, style: [{ width: outer, height: outer, alignItems: "center", justifyContent: "center" }, style], children: [
     ring ? /* @__PURE__ */ jsxs4(Svg2, { width: outer, height: outer, style: StyleSheet4.absoluteFill, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx6(Defs2, { children: /* @__PURE__ */ jsxs4(LinearGradient2, { id: gradient, x1: "0", y1: "1", x2: "1", y2: "0", children: [
+      /* @__PURE__ */ jsx6(Defs2, { children: /* @__PURE__ */ jsxs4(LinearGradient, { id: gradient, x1: "0", y1: "1", x2: "1", y2: "0", children: [
         /* @__PURE__ */ jsx6(Stop2, { offset: "0", stopColor: theme.accent }),
         /* @__PURE__ */ jsx6(Stop2, { offset: "1", stopColor: theme.accent2 })
       ] }) }),
@@ -1081,7 +1072,7 @@ var styles5 = StyleSheet5.create({
 // src/native/button.tsx
 import * as React6 from "react";
 import { ActivityIndicator, Pressable as Pressable2, StyleSheet as StyleSheet6, View as View5 } from "react-native";
-import Svg3, { Defs as Defs3, LinearGradient as LinearGradient3, Rect as Rect2, Stop as Stop3 } from "react-native-svg";
+import Svg3, { Defs as Defs3, LinearGradient as LinearGradient2, Rect, Stop as Stop3 } from "react-native-svg";
 
 // src/button/recipe.ts
 var buttonRecipe = defineRecipe({
@@ -1140,11 +1131,11 @@ function useButton({ variant = "secondary", size = "md", shape = "rounded", load
 function Fill({ colors, id }) {
   if (!colors.gradient) return null;
   return /* @__PURE__ */ jsxs6(Svg3, { "aria-hidden": true, pointerEvents: "none", style: StyleSheet6.absoluteFill, width: "100%", height: "100%", children: [
-    /* @__PURE__ */ jsx8(Defs3, { children: /* @__PURE__ */ jsxs6(LinearGradient3, { id, x1: "0", y1: "0", x2: "1", y2: "0", children: [
+    /* @__PURE__ */ jsx8(Defs3, { children: /* @__PURE__ */ jsxs6(LinearGradient2, { id, x1: "0", y1: "0", x2: "1", y2: "0", children: [
       /* @__PURE__ */ jsx8(Stop3, { offset: "0", stopColor: colors.gradient[0] }),
       /* @__PURE__ */ jsx8(Stop3, { offset: "1", stopColor: colors.gradient[1] })
     ] }) }),
-    /* @__PURE__ */ jsx8(Rect2, { width: "100%", height: "100%", fill: `url(#${id})` })
+    /* @__PURE__ */ jsx8(Rect, { width: "100%", height: "100%", fill: `url(#${id})` })
   ] });
 }
 function Button({ label, icon, variant, size = "md", shape, loading = false, disabled, style, ...props }) {
@@ -2592,8 +2583,32 @@ var styles20 = StyleSheet20.create({
   disabled: { opacity: 0.5 }
 });
 
+// src/native/force-update-screen.tsx
+import { StyleSheet as StyleSheet21, View as View19 } from "react-native";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+function ForceUpdateScreen({ title, message, versionLabel, mark, updateLabel, onUpdate, retryLabel, onRetry, fill = true, style }) {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs20(View19, { style: [styles21.root, fill ? styles21.fill : null, { backgroundColor: theme.surface0 }, style], children: [
+    mark ? /* @__PURE__ */ jsx23(View19, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: styles21.mark, children: mark }) : null,
+    /* @__PURE__ */ jsx23(Txt, { variant: "title", style: styles21.centred, children: title }),
+    message ? /* @__PURE__ */ jsx23(Txt, { tone: "secondary", style: styles21.centred, children: message }) : null,
+    versionLabel ? /* @__PURE__ */ jsx23(Txt, { variant: "mono", tone: "secondary", style: styles21.centred, children: versionLabel }) : null,
+    /* @__PURE__ */ jsxs20(View19, { style: styles21.actions, children: [
+      /* @__PURE__ */ jsx23(Button, { label: updateLabel, variant: "primary", size: "lg", onPress: onUpdate }),
+      retryLabel && onRetry ? /* @__PURE__ */ jsx23(Button, { label: retryLabel, variant: "ghost", onPress: onRetry }) : null
+    ] })
+  ] });
+}
+var styles21 = StyleSheet21.create({
+  root: { alignItems: "center", justifyContent: "center", gap: 12, padding: 24 },
+  fill: { flex: 1 },
+  mark: { width: 96, height: 96, alignItems: "center", justifyContent: "center" },
+  centred: { textAlign: "center", maxWidth: 340 },
+  actions: { marginTop: 8, gap: 8, alignSelf: "stretch", maxWidth: 340, width: "100%" }
+});
+
 // src/native/goal-gauge.tsx
-import { Animated as Animated7, StyleSheet as StyleSheet21, View as View19 } from "react-native";
+import { Animated as Animated7, StyleSheet as StyleSheet22, View as View20 } from "react-native";
 
 // src/native/story-motion.ts
 import * as React17 from "react";
@@ -2616,17 +2631,17 @@ function useEntrance(animated, delay = 0, duration = 700) {
 }
 
 // src/native/goal-gauge.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function Cell({ lit, animate, order, animated, arcade }) {
   const { theme } = useTheme();
   const t = useEntrance(animated && animate, 300 + order * 100, 350);
   const spentOpacity = arcade ? 0.14 : 1;
   const opacity = !animate ? 1 : lit ? t.interpolate({ inputRange: [0, 1], outputRange: [0.25, 1] }) : t.interpolate({ inputRange: [0, 1], outputRange: [1, arcade ? 0.14 : 1] });
   const color = lit || arcade ? theme.accent : theme.surface3;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Animated7.View,
     {
-      style: [styles21.cell, arcade ? styles21.cellArcade : null, { backgroundColor: color, opacity: lit || animate ? opacity : spentOpacity }]
+      style: [styles22.cell, arcade ? styles22.cellArcade : null, { backgroundColor: color, opacity: lit || animate ? opacity : spentOpacity }]
     }
   );
 }
@@ -2636,8 +2651,8 @@ function GoalGauge({ label, segments, value, valueText, mode = "fill", showLabel
   const lit = Math.min(total, Math.max(0, Math.round(value ?? total)));
   const words2 = valueText ?? `${lit} / ${total}`;
   const arcade = variant === "arcade";
-  return /* @__PURE__ */ jsxs20(
-    View19,
+  return /* @__PURE__ */ jsxs21(
+    View20,
     {
       accessible: true,
       role: "meter",
@@ -2647,22 +2662,22 @@ function GoalGauge({ label, segments, value, valueText, mode = "fill", showLabel
       "aria-valuenow": lit,
       "aria-valuetext": words2,
       ...props,
-      style: [styles21.root, style],
+      style: [styles22.root, style],
       children: [
-        showLabel ? /* @__PURE__ */ jsxs20(View19, { "aria-hidden": true, style: [styles21.head, arcade ? styles21.headArcade : null], children: [
-          /* @__PURE__ */ jsx23(Txt, { variant: arcade ? "mono" : "caption", tone: "secondary", children: arcade ? label.toUpperCase() : label }),
-          arcade ? null : /* @__PURE__ */ jsx23(Txt, { variant: "caption", children: words2 })
+        showLabel ? /* @__PURE__ */ jsxs21(View20, { "aria-hidden": true, style: [styles22.head, arcade ? styles22.headArcade : null], children: [
+          /* @__PURE__ */ jsx24(Txt, { variant: arcade ? "mono" : "caption", tone: "secondary", children: arcade ? label.toUpperCase() : label }),
+          arcade ? null : /* @__PURE__ */ jsx24(Txt, { variant: "caption", children: words2 })
         ] }) : null,
-        /* @__PURE__ */ jsx23(View19, { "aria-hidden": true, style: [styles21.cells, arcade ? [styles21.cellsArcade, { borderColor: theme.borderSubtle, backgroundColor: theme.surface1 }] : null], children: Array.from({ length: total }, (_, i) => {
+        /* @__PURE__ */ jsx24(View20, { "aria-hidden": true, style: [styles22.cells, arcade ? [styles22.cellsArcade, { borderColor: theme.borderSubtle, backgroundColor: theme.surface1 }] : null], children: Array.from({ length: total }, (_, i) => {
           const on = i < lit;
           const animate = mode === "fill" ? on : !on;
-          return /* @__PURE__ */ jsx23(Cell, { lit: on, animate, order: mode === "fill" ? i : i - lit, animated, arcade }, i);
+          return /* @__PURE__ */ jsx24(Cell, { lit: on, animate, order: mode === "fill" ? i : i - lit, animated, arcade }, i);
         }) })
       ]
     }
   );
 }
-var styles21 = StyleSheet21.create({
+var styles22 = StyleSheet22.create({
   root: { alignSelf: "stretch", gap: 8 },
   head: { flexDirection: "row", justifyContent: "space-between", alignItems: "baseline", gap: 12 },
   headArcade: { justifyContent: "center" },
@@ -2674,9 +2689,9 @@ var styles21 = StyleSheet21.create({
 
 // src/native/header.tsx
 import * as React18 from "react";
-import { Animated as Animated8, Pressable as Pressable12, StyleSheet as StyleSheet22, View as View20 } from "react-native";
+import { Animated as Animated8, Pressable as Pressable12, StyleSheet as StyleSheet23, View as View21 } from "react-native";
 import Svg8, { Path as Path6 } from "react-native-svg";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var BAR = 44;
 var LARGE = 52;
 function Header({ title, subtitle, scrollY, size = "large", backLabel, onBack, actions, children, style }) {
@@ -2689,21 +2704,21 @@ function Header({ title, subtitle, scrollY, size = "large", backLabel, onBack, a
   const largeOpacity = progress.interpolate({ inputRange: [0, 0.7], outputRange: [1, 0], extrapolate: "clamp" });
   const largeShift = reduce ? 0 : progress.interpolate({ inputRange: [0, 1], outputRange: [0, -10] });
   const largeHeight = progress.interpolate({ inputRange: [0, 1], outputRange: [LARGE + (subtitle ? 18 : 0), 0] });
-  return /* @__PURE__ */ jsxs21(View20, { style: [{ paddingTop: insets.top, backgroundColor: theme.surface0 }, style], children: [
-    /* @__PURE__ */ jsxs21(View20, { style: styles22.bar, children: [
-      /* @__PURE__ */ jsx24(View20, { style: styles22.side, children: onBack && backLabel ? /* @__PURE__ */ jsxs21(Pressable12, { role: "button", "aria-label": backLabel, onPress: onBack, hitSlop: 8, style: styles22.back, children: [
-        /* @__PURE__ */ jsx24(Svg8, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx24(Path6, { d: "M15 5l-7 7 7 7", stroke: theme.accentText, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-        /* @__PURE__ */ jsx24(Txt, { variant: "label", tone: "accent", numberOfLines: 1, children: backLabel })
+  return /* @__PURE__ */ jsxs22(View21, { style: [{ paddingTop: insets.top, backgroundColor: theme.surface0 }, style], children: [
+    /* @__PURE__ */ jsxs22(View21, { style: styles23.bar, children: [
+      /* @__PURE__ */ jsx25(View21, { style: styles23.side, children: onBack && backLabel ? /* @__PURE__ */ jsxs22(Pressable12, { role: "button", "aria-label": backLabel, onPress: onBack, hitSlop: 8, style: styles23.back, children: [
+        /* @__PURE__ */ jsx25(Svg8, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx25(Path6, { d: "M15 5l-7 7 7 7", stroke: theme.accentText, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+        /* @__PURE__ */ jsx25(Txt, { variant: "label", tone: "accent", numberOfLines: 1, children: backLabel })
       ] }) : null }),
-      /* @__PURE__ */ jsx24(Animated8.View, { style: [styles22.middle, { opacity: smallOpacity }], "aria-hidden": large, children: /* @__PURE__ */ jsx24(Txt, { variant: "label", numberOfLines: 1, role: large ? void 0 : "heading", children: title }) }),
-      /* @__PURE__ */ jsx24(View20, { style: [styles22.side, styles22.right], children: actions })
+      /* @__PURE__ */ jsx25(Animated8.View, { style: [styles23.middle, { opacity: smallOpacity }], "aria-hidden": large, children: /* @__PURE__ */ jsx25(Txt, { variant: "label", numberOfLines: 1, role: large ? void 0 : "heading", children: title }) }),
+      /* @__PURE__ */ jsx25(View21, { style: [styles23.side, styles23.right], children: actions })
     ] }),
-    large ? /* @__PURE__ */ jsx24(Animated8.View, { style: { height: largeHeight, overflow: "hidden" }, children: /* @__PURE__ */ jsxs21(Animated8.View, { style: [styles22.large, { opacity: largeOpacity, transform: [{ translateY: largeShift }] }], children: [
-      /* @__PURE__ */ jsx24(Txt, { variant: "display", numberOfLines: 1, role: "heading", style: styles22.largeTitle, children: title }),
-      subtitle ? /* @__PURE__ */ jsx24(Txt, { variant: "caption", tone: "secondary", children: subtitle }) : null
+    large ? /* @__PURE__ */ jsx25(Animated8.View, { style: { height: largeHeight, overflow: "hidden" }, children: /* @__PURE__ */ jsxs22(Animated8.View, { style: [styles23.large, { opacity: largeOpacity, transform: [{ translateY: largeShift }] }], children: [
+      /* @__PURE__ */ jsx25(Txt, { variant: "display", numberOfLines: 1, role: "heading", style: styles23.largeTitle, children: title }),
+      subtitle ? /* @__PURE__ */ jsx25(Txt, { variant: "caption", tone: "secondary", children: subtitle }) : null
     ] }) }) : null,
-    children ? /* @__PURE__ */ jsx24(View20, { style: styles22.children, children }) : null,
-    /* @__PURE__ */ jsx24(Animated8.View, { "aria-hidden": true, style: [styles22.rule, { backgroundColor: theme.borderSubtle, opacity: smallOpacity }] })
+    children ? /* @__PURE__ */ jsx25(View21, { style: styles23.children, children }) : null,
+    /* @__PURE__ */ jsx25(Animated8.View, { "aria-hidden": true, style: [styles23.rule, { backgroundColor: theme.borderSubtle, opacity: smallOpacity }] })
   ] });
 }
 function useCollapsingHeader() {
@@ -2711,7 +2726,7 @@ function useCollapsingHeader() {
   const onScroll = React18.useMemo(() => Animated8.event([{ nativeEvent: { contentOffset: { y: scrollY } } }], { useNativeDriver: false }), [scrollY]);
   return { scrollY, onScroll };
 }
-var styles22 = StyleSheet22.create({
+var styles23 = StyleSheet23.create({
   bar: { height: BAR, flexDirection: "row", alignItems: "center", paddingHorizontal: 8 },
   side: { flex: 1, flexDirection: "row", alignItems: "center" },
   right: { justifyContent: "flex-end", gap: 4 },
@@ -2720,13 +2735,13 @@ var styles22 = StyleSheet22.create({
   large: { paddingHorizontal: 16, paddingBottom: 6 },
   largeTitle: { fontSize: 32, lineHeight: 40 },
   children: { paddingHorizontal: 16, paddingBottom: 8 },
-  rule: { height: StyleSheet22.hairlineWidth }
+  rule: { height: StyleSheet23.hairlineWidth }
 });
 
 // src/native/image-viewer.tsx
 import * as React19 from "react";
-import { AccessibilityInfo as AccessibilityInfo5, Animated as Animated9, Image as Image3, Modal as Modal3, PanResponder, Pressable as Pressable13, StyleSheet as StyleSheet23, useWindowDimensions, View as View21 } from "react-native";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { AccessibilityInfo as AccessibilityInfo5, Animated as Animated9, Image as Image3, Modal as Modal3, PanResponder, Pressable as Pressable13, StyleSheet as StyleSheet24, useWindowDimensions, View as View22 } from "react-native";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var MAX_SCALE = 4;
 function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel = (n, total) => `${n} / ${total}` }) {
   const { theme, insets, haptic } = useTheme();
@@ -2814,12 +2829,12 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
   if (!open) return null;
   const image = images[index];
   const backdrop = dismiss2.interpolate({ inputRange: [0, height / 2], outputRange: [1, 0.3], extrapolate: "clamp" });
-  return /* @__PURE__ */ jsxs22(Modal3, { ...modalName(image.alt), visible: true, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onIndexChange(null), statusBarTranslucent: true, children: [
-    /* @__PURE__ */ jsx25(Animated9.View, { style: [StyleSheet23.absoluteFill, { backgroundColor: theme.media, opacity: backdrop }] }),
-    /* @__PURE__ */ jsx25(
-      View21,
+  return /* @__PURE__ */ jsxs23(Modal3, { ...modalName(image.alt), visible: true, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onIndexChange(null), statusBarTranslucent: true, children: [
+    /* @__PURE__ */ jsx26(Animated9.View, { style: [StyleSheet24.absoluteFill, { backgroundColor: theme.media, opacity: backdrop }] }),
+    /* @__PURE__ */ jsx26(
+      View22,
       {
-        style: StyleSheet23.absoluteFill,
+        style: StyleSheet24.absoluteFill,
         accessible: true,
         role: "img",
         "aria-label": `${image.alt}, ${positionLabel(index + 1, images.length)}`,
@@ -2831,21 +2846,21 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
           if (name === "escape") onIndexChange(null);
         },
         ...responder.panHandlers,
-        children: /* @__PURE__ */ jsx25(Animated9.View, { style: { width, height, transform: [{ translateX: pan.x }, { translateY: Animated9.add(pan.y, dismiss2) }, { scale }] }, children: /* @__PURE__ */ jsx25(Image3, { source: { uri: image.uri }, resizeMode: "contain", style: { width, height }, accessibilityIgnoresInvertColors: true }) })
+        children: /* @__PURE__ */ jsx26(Animated9.View, { style: { width, height, transform: [{ translateX: pan.x }, { translateY: Animated9.add(pan.y, dismiss2) }, { scale }] }, children: /* @__PURE__ */ jsx26(Image3, { source: { uri: image.uri }, resizeMode: "contain", style: { width, height }, accessibilityIgnoresInvertColors: true }) })
       }
     ),
-    /* @__PURE__ */ jsxs22(View21, { pointerEvents: "box-none", style: [styles23.top, { paddingTop: insets.top + 8 }], children: [
-      /* @__PURE__ */ jsx25(View21, { "aria-hidden": true, style: [styles23.counter, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx25(Txt, { variant: "label", tone: "onMedia", children: positionLabel(index + 1, images.length) }) }),
-      /* @__PURE__ */ jsx25(Pressable13, { role: "button", "aria-label": closeLabel, hitSlop: 12, onPress: () => onIndexChange(null), style: [styles23.close, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx25(Txt, { tone: "onMedia", style: styles23.cross, "aria-hidden": true, children: "\xD7" }) })
+    /* @__PURE__ */ jsxs23(View22, { pointerEvents: "box-none", style: [styles24.top, { paddingTop: insets.top + 8 }], children: [
+      /* @__PURE__ */ jsx26(View22, { "aria-hidden": true, style: [styles24.counter, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx26(Txt, { variant: "label", tone: "onMedia", children: positionLabel(index + 1, images.length) }) }),
+      /* @__PURE__ */ jsx26(Pressable13, { role: "button", "aria-label": closeLabel, hitSlop: 12, onPress: () => onIndexChange(null), style: [styles24.close, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx26(Txt, { tone: "onMedia", style: styles24.cross, "aria-hidden": true, children: "\xD7" }) })
     ] }),
-    image.caption ? /* @__PURE__ */ jsx25(View21, { pointerEvents: "none", style: [styles23.caption, { paddingBottom: insets.bottom + 16, backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx25(Txt, { tone: "onMedia", children: image.caption }) }) : null
+    image.caption ? /* @__PURE__ */ jsx26(View22, { pointerEvents: "none", style: [styles24.caption, { paddingBottom: insets.bottom + 16, backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx26(Txt, { tone: "onMedia", children: image.caption }) }) : null
   ] });
 }
 function prefetchNeighbours(images, index) {
   if (index === null) return;
   for (const i of [index - 1, index + 1]) if (images[i]) void Image3.prefetch(images[i].uri).catch(() => void 0);
 }
-var styles23 = StyleSheet23.create({
+var styles24 = StyleSheet24.create({
   top: { position: "absolute", top: 0, left: 0, right: 0, flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingHorizontal: 16 },
   counter: { paddingHorizontal: 10, paddingVertical: 4, borderRadius: 999 },
   close: { width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" },
@@ -2854,72 +2869,71 @@ var styles23 = StyleSheet23.create({
 });
 
 // src/native/KachizakaMark.tsx
-import { View as View22 } from "react-native";
-import Svg9, { Circle as Circle3, Defs as Defs4, LinearGradient as LinearGradient4, Path as Path7, RadialGradient as RadialGradient2, Stop as Stop4 } from "react-native-svg";
+import { View as View23 } from "react-native";
+import Svg9, { Circle as Circle3, Defs as Defs4, Path as Path7, RadialGradient as RadialGradient2, Stop as Stop4 } from "react-native-svg";
 
 // src/marks/kachizaka-geometry.ts
+var cobalt = marks.kachizaka[0][1];
 var gold = marks.kachizaka[marks.kachizaka.length - 1][1];
 var KACHIZAKA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
   center: 200,
-  /** The bowl: a rim 136 → 264 at y 104, cut 32 at its upper-right corner (the Krizaka chamfer), rounding down to the stem. */
-  cup: "M136 104 H232 L264 136 V164 C264 214 236 242 200 246 C164 242 136 214 136 164 Z",
-  /** The stem and the base, one shape. */
-  base: "M190 244 H210 V272 H240 C244 272 248 276 248 280 V300 H152 V280 C152 276 156 272 160 272 H190 Z",
-  /** The two handles, stroked in the gradient. */
-  handles: "M138 128 C100 124 100 196 150 202 M262 128 C300 124 300 196 250 202",
-  handleWidth: 14,
-  /** The seal: a five-pointed star in light on the bowl, centred (200, 172), radii 30 / 13. */
-  star: "M200 142 L207.6 161.5 L228.5 162.7 L212.4 176 L217.6 196.3 L200 185 L182.4 196.3 L187.6 176 L171.5 162.7 L192.4 161.5 Z",
-  starColor: "#fffbea",
-  gradient: { x1: 136, y1: 300, x2: 264, y2: 104, stops: marks.kachizaka },
+  cobalt,
+  gold,
+  /** The steps: second (left, cut top-left), first (centre, both top corners cut, in gold), third (right, cut top-right). */
+  steps: {
+    second: "M102 240 L122 220 H162 V296 H102 Z",
+    first: "M170 192 L188 174 H212 L230 192 V296 H170 Z",
+    third: "M238 248 H278 L298 268 V296 H238 Z"
+  },
+  /** The lit node over the winner: a gold diamond (half-diagonal 22, softened by a 6-unit round stroke), its light inside. */
+  node: { d: "M200 102 L222 124 L200 146 L178 124 Z", light: "M200 116.1 L207.9 124 L200 131.9 L192.1 124 Z", soften: 6 },
+  highlight: "#fffbea",
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.kachizaka },
   /** The ball: one node on the orbit, that turns with it. */
-  node: { r: 9, at: [200, 40] },
+  ball: { r: 9, at: [200, 40] },
   glow: { color: gold, opacity: 0.18 },
-  /** The seal's breathing shadow (web), in the gold. */
   pulse: { color: gold, low: 0.35, high: 0.75 },
+  motion: { spin: 28, breath: 3.2 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/native/KachizakaMark.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function KachizakaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, 28e3);
-  const id = useSvgId("kzm");
+  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, KACHIZAKA.motion.spin * 1e3);
+  const id = useSvgId("kcm");
   const viewBox = size < 48 ? KACHIZAKA.croppedViewBox : KACHIZAKA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx26(LinearGradient4, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: KACHIZAKA.gradient.x1, y1: KACHIZAKA.gradient.y1, x2: KACHIZAKA.gradient.x2, y2: KACHIZAKA.gradient.y2, children: KACHIZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx26(Stop4, { offset, stopColor: color }, offset)) });
-  const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs23(View22, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs23(Svg9, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs23(Defs4, { children: [
-        /* @__PURE__ */ jsxs23(RadialGradient2, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx26(Stop4, { offset: "0%", stopColor: KACHIZAKA.glow.color, stopOpacity: KACHIZAKA.glow.opacity }),
-          /* @__PURE__ */ jsx26(Stop4, { offset: "100%", stopColor: KACHIZAKA.glow.color, stopOpacity: 0 })
-        ] }),
-        gradient
-      ] }),
-      size >= 48 ? /* @__PURE__ */ jsx26(Circle3, { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx26(Circle3, { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: KACHIZAKA.ring.r, stroke, strokeWidth: KACHIZAKA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx26(Path7, { d: KACHIZAKA.handles, stroke: fill, strokeWidth: KACHIZAKA.handleWidth, strokeLinecap: "round", fill: "none" }),
-      /* @__PURE__ */ jsx26(Path7, { d: KACHIZAKA.base, fill }),
-      /* @__PURE__ */ jsx26(Path7, { d: KACHIZAKA.cup, fill })
+  return /* @__PURE__ */ jsxs24(View23, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs24(Svg9, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx27(Defs4, { children: /* @__PURE__ */ jsxs24(RadialGradient2, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx27(Stop4, { offset: "0%", stopColor: KACHIZAKA.glow.color, stopOpacity: KACHIZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx27(Stop4, { offset: "100%", stopColor: KACHIZAKA.glow.color, stopOpacity: 0 })
+      ] }) }),
+      size >= 48 ? /* @__PURE__ */ jsx27(Circle3, { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx27(Circle3, { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: KACHIZAKA.ring.r, stroke, strokeWidth: KACHIZAKA.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx27(Path7, { d: KACHIZAKA.steps.second, fill: KACHIZAKA.cobalt }),
+      /* @__PURE__ */ jsx27(Path7, { d: KACHIZAKA.steps.first, fill: KACHIZAKA.gold }),
+      /* @__PURE__ */ jsx27(Path7, { d: KACHIZAKA.steps.third, fill: KACHIZAKA.cobalt })
     ] }),
-    /* @__PURE__ */ jsx26(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs23(Svg9, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx26(Defs4, { children: gradient }),
-      /* @__PURE__ */ jsx26(Circle3, { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: KACHIZAKA.orbit.r, stroke, strokeWidth: KACHIZAKA.orbit.width, strokeDasharray: KACHIZAKA.orbit.dash, opacity: 0.6, fill: "none" }),
-      /* @__PURE__ */ jsx26(Circle3, { cx: KACHIZAKA.node.at[0], cy: KACHIZAKA.node.at[1], r: KACHIZAKA.node.r, fill })
+    /* @__PURE__ */ jsx27(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs24(Svg9, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx27(Circle3, { cx: KACHIZAKA.center, cy: KACHIZAKA.center, r: KACHIZAKA.orbit.r, stroke, strokeWidth: KACHIZAKA.orbit.width, strokeDasharray: KACHIZAKA.orbit.dash, opacity: 0.6, fill: "none" }),
+      /* @__PURE__ */ jsx27(Circle3, { cx: KACHIZAKA.ball.at[0], cy: KACHIZAKA.ball.at[1], r: KACHIZAKA.ball.r, fill: KACHIZAKA.gold })
     ] }) }),
-    /* @__PURE__ */ jsx26(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsx26(Svg9, { viewBox, style: layer, children: /* @__PURE__ */ jsx26(Path7, { d: KACHIZAKA.star, fill: KACHIZAKA.starColor }) }) })
+    /* @__PURE__ */ jsx27(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs24(Svg9, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx27(Path7, { d: KACHIZAKA.node.d, fill: KACHIZAKA.gold, stroke: KACHIZAKA.gold, strokeWidth: KACHIZAKA.node.soften, strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsx27(Path7, { d: KACHIZAKA.node.light, fill: KACHIZAKA.highlight })
+    ] }) })
   ] });
 }
 
 // src/native/KrizakaMark.tsx
-import { View as View23 } from "react-native";
-import Svg10, { Circle as Circle4, Defs as Defs5, G as Group, LinearGradient as LinearGradient5, Path as Path8, RadialGradient as RadialGradient3, Stop as Stop5 } from "react-native-svg";
+import { View as View24 } from "react-native";
+import Svg10, { Circle as Circle4, Defs as Defs5, G as Group, LinearGradient as LinearGradient3, Path as Path8, RadialGradient as RadialGradient3, Stop as Stop5 } from "react-native-svg";
 
 // src/marks/krizaka-geometry.ts
 var KRIZAKA = {
@@ -2941,39 +2955,39 @@ var KRIZAKA = {
 };
 
 // src/native/KrizakaMark.tsx
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function KrizakaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
   const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
   const id = useSvgId("kzm");
   const viewBox = size < 48 ? KRIZAKA.croppedViewBox : KRIZAKA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const blue = /* @__PURE__ */ jsx27(LinearGradient5, { id: `${id}b`, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.blue.x1 + KRIZAKA.offset, y1: KRIZAKA.blue.y1 + KRIZAKA.offset, x2: KRIZAKA.blue.x2 + KRIZAKA.offset, y2: KRIZAKA.blue.y2 + KRIZAKA.offset, children: KRIZAKA.blue.stops.map(([offset, color]) => /* @__PURE__ */ jsx27(Stop5, { offset, stopColor: color }, offset)) });
-  const dot = (c) => /* @__PURE__ */ jsxs24(Fragment5, { children: [
-    /* @__PURE__ */ jsx27(Circle4, { cx: c.cx, cy: c.cy, r: c.r, fill: `url(#${id}b)` }),
-    /* @__PURE__ */ jsx27(Circle4, { cx: c.cx, cy: c.cy, r: c.inner, fill: KRIZAKA.highlight })
+  const blue = /* @__PURE__ */ jsx28(LinearGradient3, { id: `${id}b`, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.blue.x1 + KRIZAKA.offset, y1: KRIZAKA.blue.y1 + KRIZAKA.offset, x2: KRIZAKA.blue.x2 + KRIZAKA.offset, y2: KRIZAKA.blue.y2 + KRIZAKA.offset, children: KRIZAKA.blue.stops.map(([offset, color]) => /* @__PURE__ */ jsx28(Stop5, { offset, stopColor: color }, offset)) });
+  const dot = (c) => /* @__PURE__ */ jsxs25(Fragment5, { children: [
+    /* @__PURE__ */ jsx28(Circle4, { cx: c.cx, cy: c.cy, r: c.r, fill: `url(#${id}b)` }),
+    /* @__PURE__ */ jsx28(Circle4, { cx: c.cx, cy: c.cy, r: c.inner, fill: KRIZAKA.highlight })
   ] });
-  return /* @__PURE__ */ jsxs24(View23, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs24(Svg10, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs24(Defs5, { children: [
-        /* @__PURE__ */ jsxs24(RadialGradient3, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx27(Stop5, { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
-          /* @__PURE__ */ jsx27(Stop5, { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs25(View24, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs25(Svg10, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs25(Defs5, { children: [
+        /* @__PURE__ */ jsxs25(RadialGradient3, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ jsx28(Stop5, { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
+          /* @__PURE__ */ jsx28(Stop5, { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: 0 })
         ] }),
-        /* @__PURE__ */ jsxs24(LinearGradient5, { id: `${id}i`, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.ink.x1 + KRIZAKA.offset, y1: KRIZAKA.ink.y1 + KRIZAKA.offset, x2: KRIZAKA.ink.x2 + KRIZAKA.offset, y2: KRIZAKA.ink.y2 + KRIZAKA.offset, children: [
-          /* @__PURE__ */ jsx27(Stop5, { offset: "0%", stopColor: theme.textSecondary }),
-          /* @__PURE__ */ jsx27(Stop5, { offset: "100%", stopColor: theme.textPrimary })
+        /* @__PURE__ */ jsxs25(LinearGradient3, { id: `${id}i`, gradientUnits: "userSpaceOnUse", x1: KRIZAKA.ink.x1 + KRIZAKA.offset, y1: KRIZAKA.ink.y1 + KRIZAKA.offset, x2: KRIZAKA.ink.x2 + KRIZAKA.offset, y2: KRIZAKA.ink.y2 + KRIZAKA.offset, children: [
+          /* @__PURE__ */ jsx28(Stop5, { offset: "0%", stopColor: theme.textSecondary }),
+          /* @__PURE__ */ jsx28(Stop5, { offset: "100%", stopColor: theme.textPrimary })
         ] }),
         blue
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx27(Circle4, { cx: 200, cy: 200, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx27(Circle4, { cx: 200, cy: 200, r: KRIZAKA.ring.r, stroke, strokeWidth: KRIZAKA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx27(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: /* @__PURE__ */ jsx27(Path8, { d: KRIZAKA.shield, stroke: `url(#${id}i)`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })
+      size >= 48 ? /* @__PURE__ */ jsx28(Circle4, { cx: 200, cy: 200, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx28(Circle4, { cx: 200, cy: 200, r: KRIZAKA.ring.r, stroke, strokeWidth: KRIZAKA.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx28(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: /* @__PURE__ */ jsx28(Path8, { d: KRIZAKA.shield, stroke: `url(#${id}i)`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })
     ] }),
-    /* @__PURE__ */ jsx27(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsx27(Svg10, { viewBox, style: layer, children: /* @__PURE__ */ jsx27(Circle4, { cx: 200, cy: 200, r: KRIZAKA.orbit.r, stroke, strokeWidth: KRIZAKA.orbit.width, strokeDasharray: KRIZAKA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
-    /* @__PURE__ */ jsx27(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs24(Svg10, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx27(Defs5, { children: blue }),
-      /* @__PURE__ */ jsxs24(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
+    /* @__PURE__ */ jsx28(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsx28(Svg10, { viewBox, style: layer, children: /* @__PURE__ */ jsx28(Circle4, { cx: 200, cy: 200, r: KRIZAKA.orbit.r, stroke, strokeWidth: KRIZAKA.orbit.width, strokeDasharray: KRIZAKA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
+    /* @__PURE__ */ jsx28(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs25(Svg10, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx28(Defs5, { children: blue }),
+      /* @__PURE__ */ jsxs25(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
         dot(KRIZAKA.node),
         dot(KRIZAKA.core)
       ] })
@@ -2983,12 +2997,12 @@ function KrizakaMark({ size = 48, animated = true, title, neutral }) {
 
 // src/native/loader.tsx
 import * as React22 from "react";
-import { AccessibilityInfo as AccessibilityInfo7, Animated as Animated11, Easing as Easing5, StyleSheet as StyleSheet24, View as View29 } from "react-native";
+import { AccessibilityInfo as AccessibilityInfo7, Animated as Animated11, Easing as Easing5, StyleSheet as StyleSheet25, View as View30 } from "react-native";
 import Svg16, { Circle as Circle10, Path as Path14 } from "react-native-svg";
 
 // src/native/OrazakaMark.tsx
-import { View as View24 } from "react-native";
-import Svg11, { Circle as Circle5, Defs as Defs6, LinearGradient as LinearGradient6, Path as Path9, RadialGradient as RadialGradient4, Stop as Stop6 } from "react-native-svg";
+import { View as View25 } from "react-native";
+import Svg11, { Circle as Circle5, Defs as Defs6, LinearGradient as LinearGradient4, Path as Path9, RadialGradient as RadialGradient4, Stop as Stop6 } from "react-native-svg";
 
 // src/marks/orazaka-geometry.ts
 var orange = marks.orazaka[marks.orazaka.length - 1][1];
@@ -3017,41 +3031,41 @@ var ORAZAKA = {
 };
 
 // src/native/OrazakaMark.tsx
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function OrazakaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
   const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
   const id = useSvgId("ozm");
   const viewBox = size < 48 ? ORAZAKA.croppedViewBox : ORAZAKA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx28(LinearGradient6, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: ORAZAKA.gradient.x1, y1: ORAZAKA.gradient.y1, x2: ORAZAKA.gradient.x2, y2: ORAZAKA.gradient.y2, children: ORAZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx28(Stop6, { offset, stopColor: color }, offset)) });
+  const gradient = /* @__PURE__ */ jsx29(LinearGradient4, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: ORAZAKA.gradient.x1, y1: ORAZAKA.gradient.y1, x2: ORAZAKA.gradient.x2, y2: ORAZAKA.gradient.y2, children: ORAZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx29(Stop6, { offset, stopColor: color }, offset)) });
   const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs25(View24, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs25(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx28(Defs6, { children: /* @__PURE__ */ jsxs25(RadialGradient4, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx28(Stop6, { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
-        /* @__PURE__ */ jsx28(Stop6, { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs26(View25, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs26(Svg11, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx29(Defs6, { children: /* @__PURE__ */ jsxs26(RadialGradient4, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx29(Stop6, { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx29(Stop6, { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: 0 })
       ] }) }),
-      size >= 48 ? /* @__PURE__ */ jsx28(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx28(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.orbit.r, stroke, strokeWidth: ORAZAKA.orbit.width, strokeDasharray: ORAZAKA.orbit.dash, opacity: 0.6, fill: "none" }),
-      /* @__PURE__ */ jsx28(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke, strokeWidth: ORAZAKA.ring.width, opacity: 0.35, fill: "none" })
+      size >= 48 ? /* @__PURE__ */ jsx29(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx29(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.orbit.r, stroke, strokeWidth: ORAZAKA.orbit.width, strokeDasharray: ORAZAKA.orbit.dash, opacity: 0.6, fill: "none" }),
+      /* @__PURE__ */ jsx29(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke, strokeWidth: ORAZAKA.ring.width, opacity: 0.35, fill: "none" })
     ] }),
-    /* @__PURE__ */ jsx28(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs25(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx28(Defs6, { children: gradient }),
-      ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx28(Path9, { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d))
+    /* @__PURE__ */ jsx29(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs26(Svg11, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx29(Defs6, { children: gradient }),
+      ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx29(Path9, { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d))
     ] }) }),
-    /* @__PURE__ */ jsx28(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs25(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx28(Defs6, { children: gradient }),
-      /* @__PURE__ */ jsx28(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
-      /* @__PURE__ */ jsx28(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
+    /* @__PURE__ */ jsx29(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs26(Svg11, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx29(Defs6, { children: gradient }),
+      /* @__PURE__ */ jsx29(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
+      /* @__PURE__ */ jsx29(Circle5, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
     ] }) })
   ] });
 }
 
 // src/native/OrochiaMark.tsx
 import { useEffect as useEffect12, useState as useState20 } from "react";
-import { AccessibilityInfo as AccessibilityInfo6, Animated as Animated10, Easing as Easing4, View as View25 } from "react-native";
-import Svg12, { Circle as Circle6, Defs as Defs7, Ellipse, G as Group2, LinearGradient as LinearGradient7, Path as Path10, RadialGradient as RadialGradient5, Stop as Stop7 } from "react-native-svg";
+import { AccessibilityInfo as AccessibilityInfo6, Animated as Animated10, Easing as Easing4, View as View26 } from "react-native";
+import Svg12, { Circle as Circle6, Defs as Defs7, Ellipse, G as Group2, LinearGradient as LinearGradient5, Path as Path10, RadialGradient as RadialGradient5, Stop as Stop7 } from "react-native-svg";
 
 // src/marks/orochia-geometry.ts
 var OROCHIA = {
@@ -3078,7 +3092,7 @@ var OROCHIA = {
 };
 
 // src/native/OrochiaMark.tsx
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var CENTER = OROCHIA.offset + 180;
 function OrochiaMark({ size = 48, animated = true, title, neutral: neutralProp }) {
   const { theme } = useTheme();
@@ -3110,42 +3124,41 @@ function OrochiaMark({ size = 48, animated = true, title, neutral: neutralProp }
   const viewBox = size < 48 ? OROCHIA.croppedViewBox : OROCHIA.viewBox;
   const layer = { position: "absolute", width: size, height: size };
   const a11y = title ? { accessible: true, accessibilityRole: "image", accessibilityLabel: title } : { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
-  const bodyGradient = /* @__PURE__ */ jsx29(LinearGradient7, { id: "body", gradientUnits: "userSpaceOnUse", x1: OROCHIA.body.x1 + OROCHIA.offset, y1: OROCHIA.body.y1 + OROCHIA.offset, x2: OROCHIA.body.x2 + OROCHIA.offset, y2: OROCHIA.body.y2 + OROCHIA.offset, children: OROCHIA.body.stops.map(([offset, color]) => /* @__PURE__ */ jsx29(Stop7, { offset, stopColor: color }, offset)) });
-  return /* @__PURE__ */ jsxs26(View25, { style: { width: size, height: size }, ...a11y, children: [
-    /* @__PURE__ */ jsxs26(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx29(Defs7, { children: /* @__PURE__ */ jsxs26(RadialGradient5, { id: "glow", cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx29(Stop7, { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
-        /* @__PURE__ */ jsx29(Stop7, { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: 0 })
+  const bodyGradient = /* @__PURE__ */ jsx30(LinearGradient5, { id: "body", gradientUnits: "userSpaceOnUse", x1: OROCHIA.body.x1 + OROCHIA.offset, y1: OROCHIA.body.y1 + OROCHIA.offset, x2: OROCHIA.body.x2 + OROCHIA.offset, y2: OROCHIA.body.y2 + OROCHIA.offset, children: OROCHIA.body.stops.map(([offset, color]) => /* @__PURE__ */ jsx30(Stop7, { offset, stopColor: color }, offset)) });
+  return /* @__PURE__ */ jsxs27(View26, { style: { width: size, height: size }, ...a11y, children: [
+    /* @__PURE__ */ jsxs27(Svg12, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx30(Defs7, { children: /* @__PURE__ */ jsxs27(RadialGradient5, { id: "glow", cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx30(Stop7, { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
+        /* @__PURE__ */ jsx30(Stop7, { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: 0 })
       ] }) }),
-      /* @__PURE__ */ jsx29(Circle6, { cx: CENTER, cy: CENTER, r: 170, fill: "url(#glow)" }),
-      /* @__PURE__ */ jsx29(Circle6, { cx: CENTER, cy: CENTER, r: OROCHIA.ring.r, stroke: neutral, strokeWidth: OROCHIA.ring.width, opacity: 0.35, fill: "none" })
+      /* @__PURE__ */ jsx30(Circle6, { cx: CENTER, cy: CENTER, r: 170, fill: "url(#glow)" }),
+      /* @__PURE__ */ jsx30(Circle6, { cx: CENTER, cy: CENTER, r: OROCHIA.ring.r, stroke: neutral, strokeWidth: OROCHIA.ring.width, opacity: 0.35, fill: "none" })
     ] }),
-    /* @__PURE__ */ jsx29(Animated10.View, { style: [layer, { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] }], children: /* @__PURE__ */ jsx29(Svg12, { viewBox, style: layer, children: /* @__PURE__ */ jsx29(Circle6, { cx: CENTER, cy: CENTER, r: OROCHIA.orbit.r, stroke: neutral, strokeWidth: OROCHIA.orbit.width, strokeDasharray: OROCHIA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
-    /* @__PURE__ */ jsxs26(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx29(Defs7, { children: bodyGradient }),
-      /* @__PURE__ */ jsxs26(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-        /* @__PURE__ */ jsx29(Path10, { d: OROCHIA.arc, stroke: "url(#body)", strokeWidth: 22, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx29(Path10, { d: OROCHIA.arc, stroke: OROCHIA.scales.color, strokeOpacity: OROCHIA.scales.opacity, strokeWidth: OROCHIA.scales.width, strokeLinecap: "round", strokeDasharray: OROCHIA.scales.dash, fill: "none" }),
-        /* @__PURE__ */ jsx29(Path10, { d: OROCHIA.neck, stroke: "url(#body)", strokeWidth: 14, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx29(Path10, { d: OROCHIA.tail, stroke: "url(#body)", strokeWidth: 6, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx29(Ellipse, { cx: OROCHIA.head.cx, cy: OROCHIA.head.cy, rx: OROCHIA.head.rx, ry: OROCHIA.head.ry, rotation: OROCHIA.head.rotate, origin: `${OROCHIA.head.cx}, ${OROCHIA.head.cy}`, fill: "url(#body)" }),
-        /* @__PURE__ */ jsx29(Path10, { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: 3, strokeLinecap: "round", fill: "none" })
+    /* @__PURE__ */ jsx30(Animated10.View, { style: [layer, { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] }], children: /* @__PURE__ */ jsx30(Svg12, { viewBox, style: layer, children: /* @__PURE__ */ jsx30(Circle6, { cx: CENTER, cy: CENTER, r: OROCHIA.orbit.r, stroke: neutral, strokeWidth: OROCHIA.orbit.width, strokeDasharray: OROCHIA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
+    /* @__PURE__ */ jsxs27(Svg12, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx30(Defs7, { children: bodyGradient }),
+      /* @__PURE__ */ jsxs27(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
+        /* @__PURE__ */ jsx30(Path10, { d: OROCHIA.arc, stroke: "url(#body)", strokeWidth: 22, strokeLinecap: "round", fill: "none" }),
+        /* @__PURE__ */ jsx30(Path10, { d: OROCHIA.arc, stroke: OROCHIA.scales.color, strokeOpacity: OROCHIA.scales.opacity, strokeWidth: OROCHIA.scales.width, strokeLinecap: "round", strokeDasharray: OROCHIA.scales.dash, fill: "none" }),
+        /* @__PURE__ */ jsx30(Path10, { d: OROCHIA.neck, stroke: "url(#body)", strokeWidth: 14, strokeLinecap: "round", fill: "none" }),
+        /* @__PURE__ */ jsx30(Path10, { d: OROCHIA.tail, stroke: "url(#body)", strokeWidth: 6, strokeLinecap: "round", fill: "none" }),
+        /* @__PURE__ */ jsx30(Ellipse, { cx: OROCHIA.head.cx, cy: OROCHIA.head.cy, rx: OROCHIA.head.rx, ry: OROCHIA.head.ry, rotation: OROCHIA.head.rotate, origin: `${OROCHIA.head.cx}, ${OROCHIA.head.cy}`, fill: "url(#body)" }),
+        /* @__PURE__ */ jsx30(Path10, { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: 3, strokeLinecap: "round", fill: "none" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx29(Animated10.View, { style: [layer, { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }], children: /* @__PURE__ */ jsxs26(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx29(Defs7, { children: /* @__PURE__ */ jsx29(LinearGradient7, { id: "flame", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx29(Stop7, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsxs26(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-        /* @__PURE__ */ jsx29(Circle6, { cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
-        /* @__PURE__ */ jsx29(Path10, { d: OROCHIA.flame.d, transform: `translate(${OROCHIA.flame.translate[0]} ${OROCHIA.flame.translate[1]}) scale(${OROCHIA.flame.scale})`, fill: "url(#flame)" })
+    /* @__PURE__ */ jsx30(Animated10.View, { style: [layer, { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }], children: /* @__PURE__ */ jsxs27(Svg12, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx30(Defs7, { children: /* @__PURE__ */ jsx30(LinearGradient5, { id: "flame", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx30(Stop7, { offset, stopColor: color }, offset)) }) }),
+      /* @__PURE__ */ jsxs27(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
+        /* @__PURE__ */ jsx30(Circle6, { cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
+        /* @__PURE__ */ jsx30(Path10, { d: OROCHIA.flame.d, transform: `translate(${OROCHIA.flame.translate[0]} ${OROCHIA.flame.translate[1]}) scale(${OROCHIA.flame.scale})`, fill: "url(#flame)" })
       ] })
     ] }) })
   ] });
 }
 
 // src/native/YasakiaMark.tsx
-import React21 from "react";
-import { View as View26 } from "react-native";
-import Svg13, { Circle as Circle7, Defs as Defs8, LinearGradient as LinearGradient8, Path as Path11, RadialGradient as RadialGradient6, Stop as Stop8 } from "react-native-svg";
+import { View as View27 } from "react-native";
+import Svg13, { Circle as Circle7, Defs as Defs8, LinearGradient as LinearGradient6, Path as Path11, RadialGradient as RadialGradient6, Stop as Stop8 } from "react-native-svg";
 
 // src/marks/yasakia-geometry.ts
 var turquoise = marks.yasakia[marks.yasakia.length - 1][1];
@@ -3153,77 +3166,63 @@ var YASAKIA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
   center: 200,
-  /** The two voices, left then right: each a bubble (cut around the lens) and its tail. */
-  voices: [
-    { body: "M191.9 109 A80 80 0 1 0 191.9 259 A87 87 0 0 1 191.9 109 Z", tail: "M98 230 Q104 268 88 294 Q122 288 144 262 L130 200 Z" },
-    { body: "M208.1 109 A80 80 0 1 1 208.1 259 A87 87 0 0 0 208.1 109 Z", tail: "M302 230 Q296 268 312 294 Q278 288 256 262 L270 200 Z" }
+  bubble: { cx: 200, cy: 200, r: 86 },
+  /** The two tails, out of the bubble at 115°–160° and, turned 180° about the centre, at 295°–340°. */
+  tails: [
+    "M163.7 277.9 Q138 294 106 304 Q124 270 119.2 229.4 Z",
+    "M236.3 122.1 Q262 106 294 96 Q276 130 280.8 170.6 Z"
   ],
-  /** The left voice, a shade deeper: the depth between the two. */
-  shade: { color: "#000", opacity: 0.22 },
-  /** Where the bubbles overlap: the core, lit from above. */
-  lens: { d: "M200 112.6 A80 80 0 0 1 200 255.4 A80 80 0 0 1 200 112.6 Z", y1: 112.6, y2: 255.4 },
+  /** The spark: a diamond of light (half-diagonal 24, softened by a 6-unit round stroke). */
+  spark: { d: "M200 176 L224 200 L200 224 L176 200 Z", soften: 6 },
+  highlight: "#f0fdfa",
   gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.yasakia },
-  /** The light on the lens: bright at the top, fading down. */
-  highlight: { color: "#f0fdfa", from: 0.75, to: 0.2 },
-  /** The pair: two nodes on the orbit, opposite each other, that turn with it. */
-  pair: { r: 8, at: [[40, 200], [360, 200]] },
+  /** The two people: one node on the orbit, that turns with it. */
+  node: { r: 9, at: [200, 40] },
   glow: { color: turquoise, opacity: 0.16 },
-  /** The core's breathing shadow (web), in the mark's turquoise. */
   pulse: { color: turquoise, low: 0.3, high: 0.6 },
+  motion: { spin: 30, breath: 3.2 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/native/YasakiaMark.tsx
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function YasakiaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
+  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, YASAKIA.motion.spin * 1e3);
   const id = useSvgId("yzm");
   const viewBox = size < 48 ? YASAKIA.croppedViewBox : YASAKIA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx30(LinearGradient8, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YASAKIA.gradient.x1, y1: YASAKIA.gradient.y1, x2: YASAKIA.gradient.x2, y2: YASAKIA.gradient.y2, children: YASAKIA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx30(Stop8, { offset, stopColor: color }, offset)) });
+  const gradient = /* @__PURE__ */ jsx31(LinearGradient6, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YASAKIA.gradient.x1, y1: YASAKIA.gradient.y1, x2: YASAKIA.gradient.x2, y2: YASAKIA.gradient.y2, children: YASAKIA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx31(Stop8, { offset, stopColor: color }, offset)) });
   const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs27(View26, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs27(Svg13, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs27(Defs8, { children: [
-        /* @__PURE__ */ jsxs27(RadialGradient6, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx30(Stop8, { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
-          /* @__PURE__ */ jsx30(Stop8, { offset: "100%", stopColor: YASAKIA.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs28(View27, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs28(Svg13, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs28(Defs8, { children: [
+        /* @__PURE__ */ jsxs28(RadialGradient6, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ jsx31(Stop8, { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
+          /* @__PURE__ */ jsx31(Stop8, { offset: "100%", stopColor: YASAKIA.glow.color, stopOpacity: 0 })
         ] }),
         gradient
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx30(Circle7, { cx: YASAKIA.center, cy: YASAKIA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx30(Circle7, { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.ring.r, stroke, strokeWidth: YASAKIA.ring.width, opacity: 0.35, fill: "none" }),
-      YASAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs27(React21.Fragment, { children: [
-        /* @__PURE__ */ jsx30(Path11, { d: v.body, fill }),
-        /* @__PURE__ */ jsx30(Path11, { d: v.tail, fill }),
-        i === 0 ? /* @__PURE__ */ jsx30(Path11, { d: `${v.body} ${v.tail}`, fill: YASAKIA.shade.color, opacity: YASAKIA.shade.opacity }) : null
-      ] }, v.body))
+      size >= 48 ? /* @__PURE__ */ jsx31(Circle7, { cx: YASAKIA.center, cy: YASAKIA.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx31(Circle7, { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.ring.r, stroke, strokeWidth: YASAKIA.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx31(Circle7, { cx: YASAKIA.bubble.cx, cy: YASAKIA.bubble.cy, r: YASAKIA.bubble.r, fill }),
+      /* @__PURE__ */ jsx31(Path11, { d: YASAKIA.tails.join(" "), fill })
     ] }),
-    /* @__PURE__ */ jsx30(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs27(Svg13, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx30(Defs8, { children: gradient }),
-      /* @__PURE__ */ jsx30(Circle7, { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.orbit.r, stroke, strokeWidth: YASAKIA.orbit.width, strokeDasharray: YASAKIA.orbit.dash, opacity: 0.6, fill: "none" }),
-      YASAKIA.pair.at.map(([cx, cy]) => /* @__PURE__ */ jsx30(Circle7, { cx, cy, r: YASAKIA.pair.r, fill }, cx))
+    /* @__PURE__ */ jsx31(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs28(Svg13, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx31(Defs8, { children: gradient }),
+      /* @__PURE__ */ jsx31(Circle7, { cx: YASAKIA.center, cy: YASAKIA.center, r: YASAKIA.orbit.r, stroke, strokeWidth: YASAKIA.orbit.width, strokeDasharray: YASAKIA.orbit.dash, opacity: 0.6, fill: "none" }),
+      /* @__PURE__ */ jsx31(Circle7, { cx: YASAKIA.node.at[0], cy: YASAKIA.node.at[1], r: YASAKIA.node.r, fill })
     ] }) }),
-    /* @__PURE__ */ jsx30(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs27(Svg13, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs27(Defs8, { children: [
-        gradient,
-        /* @__PURE__ */ jsxs27(LinearGradient8, { id: `${id}l`, gradientUnits: "userSpaceOnUse", x1: 0, y1: YASAKIA.lens.y1, x2: 0, y2: YASAKIA.lens.y2, children: [
-          /* @__PURE__ */ jsx30(Stop8, { offset: "0%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.from }),
-          /* @__PURE__ */ jsx30(Stop8, { offset: "100%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.to })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx30(Path11, { d: YASAKIA.lens.d, fill }),
-      /* @__PURE__ */ jsx30(Path11, { d: YASAKIA.lens.d, fill: `url(#${id}l)` })
-    ] }) })
+    /* @__PURE__ */ jsx31(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsx31(Svg13, { viewBox, style: layer, children: /* @__PURE__ */ jsx31(Path11, { d: YASAKIA.spark.d, fill: YASAKIA.highlight, stroke: YASAKIA.highlight, strokeWidth: YASAKIA.spark.soften, strokeLinejoin: "round" }) }) })
   ] });
 }
 var YazakiaMark = YasakiaMark;
 
 // src/native/YomizakaMark.tsx
-import { View as View27 } from "react-native";
-import Svg14, { Circle as Circle8, Defs as Defs9, LinearGradient as LinearGradient9, Path as Path12, RadialGradient as RadialGradient7, Stop as Stop9 } from "react-native-svg";
+import React21 from "react";
+import { View as View28 } from "react-native";
+import Svg14, { Circle as Circle8, Defs as Defs9, LinearGradient as LinearGradient7, Path as Path12, RadialGradient as RadialGradient7, Stop as Stop9 } from "react-native-svg";
 
 // src/marks/yomizaka-geometry.ts
 var indigo = marks.yomizaka[marks.yomizaka.length - 1][1];
@@ -3231,74 +3230,72 @@ var YOMIZAKA = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
   center: 200,
-  /** The page, cut at its corner (the Krizaka chamfer) and around the lens. */
-  page: "M128 92 H228 L264 128 V185.87 A52 52 0 1 0 264 278.13 V300 H128 Z",
-  /** Three lines of text and the start of a fourth, in light: they wrap around the lens. */
-  lines: "M156 140 H226 M156 170 H236 M156 200 H184 M156 230 H176",
-  line: { color: "#f4f5ff", opacity: 0.6, width: 10 },
-  /** The lens: a ring in the brand gradient, its pale core lit from above, a glint; the handle leaves the page. */
-  lens: { cx: 240, cy: 232, r: 40, width: 12, core: 28, glint: { cx: 230, cy: 222, r: 8 } },
-  handle: "M276 268 L304 296",
-  handleWidth: 20,
-  gradient: { x1: 128, y1: 300, x2: 304, y2: 92, stops: marks.yomizaka },
-  /** The lens' core: a pale indigo light, brighter at the top. */
-  coreGradient: { stops: [["0%", "#c9ceff"], ["100%", "#f4f5ff"]] },
-  highlight: "#ffffff",
-  /** The reading (web): a line of light that scans the page from top to bottom, clipped to the page. */
-  scan: { d: "M136 100 H236", travel: 192, color: "#f4f5ff", opacity: 0.7, width: 3 },
-  /** A page: one node on the orbit, that turns with it. */
+  stroke: 22,
+  /** The brow: two soft arcs that meet over the beak — calm, never a sharp V. */
+  brow: "M106 153 C130 125 176 129 200 159 C224 129 270 125 294 153",
+  /** The two lenses (rings at the family stroke). */
+  lenses: [
+    { cx: 146, cy: 223, r: 40 },
+    { cx: 254, cy: 223, r: 40 }
+  ],
+  /** The pupils, glancing down-right (reading): the lit cores. */
+  pupils: [
+    { cx: 154, cy: 229, r: 15, inner: 5.1 },
+    { cx: 262, cy: 229, r: 15, inner: 5.1 }
+  ],
+  highlight: "#f4f5ff",
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.yomizaka },
+  /** One node, a page, rides the orbit. */
   node: { r: 9, at: [200, 40] },
   glow: { color: indigo, opacity: 0.18 },
-  /** The lens' breathing shadow (web), in the indigo. */
   pulse: { color: indigo, low: 0.3, high: 0.6 },
+  motion: { spin: 32, breath: 3.6 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/native/YomizakaMark.tsx
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 function YomizakaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, 32e3);
+  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, YOMIZAKA.motion.spin * 1e3);
   const id = useSvgId("ymm");
   const viewBox = size < 48 ? YOMIZAKA.croppedViewBox : YOMIZAKA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx31(LinearGradient9, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YOMIZAKA.gradient.x1, y1: YOMIZAKA.gradient.y1, x2: YOMIZAKA.gradient.x2, y2: YOMIZAKA.gradient.y2, children: YOMIZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx31(Stop9, { offset, stopColor: color }, offset)) });
+  const gradient = /* @__PURE__ */ jsx32(LinearGradient7, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YOMIZAKA.gradient.x1, y1: YOMIZAKA.gradient.y1, x2: YOMIZAKA.gradient.x2, y2: YOMIZAKA.gradient.y2, children: YOMIZAKA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx32(Stop9, { offset, stopColor: color }, offset)) });
   const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs28(View27, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs28(Svg14, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs28(Defs9, { children: [
-        /* @__PURE__ */ jsxs28(RadialGradient7, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx31(Stop9, { offset: "0%", stopColor: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
-          /* @__PURE__ */ jsx31(Stop9, { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs29(View28, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs29(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs29(Defs9, { children: [
+        /* @__PURE__ */ jsxs29(RadialGradient7, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ jsx32(Stop9, { offset: "0%", stopColor: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
+          /* @__PURE__ */ jsx32(Stop9, { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: 0 })
         ] }),
         gradient
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx31(Circle8, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx31(Circle8, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.ring.r, stroke, strokeWidth: YOMIZAKA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx31(Path12, { d: YOMIZAKA.page, fill }),
-      /* @__PURE__ */ jsx31(Path12, { d: YOMIZAKA.lines, stroke: YOMIZAKA.line.color, strokeOpacity: YOMIZAKA.line.opacity, strokeWidth: YOMIZAKA.line.width, strokeLinecap: "round", fill: "none" }),
-      /* @__PURE__ */ jsx31(Path12, { d: YOMIZAKA.handle, stroke: fill, strokeWidth: YOMIZAKA.handleWidth, strokeLinecap: "round", fill: "none" })
+      size >= 48 ? /* @__PURE__ */ jsx32(Circle8, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx32(Circle8, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.ring.r, stroke, strokeWidth: YOMIZAKA.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx32(Path12, { d: YOMIZAKA.brow, stroke: fill, strokeWidth: YOMIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
+      YOMIZAKA.lenses.map((l) => /* @__PURE__ */ jsx32(Circle8, { cx: l.cx, cy: l.cy, r: l.r, stroke: fill, strokeWidth: YOMIZAKA.stroke, fill: "none" }, l.cx))
     ] }),
-    /* @__PURE__ */ jsx31(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs28(Svg14, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx31(Defs9, { children: gradient }),
-      /* @__PURE__ */ jsx31(Circle8, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.orbit.r, stroke, strokeWidth: YOMIZAKA.orbit.width, strokeDasharray: YOMIZAKA.orbit.dash, opacity: 0.6, fill: "none" }),
-      /* @__PURE__ */ jsx31(Circle8, { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
+    /* @__PURE__ */ jsx32(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs29(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx32(Defs9, { children: gradient }),
+      /* @__PURE__ */ jsx32(Circle8, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.orbit.r, stroke, strokeWidth: YOMIZAKA.orbit.width, strokeDasharray: YOMIZAKA.orbit.dash, opacity: 0.6, fill: "none" }),
+      /* @__PURE__ */ jsx32(Circle8, { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
     ] }) }),
-    /* @__PURE__ */ jsx31(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs28(Svg14, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs28(Defs9, { children: [
-        gradient,
-        /* @__PURE__ */ jsx31(LinearGradient9, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YOMIZAKA.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx31(Stop9, { offset, stopColor: color }, offset)) })
-      ] }),
-      /* @__PURE__ */ jsx31(Circle8, { cx: YOMIZAKA.lens.cx, cy: YOMIZAKA.lens.cy, r: YOMIZAKA.lens.r, stroke: fill, strokeWidth: YOMIZAKA.lens.width, fill: `url(#${id}c)` }),
-      /* @__PURE__ */ jsx31(Circle8, { cx: YOMIZAKA.lens.glint.cx, cy: YOMIZAKA.lens.glint.cy, r: YOMIZAKA.lens.glint.r, fill: YOMIZAKA.highlight })
+    /* @__PURE__ */ jsx32(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs29(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx32(Defs9, { children: gradient }),
+      YOMIZAKA.pupils.map((p) => /* @__PURE__ */ jsxs29(React21.Fragment, { children: [
+        /* @__PURE__ */ jsx32(Circle8, { cx: p.cx, cy: p.cy, r: p.r, fill }),
+        /* @__PURE__ */ jsx32(Circle8, { cx: p.cx, cy: p.cy, r: p.inner, fill: YOMIZAKA.highlight })
+      ] }, p.cx))
     ] }) })
   ] });
 }
 
 // src/native/YororisMark.tsx
-import { View as View28 } from "react-native";
-import Svg15, { Circle as Circle9, Defs as Defs10, LinearGradient as LinearGradient10, Path as Path13, RadialGradient as RadialGradient8, Stop as Stop10 } from "react-native-svg";
+import { View as View29 } from "react-native";
+import Svg15, { Circle as Circle9, Defs as Defs10, Path as Path13, RadialGradient as RadialGradient8, Stop as Stop10 } from "react-native-svg";
 
 // src/marks/yororis-geometry.ts
 var sand = marks.yororis[0][1];
@@ -3307,85 +3304,68 @@ var YORORIS = {
   viewBox: "0 0 400 400",
   croppedViewBox: "80 80 240 240",
   center: 200,
-  /** The two leaves — open hands, mirrored around x = 200 — filled, rising from the stem. */
-  leaves: [
-    "M200 262 C142 256 104 206 110 122 C138 130 154 152 160 180 C168 218 182 238 204 246 Z",
-    "M200 262 C258 256 296 206 290 122 C262 130 246 152 240 180 C232 218 218 238 196 246 Z"
-  ],
-  /** A vein of light along each leaf (dashed, it drifts slowly when animated). */
-  veins: "M122 142 C128 196 156 232 192 248 M278 142 C272 196 244 232 208 248",
-  vein: { color: "#fbf6ea", opacity: 0.45, width: 3, dash: "2 14" },
-  /** The stem, from the junction down. */
-  stem: "M200 244 L200 312",
-  stroke: 30,
-  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.yororis },
-  /** The core's warm light: from the mark's sand (below) to a light sand (above). */
-  coreGradient: { stops: [["0%", sand], ["100%", "#e6c993"]] },
-  /** The core, held in the hollow of the leaves (not on the junction): the one who is listened to. It breathes. */
-  core: { cx: 200, cy: 184, r: 32, inner: 11 },
+  stroke: 22,
+  sand,
+  sage,
+  /** The two hands: arcs of a circle r 92 centred (200, 162), from 196° to 104° and from 76° to −16°; open at the bottom and the top. */
+  hands: "M111.6 136.6 A92 92 0 0 0 177.7 251.3 M222.3 251.3 A92 92 0 0 0 288.4 136.6",
+  /** The warm core, held inside the hands. */
+  core: { cx: 200, cy: 176, r: 30, inner: 10.2 },
   highlight: "#fbf6ea",
-  /** The moment: one node on the orbit, that turns with it. */
-  moment: { r: 9, at: [200, 40] },
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.yororis },
+  /** The moment: one node on the orbit — it comes round, then it goes. */
+  node: { r: 9, at: [200, 40] },
   glow: { color: sage, opacity: 0.18 },
-  /** The core's breathing shadow (web), in the core's warm sand. */
   pulse: { color: sand, low: 0.3, high: 0.6 },
+  motion: { spin: 36, breath: 4.2 },
   orbit: { r: 160, dash: "8 8", width: 1.5 },
   ring: { r: 134, width: 1 }
 };
 
 // src/native/YororisMark.tsx
-import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function YororisMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, 36e3);
+  const { Animated: Animated28, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, YORORIS.motion.spin * 1e3);
   const id = useSvgId("yrm");
   const viewBox = size < 48 ? YORORIS.croppedViewBox : YORORIS.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx32(LinearGradient10, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YORORIS.gradient.x1, y1: YORORIS.gradient.y1, x2: YORORIS.gradient.x2, y2: YORORIS.gradient.y2, children: YORORIS.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx32(Stop10, { offset, stopColor: color }, offset)) });
-  const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs29(View28, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs29(Svg15, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs29(Defs10, { children: [
-        /* @__PURE__ */ jsxs29(RadialGradient8, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx32(Stop10, { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
-          /* @__PURE__ */ jsx32(Stop10, { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: 0 })
-        ] }),
-        gradient
-      ] }),
-      size >= 48 ? /* @__PURE__ */ jsx32(Circle9, { cx: YORORIS.center, cy: YORORIS.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx32(Circle9, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke, strokeWidth: YORORIS.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx32(Path13, { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round", fill: "none" }),
-      YORORIS.leaves.map((d) => /* @__PURE__ */ jsx32(Path13, { d, fill }, d)),
-      /* @__PURE__ */ jsx32(Path13, { d: YORORIS.veins, stroke: YORORIS.vein.color, strokeOpacity: YORORIS.vein.opacity, strokeWidth: YORORIS.vein.width, strokeLinecap: "round", strokeDasharray: YORORIS.vein.dash, fill: "none" })
+  return /* @__PURE__ */ jsxs30(View29, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs30(Svg15, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx33(Defs10, { children: /* @__PURE__ */ jsxs30(RadialGradient8, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx33(Stop10, { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
+        /* @__PURE__ */ jsx33(Stop10, { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: 0 })
+      ] }) }),
+      size >= 48 ? /* @__PURE__ */ jsx33(Circle9, { cx: YORORIS.center, cy: YORORIS.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx33(Circle9, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke, strokeWidth: YORORIS.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx33(Path13, { d: YORORIS.hands, stroke: YORORIS.sage, strokeWidth: YORORIS.stroke, strokeLinecap: "round", fill: "none" })
     ] }),
-    /* @__PURE__ */ jsx32(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs29(Svg15, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx32(Defs10, { children: gradient }),
-      /* @__PURE__ */ jsx32(Circle9, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.orbit.r, stroke, strokeWidth: YORORIS.orbit.width, strokeDasharray: YORORIS.orbit.dash, opacity: 0.6, fill: "none" }),
-      /* @__PURE__ */ jsx32(Circle9, { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
+    /* @__PURE__ */ jsx33(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs30(Svg15, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx33(Circle9, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.orbit.r, stroke, strokeWidth: YORORIS.orbit.width, strokeDasharray: YORORIS.orbit.dash, opacity: 0.6, fill: "none" }),
+      /* @__PURE__ */ jsx33(Circle9, { cx: YORORIS.node.at[0], cy: YORORIS.node.at[1], r: YORORIS.node.r, fill: YORORIS.sage })
     ] }) }),
-    /* @__PURE__ */ jsx32(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs29(Svg15, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx32(Defs10, { children: /* @__PURE__ */ jsx32(LinearGradient10, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx32(Stop10, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsx32(Circle9, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id}c)` }),
-      /* @__PURE__ */ jsx32(Circle9, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
+    /* @__PURE__ */ jsx33(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs30(Svg15, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx33(Circle9, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: YORORIS.sand }),
+      /* @__PURE__ */ jsx33(Circle9, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
     ] }) })
   ] });
 }
 
 // src/native/ProductMark.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ProductMark({ id, ...props }) {
-  if (id === "krizaka") return /* @__PURE__ */ jsx33(KrizakaMark, { ...props });
-  if (id === "orazaka") return /* @__PURE__ */ jsx33(OrazakaMark, { ...props });
-  if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx33(YasakiaMark, { ...props });
-  if (id === "yororis") return /* @__PURE__ */ jsx33(YororisMark, { ...props });
-  if (id === "yomizaka") return /* @__PURE__ */ jsx33(YomizakaMark, { ...props });
-  if (id === "kachizaka") return /* @__PURE__ */ jsx33(KachizakaMark, { ...props });
-  if (id === "akinaza") return /* @__PURE__ */ jsx33(AkinazaMark, { ...props });
-  return /* @__PURE__ */ jsx33(OrochiaMark, { ...props });
+  if (id === "krizaka") return /* @__PURE__ */ jsx34(KrizakaMark, { ...props });
+  if (id === "orazaka") return /* @__PURE__ */ jsx34(OrazakaMark, { ...props });
+  if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx34(YasakiaMark, { ...props });
+  if (id === "yororis") return /* @__PURE__ */ jsx34(YororisMark, { ...props });
+  if (id === "yomizaka") return /* @__PURE__ */ jsx34(YomizakaMark, { ...props });
+  if (id === "kachizaka") return /* @__PURE__ */ jsx34(KachizakaMark, { ...props });
+  if (id === "akinaza") return /* @__PURE__ */ jsx34(AkinazaMark, { ...props });
+  return /* @__PURE__ */ jsx34(OrochiaMark, { ...props });
 }
 
 // src/native/loader.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 var HEX = "M12 3 19.79 7.5 19.79 16.5 12 21 4.21 16.5 4.21 7.5Z";
 var PERIMETER = 54;
 function LoaderGlyph({ state = "loading", value, size = 20, color }) {
@@ -3402,12 +3382,12 @@ function LoaderGlyph({ state = "loading", value, size = 20, color }) {
   const stroke = color ?? (state === "success" ? theme.success : state === "error" ? theme.danger : theme.accent);
   const fill = state !== "loading" ? 1 : known ? Math.min(1, Math.max(0, value)) : 0.3;
   const rotate = spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] });
-  return /* @__PURE__ */ jsx34(Animated11.View, { "aria-hidden": true, style: { width: size, height: size, transform: state === "loading" && !known ? [{ rotate }] : [] }, children: /* @__PURE__ */ jsxs30(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ jsx34(Path14, { d: HEX, stroke, strokeOpacity: 0.22, strokeWidth: 2.2, strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx34(Path14, { d: HEX, stroke, strokeWidth: 2.2, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: `${fill * PERIMETER} ${PERIMETER}` }),
-    state === "loading" ? /* @__PURE__ */ jsx34(Circle10, { cx: 12, cy: 12, r: 2.6, fill: stroke }) : null,
-    state === "success" ? /* @__PURE__ */ jsx34(Path14, { d: "M8.3 12.3l2.6 2.6 4.9-5.3", stroke, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) : null,
-    state === "error" ? /* @__PURE__ */ jsx34(Path14, { d: "M9.4 9.4l5.2 5.2M14.6 9.4l-5.2 5.2", stroke, strokeWidth: 2.2, strokeLinecap: "round" }) : null
+  return /* @__PURE__ */ jsx35(Animated11.View, { "aria-hidden": true, style: { width: size, height: size, transform: state === "loading" && !known ? [{ rotate }] : [] }, children: /* @__PURE__ */ jsxs31(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ jsx35(Path14, { d: HEX, stroke, strokeOpacity: 0.22, strokeWidth: 2.2, strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx35(Path14, { d: HEX, stroke, strokeWidth: 2.2, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: `${fill * PERIMETER} ${PERIMETER}` }),
+    state === "loading" ? /* @__PURE__ */ jsx35(Circle10, { cx: 12, cy: 12, r: 2.6, fill: stroke }) : null,
+    state === "success" ? /* @__PURE__ */ jsx35(Path14, { d: "M8.3 12.3l2.6 2.6 4.9-5.3", stroke, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) : null,
+    state === "error" ? /* @__PURE__ */ jsx35(Path14, { d: "M9.4 9.4l5.2 5.2M14.6 9.4l-5.2 5.2", stroke, strokeWidth: 2.2, strokeLinecap: "round" }) : null
   ] }) });
 }
 function useDelayedWait(active, delay = 250, minDuration = 600) {
@@ -3459,22 +3439,22 @@ function Loader({ label, status = "loading", successLabel, errorLabel, value, et
   const known = phase === "loading" && typeof value === "number" && Number.isFinite(value);
   const detail = phase === "loading" ? [known ? `${Math.round(Math.min(1, Math.max(0, value)) * 100)} %` : null, eta].filter(Boolean).join(" \xB7 ") : "";
   const stacked = variant !== "inline";
-  const box = /* @__PURE__ */ jsxs30(View29, { style: [stacked ? styles24.stacked : styles24.inline, variant === "overlay" ? { backgroundColor: alpha(theme.surface1, 0.92), borderColor: theme.borderDefault, borderRadius: radius3.lg, ...styles24.card } : null], children: [
-    product && phase === "loading" ? /* @__PURE__ */ jsx34(ProductMark, { id: product, size: GLYPH[variant], animated: true }) : /* @__PURE__ */ jsx34(LoaderGlyph, { state: phase, value: known ? value : null, size: GLYPH[variant] }),
-    /* @__PURE__ */ jsxs30(View29, { style: stacked ? styles24.center : styles24.text, children: [
-      /* @__PURE__ */ jsx34(Txt, { variant: variant === "page" ? "title" : "label", style: stacked ? styles24.centered : null, children: words2 }),
-      detail ? /* @__PURE__ */ jsx34(Txt, { variant: "caption", tone: "secondary", style: stacked ? styles24.centered : null, children: detail }) : null
+  const box = /* @__PURE__ */ jsxs31(View30, { style: [stacked ? styles25.stacked : styles25.inline, variant === "overlay" ? { backgroundColor: alpha(theme.surface1, 0.92), borderColor: theme.borderDefault, borderRadius: radius3.lg, ...styles25.card } : null], children: [
+    product && phase === "loading" ? /* @__PURE__ */ jsx35(ProductMark, { id: product, size: GLYPH[variant], animated: true }) : /* @__PURE__ */ jsx35(LoaderGlyph, { state: phase, value: known ? value : null, size: GLYPH[variant] }),
+    /* @__PURE__ */ jsxs31(View30, { style: stacked ? styles25.center : styles25.text, children: [
+      /* @__PURE__ */ jsx35(Txt, { variant: variant === "page" ? "title" : "label", style: stacked ? styles25.centered : null, children: words2 }),
+      detail ? /* @__PURE__ */ jsx35(Txt, { variant: "caption", tone: "secondary", style: stacked ? styles25.centered : null, children: detail }) : null
     ] })
   ] });
   const a11y = { accessible: true, role: "progressbar", "aria-label": words2, "aria-busy": phase === "loading", accessibilityLiveRegion: "polite" };
   if (variant === "overlay" || variant === "page")
-    return /* @__PURE__ */ jsx34(View29, { ...a11y, style: [StyleSheet24.absoluteFill, styles24.cover, variant === "page" ? { backgroundColor: alpha(theme.surface0, 0.86) } : null, style], children: box });
-  return /* @__PURE__ */ jsx34(View29, { ...a11y, style: [variant === "block" ? styles24.block : null, style], children: box });
+    return /* @__PURE__ */ jsx35(View30, { ...a11y, style: [StyleSheet25.absoluteFill, styles25.cover, variant === "page" ? { backgroundColor: alpha(theme.surface0, 0.86) } : null, style], children: box });
+  return /* @__PURE__ */ jsx35(View30, { ...a11y, style: [variant === "block" ? styles25.block : null, style], children: box });
 }
-var styles24 = StyleSheet24.create({
+var styles25 = StyleSheet25.create({
   inline: { flexDirection: "row", alignItems: "center", gap: 10 },
   stacked: { alignItems: "center", gap: 10 },
-  card: { paddingHorizontal: 24, paddingVertical: 20, borderWidth: StyleSheet24.hairlineWidth },
+  card: { paddingHorizontal: 24, paddingVertical: 20, borderWidth: StyleSheet25.hairlineWidth },
   text: { flexShrink: 1, gap: 2 },
   center: { alignItems: "center", gap: 2 },
   centered: { textAlign: "center" },
@@ -3482,14 +3462,37 @@ var styles24 = StyleSheet24.create({
   cover: { alignItems: "center", justifyContent: "center", zIndex: 10 }
 });
 
+// src/native/maintenance-screen.tsx
+import { StyleSheet as StyleSheet26, View as View31 } from "react-native";
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+function MaintenanceScreen({ title, message, mark, retryLabel, onRetry, fill = true, style }) {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs32(View31, { style: [styles26.root, fill ? styles26.fill : null, { backgroundColor: theme.surface0 }, style], children: [
+    mark ? /* @__PURE__ */ jsx36(View31, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: styles26.mark, children: mark }) : null,
+    /* @__PURE__ */ jsxs32(View31, { role: "status", style: styles26.text, children: [
+      /* @__PURE__ */ jsx36(Txt, { variant: "title", style: styles26.centred, children: title }),
+      message ? /* @__PURE__ */ jsx36(Txt, { tone: "secondary", style: styles26.centred, children: message }) : null
+    ] }),
+    retryLabel && onRetry ? /* @__PURE__ */ jsx36(View31, { style: styles26.actions, children: /* @__PURE__ */ jsx36(Button, { label: retryLabel, variant: "secondary", onPress: onRetry }) }) : null
+  ] });
+}
+var styles26 = StyleSheet26.create({
+  root: { alignItems: "center", justifyContent: "center", gap: 12, padding: 24 },
+  fill: { flex: 1 },
+  mark: { width: 96, height: 96, alignItems: "center", justifyContent: "center" },
+  text: { gap: 8, alignItems: "center" },
+  centred: { textAlign: "center", maxWidth: 340 },
+  actions: { marginTop: 8, alignSelf: "stretch", maxWidth: 340, width: "100%" }
+});
+
 // src/native/mascot-state.tsx
 import * as React24 from "react";
-import { AccessibilityInfo as AccessibilityInfo9, Animated as Animated13, Easing as Easing7, StyleSheet as StyleSheet25, View as View31 } from "react-native";
+import { AccessibilityInfo as AccessibilityInfo9, Animated as Animated13, Easing as Easing7, StyleSheet as StyleSheet27, View as View33 } from "react-native";
 
 // src/native/mascots.tsx
 import { useEffect as useEffect14, useState as useState22 } from "react";
-import { AccessibilityInfo as AccessibilityInfo8, Animated as Animated12, Easing as Easing6, View as View30 } from "react-native";
-import Svg17, { Circle as Circle11, Defs as Defs11, Ellipse as Ellipse2, G, LinearGradient as LinearGradient11, Path as Path15, Rect as Rect3, Stop as Stop11 } from "react-native-svg";
+import { AccessibilityInfo as AccessibilityInfo8, Animated as Animated12, Easing as Easing6, View as View32 } from "react-native";
+import Svg17, { Circle as Circle11, Defs as Defs11, Ellipse as Ellipse2, G, LinearGradient as LinearGradient8, Path as Path15, Rect as Rect2, Stop as Stop11 } from "react-native-svg";
 
 // src/mascots/geometry.ts
 var mirror = (d) => d.replace(/(-?\d+(?:\.\d+)?) (-?\d+(?:\.\d+)?)/g, (_, x, y) => `${120 - Number(x)} ${y}`);
@@ -3691,7 +3694,7 @@ var SHADE = "#000000";
 var PARCEL = ["#f59e0b", "#d97706", "#b45309"];
 
 // src/native/mascots.tsx
-import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function useBob(animated) {
   const [y] = useState22(() => new Animated12.Value(0));
   useEffect14(() => {
@@ -3725,52 +3728,52 @@ function Mascot({ bird = "owl", mood = "welcome", tone: tone3 = "brand", size =
   const look3 = mood === "thinking" ? 1.4 : 0;
   const rot = (deg, [x, y]) => `rotate(${deg} ${x} ${y})`;
   const [wl, wr] = g.wings;
-  return /* @__PURE__ */ jsx35(View30, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx35(Animated12.View, { style: { transform: [{ translateY: bob }] }, children: /* @__PURE__ */ jsxs31(Svg17, { width: size, height: size, viewBox: "0 0 120 120", children: [
-    /* @__PURE__ */ jsx35(Defs11, { children: /* @__PURE__ */ jsxs31(LinearGradient11, { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx35(Stop11, { offset: "0%", stopColor: p.from }),
-      /* @__PURE__ */ jsx35(Stop11, { offset: "100%", stopColor: p.to })
+  return /* @__PURE__ */ jsx37(View32, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx37(Animated12.View, { style: { transform: [{ translateY: bob }] }, children: /* @__PURE__ */ jsxs33(Svg17, { width: size, height: size, viewBox: "0 0 120 120", children: [
+    /* @__PURE__ */ jsx37(Defs11, { children: /* @__PURE__ */ jsxs33(LinearGradient8, { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx37(Stop11, { offset: "0%", stopColor: p.from }),
+      /* @__PURE__ */ jsx37(Stop11, { offset: "100%", stopColor: p.to })
     ] }) }),
-    /* @__PURE__ */ jsx35(Ellipse2, { cx: g.shadow[0], cy: g.shadow[1], rx: g.shadow[2], ry: g.shadow[3], fill: SHADE, opacity: 0.14 }),
-    mood === "empty" && /* @__PURE__ */ jsx35(Path15, { d: MOOD_PARTS.tray, stroke: outline, strokeWidth: 1.6, strokeDasharray: "3 3", fill: "none" }),
-    g.legs.map((d) => /* @__PURE__ */ jsx35(Path15, { d, stroke: p.beak, strokeWidth: 2.6, strokeLinecap: "round", fill: "none" }, d)),
-    g.back?.map((d) => d.endsWith("Z") ? /* @__PURE__ */ jsx35(Path15, { d, fill: p.detail, ...line }, d) : /* @__PURE__ */ jsx35(Path15, { d, stroke: outline, strokeWidth: 1.4, fill: "none" }, d)),
-    g.parcel?.map((d, i) => /* @__PURE__ */ jsx35(Path15, { d, fill: PARCEL[i], ...line }, d)),
-    /* @__PURE__ */ jsx35(Path15, { d: g.body, fill: body, ...line }),
-    /* @__PURE__ */ jsx35(Path15, { d: g.belly, fill: LIGHT, opacity: 0.28 }),
+    /* @__PURE__ */ jsx37(Ellipse2, { cx: g.shadow[0], cy: g.shadow[1], rx: g.shadow[2], ry: g.shadow[3], fill: SHADE, opacity: 0.14 }),
+    mood === "empty" && /* @__PURE__ */ jsx37(Path15, { d: MOOD_PARTS.tray, stroke: outline, strokeWidth: 1.6, strokeDasharray: "3 3", fill: "none" }),
+    g.legs.map((d) => /* @__PURE__ */ jsx37(Path15, { d, stroke: p.beak, strokeWidth: 2.6, strokeLinecap: "round", fill: "none" }, d)),
+    g.back?.map((d) => d.endsWith("Z") ? /* @__PURE__ */ jsx37(Path15, { d, fill: p.detail, ...line }, d) : /* @__PURE__ */ jsx37(Path15, { d, stroke: outline, strokeWidth: 1.4, fill: "none" }, d)),
+    g.parcel?.map((d, i) => /* @__PURE__ */ jsx37(Path15, { d, fill: PARCEL[i], ...line }, d)),
+    /* @__PURE__ */ jsx37(Path15, { d: g.body, fill: body, ...line }),
+    /* @__PURE__ */ jsx37(Path15, { d: g.belly, fill: LIGHT, opacity: 0.28 }),
     [wl, wr].map((w, i) => {
       const turn = mood === "success" ? i === 0 ? 28 : -28 : mood === "welcome" && i === 1 ? -20 : 0;
-      return /* @__PURE__ */ jsxs31(G, { transform: turn ? rot(turn, w.pivot) : void 0, children: [
-        /* @__PURE__ */ jsx35(Path15, { d: w.d, fill: p.wing, ...line }),
-        /* @__PURE__ */ jsx35(Path15, { d: w.d, fill: SHADE, opacity: 0.16 })
+      return /* @__PURE__ */ jsxs33(G, { transform: turn ? rot(turn, w.pivot) : void 0, children: [
+        /* @__PURE__ */ jsx37(Path15, { d: w.d, fill: p.wing, ...line }),
+        /* @__PURE__ */ jsx37(Path15, { d: w.d, fill: SHADE, opacity: 0.16 })
       ] }, i);
     }),
-    g.neck && /* @__PURE__ */ jsx35(Path15, { d: g.neck.d, stroke: body, strokeWidth: g.neck.width, strokeLinecap: "round", fill: "none" }),
-    g.head.r > 0 && /* @__PURE__ */ jsx35(Circle11, { cx: g.head.cx, cy: g.head.cy, r: g.head.r, fill: body, ...line }),
-    g.details.map((d) => /* @__PURE__ */ jsx35(Path15, { d, fill: p.detail, ...line }, d)),
-    g.visor && /* @__PURE__ */ jsx35(Rect3, { x: g.visor.x, y: g.visor.y, width: g.visor.w, height: g.visor.h, rx: 4, fill: theme.surface0, ...line }),
+    g.neck && /* @__PURE__ */ jsx37(Path15, { d: g.neck.d, stroke: body, strokeWidth: g.neck.width, strokeLinecap: "round", fill: "none" }),
+    g.head.r > 0 && /* @__PURE__ */ jsx37(Circle11, { cx: g.head.cx, cy: g.head.cy, r: g.head.r, fill: body, ...line }),
+    g.details.map((d) => /* @__PURE__ */ jsx37(Path15, { d, fill: p.detail, ...line }, d)),
+    g.visor && /* @__PURE__ */ jsx37(Rect2, { x: g.visor.x, y: g.visor.y, width: g.visor.w, height: g.visor.h, rx: 4, fill: theme.surface0, ...line }),
     g.eyes.at.map(
-      (at, i) => mood === "empty" && g.eyes.white > 0 ? /* @__PURE__ */ jsxs31(G, { children: [
-        /* @__PURE__ */ jsx35(Circle11, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
-        /* @__PURE__ */ jsx35(Circle11, { cx: at[0], cy: at[1] + g.eyes.pupil * 0.7, r: g.eyes.pupil, fill: SHADE }),
-        /* @__PURE__ */ jsx35(Path15, { d: upperLid(at, g.eyes.white), fill: p.detail, ...line })
-      ] }, i) : mood === "success" || mood === "empty" ? /* @__PURE__ */ jsx35(Path15, { d: mood === "success" ? archEye(at, eyeR * 0.85) : lidEye(at, eyeR * 0.8), stroke: g.visor ? p.eye : outline, strokeWidth: 2.2, strokeLinecap: "round", fill: "none" }, i) : /* @__PURE__ */ jsxs31(G, { children: [
-        g.eyes.white > 0 && /* @__PURE__ */ jsx35(Circle11, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
-        /* @__PURE__ */ jsx35(Circle11, { cx: at[0] + look3, cy: at[1] - look3, r: g.eyes.pupil, fill: g.visor ? p.eye : SHADE })
+      (at, i) => mood === "empty" && g.eyes.white > 0 ? /* @__PURE__ */ jsxs33(G, { children: [
+        /* @__PURE__ */ jsx37(Circle11, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
+        /* @__PURE__ */ jsx37(Circle11, { cx: at[0], cy: at[1] + g.eyes.pupil * 0.7, r: g.eyes.pupil, fill: SHADE }),
+        /* @__PURE__ */ jsx37(Path15, { d: upperLid(at, g.eyes.white), fill: p.detail, ...line })
+      ] }, i) : mood === "success" || mood === "empty" ? /* @__PURE__ */ jsx37(Path15, { d: mood === "success" ? archEye(at, eyeR * 0.85) : lidEye(at, eyeR * 0.8), stroke: g.visor ? p.eye : outline, strokeWidth: 2.2, strokeLinecap: "round", fill: "none" }, i) : /* @__PURE__ */ jsxs33(G, { children: [
+        g.eyes.white > 0 && /* @__PURE__ */ jsx37(Circle11, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
+        /* @__PURE__ */ jsx37(Circle11, { cx: at[0] + look3, cy: at[1] - look3, r: g.eyes.pupil, fill: g.visor ? p.eye : SHADE })
       ] }, i)
     ),
-    g.glasses && g.eyes.at.map(([x, y]) => /* @__PURE__ */ jsx35(Circle11, { cx: x, cy: y, r: 6.5, fill: "none", stroke: outline, strokeWidth: 1.3 }, x)),
-    mood === "error" && g.eyes.at.map((at, i) => /* @__PURE__ */ jsx35(Path15, { d: brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1), stroke: outline, strokeWidth: 2, strokeLinecap: "round" }, i)),
-    /* @__PURE__ */ jsx35(Path15, { d: g.beak, fill: p.beak, ...line }),
-    mood === "thinking" && MOOD_PARTS.dots.map(([cx, cy, r], i) => /* @__PURE__ */ jsx35(Circle11, { cx, cy, r, fill: theme.textSecondary, opacity: 0.5 + i * 0.25 }, cx)),
-    (mood === "success" || mood === "error") && /* @__PURE__ */ jsx35(Circle11, { cx: MOOD_PARTS.badge.cx, cy: MOOD_PARTS.badge.cy, r: MOOD_PARTS.badge.r, fill: mood === "success" ? theme.success : theme.danger }),
-    mood === "success" && /* @__PURE__ */ jsx35(Path15, { d: MOOD_PARTS.check, stroke: theme.surface0, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
-    mood === "error" && /* @__PURE__ */ jsx35(Path15, { d: MOOD_PARTS.bang.line, stroke: theme.surface0, strokeWidth: 2.8, strokeLinecap: "round" }),
-    mood === "error" && /* @__PURE__ */ jsx35(Circle11, { cx: MOOD_PARTS.bang.dot[0], cy: MOOD_PARTS.bang.dot[1], r: 1.6, fill: theme.surface0 })
+    g.glasses && g.eyes.at.map(([x, y]) => /* @__PURE__ */ jsx37(Circle11, { cx: x, cy: y, r: 6.5, fill: "none", stroke: outline, strokeWidth: 1.3 }, x)),
+    mood === "error" && g.eyes.at.map((at, i) => /* @__PURE__ */ jsx37(Path15, { d: brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1), stroke: outline, strokeWidth: 2, strokeLinecap: "round" }, i)),
+    /* @__PURE__ */ jsx37(Path15, { d: g.beak, fill: p.beak, ...line }),
+    mood === "thinking" && MOOD_PARTS.dots.map(([cx, cy, r], i) => /* @__PURE__ */ jsx37(Circle11, { cx, cy, r, fill: theme.textSecondary, opacity: 0.5 + i * 0.25 }, cx)),
+    (mood === "success" || mood === "error") && /* @__PURE__ */ jsx37(Circle11, { cx: MOOD_PARTS.badge.cx, cy: MOOD_PARTS.badge.cy, r: MOOD_PARTS.badge.r, fill: mood === "success" ? theme.success : theme.danger }),
+    mood === "success" && /* @__PURE__ */ jsx37(Path15, { d: MOOD_PARTS.check, stroke: theme.surface0, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
+    mood === "error" && /* @__PURE__ */ jsx37(Path15, { d: MOOD_PARTS.bang.line, stroke: theme.surface0, strokeWidth: 2.8, strokeLinecap: "round" }),
+    mood === "error" && /* @__PURE__ */ jsx37(Circle11, { cx: MOOD_PARTS.bang.dot[0], cy: MOOD_PARTS.bang.dot[1], r: 1.6, fill: theme.surface0 })
   ] }) }) });
 }
 
 // src/native/mascot-state.tsx
-import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 var SIZE = { sm: 64, md: 96, lg: 128 };
 function useArrival(animated) {
   const [value] = React24.useState(() => new Animated13.Value(animated ? 0 : 1));
@@ -3791,30 +3794,30 @@ function useArrival(animated) {
 function MascotState({ bird = "owl", mood = "empty", title, description, action, size = "md", layout = "stacked", tone: tone3, animated = true, style, ...props }) {
   const opacity = useArrival(animated);
   const inline = layout === "inline";
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     Animated13.View,
     {
       role: mood === "error" ? "alert" : "status",
       accessibilityLiveRegion: mood === "error" ? "assertive" : "polite",
       "aria-busy": mood === "thinking" ? true : void 0,
       ...props,
-      style: [inline ? styles25.inline : styles25.stacked, { opacity, transform: [{ translateY: opacity.interpolate({ inputRange: [0, 1], outputRange: [6, 0] }) }] }, style],
+      style: [inline ? styles27.inline : styles27.stacked, { opacity, transform: [{ translateY: opacity.interpolate({ inputRange: [0, 1], outputRange: [6, 0] }) }] }, style],
       children: [
-        /* @__PURE__ */ jsx36(Mascot, { bird, mood, tone: tone3, size: SIZE[size], animated }),
-        /* @__PURE__ */ jsxs32(View31, { style: inline ? styles25.wordsInline : styles25.words, children: [
-          /* @__PURE__ */ jsx36(Txt, { variant: "label", role: "heading", style: inline ? null : styles25.center, children: title }),
-          description ? /* @__PURE__ */ jsx36(Txt, { tone: "secondary", style: inline ? null : styles25.center, children: description }) : null,
-          action ? /* @__PURE__ */ jsx36(View31, { style: [styles25.action, inline ? null : styles25.actionCentred], children: action }) : null
+        /* @__PURE__ */ jsx38(Mascot, { bird, mood, tone: tone3, size: SIZE[size], animated }),
+        /* @__PURE__ */ jsxs34(View33, { style: inline ? styles27.wordsInline : styles27.words, children: [
+          /* @__PURE__ */ jsx38(Txt, { variant: "label", role: "heading", style: inline ? null : styles27.center, children: title }),
+          description ? /* @__PURE__ */ jsx38(Txt, { tone: "secondary", style: inline ? null : styles27.center, children: description }) : null,
+          action ? /* @__PURE__ */ jsx38(View33, { style: [styles27.action, inline ? null : styles27.actionCentred], children: action }) : null
         ] })
       ]
     }
   );
 }
-var ErrorState = (props) => /* @__PURE__ */ jsx36(MascotState, { mood: "error", ...props });
-var SuccessState = (props) => /* @__PURE__ */ jsx36(MascotState, { mood: "success", ...props });
-var LoadingState = (props) => /* @__PURE__ */ jsx36(MascotState, { mood: "thinking", ...props });
-var WelcomeState = (props) => /* @__PURE__ */ jsx36(MascotState, { mood: "welcome", ...props });
-var styles25 = StyleSheet25.create({
+var ErrorState = (props) => /* @__PURE__ */ jsx38(MascotState, { mood: "error", ...props });
+var SuccessState = (props) => /* @__PURE__ */ jsx38(MascotState, { mood: "success", ...props });
+var LoadingState = (props) => /* @__PURE__ */ jsx38(MascotState, { mood: "thinking", ...props });
+var WelcomeState = (props) => /* @__PURE__ */ jsx38(MascotState, { mood: "welcome", ...props });
+var styles27 = StyleSheet27.create({
   stacked: { alignItems: "center", justifyContent: "center", gap: 12, paddingVertical: 40, paddingHorizontal: 24 },
   inline: { flexDirection: "row", alignItems: "center", gap: 16 },
   words: { alignItems: "center", gap: 6 },
@@ -3826,9 +3829,9 @@ var styles25 = StyleSheet25.create({
 
 // src/native/match-dialog.tsx
 import * as React25 from "react";
-import { AccessibilityInfo as AccessibilityInfo10, Animated as Animated14, Easing as Easing8, Modal as Modal4, Pressable as Pressable14, StyleSheet as StyleSheet26, View as View32 } from "react-native";
+import { AccessibilityInfo as AccessibilityInfo10, Animated as Animated14, Easing as Easing8, Modal as Modal4, Pressable as Pressable14, StyleSheet as StyleSheet28, View as View34 } from "react-native";
 import Svg18, { Path as Path16 } from "react-native-svg";
-import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
 function MatchDialog({ open, onOpenChange, title, description, people, primaryLabel, onPrimary, secondaryLabel }) {
   const { theme, haptic } = useTheme();
   const reduce = useReducedMotion();
@@ -3848,17 +3851,17 @@ function MatchDialog({ open, onOpenChange, title, description, people, primaryLa
     }
   }, [open, reduce, t]);
   const side = (dir) => ({ transform: [{ translateX: t.interpolate({ inputRange: [0, 1], outputRange: [dir * 110, dir * 50] }) }, { rotate: dir === -1 ? "-8deg" : "8deg" }] });
-  return /* @__PURE__ */ jsx37(Modal4, { ...modalName(title), visible: open, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs33(View32, { accessibilityViewIsModal: true, style: [styles26.screen, { backgroundColor: theme.accent }], children: [
-    /* @__PURE__ */ jsx37(View32, { style: [StyleSheet26.absoluteFill, { backgroundColor: theme.accent2, opacity: 0.55 }] }),
-    /* @__PURE__ */ jsx37(Txt, { variant: "display", tone: "onAccent", style: styles26.title, children: title }),
-    description ? /* @__PURE__ */ jsx37(Txt, { tone: "onAccent", style: styles26.center, children: description }) : null,
-    /* @__PURE__ */ jsxs33(View32, { style: styles26.pair, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx37(Animated14.View, { style: [styles26.photo, side(-1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx37(Avatar, { src: people[0].src, alt: "", fallback: people[0].name.charAt(0), size: 112 }) }),
-      /* @__PURE__ */ jsx37(Animated14.View, { style: [styles26.photo, side(1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx37(Avatar, { src: people[1].src, alt: "", fallback: people[1].name.charAt(0), size: 112 }) }),
-      /* @__PURE__ */ jsx37(Animated14.View, { style: [styles26.heart, { backgroundColor: theme.onAccent, transform: [{ scale: t }] }], children: /* @__PURE__ */ jsx37(Svg18, { width: 26, height: 26, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx37(Path16, { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z", fill: theme.accent }) }) })
+  return /* @__PURE__ */ jsx39(Modal4, { ...modalName(title), visible: open, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs35(View34, { accessibilityViewIsModal: true, style: [styles28.screen, { backgroundColor: theme.accent }], children: [
+    /* @__PURE__ */ jsx39(View34, { style: [StyleSheet28.absoluteFill, { backgroundColor: theme.accent2, opacity: 0.55 }] }),
+    /* @__PURE__ */ jsx39(Txt, { variant: "display", tone: "onAccent", style: styles28.title, children: title }),
+    description ? /* @__PURE__ */ jsx39(Txt, { tone: "onAccent", style: styles28.center, children: description }) : null,
+    /* @__PURE__ */ jsxs35(View34, { style: styles28.pair, "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx39(Animated14.View, { style: [styles28.photo, side(-1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx39(Avatar, { src: people[0].src, alt: "", fallback: people[0].name.charAt(0), size: 112 }) }),
+      /* @__PURE__ */ jsx39(Animated14.View, { style: [styles28.photo, side(1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx39(Avatar, { src: people[1].src, alt: "", fallback: people[1].name.charAt(0), size: 112 }) }),
+      /* @__PURE__ */ jsx39(Animated14.View, { style: [styles28.heart, { backgroundColor: theme.onAccent, transform: [{ scale: t }] }], children: /* @__PURE__ */ jsx39(Svg18, { width: 26, height: 26, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39(Path16, { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z", fill: theme.accent }) }) })
     ] }),
-    /* @__PURE__ */ jsxs33(View32, { style: styles26.actions, children: [
-      /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsxs35(View34, { style: styles28.actions, children: [
+      /* @__PURE__ */ jsx39(
         Button,
         {
           label: primaryLabel,
@@ -3869,11 +3872,11 @@ function MatchDialog({ open, onOpenChange, title, description, people, primaryLa
           }
         }
       ),
-      /* @__PURE__ */ jsx37(Pressable14, { role: "button", onPress: () => onOpenChange(false), style: ({ pressed }) => [styles26.secondary, { borderColor: theme.onAccent, opacity: pressed ? 0.8 : 1 }], children: /* @__PURE__ */ jsx37(Txt, { variant: "label", tone: "onAccent", children: secondaryLabel }) })
+      /* @__PURE__ */ jsx39(Pressable14, { role: "button", onPress: () => onOpenChange(false), style: ({ pressed }) => [styles28.secondary, { borderColor: theme.onAccent, opacity: pressed ? 0.8 : 1 }], children: /* @__PURE__ */ jsx39(Txt, { variant: "label", tone: "onAccent", children: secondaryLabel }) })
     ] })
   ] }) });
 }
-var styles26 = StyleSheet26.create({
+var styles28 = StyleSheet28.create({
   screen: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12, padding: 32 },
   title: { textAlign: "center", fontSize: 40, lineHeight: 46 },
   center: { textAlign: "center", maxWidth: 300 },
@@ -3884,10 +3887,26 @@ var styles26 = StyleSheet26.create({
   secondary: { minHeight: 48, borderRadius: 999, borderWidth: 1.5, alignItems: "center", justifyContent: "center" }
 });
 
+// src/native/meta-row.tsx
+import { View as View35 } from "react-native";
+import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
+var present = (n) => n !== null && n !== void 0 && n !== false && n !== "";
+function MetaRow({ items: items2, chips = [], label, style, ...props }) {
+  const facts = items2.filter(present);
+  const tail = chips.filter(present);
+  return /* @__PURE__ */ jsxs36(View35, { role: "list", "aria-label": label, ...props, style: [{ flexDirection: "row", flexWrap: "wrap", alignItems: "center", columnGap: 8, rowGap: 6 }, style], children: [
+    facts.map((fact, i) => /* @__PURE__ */ jsxs36(View35, { role: "listitem", accessible: true, style: { flexDirection: "row", alignItems: "center", columnGap: 8 }, children: [
+      i > 0 ? /* @__PURE__ */ jsx40(Txt, { variant: "caption", tone: "muted", "aria-hidden": true, importantForAccessibility: "no", children: "\xB7" }) : null,
+      typeof fact === "string" || typeof fact === "number" ? /* @__PURE__ */ jsx40(Txt, { variant: "caption", tone: "secondary", children: fact }) : fact
+    ] }, i)),
+    tail.map((chip, i) => /* @__PURE__ */ jsx40(View35, { role: "listitem", accessible: true, children: chip }, `chip-${i}`))
+  ] });
+}
+
 // src/native/meter.tsx
-import { StyleSheet as StyleSheet27, View as View33 } from "react-native";
+import { StyleSheet as StyleSheet29, View as View36 } from "react-native";
 import Svg19, { Circle as Circle12 } from "react-native-svg";
-import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 var THICK = { sm: 6, md: 8, lg: 12 };
 var RING = { sm: 56, md: 96, lg: 144 };
 var partColor = (t, i) => [t.accent, t.warning, t.success, t.textSecondary, t.danger][i % 5];
@@ -3900,10 +3919,10 @@ function Meter({ label, value = 0, min = 0, max = 100, valueText, thresholds, op
   const words2 = valueText ?? `${Math.round(ratio * 100)} %`;
   const shares = (parts ?? []).map((p, i) => ({ ...p, color: partColor(theme, i), ratio: Math.min(1, Math.max(0, p.value / span)), words: p.valueText ?? `${Math.round(p.value / span * 100)} %` }));
   const a11y = parts ? { role: "group", "aria-label": `${label}: ${shares.map((p) => `${p.label} ${p.words}`).join(", ")}` } : { role: "meter", "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": Math.min(max, Math.max(min, value)), "aria-valuetext": words2 };
-  const legend = parts ? /* @__PURE__ */ jsx38(View33, { style: styles27.legend, "aria-hidden": true, children: shares.map((p, i) => /* @__PURE__ */ jsxs34(View33, { style: styles27.legendItem, children: [
-    /* @__PURE__ */ jsx38(View33, { style: [styles27.swatch, { backgroundColor: p.color }] }),
-    /* @__PURE__ */ jsx38(Txt, { variant: "caption", children: p.label }),
-    /* @__PURE__ */ jsx38(Txt, { variant: "caption", tone: "secondary", children: p.words })
+  const legend = parts ? /* @__PURE__ */ jsx41(View36, { style: styles29.legend, "aria-hidden": true, children: shares.map((p, i) => /* @__PURE__ */ jsxs37(View36, { style: styles29.legendItem, children: [
+    /* @__PURE__ */ jsx41(View36, { style: [styles29.swatch, { backgroundColor: p.color }] }),
+    /* @__PURE__ */ jsx41(Txt, { variant: "caption", children: p.label }),
+    /* @__PURE__ */ jsx41(Txt, { variant: "caption", tone: "secondary", children: p.words })
   ] }, i)) }) : null;
   if (variant === "ring") {
     const side = RING[size];
@@ -3915,27 +3934,27 @@ function Meter({ label, value = 0, min = 0, max = 100, valueText, thresholds, op
       offset += p.ratio;
       return arc;
     }) : [{ color: tone3, len: ratio, start: 0 }];
-    return /* @__PURE__ */ jsxs34(View33, { accessible: true, ...a11y, style: [styles27.ringRoot, style], children: [
-      /* @__PURE__ */ jsxs34(View33, { style: { width: side, height: side }, children: [
-        /* @__PURE__ */ jsxs34(Svg19, { width: side, height: side, viewBox: "0 0 100 100", style: { transform: [{ rotate: "-90deg" }] }, children: [
-          /* @__PURE__ */ jsx38(Circle12, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: 9 }),
-          arcs.map((a, i) => /* @__PURE__ */ jsx38(Circle12, { cx: 50, cy: 50, r, fill: "none", stroke: a.color, strokeWidth: 9, strokeDasharray: `${Math.max(0, a.len * c - (parts ? 2 : 0))} ${c}`, strokeDashoffset: -a.start * c, strokeLinecap: parts ? "butt" : "round" }, i))
+    return /* @__PURE__ */ jsxs37(View36, { accessible: true, ...a11y, style: [styles29.ringRoot, style], children: [
+      /* @__PURE__ */ jsxs37(View36, { style: { width: side, height: side }, children: [
+        /* @__PURE__ */ jsxs37(Svg19, { width: side, height: side, viewBox: "0 0 100 100", style: { transform: [{ rotate: "-90deg" }] }, children: [
+          /* @__PURE__ */ jsx41(Circle12, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: 9 }),
+          arcs.map((a, i) => /* @__PURE__ */ jsx41(Circle12, { cx: 50, cy: 50, r, fill: "none", stroke: a.color, strokeWidth: 9, strokeDasharray: `${Math.max(0, a.len * c - (parts ? 2 : 0))} ${c}`, strokeDashoffset: -a.start * c, strokeLinecap: parts ? "butt" : "round" }, i))
         ] }),
-        children !== void 0 ? /* @__PURE__ */ jsx38(View33, { style: [StyleSheet27.absoluteFill, styles27.center], children }) : null
+        children !== void 0 ? /* @__PURE__ */ jsx41(View36, { style: [StyleSheet29.absoluteFill, styles29.center], children }) : null
       ] }),
       legend
     ] });
   }
-  return /* @__PURE__ */ jsxs34(View33, { accessible: true, ...a11y, style: [styles27.root, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs34(View33, { style: styles27.header, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx38(Txt, { variant: "caption", numberOfLines: 1, style: styles27.caption, children: label }),
-      !parts ? /* @__PURE__ */ jsx38(Txt, { variant: "caption", tone: "secondary", children: words2 }) : null
+  return /* @__PURE__ */ jsxs37(View36, { accessible: true, ...a11y, style: [styles29.root, style], children: [
+    showLabel ? /* @__PURE__ */ jsxs37(View36, { style: styles29.header, "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx41(Txt, { variant: "caption", numberOfLines: 1, style: styles29.caption, children: label }),
+      !parts ? /* @__PURE__ */ jsx41(Txt, { variant: "caption", tone: "secondary", children: words2 }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx38(View33, { style: [styles27.track, { height: THICK[size], backgroundColor: theme.surface3 }], children: parts ? shares.map((p, i) => /* @__PURE__ */ jsx38(View33, { style: { width: `${p.ratio * 100}%`, backgroundColor: p.color } }, i)) : /* @__PURE__ */ jsx38(View33, { style: [styles27.fill, { width: `${ratio * 100}%`, backgroundColor: tone3 }] }) }),
+    /* @__PURE__ */ jsx41(View36, { style: [styles29.track, { height: THICK[size], backgroundColor: theme.surface3 }], children: parts ? shares.map((p, i) => /* @__PURE__ */ jsx41(View36, { style: { width: `${p.ratio * 100}%`, backgroundColor: p.color } }, i)) : /* @__PURE__ */ jsx41(View36, { style: [styles29.fill, { width: `${ratio * 100}%`, backgroundColor: tone3 }] }) }),
     legend
   ] });
 }
-var styles27 = StyleSheet27.create({
+var styles29 = StyleSheet29.create({
   root: { width: "100%", gap: 6 },
   header: { flexDirection: "row", alignItems: "baseline", gap: 8 },
   caption: { flex: 1, fontWeight: "600" },
@@ -3951,7 +3970,7 @@ var styles27 = StyleSheet27.create({
 // src/native/number-ticker.tsx
 import * as React26 from "react";
 import { AccessibilityInfo as AccessibilityInfo11, Animated as Animated15, Easing as Easing9, Text as Text13 } from "react-native";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function NumberTicker({ value, locale, format, trigger = "mount", duration = 1100, announce, variant = "display", tone: tone3 = "text", style }) {
   const reduce = useReducedMotion();
   const writer = React26.useMemo(() => new Intl.NumberFormat(locale, format), [locale, format]);
@@ -3979,13 +3998,13 @@ function NumberTicker({ value, locale, format, trigger = "mount", duration = 110
     };
   }, [value, reduce, trigger, duration, announce, anim, writer]);
   const digits = Number.isInteger(value) ? Math.round(shown) : shown;
-  return /* @__PURE__ */ jsx39(Txt, { variant, tone: tone3, "aria-label": writer.format(value), style: [{ fontVariant: ["tabular-nums"] }, style], children: /* @__PURE__ */ jsx39(Text13, { "aria-hidden": true, children: writer.format(digits) }) });
+  return /* @__PURE__ */ jsx42(Txt, { variant, tone: tone3, "aria-label": writer.format(value), style: [{ fontVariant: ["tabular-nums"] }, style], children: /* @__PURE__ */ jsx42(Text13, { "aria-hidden": true, children: writer.format(digits) }) });
 }
 
 // src/native/onboarding.tsx
 import * as React27 from "react";
-import { ScrollView as ScrollView5, StyleSheet as StyleSheet28, View as View34 } from "react-native";
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+import { ScrollView as ScrollView5, StyleSheet as StyleSheet30, View as View37 } from "react-native";
+import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
 function Onboarding({ slides, labels, onDone, style }) {
   const { theme, insets, haptic } = useTheme();
   const [width, setWidth] = React27.useState(0);
@@ -4000,18 +4019,18 @@ function Onboarding({ slides, labels, onDone, style }) {
   const onScroll = (e) => {
     if (width > 0) setPage(Math.round(e.nativeEvent.contentOffset.x / width));
   };
-  return /* @__PURE__ */ jsxs35(View34, { style: [styles28.root, { backgroundColor: theme.surface0, paddingTop: insets.top + 8, paddingBottom: insets.bottom + 16 }, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsx40(View34, { style: styles28.top, children: !last ? /* @__PURE__ */ jsx40(Button, { label: labels.skip, variant: "ghost", size: "sm", onPress: onDone }) : /* @__PURE__ */ jsx40(View34, { style: styles28.spacer }) }),
-    /* @__PURE__ */ jsx40(ScrollView5, { ref: scroller, tabIndex: 0, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onMomentumScrollEnd: onScroll, style: styles28.flex, children: slides.map((slide, i) => /* @__PURE__ */ jsxs35(View34, { style: [styles28.slide, { width: width || void 0 }], accessible: true, "aria-label": `${labels.position(i + 1, slides.length)}. ${slide.title}. ${slide.description}`, "aria-hidden": i !== page, children: [
-      slide.visual ? /* @__PURE__ */ jsx40(View34, { style: styles28.visual, children: slide.visual }) : null,
-      /* @__PURE__ */ jsx40(Txt, { variant: "display", style: styles28.centred, children: slide.title }),
-      /* @__PURE__ */ jsx40(Txt, { tone: "secondary", style: [styles28.centred, styles28.description], children: slide.description })
+  return /* @__PURE__ */ jsxs38(View37, { style: [styles30.root, { backgroundColor: theme.surface0, paddingTop: insets.top + 8, paddingBottom: insets.bottom + 16 }, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsx43(View37, { style: styles30.top, children: !last ? /* @__PURE__ */ jsx43(Button, { label: labels.skip, variant: "ghost", size: "sm", onPress: onDone }) : /* @__PURE__ */ jsx43(View37, { style: styles30.spacer }) }),
+    /* @__PURE__ */ jsx43(ScrollView5, { ref: scroller, tabIndex: 0, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onMomentumScrollEnd: onScroll, style: styles30.flex, children: slides.map((slide, i) => /* @__PURE__ */ jsxs38(View37, { style: [styles30.slide, { width: width || void 0 }], accessible: true, "aria-label": `${labels.position(i + 1, slides.length)}. ${slide.title}. ${slide.description}`, "aria-hidden": i !== page, children: [
+      slide.visual ? /* @__PURE__ */ jsx43(View37, { style: styles30.visual, children: slide.visual }) : null,
+      /* @__PURE__ */ jsx43(Txt, { variant: "display", style: styles30.centred, children: slide.title }),
+      /* @__PURE__ */ jsx43(Txt, { tone: "secondary", style: [styles30.centred, styles30.description], children: slide.description })
     ] }, i)) }),
-    /* @__PURE__ */ jsx40(View34, { style: styles28.dots, "aria-hidden": true, children: slides.map((_, i) => /* @__PURE__ */ jsx40(View34, { style: [styles28.dot, { width: i === page ? 22 : 8, backgroundColor: i === page ? theme.accent : theme.borderStrong }] }, i)) }),
-    /* @__PURE__ */ jsx40(View34, { style: styles28.bottom, children: /* @__PURE__ */ jsx40(Button, { label: last ? labels.done : labels.next, variant: last ? "gradient" : "primary", size: "lg", onPress: () => last ? onDone() : go(page + 1) }) })
+    /* @__PURE__ */ jsx43(View37, { style: styles30.dots, "aria-hidden": true, children: slides.map((_, i) => /* @__PURE__ */ jsx43(View37, { style: [styles30.dot, { width: i === page ? 22 : 8, backgroundColor: i === page ? theme.accent : theme.borderStrong }] }, i)) }),
+    /* @__PURE__ */ jsx43(View37, { style: styles30.bottom, children: /* @__PURE__ */ jsx43(Button, { label: last ? labels.done : labels.next, variant: last ? "gradient" : "primary", size: "lg", onPress: () => last ? onDone() : go(page + 1) }) })
   ] });
 }
-var styles28 = StyleSheet28.create({
+var styles30 = StyleSheet30.create({
   root: { flex: 1 },
   top: { flexDirection: "row", justifyContent: "flex-end", paddingHorizontal: 16, minHeight: 32 },
   spacer: { height: 32 },
@@ -4027,8 +4046,8 @@ var styles28 = StyleSheet28.create({
 
 // src/native/otp-input.tsx
 import * as React28 from "react";
-import { Platform as Platform2, Pressable as Pressable15, StyleSheet as StyleSheet29, TextInput as TextInput5, View as View35 } from "react-native";
-import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Platform as Platform2, Pressable as Pressable15, StyleSheet as StyleSheet31, TextInput as TextInput5, View as View38 } from "react-native";
+import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
 function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode = "numeric", invalid, disabled, autoFocus, style }) {
   const { theme, radius: radius3, haptic } = useTheme();
   const [own, setOwn] = React28.useState("");
@@ -4047,14 +4066,14 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
       onComplete?.(next);
     }
   };
-  return /* @__PURE__ */ jsxs36(Pressable15, { onPress: () => input.current?.focus(), disabled, accessible: false, style: [styles29.root, style], children: [
-    /* @__PURE__ */ jsx41(View35, { style: styles29.boxes, "aria-hidden": true, children: Array.from({ length }, (_, i) => {
+  return /* @__PURE__ */ jsxs39(Pressable15, { onPress: () => input.current?.focus(), disabled, accessible: false, style: [styles31.root, style], children: [
+    /* @__PURE__ */ jsx44(View38, { style: styles31.boxes, "aria-hidden": true, children: Array.from({ length }, (_, i) => {
       const active = focused && i === Math.min(code.length, length - 1);
-      return /* @__PURE__ */ jsx41(
-        View35,
+      return /* @__PURE__ */ jsx44(
+        View38,
         {
           style: [
-            styles29.box,
+            styles31.box,
             {
               borderRadius: radius3.md,
               backgroundColor: theme.surface2,
@@ -4062,12 +4081,12 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
               borderWidth: invalid || active ? 2 : 1
             }
           ],
-          children: /* @__PURE__ */ jsx41(Txt, { variant: "title", children: code[i] ?? "" })
+          children: /* @__PURE__ */ jsx44(Txt, { variant: "title", children: code[i] ?? "" })
         },
         i
       );
     }) }),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx44(
       TextInput5,
       {
         ref: input,
@@ -4086,12 +4105,12 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
         caretHidden: true,
         onFocus: () => setFocused(true),
         onBlur: () => setFocused(false),
-        style: styles29.hidden
+        style: styles31.hidden
       }
     )
   ] });
 }
-var styles29 = StyleSheet29.create({
+var styles31 = StyleSheet31.create({
   root: { alignSelf: "flex-start" },
   boxes: { flexDirection: "row", gap: 8 },
   box: { width: 46, height: 56, alignItems: "center", justifyContent: "center" },
@@ -4099,11 +4118,11 @@ var styles29 = StyleSheet29.create({
 });
 
 // src/native/pagination.tsx
-import { Pressable as Pressable16, StyleSheet as StyleSheet30, Text as Text14, View as View36 } from "react-native";
+import { Pressable as Pressable16, StyleSheet as StyleSheet32, Text as Text14, View as View39 } from "react-native";
 import Svg20, { Path as Path17 } from "react-native-svg";
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
 function Chevron3({ direction, color }) {
-  return /* @__PURE__ */ jsx42(Svg20, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx42(Path17, { d: direction === "left" ? "m15 6-6 6 6 6" : "m9 6 6 6-6 6" }) });
+  return /* @__PURE__ */ jsx45(Svg20, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx45(Path17, { d: direction === "left" ? "m15 6-6 6 6 6" : "m9 6 6 6-6 6" }) });
 }
 function Pagination({ page = 1, pageCount, onPageChange, hasPrevious, hasNext, onPrevious, onNext, status, disabled, labels, style }) {
   const { theme, radius: radius3 } = useTheme();
@@ -4112,7 +4131,7 @@ function Pagination({ page = 1, pageCount, onPageChange, hasPrevious, hasNext, o
   const current = Math.min(Math.max(1, page), count);
   const canPrevious = !disabled && (paged ? current > 1 : Boolean(hasPrevious));
   const canNext = !disabled && (paged ? current < count : Boolean(hasNext));
-  const button = (direction, enabled, onPress, label) => /* @__PURE__ */ jsx42(
+  const button = (direction, enabled, onPress, label) => /* @__PURE__ */ jsx45(
     Pressable16,
     {
       role: "button",
@@ -4122,28 +4141,28 @@ function Pagination({ page = 1, pageCount, onPageChange, hasPrevious, hasNext, o
       hitSlop: 6,
       onPress,
       style: ({ pressed }) => [
-        styles30.button,
+        styles32.button,
         { borderRadius: radius3.sm, borderColor: theme.borderDefault, backgroundColor: theme.surface1, opacity: enabled ? pressed ? 0.8 : 1 : 0.4 }
       ],
-      children: /* @__PURE__ */ jsx42(Chevron3, { direction, color: theme.textPrimary })
+      children: /* @__PURE__ */ jsx45(Chevron3, { direction, color: theme.textPrimary })
     }
   );
   const text = status ?? (paged ? labels.compact(current, count) : null);
-  return /* @__PURE__ */ jsxs37(View36, { role: "navigation", style: [styles30.row, style], children: [
+  return /* @__PURE__ */ jsxs40(View39, { role: "navigation", style: [styles32.row, style], children: [
     button("left", canPrevious, paged ? () => onPageChange?.(current - 1) : onPrevious, labels.previous),
-    text ? /* @__PURE__ */ jsx42(Text14, { "aria-live": "polite", style: [styles30.status, { color: theme.textSecondary }], children: text }) : null,
+    text ? /* @__PURE__ */ jsx45(Text14, { "aria-live": "polite", style: [styles32.status, { color: theme.textSecondary }], children: text }) : null,
     button("right", canNext, paged ? () => onPageChange?.(current + 1) : onNext, labels.next)
   ] });
 }
-var styles30 = StyleSheet30.create({
+var styles32 = StyleSheet32.create({
   row: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 12 },
-  button: { width: 44, height: 44, alignItems: "center", justifyContent: "center", borderWidth: StyleSheet30.hairlineWidth },
+  button: { width: 44, height: 44, alignItems: "center", justifyContent: "center", borderWidth: StyleSheet32.hairlineWidth },
   status: { fontSize: 13, fontWeight: "600", fontVariant: ["tabular-nums"] }
 });
 
 // src/native/permission-prompt.tsx
-import { StyleSheet as StyleSheet31, View as View37 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet33, View as View40 } from "react-native";
+import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
 function PermissionPrompt({
   status,
   title,
@@ -4160,28 +4179,28 @@ function PermissionPrompt({
   style
 }) {
   const { theme, radius: radius3 } = useTheme();
-  if (status === "granted") return /* @__PURE__ */ jsx43(Fragment6, { children: children ?? null });
+  if (status === "granted") return /* @__PURE__ */ jsx46(Fragment6, { children: children ?? null });
   const blocked = status === "blocked" || status === "denied" && Boolean(onOpenSettings);
-  return /* @__PURE__ */ jsxs38(View37, { style: [styles31.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx43(Mascot, { bird: mascot, mood: blocked ? "error" : "welcome", size: 104 }),
-    /* @__PURE__ */ jsx43(Txt, { variant: "title", style: styles31.centred, children: title }),
-    /* @__PURE__ */ jsx43(Txt, { tone: "secondary", style: styles31.centred, children: blocked && blockedDescription ? blockedDescription : description }),
-    /* @__PURE__ */ jsxs38(View37, { style: styles31.actions, children: [
-      blocked && settingsLabel && onOpenSettings ? /* @__PURE__ */ jsx43(Button, { label: settingsLabel, variant: "primary", onPress: onOpenSettings }) : /* @__PURE__ */ jsx43(Button, { label: allowLabel, variant: "primary", onPress: onAllow }),
-      dismissLabel && onDismiss ? /* @__PURE__ */ jsx43(Button, { label: dismissLabel, variant: "ghost", onPress: onDismiss }) : null
+  return /* @__PURE__ */ jsxs41(View40, { style: [styles33.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsx46(Mascot, { bird: mascot, mood: blocked ? "error" : "welcome", size: 104 }),
+    /* @__PURE__ */ jsx46(Txt, { variant: "title", style: styles33.centred, children: title }),
+    /* @__PURE__ */ jsx46(Txt, { tone: "secondary", style: styles33.centred, children: blocked && blockedDescription ? blockedDescription : description }),
+    /* @__PURE__ */ jsxs41(View40, { style: styles33.actions, children: [
+      blocked && settingsLabel && onOpenSettings ? /* @__PURE__ */ jsx46(Button, { label: settingsLabel, variant: "primary", onPress: onOpenSettings }) : /* @__PURE__ */ jsx46(Button, { label: allowLabel, variant: "primary", onPress: onAllow }),
+      dismissLabel && onDismiss ? /* @__PURE__ */ jsx46(Button, { label: dismissLabel, variant: "ghost", onPress: onDismiss }) : null
     ] })
   ] });
 }
-var styles31 = StyleSheet31.create({
-  root: { alignItems: "center", gap: 10, padding: 24, borderWidth: StyleSheet31.hairlineWidth },
+var styles33 = StyleSheet33.create({
+  root: { alignItems: "center", gap: 10, padding: 24, borderWidth: StyleSheet33.hairlineWidth },
   centred: { textAlign: "center", maxWidth: 340 },
   actions: { marginTop: 8, gap: 8, alignSelf: "stretch" }
 });
 
 // src/native/phoenix.tsx
 import { useEffect as useEffect19, useState as useState28 } from "react";
-import { AccessibilityInfo as AccessibilityInfo12, Animated as Animated16, Easing as Easing10, View as View38 } from "react-native";
-import Svg21, { Circle as Circle13, Defs as Defs12, LinearGradient as LinearGradient12, Path as Path18, RadialGradient as RadialGradient9, Stop as Stop12 } from "react-native-svg";
+import { AccessibilityInfo as AccessibilityInfo12, Animated as Animated16, Easing as Easing10, View as View41 } from "react-native";
+import Svg21, { Circle as Circle13, Defs as Defs12, LinearGradient as LinearGradient9, Path as Path18, RadialGradient as RadialGradient9, Stop as Stop12 } from "react-native-svg";
 
 // src/mascots/phoenix-geometry.ts
 var PHOENIX = {
@@ -4204,7 +4223,7 @@ var PHOENIX_PALETTES = {
 };
 
 // src/native/phoenix.tsx
-import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
 function useFloat(animated) {
   const [y] = useState28(() => new Animated16.Value(0));
   useEffect19(() => {
@@ -4229,37 +4248,37 @@ function Phoenix({ tone: tone3 = "own", size = 120, animated = true, title, styl
   const id = useSvgId("kzp");
   const y = useFloat(animated);
   const p = tone3 === "brand" ? { left: [theme.accent2, theme.accent], right: [theme.accent, theme.accent2], core: ["#ffffff", theme.accent], body: theme.surface3, edge: theme.borderStrong, crest: theme.accent } : PHOENIX_PALETTES.own;
-  return /* @__PURE__ */ jsx44(View38, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx44(Animated16.View, { style: { transform: [{ translateY: y }] }, children: /* @__PURE__ */ jsxs39(Svg21, { width: size, height: size, viewBox: "0 0 120 120", children: [
-    /* @__PURE__ */ jsxs39(Defs12, { children: [
-      /* @__PURE__ */ jsxs39(LinearGradient12, { id: `${id}l`, x1: "1", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ jsx44(Stop12, { offset: "0%", stopColor: p.left[0] }),
-        /* @__PURE__ */ jsx44(Stop12, { offset: "100%", stopColor: p.left[1] })
+  return /* @__PURE__ */ jsx47(View41, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx47(Animated16.View, { style: { transform: [{ translateY: y }] }, children: /* @__PURE__ */ jsxs42(Svg21, { width: size, height: size, viewBox: "0 0 120 120", children: [
+    /* @__PURE__ */ jsxs42(Defs12, { children: [
+      /* @__PURE__ */ jsxs42(LinearGradient9, { id: `${id}l`, x1: "1", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ jsx47(Stop12, { offset: "0%", stopColor: p.left[0] }),
+        /* @__PURE__ */ jsx47(Stop12, { offset: "100%", stopColor: p.left[1] })
       ] }),
-      /* @__PURE__ */ jsxs39(LinearGradient12, { id: `${id}r`, x1: "0", y1: "0", x2: "1", y2: "1", children: [
-        /* @__PURE__ */ jsx44(Stop12, { offset: "0%", stopColor: p.right[0] }),
-        /* @__PURE__ */ jsx44(Stop12, { offset: "100%", stopColor: p.right[1] })
+      /* @__PURE__ */ jsxs42(LinearGradient9, { id: `${id}r`, x1: "0", y1: "0", x2: "1", y2: "1", children: [
+        /* @__PURE__ */ jsx47(Stop12, { offset: "0%", stopColor: p.right[0] }),
+        /* @__PURE__ */ jsx47(Stop12, { offset: "100%", stopColor: p.right[1] })
       ] }),
-      /* @__PURE__ */ jsxs39(RadialGradient9, { id: `${id}c`, children: [
-        /* @__PURE__ */ jsx44(Stop12, { offset: "0%", stopColor: p.core[0] }),
-        /* @__PURE__ */ jsx44(Stop12, { offset: "100%", stopColor: p.core[1], stopOpacity: 0 })
+      /* @__PURE__ */ jsxs42(RadialGradient9, { id: `${id}c`, children: [
+        /* @__PURE__ */ jsx47(Stop12, { offset: "0%", stopColor: p.core[0] }),
+        /* @__PURE__ */ jsx47(Stop12, { offset: "100%", stopColor: p.core[1], stopOpacity: 0 })
       ] })
     ] }),
-    /* @__PURE__ */ jsx44(Path18, { d: PHOENIX.wingL, fill: `url(#${id}l)` }),
-    /* @__PURE__ */ jsx44(Path18, { d: PHOENIX.wingR, fill: `url(#${id}r)` }),
-    /* @__PURE__ */ jsx44(Path18, { d: PHOENIX.tailL, fill: `url(#${id}l)`, opacity: 0.7 }),
-    /* @__PURE__ */ jsx44(Path18, { d: PHOENIX.tailR, fill: `url(#${id}r)`, opacity: 0.7 }),
-    /* @__PURE__ */ jsx44(Path18, { d: PHOENIX.body, fill: p.body, stroke: p.edge, strokeOpacity: 0.5 }),
-    /* @__PURE__ */ jsx44(Circle13, { cx: 60, cy: 58, r: 12, fill: `url(#${id}c)` }),
-    /* @__PURE__ */ jsx44(Circle13, { cx: 60, cy: 58, r: 3.5, fill: "#ffffff" }),
-    /* @__PURE__ */ jsx44(Path18, { d: PHOENIX.crest, stroke: p.crest, strokeWidth: 2, strokeLinecap: "round" })
+    /* @__PURE__ */ jsx47(Path18, { d: PHOENIX.wingL, fill: `url(#${id}l)` }),
+    /* @__PURE__ */ jsx47(Path18, { d: PHOENIX.wingR, fill: `url(#${id}r)` }),
+    /* @__PURE__ */ jsx47(Path18, { d: PHOENIX.tailL, fill: `url(#${id}l)`, opacity: 0.7 }),
+    /* @__PURE__ */ jsx47(Path18, { d: PHOENIX.tailR, fill: `url(#${id}r)`, opacity: 0.7 }),
+    /* @__PURE__ */ jsx47(Path18, { d: PHOENIX.body, fill: p.body, stroke: p.edge, strokeOpacity: 0.5 }),
+    /* @__PURE__ */ jsx47(Circle13, { cx: 60, cy: 58, r: 12, fill: `url(#${id}c)` }),
+    /* @__PURE__ */ jsx47(Circle13, { cx: 60, cy: 58, r: 3.5, fill: "#ffffff" }),
+    /* @__PURE__ */ jsx47(Path18, { d: PHOENIX.crest, stroke: p.crest, strokeWidth: 2, strokeLinecap: "round" })
   ] }) }) });
 }
 
 // src/native/photo-grid.tsx
 import * as React30 from "react";
-import { Image as Image4, Pressable as Pressable17, StyleSheet as StyleSheet32, View as View39 } from "react-native";
+import { Image as Image4, Pressable as Pressable17, StyleSheet as StyleSheet34, View as View42 } from "react-native";
 import Svg22, { Path as Path19 } from "react-native-svg";
-import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
 function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, columns = 3, labels, style }) {
   const { theme, radius: radius3, haptic } = useTheme();
   const [menu, setMenu] = React30.useState(null);
@@ -4276,11 +4295,11 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
     onValueChange(value.filter((_, j) => j !== i));
   };
   const width = `${100 / columns}%`;
-  return /* @__PURE__ */ jsxs40(View39, { style: [styles32.grid, style], children: [
+  return /* @__PURE__ */ jsxs43(View42, { style: [styles34.grid, style], children: [
     Array.from({ length: slots }, (_, i) => {
       const photo = value[i];
-      const cell = [styles32.slot, { borderRadius: radius3.lg, aspectRatio: 3 / 4 }];
-      return /* @__PURE__ */ jsx45(View39, { style: [styles32.cell, { width }], children: photo ? /* @__PURE__ */ jsxs40(
+      const cell = [styles34.slot, { borderRadius: radius3.lg, aspectRatio: 3 / 4 }];
+      return /* @__PURE__ */ jsx48(View42, { style: [styles34.cell, { width }], children: photo ? /* @__PURE__ */ jsxs43(
         Pressable17,
         {
           role: "button",
@@ -4304,11 +4323,11 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
           },
           style: [...cell, { backgroundColor: theme.surface3, overflow: "hidden" }],
           children: [
-            /* @__PURE__ */ jsx45(Image4, { source: { uri: photo.uri }, style: StyleSheet32.absoluteFill, resizeMode: "cover" }),
-            i === 0 ? /* @__PURE__ */ jsx45(View39, { style: [styles32.main, { backgroundColor: theme.accent, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx45(Txt, { variant: "caption", tone: "onAccent", style: styles32.mainText, children: labels.main }) }) : null
+            /* @__PURE__ */ jsx48(Image4, { source: { uri: photo.uri }, style: StyleSheet34.absoluteFill, resizeMode: "cover" }),
+            i === 0 ? /* @__PURE__ */ jsx48(View42, { style: [styles34.main, { backgroundColor: theme.accent, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx48(Txt, { variant: "caption", tone: "onAccent", style: styles34.mainText, children: labels.main }) }) : null
           ]
         }
-      ) : /* @__PURE__ */ jsx45(
+      ) : /* @__PURE__ */ jsx48(
         Pressable17,
         {
           role: "button",
@@ -4317,14 +4336,14 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
           onPress: onAdd,
           style: ({ pressed }) => [
             ...cell,
-            styles32.empty,
+            styles34.empty,
             { borderColor: i < required ? theme.accent : theme.borderStrong, backgroundColor: pressed ? theme.surface2 : theme.surface1, opacity: i > value.length ? 0.5 : 1 }
           ],
-          children: /* @__PURE__ */ jsx45(View39, { style: [styles32.plus, { backgroundColor: i === value.length ? theme.accent : theme.surface3, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx45(Svg22, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx45(Path19, { d: "M12 5v14M5 12h14", stroke: i === value.length ? theme.onAccent : theme.textSecondary, strokeWidth: 2.6, strokeLinecap: "round" }) }) })
+          children: /* @__PURE__ */ jsx48(View42, { style: [styles34.plus, { backgroundColor: i === value.length ? theme.accent : theme.surface3, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx48(Svg22, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx48(Path19, { d: "M12 5v14M5 12h14", stroke: i === value.length ? theme.onAccent : theme.textSecondary, strokeWidth: 2.6, strokeLinecap: "round" }) }) })
         }
       ) }, photo?.id ?? `empty-${i}`);
     }),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx48(
       ActionSheet,
       {
         open: menu !== null,
@@ -4340,7 +4359,7 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
     )
   ] });
 }
-var styles32 = StyleSheet32.create({
+var styles34 = StyleSheet34.create({
   grid: { flexDirection: "row", flexWrap: "wrap", marginHorizontal: -4 },
   cell: { padding: 4 },
   slot: { width: "100%" },
@@ -4352,16 +4371,16 @@ var styles32 = StyleSheet32.create({
 
 // src/native/profile-card.tsx
 import * as React31 from "react";
-import { Animated as Animated17, StyleSheet as StyleSheet33, View as View40 } from "react-native";
-import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Animated as Animated17, StyleSheet as StyleSheet35, View as View43 } from "react-native";
+import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
 var ratioOf = (value, max = 100) => Math.min(1, Math.max(0, value / (max || 1)));
 function Bar({ label, ratio, words: words2, animated, delay }) {
   const { theme } = useTheme();
   const t = useEntrance(animated, delay, 900);
   const [width, setWidth] = React31.useState(0);
   const translateX = t.interpolate({ inputRange: [0, 1], outputRange: [-width * ratio, 0] });
-  return /* @__PURE__ */ jsx46(
-    View40,
+  return /* @__PURE__ */ jsx49(
+    View43,
     {
       accessible: true,
       role: "meter",
@@ -4371,42 +4390,42 @@ function Bar({ label, ratio, words: words2, animated, delay }) {
       "aria-valuenow": Math.round(ratio * 100),
       "aria-valuetext": words2,
       onLayout: (e) => setWidth(e.nativeEvent.layout.width),
-      style: [styles33.track, { backgroundColor: theme.surface3 }],
-      children: /* @__PURE__ */ jsx46(Animated17.View, { style: [styles33.fill, { width: `${ratio * 100}%`, backgroundColor: theme.accent, transform: [{ translateX }] }] })
+      style: [styles35.track, { backgroundColor: theme.surface3 }],
+      children: /* @__PURE__ */ jsx49(Animated17.View, { style: [styles35.fill, { width: `${ratio * 100}%`, backgroundColor: theme.accent, transform: [{ translateX }] }] })
     }
   );
 }
 function ProfileCard({ visual, name, statLabel, value = 100, valueText, stats, caption, children, animated = true, style, ...props }) {
   const { theme, radius: radius3 } = useTheme();
   const ratio = ratioOf(value);
-  return /* @__PURE__ */ jsxs41(View40, { ...props, style: [styles33.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx46(View40, { "aria-hidden": true, style: [styles33.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
-    /* @__PURE__ */ jsxs41(View40, { style: styles33.head, children: [
-      /* @__PURE__ */ jsx46(Txt, { variant: "title", style: styles33.name, children: name }),
-      statLabel ? /* @__PURE__ */ jsxs41(Txt, { variant: "caption", tone: "secondary", children: [
+  return /* @__PURE__ */ jsxs44(View43, { ...props, style: [styles35.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsx49(View43, { "aria-hidden": true, style: [styles35.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
+    /* @__PURE__ */ jsxs44(View43, { style: styles35.head, children: [
+      /* @__PURE__ */ jsx49(Txt, { variant: "title", style: styles35.name, children: name }),
+      statLabel ? /* @__PURE__ */ jsxs44(Txt, { variant: "caption", tone: "secondary", children: [
         statLabel,
         " ",
-        /* @__PURE__ */ jsx46(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
+        /* @__PURE__ */ jsx49(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
       ] }) : null
     ] }),
-    statLabel ? /* @__PURE__ */ jsx46(Bar, { label: statLabel, ratio, words: valueText ?? `${Math.round(ratio * 100)} %`, animated, delay: 200 }) : null,
+    statLabel ? /* @__PURE__ */ jsx49(Bar, { label: statLabel, ratio, words: valueText ?? `${Math.round(ratio * 100)} %`, animated, delay: 200 }) : null,
     stats?.map((s, i) => {
       const r = ratioOf(s.value, s.max);
       const words2 = s.valueText ?? `${Math.round(r * 100)} %`;
-      return /* @__PURE__ */ jsxs41(View40, { style: styles33.stat, children: [
-        /* @__PURE__ */ jsxs41(View40, { "aria-hidden": true, style: styles33.statHead, children: [
-          /* @__PURE__ */ jsx46(Txt, { variant: "caption", tone: "secondary", children: s.label }),
-          /* @__PURE__ */ jsx46(Txt, { variant: "caption", children: words2 })
+      return /* @__PURE__ */ jsxs44(View43, { style: styles35.stat, children: [
+        /* @__PURE__ */ jsxs44(View43, { "aria-hidden": true, style: styles35.statHead, children: [
+          /* @__PURE__ */ jsx49(Txt, { variant: "caption", tone: "secondary", children: s.label }),
+          /* @__PURE__ */ jsx49(Txt, { variant: "caption", children: words2 })
         ] }),
-        /* @__PURE__ */ jsx46(Bar, { label: s.label, ratio: r, words: words2, animated, delay: 320 + i * 120 })
+        /* @__PURE__ */ jsx49(Bar, { label: s.label, ratio: r, words: words2, animated, delay: 320 + i * 120 })
       ] }, s.label);
     }),
-    caption ? /* @__PURE__ */ jsx46(Txt, { variant: "caption", tone: "secondary", style: styles33.caption, children: caption }) : null,
-    children ? /* @__PURE__ */ jsx46(View40, { style: styles33.extra, children }) : null
+    caption ? /* @__PURE__ */ jsx49(Txt, { variant: "caption", tone: "secondary", style: styles35.caption, children: caption }) : null,
+    children ? /* @__PURE__ */ jsx49(View43, { style: styles35.extra, children }) : null
   ] });
 }
-var styles33 = StyleSheet33.create({
-  root: { alignItems: "center", gap: 12, padding: 20, borderWidth: StyleSheet33.hairlineWidth },
+var styles35 = StyleSheet35.create({
+  root: { alignItems: "center", gap: 12, padding: 20, borderWidth: StyleSheet35.hairlineWidth },
   disc: { width: 104, height: 104, borderRadius: 52, borderWidth: 1, alignItems: "center", justifyContent: "center", overflow: "hidden" },
   head: { flexDirection: "row", alignSelf: "stretch", alignItems: "center", justifyContent: "space-between", gap: 8 },
   name: { flexShrink: 1, fontSize: 17 },
@@ -4420,9 +4439,9 @@ var styles33 = StyleSheet33.create({
 
 // src/native/progress.tsx
 import * as React32 from "react";
-import { Animated as Animated18, Easing as Easing11, StyleSheet as StyleSheet34, View as View41 } from "react-native";
-import Svg23, { Circle as Circle14, Defs as Defs13, LinearGradient as LinearGradient13, Rect as Rect4, Stop as Stop13 } from "react-native-svg";
-import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Animated as Animated18, Easing as Easing11, StyleSheet as StyleSheet36, View as View44 } from "react-native";
+import Svg23, { Circle as Circle14, Defs as Defs13, LinearGradient as LinearGradient10, Rect as Rect3, Stop as Stop13 } from "react-native-svg";
+import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
 var AnimatedCircle = Animated18.createAnimatedComponent(Circle14);
 var BAR2 = { sm: 4, md: 8, lg: 12 };
 var RING2 = { sm: 40, md: 80, lg: 144 };
@@ -4464,9 +4483,9 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
     "aria-valuenow": known ? Math.min(max, Math.max(0, value)) : void 0,
     "aria-valuetext": known ? valueText ?? `${percent}%` : valueText
   };
-  const gradient = /* @__PURE__ */ jsx47(Defs13, { children: /* @__PURE__ */ jsxs42(LinearGradient13, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
-    /* @__PURE__ */ jsx47(Stop13, { offset: "0", stopColor: theme.accent }),
-    /* @__PURE__ */ jsx47(Stop13, { offset: "1", stopColor: theme.accent2 })
+  const gradient = /* @__PURE__ */ jsx50(Defs13, { children: /* @__PURE__ */ jsxs45(LinearGradient10, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
+    /* @__PURE__ */ jsx50(Stop13, { offset: "0", stopColor: theme.accent }),
+    /* @__PURE__ */ jsx50(Stop13, { offset: "1", stopColor: theme.accent2 })
   ] }) });
   if (variant === "ring") {
     const side = RING2[size];
@@ -4475,11 +4494,11 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
     const circumference = 2 * Math.PI * r;
     const offset = known ? progress.interpolate({ inputRange: [0, 1], outputRange: [circumference, 0] }) : circumference * 0.75;
     const rotate = spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] });
-    return /* @__PURE__ */ jsxs42(View41, { ...a11y, style: [styles34.ring, { width: side, height: side }, style], children: [
-      /* @__PURE__ */ jsx47(Animated18.View, { style: [StyleSheet34.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs42(Svg23, { width: side, height: side, viewBox: "0 0 100 100", children: [
+    return /* @__PURE__ */ jsxs45(View44, { ...a11y, style: [styles36.ring, { width: side, height: side }, style], children: [
+      /* @__PURE__ */ jsx50(Animated18.View, { style: [StyleSheet36.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs45(Svg23, { width: side, height: side, viewBox: "0 0 100 100", children: [
         gradient,
-        /* @__PURE__ */ jsx47(Circle14, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx50(Circle14, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
+        /* @__PURE__ */ jsx50(
           AnimatedCircle,
           {
             cx: 50,
@@ -4499,20 +4518,20 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
   }
   const width = known ? progress.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) : "40%";
   const translate = spin.interpolate({ inputRange: [0, 1], outputRange: [-0.4 * track, track] });
-  return /* @__PURE__ */ jsx47(
-    View41,
+  return /* @__PURE__ */ jsx50(
+    View44,
     {
       ...a11y,
       onLayout: known ? void 0 : (event) => setTrack(event.nativeEvent.layout.width),
-      style: [styles34.bar, { height: BAR2[size], backgroundColor: theme.surface3 }, style],
-      children: /* @__PURE__ */ jsx47(Animated18.View, { style: [styles34.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs42(Svg23, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
+      style: [styles36.bar, { height: BAR2[size], backgroundColor: theme.surface3 }, style],
+      children: /* @__PURE__ */ jsx50(Animated18.View, { style: [styles36.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs45(Svg23, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
         gradient,
-        /* @__PURE__ */ jsx47(Rect4, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
+        /* @__PURE__ */ jsx50(Rect3, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
       ] }) })
     }
   );
 }
-var styles34 = StyleSheet34.create({
+var styles36 = StyleSheet36.create({
   ring: { alignItems: "center", justifyContent: "center" },
   bar: { width: "100%", overflow: "hidden", borderRadius: 9999 },
   fill: { height: "100%", overflow: "hidden", borderRadius: 9999 }
@@ -4520,11 +4539,11 @@ var styles34 = StyleSheet34.create({
 
 // src/native/pull-to-refresh.tsx
 import * as React33 from "react";
-import { AccessibilityInfo as AccessibilityInfo13, Animated as Animated19, RefreshControl, StyleSheet as StyleSheet35, View as View42 } from "react-native";
-import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
+import { AccessibilityInfo as AccessibilityInfo13, Animated as Animated19, RefreshControl, StyleSheet as StyleSheet37, View as View45 } from "react-native";
+import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
 function PullToRefresh({ label, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx48(RefreshControl, { ...props, tintColor: theme.accent, colors: [theme.accent], progressBackgroundColor: theme.surface2, title: label, titleColor: theme.textSecondary });
+  return /* @__PURE__ */ jsx51(RefreshControl, { ...props, tintColor: theme.accent, colors: [theme.accent], progressBackgroundColor: theme.surface2, title: label, titleColor: theme.textSecondary });
 }
 var pullProgress = (offset, threshold) => Math.min(1, Math.max(0, -offset / threshold));
 function BrandedRefresh({ product, refreshing, onRefresh, label, children, threshold = 72 }) {
@@ -4541,28 +4560,28 @@ function BrandedRefresh({ product, refreshing, onRefresh, label, children, thres
   const shown = refreshing ? 1 : pull;
   const scale = refreshing || reduce ? 1 : pull.interpolate({ inputRange: [0, 1], outputRange: [0.4, 1] });
   const rotate = refreshing || reduce ? "0deg" : pull.interpolate({ inputRange: [0, 1], outputRange: ["-90deg", "0deg"] });
-  return /* @__PURE__ */ jsxs43(View42, { style: styles35.root, children: [
+  return /* @__PURE__ */ jsxs46(View45, { style: styles37.root, children: [
     children({
       // The platform's control does the gesture and the haptics, drawn transparent: the mark is ours.
-      refreshControl: /* @__PURE__ */ jsx48(RefreshControl, { refreshing, onRefresh, tintColor: "transparent", colors: ["transparent"], progressBackgroundColor: "transparent" }),
+      refreshControl: /* @__PURE__ */ jsx51(RefreshControl, { refreshing, onRefresh, tintColor: "transparent", colors: ["transparent"], progressBackgroundColor: "transparent" }),
       onScroll,
       scrollEventThrottle: 16
     }),
-    /* @__PURE__ */ jsx48(Animated19.View, { pointerEvents: "none", "aria-hidden": true, style: [styles35.mark, { opacity: shown, transform: [{ scale }, { rotate }] }], children: /* @__PURE__ */ jsx48(ProductMark, { id: product, size: 32, animated: refreshing, neutral: theme.textMuted }) })
+    /* @__PURE__ */ jsx51(Animated19.View, { pointerEvents: "none", "aria-hidden": true, style: [styles37.mark, { opacity: shown, transform: [{ scale }, { rotate }] }], children: /* @__PURE__ */ jsx51(ProductMark, { id: product, size: 32, animated: refreshing, neutral: theme.textMuted }) })
   ] });
 }
-var styles35 = StyleSheet35.create({
+var styles37 = StyleSheet37.create({
   root: { flex: 1 },
   mark: { position: "absolute", top: 12, left: 0, right: 0, alignItems: "center" }
 });
 
 // src/native/radio-group.tsx
 import * as React34 from "react";
-import { Animated as Animated20, Pressable as Pressable18, StyleSheet as StyleSheet36, Text as Text15, View as View43 } from "react-native";
+import { Animated as Animated20, Pressable as Pressable18, StyleSheet as StyleSheet38, Text as Text15, View as View46 } from "react-native";
 import Svg24, { Path as Path20 } from "react-native-svg";
-import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
 function Check({ color }) {
-  return /* @__PURE__ */ jsx49(Svg24, { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 3.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx49(Path20, { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx52(Svg24, { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 3.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx52(Path20, { d: "M20 6 9 17l-5-5" }) });
 }
 function Key({ option, checked, disabled, onPress }) {
   const { theme, radius: radius3, motion: motion3 } = useTheme();
@@ -4572,7 +4591,7 @@ function Key({ option, checked, disabled, onPress }) {
   React34.useEffect(() => {
     Animated20.timing(sink, { toValue: down ? 1 : 0, duration: motion3.duration.fast, useNativeDriver: true }).start();
   }, [down, sink, motion3.duration.fast]);
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs47(
     Pressable18,
     {
       role: "radio",
@@ -4583,14 +4602,14 @@ function Key({ option, checked, disabled, onPress }) {
       onPress,
       onPressIn: () => setHeld(true),
       onPressOut: () => setHeld(false),
-      style: [styles36.keySlot, disabled ? styles36.disabled : null],
+      style: [styles38.keySlot, disabled ? styles38.disabled : null],
       children: [
-        /* @__PURE__ */ jsx49(View43, { style: [styles36.ledge, { borderRadius: radius3.lg, backgroundColor: checked ? theme.accentHover : theme.borderStrong }] }),
-        /* @__PURE__ */ jsxs44(
+        /* @__PURE__ */ jsx52(View46, { style: [styles38.ledge, { borderRadius: radius3.lg, backgroundColor: checked ? theme.accentHover : theme.borderStrong }] }),
+        /* @__PURE__ */ jsxs47(
           Animated20.View,
           {
             style: [
-              styles36.key,
+              styles38.key,
               {
                 borderRadius: radius3.lg,
                 backgroundColor: checked ? theme.accent : theme.surface2,
@@ -4599,8 +4618,8 @@ function Key({ option, checked, disabled, onPress }) {
               }
             ],
             children: [
-              /* @__PURE__ */ jsx49(Text15, { style: [styles36.keyLabel, { color: checked ? theme.onAccent : theme.textPrimary }], children: option.label }),
-              option.hint ? /* @__PURE__ */ jsx49(Text15, { style: [styles36.keyHint, { color: checked ? theme.onAccent : theme.textSecondary }], children: option.hint }) : null
+              /* @__PURE__ */ jsx52(Text15, { style: [styles38.keyLabel, { color: checked ? theme.onAccent : theme.textPrimary }], children: option.label }),
+              option.hint ? /* @__PURE__ */ jsx52(Text15, { style: [styles38.keyHint, { color: checked ? theme.onAccent : theme.textSecondary }], children: option.hint }) : null
             ]
           }
         )
@@ -4621,9 +4640,9 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
     const checked = o.value === value;
     const off = Boolean(disabled || o.disabled);
     const name = o.description ? `${o.label}, ${o.description}` : o.label;
-    if (variant === "buttons") return /* @__PURE__ */ jsx49(Key, { option: o, checked, disabled: off, onPress: () => pick(o.value) }, o.value);
+    if (variant === "buttons") return /* @__PURE__ */ jsx52(Key, { option: o, checked, disabled: off, onPress: () => pick(o.value) }, o.value);
     if (variant === "segmented")
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx52(
         Pressable18,
         {
           role: "radio",
@@ -4632,13 +4651,13 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
           "aria-disabled": off || void 0,
           disabled: off,
           onPress: () => pick(o.value),
-          style: [styles36.segment, { borderRadius: radius3.md }, checked ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null, off ? styles36.disabled : null],
-          children: /* @__PURE__ */ jsx49(Text15, { numberOfLines: 1, style: [styles36.segmentLabel, { color: checked ? theme.textPrimary : theme.textSecondary }], children: o.label })
+          style: [styles38.segment, { borderRadius: radius3.md }, checked ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null, off ? styles38.disabled : null],
+          children: /* @__PURE__ */ jsx52(Text15, { numberOfLines: 1, style: [styles38.segmentLabel, { color: checked ? theme.textPrimary : theme.textSecondary }], children: o.label })
         },
         o.value
       );
     if (variant === "cards")
-      return /* @__PURE__ */ jsxs44(
+      return /* @__PURE__ */ jsxs47(
         Pressable18,
         {
           role: "radio",
@@ -4648,40 +4667,40 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
           disabled: off,
           onPress: () => pick(o.value),
           style: ({ pressed }) => [
-            styles36.card,
+            styles38.card,
             { borderRadius: radius3.xl, backgroundColor: checked ? theme.accentSoft : theme.surface1, borderColor: checked ? theme.accent : theme.borderDefault, transform: [{ scale: pressed ? 0.98 : 1 }] },
-            off ? styles36.disabled : null
+            off ? styles38.disabled : null
           ],
           children: [
-            /* @__PURE__ */ jsx49(View43, { style: [styles36.cardCheck, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx49(Check, { color: theme.onAccent }) : null }),
-            /* @__PURE__ */ jsx49(Text15, { style: [styles36.cardLabel, { color: theme.textPrimary }], children: o.label }),
-            o.description ? /* @__PURE__ */ jsx49(Text15, { style: [styles36.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
+            /* @__PURE__ */ jsx52(View46, { style: [styles38.cardCheck, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx52(Check, { color: theme.onAccent }) : null }),
+            /* @__PURE__ */ jsx52(Text15, { style: [styles38.cardLabel, { color: theme.textPrimary }], children: o.label }),
+            o.description ? /* @__PURE__ */ jsx52(Text15, { style: [styles38.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
           ]
         },
         o.value
       );
-    return /* @__PURE__ */ jsxs44(Pressable18, { role: "radio", "aria-checked": checked, "aria-label": name, "aria-disabled": off || void 0, disabled: off, onPress: () => pick(o.value), style: [styles36.row, off ? styles36.disabled : null], children: [
-      /* @__PURE__ */ jsx49(View43, { style: [styles36.dot, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx49(View43, { style: [styles36.dotIn, { backgroundColor: theme.onAccent }] }) : null }),
-      /* @__PURE__ */ jsxs44(View43, { style: styles36.rowText, children: [
-        /* @__PURE__ */ jsx49(Text15, { style: [styles36.rowLabel, { color: theme.textPrimary }], children: o.label }),
-        o.description ? /* @__PURE__ */ jsx49(Text15, { style: [styles36.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
+    return /* @__PURE__ */ jsxs47(Pressable18, { role: "radio", "aria-checked": checked, "aria-label": name, "aria-disabled": off || void 0, disabled: off, onPress: () => pick(o.value), style: [styles38.row, off ? styles38.disabled : null], children: [
+      /* @__PURE__ */ jsx52(View46, { style: [styles38.dot, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx52(View46, { style: [styles38.dotIn, { backgroundColor: theme.onAccent }] }) : null }),
+      /* @__PURE__ */ jsxs47(View46, { style: styles38.rowText, children: [
+        /* @__PURE__ */ jsx52(Text15, { style: [styles38.rowLabel, { color: theme.textPrimary }], children: o.label }),
+        o.description ? /* @__PURE__ */ jsx52(Text15, { style: [styles38.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
       ] })
     ] }, o.value);
   });
-  return /* @__PURE__ */ jsxs44(View43, { style: [styles36.root, style], children: [
-    /* @__PURE__ */ jsx49(
-      View43,
+  return /* @__PURE__ */ jsxs47(View46, { style: [styles38.root, style], children: [
+    /* @__PURE__ */ jsx52(
+      View46,
       {
         role: "radiogroup",
         "aria-label": label,
-        style: variant === "segmented" ? [styles36.track, { borderRadius: radius3.lg, backgroundColor: theme.surface2, borderColor: error ? theme.danger : theme.borderDefault }] : variant === "buttons" ? styles36.keys : variant === "cards" ? styles36.cards : styles36.list,
+        style: variant === "segmented" ? [styles38.track, { borderRadius: radius3.lg, backgroundColor: theme.surface2, borderColor: error ? theme.danger : theme.borderDefault }] : variant === "buttons" ? styles38.keys : variant === "cards" ? styles38.cards : styles38.list,
         children: body
       }
     ),
-    error ? /* @__PURE__ */ jsx49(Text15, { role: "alert", "aria-live": "polite", style: [styles36.error, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx52(Text15, { role: "alert", "aria-live": "polite", style: [styles38.error, { color: theme.dangerText }], children: error }) : null
   ] });
 }
-var styles36 = StyleSheet36.create({
+var styles38 = StyleSheet38.create({
   root: { gap: 6, alignSelf: "stretch" },
   list: { gap: 2 },
   row: { flexDirection: "row", alignItems: "center", gap: 12, minHeight: 44 },
@@ -4700,34 +4719,34 @@ var styles36 = StyleSheet36.create({
   key: { minHeight: 48, paddingHorizontal: 16, paddingVertical: 8, alignItems: "center", justifyContent: "center", gap: 1, borderWidth: 1 },
   keyLabel: { fontSize: 15, fontWeight: "700" },
   keyHint: { fontSize: 11, fontWeight: "500" },
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet36.hairlineWidth, height: 42 },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet36.hairlineWidth, borderColor: "transparent" },
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet38.hairlineWidth, height: 42 },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet38.hairlineWidth, borderColor: "transparent" },
   segmentLabel: { fontSize: 13, fontWeight: "600" },
   error: { fontSize: 12, lineHeight: 16 },
   disabled: { opacity: 0.4 }
 });
 
 // src/native/screen.tsx
-import { KeyboardAvoidingView, Platform as Platform3, ScrollView as ScrollView6, StyleSheet as StyleSheet37, View as View44 } from "react-native";
-import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
+import { KeyboardAvoidingView, Platform as Platform3, ScrollView as ScrollView6, StyleSheet as StyleSheet39, View as View47 } from "react-native";
+import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
 function Screen({ header, footer, children, scroll = true, keyboard = true, padding = 16, surface = "surface0", contentStyle }) {
   const { theme, insets } = useTheme();
-  const body = scroll ? /* @__PURE__ */ jsx50(ScrollView6, { style: styles37.flex, contentContainerStyle: [{ padding, paddingTop: header ? padding : padding + insets.top, gap: 16 }, contentStyle], keyboardShouldPersistTaps: "handled", tabIndex: 0, children }) : /* @__PURE__ */ jsx50(View44, { style: [styles37.flex, { paddingTop: header ? 0 : insets.top }, contentStyle], children });
-  const inner = /* @__PURE__ */ jsxs45(Fragment7, { children: [
+  const body = scroll ? /* @__PURE__ */ jsx53(ScrollView6, { style: styles39.flex, contentContainerStyle: [{ padding, paddingTop: header ? padding : padding + insets.top, gap: 16 }, contentStyle], keyboardShouldPersistTaps: "handled", tabIndex: 0, children }) : /* @__PURE__ */ jsx53(View47, { style: [styles39.flex, { paddingTop: header ? 0 : insets.top }, contentStyle], children });
+  const inner = /* @__PURE__ */ jsxs48(Fragment7, { children: [
     header,
     body,
     footer
   ] });
-  return /* @__PURE__ */ jsx50(View44, { style: [styles37.flex, { backgroundColor: theme[surface] }], children: keyboard ? /* @__PURE__ */ jsx50(KeyboardAvoidingView, { style: styles37.flex, behavior: Platform3.OS === "ios" ? "padding" : void 0, children: inner }) : inner });
+  return /* @__PURE__ */ jsx53(View47, { style: [styles39.flex, { backgroundColor: theme[surface] }], children: keyboard ? /* @__PURE__ */ jsx53(KeyboardAvoidingView, { style: styles39.flex, behavior: Platform3.OS === "ios" ? "padding" : void 0, children: inner }) : inner });
 }
-var styles37 = StyleSheet37.create({ flex: { flex: 1 } });
+var styles39 = StyleSheet39.create({ flex: { flex: 1 } });
 
 // src/native/search-field.tsx
 import { useDebouncedCallback } from "@krizaka/pacer/react";
 import * as React35 from "react";
-import { Pressable as Pressable19, StyleSheet as StyleSheet38, TextInput as TextInput6, View as View45 } from "react-native";
+import { Pressable as Pressable19, StyleSheet as StyleSheet40, TextInput as TextInput6, View as View48 } from "react-native";
 import Svg25, { Circle as Circle15, Path as Path21 } from "react-native-svg";
-import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
 function SearchField({ label, value, defaultValue = "", onValueChange, onSearch, debounce = 300, onSubmit, clearLabel, cancelLabel, onCancel, style, placeholder, onFocus, onBlur, ...props }) {
   const [focused, setFocused] = React35.useState(false);
   const input = React35.useRef(null);
@@ -4741,12 +4760,12 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
     search.cancel();
     if (onSearch) search(next);
   };
-  const field = /* @__PURE__ */ jsxs46(View45, { style: [styles38.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
-    /* @__PURE__ */ jsxs46(Svg25, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx51(Circle15, { cx: 11, cy: 11, r: 7 }),
-      /* @__PURE__ */ jsx51(Path21, { d: "m20 20-3.5-3.5" })
+  const field = /* @__PURE__ */ jsxs49(View48, { style: [styles40.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
+    /* @__PURE__ */ jsxs49(Svg25, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx54(Circle15, { cx: 11, cy: 11, r: 7 }),
+      /* @__PURE__ */ jsx54(Path21, { d: "m20 20-3.5-3.5" })
     ] }),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx54(
       TextInput6,
       {
         ref: input,
@@ -4765,7 +4784,7 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
           onSearch?.(query);
           onSubmit?.(query);
         },
-        style: [styles38.input, { color: theme.textPrimary }],
+        style: [styles40.input, { color: theme.textPrimary }],
         onFocus: (e) => {
           setFocused(true);
           onFocus?.(e);
@@ -4777,12 +4796,12 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
         ...props
       }
     ),
-    query ? /* @__PURE__ */ jsx51(Pressable19, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles38.clear, children: /* @__PURE__ */ jsx51(Svg25, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx51(Path21, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
+    query ? /* @__PURE__ */ jsx54(Pressable19, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles40.clear, children: /* @__PURE__ */ jsx54(Svg25, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx54(Path21, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
   ] });
   if (!cancelLabel || !onCancel) return field;
-  return /* @__PURE__ */ jsxs46(View45, { style: styles38.bar, children: [
-    /* @__PURE__ */ jsx51(View45, { style: styles38.grow, children: field }),
-    focused || query ? /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs49(View48, { style: styles40.bar, children: [
+    /* @__PURE__ */ jsx54(View48, { style: styles40.grow, children: field }),
+    focused || query ? /* @__PURE__ */ jsx54(
       Pressable19,
       {
         role: "button",
@@ -4792,14 +4811,14 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
           onCancel();
         },
         hitSlop: 8,
-        style: styles38.cancel,
-        children: /* @__PURE__ */ jsx51(Txt, { variant: "label", tone: "accent", children: cancelLabel })
+        style: styles40.cancel,
+        children: /* @__PURE__ */ jsx54(Txt, { variant: "label", tone: "accent", children: cancelLabel })
       }
     ) : null
   ] });
 }
-var styles38 = StyleSheet38.create({
-  frame: { flexDirection: "row", alignItems: "center", gap: 8, height: 44, paddingLeft: 12, paddingRight: 6, borderWidth: StyleSheet38.hairlineWidth },
+var styles40 = StyleSheet40.create({
+  frame: { flexDirection: "row", alignItems: "center", gap: 8, height: 44, paddingLeft: 12, paddingRight: 6, borderWidth: StyleSheet40.hairlineWidth },
   input: { flex: 1, height: "100%", fontSize: 15, paddingVertical: 0 },
   bar: { flexDirection: "row", alignItems: "center", gap: 10 },
   grow: { flex: 1 },
@@ -4808,19 +4827,19 @@ var styles38 = StyleSheet38.create({
 });
 
 // src/native/segmented.tsx
-import { Pressable as Pressable20, StyleSheet as StyleSheet39, Text as Text16, View as View46 } from "react-native";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { Pressable as Pressable20, StyleSheet as StyleSheet41, Text as Text16, View as View49 } from "react-native";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Segmented({ options, value, onValueChange, size = "md", "aria-label": label, style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx52(
-    View46,
+  return /* @__PURE__ */ jsx55(
+    View49,
     {
       role: "tablist",
       "aria-label": label,
-      style: [styles39.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md, height: size === "sm" ? 32 : 40 }, style],
+      style: [styles41.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md, height: size === "sm" ? 32 : 40 }, style],
       children: options.map((option) => {
         const selected = option.value === value;
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx55(
           Pressable20,
           {
             role: "tab",
@@ -4831,12 +4850,12 @@ function Segmented({ options, value, onValueChange, size = "md", "aria-label": l
               if (!selected) onValueChange(option.value);
             },
             style: [
-              styles39.segment,
+              styles41.segment,
               { borderRadius: radius3.sm },
               selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null,
-              option.disabled ? styles39.disabled : null
+              option.disabled ? styles41.disabled : null
             ],
-            children: /* @__PURE__ */ jsx52(Text16, { numberOfLines: 1, style: [styles39.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
+            children: /* @__PURE__ */ jsx55(Text16, { numberOfLines: 1, style: [styles41.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
           },
           option.value
         );
@@ -4844,18 +4863,18 @@ function Segmented({ options, value, onValueChange, size = "md", "aria-label": l
     }
   );
 }
-var styles39 = StyleSheet39.create({
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet39.hairlineWidth },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet39.hairlineWidth, borderColor: "transparent" },
+var styles41 = StyleSheet41.create({
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet41.hairlineWidth },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet41.hairlineWidth, borderColor: "transparent" },
   label: { fontWeight: "600" },
   disabled: { opacity: 0.4 }
 });
 
 // src/native/showcase.tsx
 import * as React36 from "react";
-import { Animated as Animated21, AppState, Easing as Easing12, FlatList, Pressable as Pressable21, StyleSheet as StyleSheet40, View as View47 } from "react-native";
+import { Animated as Animated21, AppState, Easing as Easing12, FlatList, Pressable as Pressable21, StyleSheet as StyleSheet42, View as View50 } from "react-native";
 import Svg26, { Path as Path22 } from "react-native-svg";
-import { jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 var showcaseLabels = {
   previous: "Previous slide",
   next: "Next slide",
@@ -4913,10 +4932,10 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
   }, [running, current, interval]);
   const item = items2[current];
   const title = item !== void 0 ? getTitle?.(item) : void 0;
-  const control = [styles40.control, { borderColor: theme.borderDefault, backgroundColor: theme.surface1 }];
-  const icon = (d) => /* @__PURE__ */ jsx53(Svg26, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx53(Path22, { d, stroke: theme.textSecondary, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
-  return /* @__PURE__ */ jsxs47(View47, { role: "group", "aria-label": label, style: [styles40.root, style], children: [
-    /* @__PURE__ */ jsx53(View47, { "aria-live": announce ? "polite" : "off", onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: /* @__PURE__ */ jsx53(
+  const control = [styles42.control, { borderColor: theme.borderDefault, backgroundColor: theme.surface1 }];
+  const icon = (d) => /* @__PURE__ */ jsx56(Svg26, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx56(Path22, { d, stroke: theme.textSecondary, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsxs50(View50, { role: "group", "aria-label": label, style: [styles42.root, style], children: [
+    /* @__PURE__ */ jsx56(View50, { "aria-live": announce ? "polite" : "off", onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: /* @__PURE__ */ jsx56(
       FlatList,
       {
         ref: list,
@@ -4937,25 +4956,25 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
             onIndexChange?.(next, true);
           }
         },
-        renderItem: ({ item: slide, index }) => /* @__PURE__ */ jsx53(View47, { role: "group", "aria-label": labels.slide(index + 1, total), style: { width }, children: Math.abs(index - current) <= 1 ? renderItem(slide, { index, active: index === current }) : null })
+        renderItem: ({ item: slide, index }) => /* @__PURE__ */ jsx56(View50, { role: "group", "aria-label": labels.slide(index + 1, total), style: { width }, children: Math.abs(index - current) <= 1 ? renderItem(slide, { index, active: index === current }) : null })
       }
     ) }),
-    /* @__PURE__ */ jsx53(View47, { style: styles40.segments, children: items2.map((slide, i) => /* @__PURE__ */ jsx53(Pressable21, { role: "button", "aria-label": labels.goTo(i + 1, total), "aria-current": i === current ? true : void 0, onPress: () => go(i, true), style: styles40.segment, children: /* @__PURE__ */ jsxs47(View47, { style: [styles40.track, { backgroundColor: theme.surface3 }], children: [
-      i < current || i === current && !playing ? /* @__PURE__ */ jsx53(View47, { style: [StyleSheet40.absoluteFill, { backgroundColor: theme.accent }] }) : null,
-      i === current && playing ? /* @__PURE__ */ jsx53(Animated21.View, { style: [styles40.fill, { backgroundColor: theme.accent, width: fill.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) }] }) : null
+    /* @__PURE__ */ jsx56(View50, { style: styles42.segments, children: items2.map((slide, i) => /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": labels.goTo(i + 1, total), "aria-current": i === current ? true : void 0, onPress: () => go(i, true), style: styles42.segment, children: /* @__PURE__ */ jsxs50(View50, { style: [styles42.track, { backgroundColor: theme.surface3 }], children: [
+      i < current || i === current && !playing ? /* @__PURE__ */ jsx56(View50, { style: [StyleSheet42.absoluteFill, { backgroundColor: theme.accent }] }) : null,
+      i === current && playing ? /* @__PURE__ */ jsx56(Animated21.View, { style: [styles42.fill, { backgroundColor: theme.accent, width: fill.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) }] }) : null
     ] }) }, getId(slide))) }),
-    /* @__PURE__ */ jsxs47(View47, { style: styles40.bar, children: [
-      /* @__PURE__ */ jsxs47(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles40.counter, children: [
+    /* @__PURE__ */ jsxs50(View50, { style: styles42.bar, children: [
+      /* @__PURE__ */ jsxs50(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles42.counter, children: [
         title ? `${title} \xB7 ` : "",
         labels.counter(current + 1, total)
       ] }),
-      /* @__PURE__ */ jsx53(Pressable21, { role: "button", "aria-label": labels.previous, disabled: !loop && current === 0, hitSlop: 6, onPress: () => go(current - 1, true), style: control, children: icon("M15 5l-7 7 7 7") }),
-      playing ? /* @__PURE__ */ jsx53(Pressable21, { role: "button", "aria-label": paused ? labels.play : labels.pause, hitSlop: 6, onPress: () => setPaused(!paused), style: control, children: icon(paused ? "M8 5.5v13l10-6.5Z" : "M8 5v14M16 5v14") }) : null,
-      /* @__PURE__ */ jsx53(Pressable21, { role: "button", "aria-label": labels.next, disabled: !loop && current === total - 1, hitSlop: 6, onPress: () => go(current + 1, true), style: control, children: icon("M9 5l7 7-7 7") })
+      /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": labels.previous, disabled: !loop && current === 0, hitSlop: 6, onPress: () => go(current - 1, true), style: control, children: icon("M15 5l-7 7 7 7") }),
+      playing ? /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": paused ? labels.play : labels.pause, hitSlop: 6, onPress: () => setPaused(!paused), style: control, children: icon(paused ? "M8 5.5v13l10-6.5Z" : "M8 5v14M16 5v14") }) : null,
+      /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": labels.next, disabled: !loop && current === total - 1, hitSlop: 6, onPress: () => go(current + 1, true), style: control, children: icon("M9 5l7 7-7 7") })
     ] })
   ] });
 }
-var styles40 = StyleSheet40.create({
+var styles42 = StyleSheet42.create({
   root: { gap: 8 },
   segments: { flexDirection: "row", gap: 4 },
   segment: { flex: 1, height: 24, justifyContent: "center" },
@@ -4969,7 +4988,7 @@ var styles40 = StyleSheet40.create({
 // src/native/skeleton.tsx
 import * as React37 from "react";
 import { Animated as Animated22 } from "react-native";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var SHAPE = {
   text: { width: "100%", height: 12, radius: 4 },
   circle: { width: 40, height: 40, radius: 9999 },
@@ -4995,7 +5014,7 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
   }, [reduce, opacity]);
   const s = SHAPE[shape];
   const side = shape === "circle" ? width ?? height ?? s.width : void 0;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx57(
     Animated22.View,
     {
       testID,
@@ -5010,9 +5029,9 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
 
 // src/native/slider.tsx
 import * as React38 from "react";
-import { PanResponder as PanResponder2, StyleSheet as StyleSheet41, Text as Text17, View as View48 } from "react-native";
-import Svg27, { Defs as Defs14, LinearGradient as LinearGradient14, Rect as Rect5, Stop as Stop14 } from "react-native-svg";
-import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+import { PanResponder as PanResponder2, StyleSheet as StyleSheet43, Text as Text17, View as View51 } from "react-native";
+import Svg27, { Defs as Defs14, LinearGradient as LinearGradient11, Rect as Rect4, Stop as Stop14 } from "react-native-svg";
+import { jsx as jsx58, jsxs as jsxs51 } from "react/jsx-runtime";
 var THUMB = 26;
 var toArray = (v) => v === void 0 ? void 0 : typeof v === "number" ? [v] : [...v];
 function Slider({
@@ -5104,24 +5123,24 @@ function Slider({
   const along = (p) => vertical ? { bottom: p * length } : { left: p * length };
   const onLayout = (e) => setLength(vertical ? e.nativeEvent.layout.height : e.nativeEvent.layout.width);
   const fill = vertical ? { bottom: pct(lo) * length, height: (pct(hi) - pct(lo)) * length, left: 0, right: 0 } : { left: pct(lo) * length, width: (pct(hi) - pct(lo)) * length, top: 0, bottom: 0 };
-  return /* @__PURE__ */ jsxs48(View48, { style: [styles41.root, vertical ? styles41.rootVertical : null, disabled ? styles41.disabled : null, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs48(View48, { style: styles41.header, children: [
-      /* @__PURE__ */ jsx55(Text17, { style: [styles41.label, { color: theme.textSecondary }], children: label }),
-      /* @__PURE__ */ jsx55(Text17, { "aria-hidden": true, style: [styles41.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
+  return /* @__PURE__ */ jsxs51(View51, { style: [styles43.root, vertical ? styles43.rootVertical : null, disabled ? styles43.disabled : null, style], children: [
+    showLabel ? /* @__PURE__ */ jsxs51(View51, { style: styles43.header, children: [
+      /* @__PURE__ */ jsx58(Text17, { style: [styles43.label, { color: theme.textSecondary }], children: label }),
+      /* @__PURE__ */ jsx58(Text17, { "aria-hidden": true, style: [styles43.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
     ] }) : null,
-    /* @__PURE__ */ jsxs48(View48, { ...responder.panHandlers, style: vertical ? styles41.controlVertical : styles41.control, children: [
-      /* @__PURE__ */ jsxs48(View48, { onLayout, pointerEvents: "none", style: [vertical ? styles41.trackVertical : styles41.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
-        /* @__PURE__ */ jsx55(View48, { style: [styles41.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs48(Svg27, { width: "100%", height: "100%", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx55(Defs14, { children: /* @__PURE__ */ jsxs48(LinearGradient14, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
-            /* @__PURE__ */ jsx55(Stop14, { offset: "0", stopColor: theme.accent }),
-            /* @__PURE__ */ jsx55(Stop14, { offset: "1", stopColor: theme.accent2 })
+    /* @__PURE__ */ jsxs51(View51, { ...responder.panHandlers, style: vertical ? styles43.controlVertical : styles43.control, children: [
+      /* @__PURE__ */ jsxs51(View51, { onLayout, pointerEvents: "none", style: [vertical ? styles43.trackVertical : styles43.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
+        /* @__PURE__ */ jsx58(View51, { style: [styles43.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs51(Svg27, { width: "100%", height: "100%", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx58(Defs14, { children: /* @__PURE__ */ jsxs51(LinearGradient11, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
+            /* @__PURE__ */ jsx58(Stop14, { offset: "0", stopColor: theme.accent }),
+            /* @__PURE__ */ jsx58(Stop14, { offset: "1", stopColor: theme.accent2 })
           ] }) }),
-          /* @__PURE__ */ jsx55(Rect5, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
+          /* @__PURE__ */ jsx58(Rect4, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
         ] }) : null }),
-        tickValues.map((t) => /* @__PURE__ */ jsx55(View48, { style: [vertical ? styles41.tickVertical : styles41.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
+        tickValues.map((t) => /* @__PURE__ */ jsx58(View51, { style: [vertical ? styles43.tickVertical : styles43.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
       ] }),
-      current.map((v, i) => /* @__PURE__ */ jsx55(
-        View48,
+      current.map((v, i) => /* @__PURE__ */ jsx58(
+        View51,
         {
           accessible: true,
           role: "slider",
@@ -5140,16 +5159,16 @@ function Slider({
             onValueCommit?.(out(values));
           },
           pointerEvents: "none",
-          style: [styles41.thumb, vertical ? { bottom: pct(v) * length, left: (44 - THUMB) / 2, marginLeft: 0, marginTop: 0 } : { left: pct(v) * length - THUMB / 2, top: 0 }, { borderColor: theme.accent, backgroundColor: theme.textOnMedia, shadowColor: theme.scrimStrong }],
-          children: floatingValue === "always" || floatingValue && dragging === i ? /* @__PURE__ */ jsx55(View48, { "aria-hidden": true, style: [vertical ? styles41.bubbleVertical : styles41.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx55(Text17, { style: [styles41.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
+          style: [styles43.thumb, vertical ? { bottom: pct(v) * length, left: (44 - THUMB) / 2, marginLeft: 0, marginTop: 0 } : { left: pct(v) * length - THUMB / 2, top: 0 }, { borderColor: theme.accent, backgroundColor: theme.textOnMedia, shadowColor: theme.scrimStrong }],
+          children: floatingValue === "always" || floatingValue && dragging === i ? /* @__PURE__ */ jsx58(View51, { "aria-hidden": true, style: [vertical ? styles43.bubbleVertical : styles43.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx58(Text17, { style: [styles43.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
         },
         i
       ))
     ] }),
-    marks2?.length && !vertical ? /* @__PURE__ */ jsx55(View48, { "aria-hidden": true, style: styles41.marks, children: marks2.map((m) => /* @__PURE__ */ jsx55(Text17, { style: [styles41.mark, { left: pct(m.value) * length, color: theme.textSecondary, transform: [{ translateX: m.value === min ? 0 : m.value === max ? -40 : -20 }], textAlign: m.value === min ? "left" : m.value === max ? "right" : "center" }], children: m.label }, m.value)) }) : null
+    marks2?.length && !vertical ? /* @__PURE__ */ jsx58(View51, { "aria-hidden": true, style: styles43.marks, children: marks2.map((m) => /* @__PURE__ */ jsx58(Text17, { style: [styles43.mark, { left: pct(m.value) * length, color: theme.textSecondary, transform: [{ translateX: m.value === min ? 0 : m.value === max ? -40 : -20 }], textAlign: m.value === min ? "left" : m.value === max ? "right" : "center" }], children: m.label }, m.value)) }) : null
   ] });
 }
-var styles41 = StyleSheet41.create({
+var styles43 = StyleSheet43.create({
   root: { gap: 8, alignSelf: "stretch" },
   rootVertical: { alignSelf: "flex-start", alignItems: "center" },
   header: { flexDirection: "row", justifyContent: "space-between", alignItems: "baseline", gap: 12 },
@@ -5185,10 +5204,10 @@ var styles41 = StyleSheet41.create({
 
 // src/native/spinner.tsx
 import { ActivityIndicator as ActivityIndicator2 } from "react-native";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Spinner({ label, size = "md", ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx59(
     ActivityIndicator2,
     {
       accessible: true,
@@ -5204,8 +5223,8 @@ function Spinner({ label, size = "md", ...props }) {
 
 // src/native/splash-handoff.tsx
 import * as React39 from "react";
-import { Animated as Animated23, Easing as Easing13, StyleSheet as StyleSheet42, View as View49 } from "react-native";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { Animated as Animated23, Easing as Easing13, StyleSheet as StyleSheet44, View as View52 } from "react-native";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function SplashHandoff({ product, ready, onShown, onDone, size = 96, background, label, duration = 320, style }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
@@ -5223,7 +5242,7 @@ function SplashHandoff({ product, ready, onShown, onDone, size = 96, background,
     return () => animation.stop();
   }, [ready, reduce, duration, opacity, onDone]);
   if (gone) return null;
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx60(
     Animated23.View,
     {
       accessible: true,
@@ -5232,30 +5251,30 @@ function SplashHandoff({ product, ready, onShown, onDone, size = 96, background,
       "aria-busy": true,
       pointerEvents: ready ? "none" : "auto",
       onLayout: onShown,
-      style: [StyleSheet42.absoluteFill, styles42.root, { backgroundColor: background ?? theme.surface0, opacity }, style],
-      children: /* @__PURE__ */ jsx57(View49, { children: /* @__PURE__ */ jsx57(ProductMark, { id: product, size, animated: true }) })
+      style: [StyleSheet44.absoluteFill, styles44.root, { backgroundColor: background ?? theme.surface0, opacity }, style],
+      children: /* @__PURE__ */ jsx60(View52, { children: /* @__PURE__ */ jsx60(ProductMark, { id: product, size, animated: true }) })
     }
   );
 }
-var styles42 = StyleSheet42.create({ root: { alignItems: "center", justifyContent: "center", zIndex: 100 } });
+var styles44 = StyleSheet44.create({ root: { alignItems: "center", justifyContent: "center", zIndex: 100 } });
 
 // src/native/step-progress.tsx
-import { Pressable as Pressable22, StyleSheet as StyleSheet43, View as View50 } from "react-native";
+import { Pressable as Pressable22, StyleSheet as StyleSheet45, View as View53 } from "react-native";
 import Svg28, { Path as Path23 } from "react-native-svg";
-import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 function StepProgress({ step, total, label, backLabel, onBack, trailing, style }) {
   const { theme, insets } = useTheme();
   const words2 = label(step, total);
-  return /* @__PURE__ */ jsxs49(View50, { style: [styles43.root, { paddingTop: insets.top + 8 }, style], children: [
-    /* @__PURE__ */ jsxs49(View50, { style: styles43.row, children: [
-      onBack && backLabel ? /* @__PURE__ */ jsx58(Pressable22, { role: "button", "aria-label": backLabel, hitSlop: 10, onPress: onBack, style: styles43.back, children: /* @__PURE__ */ jsx58(Svg28, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx58(Path23, { d: "M15 5l-7 7 7 7", stroke: theme.textPrimary, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx58(View50, { style: styles43.back }),
-      /* @__PURE__ */ jsx58(View50, { accessible: true, role: "progressbar", "aria-label": words2, "aria-valuemin": 1, "aria-valuemax": total, "aria-valuenow": step, "aria-valuetext": words2, style: styles43.bars, children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsx58(View50, { style: [styles43.bar, { backgroundColor: i < step ? theme.accent : theme.surface3 }] }, i)) }),
-      /* @__PURE__ */ jsx58(View50, { style: styles43.trailing, children: trailing })
+  return /* @__PURE__ */ jsxs52(View53, { style: [styles45.root, { paddingTop: insets.top + 8 }, style], children: [
+    /* @__PURE__ */ jsxs52(View53, { style: styles45.row, children: [
+      onBack && backLabel ? /* @__PURE__ */ jsx61(Pressable22, { role: "button", "aria-label": backLabel, hitSlop: 10, onPress: onBack, style: styles45.back, children: /* @__PURE__ */ jsx61(Svg28, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx61(Path23, { d: "M15 5l-7 7 7 7", stroke: theme.textPrimary, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx61(View53, { style: styles45.back }),
+      /* @__PURE__ */ jsx61(View53, { accessible: true, role: "progressbar", "aria-label": words2, "aria-valuemin": 1, "aria-valuemax": total, "aria-valuenow": step, "aria-valuetext": words2, style: styles45.bars, children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsx61(View53, { style: [styles45.bar, { backgroundColor: i < step ? theme.accent : theme.surface3 }] }, i)) }),
+      /* @__PURE__ */ jsx61(View53, { style: styles45.trailing, children: trailing })
     ] }),
-    /* @__PURE__ */ jsx58(Txt, { variant: "caption", tone: "secondary", style: styles43.words, "aria-hidden": true, children: words2 })
+    /* @__PURE__ */ jsx61(Txt, { variant: "caption", tone: "secondary", style: styles45.words, "aria-hidden": true, children: words2 })
   ] });
 }
-var styles43 = StyleSheet43.create({
+var styles45 = StyleSheet45.create({
   root: { paddingHorizontal: 12, gap: 6 },
   row: { flexDirection: "row", alignItems: "center", gap: 8 },
   back: { width: 40, height: 40, alignItems: "center", justifyContent: "center" },
@@ -5266,36 +5285,36 @@ var styles43 = StyleSheet43.create({
 });
 
 // src/native/stepper.tsx
-import { StyleSheet as StyleSheet44, View as View51 } from "react-native";
+import { StyleSheet as StyleSheet46, View as View54 } from "react-native";
 import Svg29, { Circle as Circle16, Path as Path24 } from "react-native-svg";
-import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
 var WORDS = { done: "done", current: "in progress", upcoming: "to come", error: "failed" };
 function Stepper({ steps, current = 0, orientation = "vertical", statusLabels, "aria-label": label, style }) {
   const { theme } = useTheme();
   const words2 = { ...WORDS, ...statusLabels };
   const vertical = orientation === "vertical";
-  return /* @__PURE__ */ jsx59(View51, { role: "list", "aria-label": label, style: [vertical ? styles44.column : styles44.row, style], children: steps.map((step, i) => {
+  return /* @__PURE__ */ jsx62(View54, { role: "list", "aria-label": label, style: [vertical ? styles46.column : styles46.row, style], children: steps.map((step, i) => {
     const status = step.status ?? (i < current ? "done" : i === current ? "current" : "upcoming");
     const last = i === steps.length - 1;
-    const node = status === "current" ? /* @__PURE__ */ jsx59(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx59(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs50(Svg29, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx59(Circle16, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
-      status === "done" ? /* @__PURE__ */ jsx59(Path24, { d: "M7.5 12.3l3 3 6-6.3", stroke: theme.onAccent, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) : null
+    const node = status === "current" ? /* @__PURE__ */ jsx62(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx62(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs53(Svg29, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx62(Circle16, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
+      status === "done" ? /* @__PURE__ */ jsx62(Path24, { d: "M7.5 12.3l3 3 6-6.3", stroke: theme.onAccent, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) : null
     ] });
-    const connector = !last ? /* @__PURE__ */ jsx59(View51, { "aria-hidden": true, style: [vertical ? styles44.vLine : styles44.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
-    return /* @__PURE__ */ jsxs50(View51, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words2[status]}`, style: vertical ? styles44.vStep : styles44.hStep, children: [
-      /* @__PURE__ */ jsxs50(View51, { style: vertical ? styles44.vRail : styles44.hRail, children: [
+    const connector = !last ? /* @__PURE__ */ jsx62(View54, { "aria-hidden": true, style: [vertical ? styles46.vLine : styles46.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
+    return /* @__PURE__ */ jsxs53(View54, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words2[status]}`, style: vertical ? styles46.vStep : styles46.hStep, children: [
+      /* @__PURE__ */ jsxs53(View54, { style: vertical ? styles46.vRail : styles46.hRail, children: [
         node,
         connector
       ] }),
-      /* @__PURE__ */ jsxs50(View51, { style: [styles44.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
-        /* @__PURE__ */ jsx59(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
-        step.description ? /* @__PURE__ */ jsx59(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
-        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx59(View51, { style: styles44.content, children: step.content }) : null
+      /* @__PURE__ */ jsxs53(View54, { style: [styles46.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
+        /* @__PURE__ */ jsx62(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
+        step.description ? /* @__PURE__ */ jsx62(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
+        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx62(View54, { style: styles46.content, children: step.content }) : null
       ] })
     ] }, i);
   }) });
 }
-var styles44 = StyleSheet44.create({
+var styles46 = StyleSheet46.create({
   column: { gap: 0 },
   row: { flexDirection: "row" },
   vStep: { flexDirection: "row", gap: 12 },
@@ -5310,58 +5329,58 @@ var styles44 = StyleSheet44.create({
 
 // src/native/swipe-deck.tsx
 import * as React40 from "react";
-import { AccessibilityInfo as AccessibilityInfo14, Animated as Animated24, Image as Image5, PanResponder as PanResponder3, Platform as Platform4, Pressable as Pressable23, StyleSheet as StyleSheet45, useWindowDimensions as useWindowDimensions2, View as View52 } from "react-native";
-import Svg30, { Defs as Defs15, LinearGradient as LinearGradient15, Path as Path25, Rect as Rect6, Stop as Stop15 } from "react-native-svg";
-import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
+import { AccessibilityInfo as AccessibilityInfo14, Animated as Animated24, Image as Image5, PanResponder as PanResponder3, Platform as Platform4, Pressable as Pressable23, StyleSheet as StyleSheet47, useWindowDimensions as useWindowDimensions2, View as View55 } from "react-native";
+import Svg30, { Defs as Defs15, LinearGradient as LinearGradient12, Path as Path25, Rect as Rect5, Stop as Stop15 } from "react-native-svg";
+import { Fragment as Fragment8, jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 function PersonCard({ photos, name, age, badge, meta, bio, footer, photoLabel = (n, t) => `Photo ${n} of ${t}`, style }) {
   const { theme, radius: radius3 } = useTheme();
   const [index, setIndex] = React40.useState(0);
   const gradient = useSvgId("kz-profile-");
   const [box, setBox] = React40.useState(null);
   const photo = photos[index];
-  return /* @__PURE__ */ jsxs51(
-    View52,
+  return /* @__PURE__ */ jsxs54(
+    View55,
     {
       accessible: Platform4.OS !== "web",
       accessibilityActions: photos.length > 1 ? [{ name: "increment" }, { name: "decrement" }] : [],
       onAccessibilityAction: (e) => setIndex((i) => Math.max(0, Math.min(photos.length - 1, i + (e.nativeEvent.actionName === "increment" ? 1 : -1)))),
       role: Platform4.OS === "web" ? "group" : "img",
       "aria-label": [`${name}${age !== void 0 ? `, ${age}` : ""}`, bio, photos.length > 1 ? photoLabel(index + 1, photos.length) : null].filter(Boolean).join(". "),
-      style: [styles45.card, { borderRadius: radius3.xl, backgroundColor: theme.media }, style],
+      style: [styles47.card, { borderRadius: radius3.xl, backgroundColor: theme.media }, style],
       children: [
-        photo ? /* @__PURE__ */ jsx60(Image5, { testID: "person-card-photo", source: { uri: photo.uri }, style: StyleSheet45.absoluteFill, resizeMode: "cover" }) : null,
-        photos.length > 1 ? /* @__PURE__ */ jsxs51(Fragment8, { children: [
-          /* @__PURE__ */ jsx60(View52, { style: styles45.bars, "aria-hidden": true, children: photos.map((_, i) => /* @__PURE__ */ jsx60(View52, { style: [styles45.bar, { backgroundColor: theme.textOnMedia, opacity: i === index ? 1 : 0.4 }] }, i)) }),
-          /* @__PURE__ */ jsx60(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles45.half, { left: 0 }], onPress: () => setIndex((i) => Math.max(0, i - 1)) }),
-          /* @__PURE__ */ jsx60(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles45.half, { right: 0 }], onPress: () => setIndex((i) => Math.min(photos.length - 1, i + 1)) })
+        photo ? /* @__PURE__ */ jsx63(Image5, { testID: "person-card-photo", source: { uri: photo.uri }, style: StyleSheet47.absoluteFill, resizeMode: "cover" }) : null,
+        photos.length > 1 ? /* @__PURE__ */ jsxs54(Fragment8, { children: [
+          /* @__PURE__ */ jsx63(View55, { style: styles47.bars, "aria-hidden": true, children: photos.map((_, i) => /* @__PURE__ */ jsx63(View55, { style: [styles47.bar, { backgroundColor: theme.textOnMedia, opacity: i === index ? 1 : 0.4 }] }, i)) }),
+          /* @__PURE__ */ jsx63(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles47.half, { left: 0 }], onPress: () => setIndex((i) => Math.max(0, i - 1)) }),
+          /* @__PURE__ */ jsx63(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles47.half, { right: 0 }], onPress: () => setIndex((i) => Math.min(photos.length - 1, i + 1)) })
         ] }) : null,
-        /* @__PURE__ */ jsxs51(
-          View52,
+        /* @__PURE__ */ jsxs54(
+          View55,
           {
             testID: "person-card-overlay",
             pointerEvents: "box-none",
-            style: styles45.bottom,
+            style: styles47.bottom,
             onLayout: (e) => setBox({ width: e.nativeEvent.layout.width, height: e.nativeEvent.layout.height }),
             children: [
-              box ? /* @__PURE__ */ jsxs51(Svg30, { testID: "person-card-scrim", style: styles45.scrim, width: box.width, height: box.height, "aria-hidden": true, children: [
-                /* @__PURE__ */ jsx60(Defs15, { children: /* @__PURE__ */ jsxs51(LinearGradient15, { id: gradient, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                  /* @__PURE__ */ jsx60(Stop15, { offset: "0", stopColor: theme.scrimStrong, stopOpacity: 0 }),
-                  /* @__PURE__ */ jsx60(Stop15, { offset: "0.5", stopColor: theme.scrimStrong, stopOpacity: 0.8 }),
-                  /* @__PURE__ */ jsx60(Stop15, { offset: "1", stopColor: theme.scrimStrong, stopOpacity: 1 })
+              box ? /* @__PURE__ */ jsxs54(Svg30, { testID: "person-card-scrim", style: styles47.scrim, width: box.width, height: box.height, "aria-hidden": true, children: [
+                /* @__PURE__ */ jsx63(Defs15, { children: /* @__PURE__ */ jsxs54(LinearGradient12, { id: gradient, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                  /* @__PURE__ */ jsx63(Stop15, { offset: "0", stopColor: theme.scrimStrong, stopOpacity: 0 }),
+                  /* @__PURE__ */ jsx63(Stop15, { offset: "0.5", stopColor: theme.scrimStrong, stopOpacity: 0.8 }),
+                  /* @__PURE__ */ jsx63(Stop15, { offset: "1", stopColor: theme.scrimStrong, stopOpacity: 1 })
                 ] }) }),
-                /* @__PURE__ */ jsx60(Rect6, { x: 0, y: 0, width: box.width, height: box.height, fill: `url(#${gradient})` })
+                /* @__PURE__ */ jsx63(Rect5, { x: 0, y: 0, width: box.width, height: box.height, fill: `url(#${gradient})` })
               ] }) : null,
-              /* @__PURE__ */ jsxs51(View52, { style: styles45.text, children: [
-                /* @__PURE__ */ jsxs51(View52, { style: styles45.nameRow, children: [
-                  /* @__PURE__ */ jsxs51(Txt, { variant: "display", tone: "onMedia", style: styles45.name, numberOfLines: 1, children: [
+              /* @__PURE__ */ jsxs54(View55, { style: styles47.text, children: [
+                /* @__PURE__ */ jsxs54(View55, { style: styles47.nameRow, children: [
+                  /* @__PURE__ */ jsxs54(Txt, { variant: "display", tone: "onMedia", style: styles47.name, numberOfLines: 1, children: [
                     name,
-                    age !== void 0 ? /* @__PURE__ */ jsx60(Txt, { variant: "display", tone: "onMedia", style: styles45.age, children: `  ${age}` }) : null
+                    age !== void 0 ? /* @__PURE__ */ jsx63(Txt, { variant: "display", tone: "onMedia", style: styles47.age, children: `  ${age}` }) : null
                   ] }),
                   badge
                 ] }),
                 meta,
-                bio ? /* @__PURE__ */ jsx60(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
-                footer ? /* @__PURE__ */ jsx60(View52, { style: styles45.footer, children: footer }) : null
+                bio ? /* @__PURE__ */ jsx63(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
+                footer ? /* @__PURE__ */ jsx63(View55, { style: styles47.footer, children: footer }) : null
               ] })
             ]
           }
@@ -5405,7 +5424,7 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
   const rotate = x.interpolate({ inputRange: [-width, 0, width], outputRange: ["-14deg", "0deg", "14deg"] });
   const likeOpacity = x.interpolate({ inputRange: [0, width / 4], outputRange: [0, 1], extrapolate: "clamp" });
   const passOpacity = x.interpolate({ inputRange: [-width / 4, 0], outputRange: [1, 0], extrapolate: "clamp" });
-  const button = (direction) => /* @__PURE__ */ jsx60(
+  const button = (direction) => /* @__PURE__ */ jsx63(
     Pressable23,
     {
       role: "button",
@@ -5413,18 +5432,18 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
       disabled: !top,
       onPress: () => decide(direction),
       style: ({ pressed }) => [
-        styles45.button,
+        styles47.button,
         { borderColor: direction === "like" ? theme.success : theme.danger, backgroundColor: theme.surface1, transform: [{ scale: pressed ? 0.92 : 1 }], opacity: top ? 1 : 0.4 }
       ],
-      children: /* @__PURE__ */ jsx60(Svg30, { width: 28, height: 28, viewBox: "0 0 24 24", "aria-hidden": true, children: direction === "like" ? /* @__PURE__ */ jsx60(Path25, { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z", fill: theme.success }) : /* @__PURE__ */ jsx60(Path25, { d: "M6 6l12 12M18 6 6 18", stroke: theme.danger, strokeWidth: 3, strokeLinecap: "round" }) })
+      children: /* @__PURE__ */ jsx63(Svg30, { width: 28, height: 28, viewBox: "0 0 24 24", "aria-hidden": true, children: direction === "like" ? /* @__PURE__ */ jsx63(Path25, { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z", fill: theme.success }) : /* @__PURE__ */ jsx63(Path25, { d: "M6 6l12 12M18 6 6 18", stroke: theme.danger, strokeWidth: 3, strokeLinecap: "round" }) })
     }
   );
-  return /* @__PURE__ */ jsxs51(View52, { style: [styles45.deck, style], children: [
-    /* @__PURE__ */ jsxs51(View52, { style: styles45.stack, children: [
+  return /* @__PURE__ */ jsxs54(View55, { style: [styles47.deck, style], children: [
+    /* @__PURE__ */ jsxs54(View55, { style: styles47.stack, children: [
       !top ? empty2 ?? null : null,
       items2.slice(0, 2).reverse().map((item) => {
         const isTop = item === top;
-        return /* @__PURE__ */ jsxs51(
+        return /* @__PURE__ */ jsxs54(
           Animated24.View,
           {
             ...isTop ? pan.panHandlers : {},
@@ -5433,12 +5452,12 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
             "aria-hidden": !isTop,
             importantForAccessibility: isTop ? "auto" : "no-hide-descendants",
             pointerEvents: isTop ? "auto" : "none",
-            style: [StyleSheet45.absoluteFill, isTop ? { transform: [{ translateX: x }, { rotate }] } : { transform: [{ scale: 0.96 }], opacity: 0.9 }],
+            style: [StyleSheet47.absoluteFill, isTop ? { transform: [{ translateX: x }, { rotate }] } : { transform: [{ scale: 0.96 }], opacity: 0.9 }],
             children: [
               renderCard(item),
-              isTop ? /* @__PURE__ */ jsxs51(Fragment8, { children: [
-                /* @__PURE__ */ jsx60(Animated24.View, { pointerEvents: "none", style: [styles45.stamp, styles45.stampLike, { borderColor: theme.success, opacity: likeOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx60(Txt, { variant: "title", style: { color: theme.success }, children: labels.likeStamp ?? labels.like.toUpperCase() }) }),
-                /* @__PURE__ */ jsx60(Animated24.View, { pointerEvents: "none", style: [styles45.stamp, styles45.stampPass, { borderColor: theme.danger, opacity: passOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx60(Txt, { variant: "title", style: { color: theme.danger }, children: labels.passStamp ?? labels.pass.toUpperCase() }) })
+              isTop ? /* @__PURE__ */ jsxs54(Fragment8, { children: [
+                /* @__PURE__ */ jsx63(Animated24.View, { pointerEvents: "none", style: [styles47.stamp, styles47.stampLike, { borderColor: theme.success, opacity: likeOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx63(Txt, { variant: "title", style: { color: theme.success }, children: labels.likeStamp ?? labels.like.toUpperCase() }) }),
+                /* @__PURE__ */ jsx63(Animated24.View, { pointerEvents: "none", style: [styles47.stamp, styles47.stampPass, { borderColor: theme.danger, opacity: passOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx63(Txt, { variant: "title", style: { color: theme.danger }, children: labels.passStamp ?? labels.pass.toUpperCase() }) })
               ] }) : null
             ]
           },
@@ -5446,13 +5465,13 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
         );
       })
     ] }),
-    hideButtons ? null : /* @__PURE__ */ jsxs51(View52, { style: styles45.buttons, children: [
+    hideButtons ? null : /* @__PURE__ */ jsxs54(View55, { style: styles47.buttons, children: [
       button("pass"),
       button("like")
     ] })
   ] });
 }
-var styles45 = StyleSheet45.create({
+var styles47 = StyleSheet47.create({
   card: { flex: 1, overflow: "hidden" },
   bars: { position: "absolute", top: 8, left: 8, right: 8, flexDirection: "row", gap: 4 },
   bar: { flex: 1, height: 3, borderRadius: 2 },
@@ -5475,8 +5494,8 @@ var styles45 = StyleSheet45.create({
 
 // src/native/swipeable-row.tsx
 import * as React41 from "react";
-import { Animated as Animated25, PanResponder as PanResponder4, Pressable as Pressable24, StyleSheet as StyleSheet46, View as View53 } from "react-native";
-import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Animated as Animated25, PanResponder as PanResponder4, Pressable as Pressable24, StyleSheet as StyleSheet48, View as View56 } from "react-native";
+import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 var toneColor = (t, tone3) => ({ neutral: t.surface3, accent: t.accent, success: t.success, warning: t.warning, danger: t.danger })[tone3 ?? "neutral"];
 var toneText = (tone3) => tone3 === "neutral" || tone3 === void 0 ? "text" : "onAccent";
 function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6, actionWidth = 80, onActivate, testID, style }) {
@@ -5524,18 +5543,18 @@ function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6,
     [trailing, leading, fullSwipe, width, actionWidth]
     // eslint-disable-line react-hooks/exhaustive-deps -- run/settle are stable in effect
   );
-  const side = (actions, edge) => /* @__PURE__ */ jsx61(View53, { "aria-hidden": true, style: [styles46.side, edge === "left" ? { left: 0 } : { right: 0, flexDirection: "row-reverse" }], children: actions.map((action, i) => (
+  const side = (actions, edge) => /* @__PURE__ */ jsx64(View56, { "aria-hidden": true, style: [styles48.side, edge === "left" ? { left: 0 } : { right: 0, flexDirection: "row-reverse" }], children: actions.map((action, i) => (
     // eslint-disable-next-line react-hooks/refs -- runs on a press, never during render
-    /* @__PURE__ */ jsxs52(Pressable24, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles46.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
+    /* @__PURE__ */ jsxs55(Pressable24, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles48.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
       action.icon,
-      /* @__PURE__ */ jsx61(Txt, { variant: "caption", tone: toneText(action.tone), style: styles46.actionText, numberOfLines: 1, children: action.label })
+      /* @__PURE__ */ jsx64(Txt, { variant: "caption", tone: toneText(action.tone), style: styles48.actionText, numberOfLines: 1, children: action.label })
     ] }, i)
   )) });
   const all = [...leading, ...trailing];
-  return /* @__PURE__ */ jsxs52(View53, { style: [styles46.root, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+  return /* @__PURE__ */ jsxs55(View56, { style: [styles48.root, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
     leading.length > 0 ? side(leading, "left") : null,
     trailing.length > 0 ? side(trailing, "right") : null,
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx64(
       Animated25.View,
       {
         ...pan.panHandlers,
@@ -5547,13 +5566,13 @@ function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6,
           const action = all.find((a) => a.label === e.nativeEvent.actionName);
           if (action) action.onPress();
         },
-        style: [styles46.front, { backgroundColor: theme.surface0, transform: [{ translateX: x }] }],
+        style: [styles48.front, { backgroundColor: theme.surface0, transform: [{ translateX: x }] }],
         children
       }
     )
   ] });
 }
-var styles46 = StyleSheet46.create({
+var styles48 = StyleSheet48.create({
   root: { overflow: "hidden" },
   side: { position: "absolute", top: 0, bottom: 0, flexDirection: "row" },
   action: { alignItems: "center", justifyContent: "center", gap: 4, paddingHorizontal: 6 },
@@ -5563,8 +5582,8 @@ var styles46 = StyleSheet46.create({
 
 // src/native/switch.tsx
 import * as React42 from "react";
-import { Animated as Animated26, Pressable as Pressable25, StyleSheet as StyleSheet47, Text as Text18, View as View54 } from "react-native";
-import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Animated as Animated26, Pressable as Pressable25, StyleSheet as StyleSheet49, Text as Text18, View as View57 } from "react-native";
+import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
 var SIZES = { sm: { w: 40, h: 24, knob: 18 }, md: { w: 52, h: 32, knob: 26 } };
 function Switch({ label, checked, defaultChecked = false, onCheckedChange, description, showLabel, size = "md", error, disabled, style }) {
   const { theme, motion: motion3, haptic } = useTheme();
@@ -5581,11 +5600,11 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     if (checked === void 0) setOwn(!on);
     onCheckedChange?.(!on);
   };
-  const track = /* @__PURE__ */ jsx62(View54, { style: [styles47.track, { width: d.w, height: d.h, borderRadius: d.h / 2, backgroundColor: on ? theme.accent : theme.surface3, borderColor: error ? theme.danger : on ? theme.accent : theme.borderDefault }], children: /* @__PURE__ */ jsx62(
+  const track = /* @__PURE__ */ jsx65(View57, { style: [styles49.track, { width: d.w, height: d.h, borderRadius: d.h / 2, backgroundColor: on ? theme.accent : theme.surface3, borderColor: error ? theme.danger : on ? theme.accent : theme.borderDefault }], children: /* @__PURE__ */ jsx65(
     Animated26.View,
     {
       style: [
-        styles47.knob,
+        styles49.knob,
         {
           width: d.knob,
           height: d.knob,
@@ -5607,19 +5626,19 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     onPress: toggle
   };
   if (!showLabel)
-    return /* @__PURE__ */ jsx62(Pressable25, { ...a11y, hitSlop: { top: (44 - d.h) / 2, bottom: (44 - d.h) / 2, left: Math.max(0, (44 - d.w) / 2), right: Math.max(0, (44 - d.w) / 2) }, style: [disabled ? styles47.disabled : null, style], children: track });
-  return /* @__PURE__ */ jsxs53(View54, { style: [styles47.root, style], children: [
-    /* @__PURE__ */ jsxs53(Pressable25, { ...a11y, style: [styles47.row, disabled ? styles47.disabled : null], children: [
-      /* @__PURE__ */ jsxs53(View54, { style: styles47.text, children: [
-        /* @__PURE__ */ jsx62(Text18, { style: [styles47.label, { color: theme.textPrimary }], children: label }),
-        description ? /* @__PURE__ */ jsx62(Text18, { style: [styles47.description, { color: theme.textSecondary }], children: description }) : null
+    return /* @__PURE__ */ jsx65(Pressable25, { ...a11y, hitSlop: { top: (44 - d.h) / 2, bottom: (44 - d.h) / 2, left: Math.max(0, (44 - d.w) / 2), right: Math.max(0, (44 - d.w) / 2) }, style: [disabled ? styles49.disabled : null, style], children: track });
+  return /* @__PURE__ */ jsxs56(View57, { style: [styles49.root, style], children: [
+    /* @__PURE__ */ jsxs56(Pressable25, { ...a11y, style: [styles49.row, disabled ? styles49.disabled : null], children: [
+      /* @__PURE__ */ jsxs56(View57, { style: styles49.text, children: [
+        /* @__PURE__ */ jsx65(Text18, { style: [styles49.label, { color: theme.textPrimary }], children: label }),
+        description ? /* @__PURE__ */ jsx65(Text18, { style: [styles49.description, { color: theme.textSecondary }], children: description }) : null
       ] }),
       track
     ] }),
-    error ? /* @__PURE__ */ jsx62(Text18, { role: "alert", "aria-live": "polite", style: [styles47.description, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx65(Text18, { role: "alert", "aria-live": "polite", style: [styles49.description, { color: theme.dangerText }], children: error }) : null
   ] });
 }
-var styles47 = StyleSheet47.create({
+var styles49 = StyleSheet49.create({
   root: { gap: 2, alignSelf: "stretch" },
   row: { flexDirection: "row", alignItems: "center", gap: 16, minHeight: 48 },
   text: { flex: 1, gap: 2 },
@@ -5631,15 +5650,15 @@ var styles47 = StyleSheet47.create({
 });
 
 // src/native/tab-bar.tsx
-import { Pressable as Pressable26, StyleSheet as StyleSheet48, Text as Text19, View as View55 } from "react-native";
-import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Pressable as Pressable26, StyleSheet as StyleSheet50, Text as Text19, View as View58 } from "react-native";
+import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
 function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label": label, style }) {
   const { theme, insets, haptic } = useTheme();
-  return /* @__PURE__ */ jsx63(View55, { role: "tablist", "aria-label": label, style: [styles48.bar, { backgroundColor: theme.glassBg, borderTopColor: theme.glassBorder, paddingBottom: Math.max(6, insets.bottom) }, style], children: items2.map((item) => {
+  return /* @__PURE__ */ jsx66(View58, { role: "tablist", "aria-label": label, style: [styles50.bar, { backgroundColor: theme.glassBg, borderTopColor: theme.glassBorder, paddingBottom: Math.max(6, insets.bottom) }, style], children: items2.map((item) => {
     const selected = item.value === value;
     const color = selected ? theme.accentText : theme.textSecondary;
     const badge = item.badge === true ? "" : typeof item.badge === "number" && item.badge > 0 ? item.badge > 99 ? "99+" : String(item.badge) : null;
-    return /* @__PURE__ */ jsxs54(
+    return /* @__PURE__ */ jsxs57(
       Pressable26,
       {
         role: "tab",
@@ -5649,22 +5668,22 @@ function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label":
           if (selected) onReselect?.(item.value);
           else onValueChange(item.value);
         },
-        style: ({ pressed }) => [styles48.item, { opacity: pressed ? 0.7 : 1 }],
+        style: ({ pressed }) => [styles50.item, { opacity: pressed ? 0.7 : 1 }],
         children: [
-          /* @__PURE__ */ jsxs54(View55, { "aria-hidden": true, style: styles48.icon, children: [
+          /* @__PURE__ */ jsxs57(View58, { "aria-hidden": true, style: styles50.icon, children: [
             item.icon(selected, color),
-            badge !== null ? /* @__PURE__ */ jsx63(View55, { style: [badge ? styles48.count : styles48.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx63(Text19, { style: [styles48.countText, { color: theme.onAccent }], children: badge }) : null }) : null
+            badge !== null ? /* @__PURE__ */ jsx66(View58, { style: [badge ? styles50.count : styles50.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx66(Text19, { style: [styles50.countText, { color: theme.onAccent }], children: badge }) : null }) : null
           ] }),
-          /* @__PURE__ */ jsx63(Text19, { numberOfLines: 1, style: [styles48.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
-          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx63(Text19, { style: styles48.unseen, children: `, ${item.badgeLabel}` }) : null
+          /* @__PURE__ */ jsx66(Text19, { numberOfLines: 1, style: [styles50.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
+          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx66(Text19, { style: styles50.unseen, children: `, ${item.badgeLabel}` }) : null
         ]
       },
       item.value
     );
   }) });
 }
-var styles48 = StyleSheet48.create({
-  bar: { flexDirection: "row", borderTopWidth: StyleSheet48.hairlineWidth, paddingTop: 6 },
+var styles50 = StyleSheet50.create({
+  bar: { flexDirection: "row", borderTopWidth: StyleSheet50.hairlineWidth, paddingTop: 6 },
   item: { flex: 1, alignItems: "center", gap: 2, minHeight: 48, justifyContent: "center" },
   icon: { width: 28, height: 26, alignItems: "center", justifyContent: "center" },
   label: { fontSize: 11, lineHeight: 14 },
@@ -5676,8 +5695,8 @@ var styles48 = StyleSheet48.create({
 
 // src/native/tabs.tsx
 import * as React43 from "react";
-import { Pressable as Pressable27, ScrollView as ScrollView7, StyleSheet as StyleSheet49, View as View56 } from "react-native";
-import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Pressable as Pressable27, ScrollView as ScrollView7, StyleSheet as StyleSheet51, View as View59 } from "react-native";
+import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
 function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label": label, variant = "underline", style }) {
   const { theme, radius: radius3, haptic } = useTheme();
   const [own, setOwn] = React43.useState(defaultValue ?? items2[0]?.value);
@@ -5691,7 +5710,7 @@ function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label":
   const segmented = variant === "segmented";
   const tabs = items2.map((item) => {
     const selected = item.value === current;
-    return /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx67(
       Pressable27,
       {
         role: "tab",
@@ -5700,45 +5719,45 @@ function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label":
         disabled: item.disabled,
         onPress: () => select(item.value),
         style: [
-          segmented ? styles49.segment : styles49.tab,
+          segmented ? styles51.segment : styles51.tab,
           segmented && selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault, borderRadius: radius3.sm } : null,
           !segmented ? { borderBottomColor: selected ? theme.accent : "transparent" } : null,
-          item.disabled ? styles49.disabled : null
+          item.disabled ? styles51.disabled : null
         ],
-        children: /* @__PURE__ */ jsxs55(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
+        children: /* @__PURE__ */ jsxs58(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
           item.label,
-          item.count !== void 0 ? /* @__PURE__ */ jsx64(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
+          item.count !== void 0 ? /* @__PURE__ */ jsx67(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
         ] })
       },
       item.value
     );
   });
   const panel = items2.find((i) => i.value === current)?.content;
-  return /* @__PURE__ */ jsxs55(View56, { style: [styles49.root, style], children: [
-    segmented ? /* @__PURE__ */ jsx64(View56, { role: "tablist", "aria-label": label, style: [styles49.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx64(View56, { style: [styles49.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx64(ScrollView7, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles49.scroll, children: tabs }) }),
-    panel !== void 0 ? /* @__PURE__ */ jsx64(View56, { role: "tabpanel", children: panel }) : null
+  return /* @__PURE__ */ jsxs58(View59, { style: [styles51.root, style], children: [
+    segmented ? /* @__PURE__ */ jsx67(View59, { role: "tablist", "aria-label": label, style: [styles51.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx67(View59, { style: [styles51.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx67(ScrollView7, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles51.scroll, children: tabs }) }),
+    panel !== void 0 ? /* @__PURE__ */ jsx67(View59, { role: "tabpanel", children: panel }) : null
   ] });
 }
-var styles49 = StyleSheet49.create({
+var styles51 = StyleSheet51.create({
   root: { gap: 12 },
-  underline: { borderBottomWidth: StyleSheet49.hairlineWidth },
+  underline: { borderBottomWidth: StyleSheet51.hairlineWidth },
   scroll: { gap: 4, paddingHorizontal: 4 },
   tab: { minHeight: 44, justifyContent: "center", paddingHorizontal: 12, borderBottomWidth: 2 },
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet49.hairlineWidth, height: 40 },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet49.hairlineWidth, borderColor: "transparent" },
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet51.hairlineWidth, height: 40 },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet51.hairlineWidth, borderColor: "transparent" },
   disabled: { opacity: 0.4 }
 });
 
 // src/native/tag-selector.tsx
-import { StyleSheet as StyleSheet50, View as View57 } from "react-native";
-import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet52, View as View60 } from "react-native";
+import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
 function TagSelector({ label, options, value, onValueChange, max, countLabel, style }) {
   const { haptic } = useTheme();
   const full = max !== void 0 && value.length >= max;
-  return /* @__PURE__ */ jsxs56(View57, { style: [styles50.root, style], children: [
-    /* @__PURE__ */ jsx65(View57, { role: "group", "aria-label": label, style: styles50.wrap, children: options.map((option) => {
+  return /* @__PURE__ */ jsxs59(View60, { style: [styles52.root, style], children: [
+    /* @__PURE__ */ jsx68(View60, { role: "group", "aria-label": label, style: styles52.wrap, children: options.map((option) => {
       const on = value.includes(option.value);
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx68(
         Chip,
         {
           selected: on,
@@ -5752,15 +5771,15 @@ function TagSelector({ label, options, value, onValueChange, max, countLabel, st
         option.value
       );
     }) }),
-    max !== void 0 && countLabel ? /* @__PURE__ */ jsx65(Txt, { variant: "caption", tone: full ? "accent" : "secondary", "aria-live": "polite", children: countLabel(value.length, max) }) : null
+    max !== void 0 && countLabel ? /* @__PURE__ */ jsx68(Txt, { variant: "caption", tone: full ? "accent" : "secondary", "aria-live": "polite", children: countLabel(value.length, max) }) : null
   ] });
 }
-var styles50 = StyleSheet50.create({ root: { gap: 8 }, wrap: { flexDirection: "row", flexWrap: "wrap", gap: 8 } });
+var styles52 = StyleSheet52.create({ root: { gap: 8 }, wrap: { flexDirection: "row", flexWrap: "wrap", gap: 8 } });
 
 // src/native/toast.tsx
 import * as React44 from "react";
-import { AccessibilityInfo as AccessibilityInfo15, Animated as Animated27, PanResponder as PanResponder5, Pressable as Pressable28, StyleSheet as StyleSheet51, Text as Text20, View as View58 } from "react-native";
-import { Fragment as Fragment9, jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
+import { AccessibilityInfo as AccessibilityInfo15, Animated as Animated27, PanResponder as PanResponder5, Pressable as Pressable28, StyleSheet as StyleSheet53, Text as Text20, View as View61 } from "react-native";
+import { Fragment as Fragment9, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
 var items = [];
 var listeners2 = /* @__PURE__ */ new Set();
 var counter = 0;
@@ -5827,15 +5846,15 @@ function ToastView({ item, closeLabel, duration }) {
     return () => clearTimeout(timer2);
   }, [item.id, ms]);
   const edge = { success: theme.success, warning: theme.warning, error: theme.danger, info: theme.info, default: theme.borderDefault }[item.tone ?? "default"];
-  const text = /* @__PURE__ */ jsxs57(Fragment9, { children: [
-    item.icon ? /* @__PURE__ */ jsx66(View58, { "aria-hidden": true, children: item.icon }) : null,
-    /* @__PURE__ */ jsxs57(View58, { style: styles51.content, children: [
-      /* @__PURE__ */ jsx66(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
-      item.description ? /* @__PURE__ */ jsx66(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
+  const text = /* @__PURE__ */ jsxs60(Fragment9, { children: [
+    item.icon ? /* @__PURE__ */ jsx69(View61, { "aria-hidden": true, children: item.icon }) : null,
+    /* @__PURE__ */ jsxs60(View61, { style: styles53.content, children: [
+      /* @__PURE__ */ jsx69(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
+      item.description ? /* @__PURE__ */ jsx69(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
     ] })
   ] });
-  const body = /* @__PURE__ */ jsxs57(Fragment9, { children: [
-    item.onPress ? /* @__PURE__ */ jsx66(
+  const body = /* @__PURE__ */ jsxs60(Fragment9, { children: [
+    item.onPress ? /* @__PURE__ */ jsx69(
       Pressable28,
       {
         role: "button",
@@ -5843,11 +5862,11 @@ function ToastView({ item, closeLabel, duration }) {
           item.onPress?.();
           dismiss(item.id);
         },
-        style: ({ pressed }) => [styles51.main, { opacity: pressed ? 0.8 : 1 }],
+        style: ({ pressed }) => [styles53.main, { opacity: pressed ? 0.8 : 1 }],
         children: text
       }
-    ) : /* @__PURE__ */ jsx66(View58, { style: styles51.main, children: text }),
-    item.action ? /* @__PURE__ */ jsx66(
+    ) : /* @__PURE__ */ jsx69(View61, { style: styles53.main, children: text }),
+    item.action ? /* @__PURE__ */ jsx69(
       Pressable28,
       {
         role: "button",
@@ -5855,33 +5874,33 @@ function ToastView({ item, closeLabel, duration }) {
           item.action?.onPress();
           dismiss(item.id);
         },
-        style: [styles51.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
-        children: /* @__PURE__ */ jsx66(Text20, { style: [styles51.actionLabel, { color: theme.onAccent }], children: item.action.label })
+        style: [styles53.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
+        children: /* @__PURE__ */ jsx69(Text20, { style: [styles53.actionLabel, { color: theme.onAccent }], children: item.action.label })
       }
     ) : null,
-    /* @__PURE__ */ jsx66(Pressable28, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles51.close, children: /* @__PURE__ */ jsx66(Text20, { style: [styles51.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    /* @__PURE__ */ jsx69(Pressable28, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles53.close, children: /* @__PURE__ */ jsx69(Text20, { style: [styles53.cross, { color: theme.textSecondary }], children: "\xD7" }) })
   ] });
   const frame = [
-    styles51.toast,
+    styles53.toast,
     { backgroundColor: theme.surface2, borderColor: theme.borderDefault, borderLeftColor: edge, borderRadius: radius3.lg, shadowColor: theme.scrimStrong }
   ];
   const motion3 = { transform: [{ translateY: enter.interpolate({ inputRange: [0, 1], outputRange: [-8, 0] }) }, { translateX: swipe }] };
-  return /* @__PURE__ */ jsx66(Animated27.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx66(View58, { style: frame, children: body }) });
+  return /* @__PURE__ */ jsx69(Animated27.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx69(View61, { style: frame, children: body }) });
 }
 function Toaster({ closeLabel, position = "top", offset = 12, duration = 6e3, max = 3 }) {
   const all = React44.useSyncExternalStore(subscribe2, snapshot, snapshot);
   const shown = all.slice(-max);
   if (shown.length === 0) return null;
-  return /* @__PURE__ */ jsx66(View58, { pointerEvents: "box-none", style: [styles51.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx66(ToastView, { item, closeLabel, duration }, item.id)) });
+  return /* @__PURE__ */ jsx69(View61, { pointerEvents: "box-none", style: [styles53.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx69(ToastView, { item, closeLabel, duration }, item.id)) });
 }
-var styles51 = StyleSheet51.create({
+var styles53 = StyleSheet53.create({
   stack: { position: "absolute", left: 12, right: 12, gap: 8, zIndex: 100 },
   toast: {
     flexDirection: "row",
     alignItems: "center",
     gap: 10,
     padding: 12,
-    borderWidth: StyleSheet51.hairlineWidth,
+    borderWidth: StyleSheet53.hairlineWidth,
     borderLeftWidth: 4,
     shadowOpacity: 0.3,
     shadowRadius: 16,
@@ -5896,15 +5915,51 @@ var styles51 = StyleSheet51.create({
   cross: { fontSize: 18, lineHeight: 20, fontWeight: "700" }
 });
 
+// src/native/update-prompt.tsx
+import { StyleSheet as StyleSheet54, View as View62 } from "react-native";
+import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
+function UpdatePrompt({ title, message, versionLabel, mark, updateLabel, onUpdate, laterLabel, onLater, style }) {
+  const { theme, radius: radius3 } = useTheme();
+  return /* @__PURE__ */ jsxs61(
+    View62,
+    {
+      role: "region",
+      "aria-label": title,
+      style: [styles54.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style],
+      children: [
+        /* @__PURE__ */ jsxs61(View62, { style: styles54.head, children: [
+          mark ? /* @__PURE__ */ jsx70(View62, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: styles54.mark, children: mark }) : null,
+          /* @__PURE__ */ jsxs61(View62, { style: styles54.text, children: [
+            /* @__PURE__ */ jsx70(Txt, { variant: "label", children: title }),
+            message ? /* @__PURE__ */ jsx70(Txt, { tone: "secondary", children: message }) : null,
+            versionLabel ? /* @__PURE__ */ jsx70(Txt, { variant: "mono", tone: "secondary", children: versionLabel }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs61(View62, { style: styles54.actions, children: [
+          /* @__PURE__ */ jsx70(Button, { label: laterLabel, variant: "ghost", size: "sm", onPress: onLater }),
+          /* @__PURE__ */ jsx70(Button, { label: updateLabel, variant: "primary", size: "sm", onPress: onUpdate })
+        ] })
+      ]
+    }
+  );
+}
+var styles54 = StyleSheet54.create({
+  root: { gap: 12, padding: 16, borderWidth: StyleSheet54.hairlineWidth },
+  head: { flexDirection: "row", gap: 12, alignItems: "center" },
+  mark: { width: 40, height: 40, alignItems: "center", justifyContent: "center" },
+  text: { flex: 1, gap: 2 },
+  actions: { flexDirection: "row", justifyContent: "flex-end", gap: 8 }
+});
+
 // src/native/verified-badge.tsx
-import { StyleSheet as StyleSheet52, View as View59 } from "react-native";
+import { StyleSheet as StyleSheet55, View as View63 } from "react-native";
 import Svg31, { Path as Path26 } from "react-native-svg";
-import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
 function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsxs58(View59, { accessible: true, role: "img", "aria-label": label, style: styles52.row, children: [
-    /* @__PURE__ */ jsxs58(Svg31, { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsxs62(View63, { accessible: true, role: "img", "aria-label": label, style: styles55.row, children: [
+    /* @__PURE__ */ jsxs62(Svg31, { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx71(
         Path26,
         {
           d: "M12 2.5l2.4 1.7 2.9-.1.9 2.8 2.3 1.8-.9 2.8.9 2.8-2.3 1.8-.9 2.8-2.9-.1L12 21.5l-2.4-1.7-2.9.1-.9-2.8-2.3-1.8.9-2.8-.9-2.8 2.3-1.8.9-2.8 2.9.1z",
@@ -5913,12 +5968,12 @@ function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
           strokeWidth: 1.2
         }
       ),
-      /* @__PURE__ */ jsx67(Path26, { d: "M8.3 12.3l2.5 2.5 4.9-5.2", fill: "none", stroke: theme.onAccent, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" })
+      /* @__PURE__ */ jsx71(Path26, { d: "M8.3 12.3l2.5 2.5 4.9-5.2", fill: "none", stroke: theme.onAccent, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" })
     ] }),
-    showLabel ? /* @__PURE__ */ jsx67(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles52.text, children: label }) : null
+    showLabel ? /* @__PURE__ */ jsx71(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles55.text, children: label }) : null
   ] });
 }
-var styles52 = StyleSheet52.create({ row: { flexDirection: "row", alignItems: "center", gap: 4 }, text: { fontWeight: "700" } });
+var styles55 = StyleSheet55.create({ row: { flexDirection: "row", alignItems: "center", gap: 4 }, text: { fontWeight: "700" } });
 export {
   ActionSheet,
   ActivityFeed,
@@ -5951,6 +6006,7 @@ export {
   EmptyState,
   ErrorState,
   Fab,
+  ForceUpdateScreen,
   GoalGauge,
   Header,
   IconButton,
@@ -5960,11 +6016,13 @@ export {
   Loader,
   LoaderGlyph,
   LoadingState,
+  MaintenanceScreen,
   Mascot,
   MascotState,
   MatchDialog,
   MessageBubble,
   MessageComposer,
+  MetaRow,
   Meter,
   MonthPicker,
   NumberTicker,
@@ -6007,6 +6065,7 @@ export {
   Toaster,
   Txt,
   TypingIndicator,
+  UpdatePrompt,
   VerifiedBadge,
   WelcomeState,
   Wheel,