@krizaka/ui 3.14.0 → 3.16.0

package/dist/native.js

@@ -355,6 +355,26 @@ var marks = /* @__PURE__ */ Object.freeze({
       "100%",
       "#6d5ec9"
     ]
+  ],
+  "kachizaka": [
+    [
+      "0%",
+      "#355fe9"
+    ],
+    [
+      "100%",
+      "#a27807"
+    ]
+  ],
+  "akinaza": [
+    [
+      "0%",
+      "#2d8049"
+    ],
+    [
+      "100%",
+      "#bc632f"
+    ]
   ]
 });
 
@@ -612,11 +632,118 @@ var styles3 = StyleSheet3.create({
   body: { flex: 1, gap: 2 }
 });
 
+// src/native/AkinazaMark.tsx
+import { View as View3 } from "react-native";
+import Svg, { Circle, Defs, LinearGradient, Path, RadialGradient, Rect, Stop } from "react-native-svg";
+
+// src/marks/akinaza-geometry.ts
+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 },
+  /** 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 },
+  orbit: { r: 160, dash: "8 8", width: 1.5 },
+  ring: { r: 134, width: 1 }
+};
+
+// src/native/mark-motion.ts
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { AccessibilityInfo as AccessibilityInfo3, Animated, Easing } from "react-native";
+var markA11y = (title) => title ? { accessible: true, accessibilityRole: "image", accessibilityLabel: title } : { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
+function useMarkMotion(size, animated, spinMs = 3e4) {
+  const [spin] = useState4(() => new Animated.Value(0));
+  const [pulse] = useState4(() => new Animated.Value(0));
+  useEffect3(() => {
+    if (!animated) return;
+    let loops = [];
+    let cancelled = false;
+    void AccessibilityInfo3.isReduceMotionEnabled().then((reduce) => {
+      if (reduce || cancelled) return;
+      loops = [
+        Animated.loop(Animated.timing(spin, { toValue: 1, duration: spinMs, easing: Easing.linear, useNativeDriver: true })),
+        Animated.loop(
+          Animated.sequence([
+            Animated.timing(pulse, { toValue: 1, duration: 1600, easing: Easing.inOut(Easing.ease), useNativeDriver: true }),
+            Animated.timing(pulse, { toValue: 0, duration: 1600, easing: Easing.inOut(Easing.ease), useNativeDriver: true })
+          ])
+        )
+      ];
+      loops.forEach((l) => l.start());
+    });
+    return () => {
+      cancelled = true;
+      loops.forEach((l) => l.stop());
+    };
+  }, [animated, spin, pulse, spinMs]);
+  return {
+    Animated,
+    layer: { position: "absolute", width: size, height: size },
+    spinStyle: { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] },
+    pulseStyle: { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }
+  };
+}
+
+// src/native/AkinazaMark.tsx
+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 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
+      ] }),
+      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(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(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)` })
+    ] }) })
+  ] });
+}
+
 // src/native/avatar.tsx
 import * as React4 from "react";
-import { Image, StyleSheet as StyleSheet4, Text as Text2, View as View3 } from "react-native";
-import Svg, { Circle, Defs, LinearGradient, Stop, SvgUri } from "react-native-svg";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+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 { 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) {
   return /^data:image\/svg\+xml[;,]/i.test(uri) || /\.svg(?:[?#]|$)/i.test(uri);
@@ -631,15 +758,15 @@ function AvatarRoot({ src, svg, alt = "", fallback, fallbackSrc, defaultAvatar,
   const shown = src && !failedSrc.has(src) ? src : backup && !failedSrc.has(backup) ? backup : null;
   const initial = alt.trim().charAt(0).toUpperCase();
   const content = fallback ?? initial;
-  const picture = /* @__PURE__ */ jsx5(
-    View3,
+  const picture = /* @__PURE__ */ jsx6(
+    View4,
     {
       accessible: Boolean(alt) && !presence && !ring,
       role: alt && !presence && !ring ? "img" : void 0,
       "aria-label": alt && !presence && !ring ? alt : void 0,
       ...presence || ring ? {} : props,
       style: [styles4.root, { width: side, height: side, borderRadius: side / 2, backgroundColor: theme.surface3 }, presence || ring ? null : style],
-      children: shown && (svg && shown === src || isSvgUri(shown)) ? /* @__PURE__ */ jsx5(View3, { style: StyleSheet4.absoluteFill, pointerEvents: "none", children: /* @__PURE__ */ jsx5(SvgUri, { testID: props.testID ? `${props.testID}.svg` : void 0, uri: shown, width: "100%", height: "100%", preserveAspectRatio: "xMidYMid slice", onError: () => setFailedSrcs((all) => [...all, shown]) }) }) : shown ? /* @__PURE__ */ jsx5(Image, { testID: props.testID ? `${props.testID}.image` : void 0, source: { uri: shown }, onError: () => setFailedSrcs((all) => [...all, shown]), resizeMode: "cover", style: StyleSheet4.absoluteFill }) : typeof content === "string" ? /* @__PURE__ */ jsx5(Text2, { style: [styles4.initial, { color: theme.textSecondary, fontSize: Math.max(9, Math.round(side * 0.4)) }], children: content }) : content
+      children: shown && (svg && shown === src || isSvgUri(shown)) ? /* @__PURE__ */ jsx6(View4, { style: StyleSheet4.absoluteFill, pointerEvents: "none", children: /* @__PURE__ */ jsx6(SvgUri, { testID: props.testID ? `${props.testID}.svg` : void 0, uri: shown, width: "100%", height: "100%", preserveAspectRatio: "xMidYMid slice", onError: () => setFailedSrcs((all) => [...all, shown]) }) }) : shown ? /* @__PURE__ */ jsx6(Image, { testID: props.testID ? `${props.testID}.image` : void 0, source: { uri: shown }, onError: () => setFailedSrcs((all) => [...all, shown]), resizeMode: "cover", style: StyleSheet4.absoluteFill }) : typeof content === "string" ? /* @__PURE__ */ jsx6(Text2, { style: [styles4.initial, { color: theme.textSecondary, fontSize: Math.max(9, Math.round(side * 0.4)) }], children: content }) : content
     }
   );
   if (!presence && !ring) return picture;
@@ -648,14 +775,14 @@ function AvatarRoot({ src, svg, alt = "", fallback, fallbackSrc, defaultAvatar,
   const dot = Math.max(8, Math.round(side * 0.28));
   const dotColor = presence === "online" ? theme.success : presence === "away" ? theme.warning : presence === "busy" ? theme.danger : theme.surface0;
   const name = [alt, presence ? presenceLabel : null].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs3(View3, { 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__ */ jsxs3(Svg, { width: outer, height: outer, style: StyleSheet4.absoluteFill, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx5(Defs, { children: /* @__PURE__ */ jsxs3(LinearGradient, { id: gradient, x1: "0", y1: "1", x2: "1", y2: "0", children: [
-        /* @__PURE__ */ jsx5(Stop, { offset: "0", stopColor: theme.accent }),
-        /* @__PURE__ */ jsx5(Stop, { offset: "1", stopColor: theme.accent2 })
+  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(Stop2, { offset: "0", stopColor: theme.accent }),
+        /* @__PURE__ */ jsx6(Stop2, { offset: "1", stopColor: theme.accent2 })
       ] }) }),
-      /* @__PURE__ */ jsx5(
-        Circle,
+      /* @__PURE__ */ jsx6(
+        Circle2,
         {
           cx: outer / 2,
           cy: outer / 2,
@@ -667,8 +794,8 @@ function AvatarRoot({ src, svg, alt = "", fallback, fallbackSrc, defaultAvatar,
       )
     ] }) : null,
     picture,
-    presence ? /* @__PURE__ */ jsx5(
-      View3,
+    presence ? /* @__PURE__ */ jsx6(
+      View4,
       {
         "aria-hidden": true,
         style: [
@@ -686,9 +813,9 @@ function AvatarGroup({ max, size = "md", style, children, ...props }) {
   const rest = items2.length - shown.length;
   const side = typeof size === "number" ? size : SIDE[size];
   const ring = { borderWidth: 2, borderColor: theme.surface0, marginLeft: -side / 5 };
-  return /* @__PURE__ */ jsxs3(View3, { ...props, style: [styles4.group, { paddingLeft: side / 5 }, style], children: [
-    shown.map((child, i) => /* @__PURE__ */ jsx5(View3, { style: [ring, { borderRadius: side }], children: React4.isValidElement(child) ? React4.cloneElement(child, { size }) : child }, i)),
-    rest > 0 ? /* @__PURE__ */ jsx5(View3, { style: [ring, { borderRadius: side }], children: /* @__PURE__ */ jsx5(AvatarRoot, { size, fallback: `+${rest}` }) }) : null
+  return /* @__PURE__ */ jsxs4(View4, { ...props, style: [styles4.group, { paddingLeft: side / 5 }, style], children: [
+    shown.map((child, i) => /* @__PURE__ */ jsx6(View4, { style: [ring, { borderRadius: side }], children: React4.isValidElement(child) ? React4.cloneElement(child, { size }) : child }, i)),
+    rest > 0 ? /* @__PURE__ */ jsx6(View4, { style: [ring, { borderRadius: side }], children: /* @__PURE__ */ jsx6(AvatarRoot, { size, fallback: `+${rest}` }) }) : null
   ] });
 }
 var Avatar = Object.assign(AvatarRoot, { Group: AvatarGroup });
@@ -701,7 +828,7 @@ var styles4 = StyleSheet4.create({
 
 // src/native/badge.tsx
 import * as React5 from "react";
-import { Animated, StyleSheet as StyleSheet5, Text as Text3 } from "react-native";
+import { Animated as Animated2, StyleSheet as StyleSheet5, Text as Text3 } from "react-native";
 
 // src/recipes/define.ts
 function defineRecipe(config) {
@@ -895,7 +1022,7 @@ function nativeRecipe(config) {
 }
 
 // src/native/badge.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var RECIPE = nativeRecipe(badgeRecipe);
 function look(tone3, size, t) {
   const { frame, text, dot } = RECIPE.resolve({ tone: tone3, size }, t).base;
@@ -914,13 +1041,13 @@ function Badge({ tone: tone3 = "neutral", size = "sm", dot, pulse, style, childr
   const { theme } = useTheme();
   const colors = look(tone3, size, theme);
   const reduce = useReducedMotion();
-  const [opacity] = React5.useState(() => new Animated.Value(1));
+  const [opacity] = React5.useState(() => new Animated2.Value(1));
   React5.useEffect(() => {
     if (!dot || !pulse || reduce) return;
-    const loop = Animated.loop(
-      Animated.sequence([
-        Animated.timing(opacity, { toValue: 0.35, duration: 800, useNativeDriver: true }),
-        Animated.timing(opacity, { toValue: 1, duration: 800, useNativeDriver: true })
+    const loop = Animated2.loop(
+      Animated2.sequence([
+        Animated2.timing(opacity, { toValue: 0.35, duration: 800, useNativeDriver: true }),
+        Animated2.timing(opacity, { toValue: 1, duration: 800, useNativeDriver: true })
       ])
     );
     loop.start();
@@ -929,14 +1056,14 @@ function Badge({ tone: tone3 = "neutral", size = "sm", dot, pulse, style, childr
       opacity.setValue(1);
     };
   }, [dot, pulse, reduce, opacity]);
-  return /* @__PURE__ */ jsxs4(
-    Animated.View,
+  return /* @__PURE__ */ jsxs5(
+    Animated2.View,
     {
       ...props,
       style: [styles5.root, { paddingHorizontal: colors.paddingHorizontal, paddingVertical: colors.paddingVertical, backgroundColor: colors.bg, borderColor: colors.border }, style],
       children: [
-        dot ? /* @__PURE__ */ jsx6(Animated.View, { "aria-hidden": true, style: [styles5.dot, { backgroundColor: colors.dot, opacity }] }) : null,
-        typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx6(Text3, { style: colors.text, children }) : children
+        dot ? /* @__PURE__ */ jsx7(Animated2.View, { "aria-hidden": true, style: [styles5.dot, { backgroundColor: colors.dot, opacity }] }) : null,
+        typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx7(Text3, { style: colors.text, children }) : children
       ]
     }
   );
@@ -948,8 +1075,8 @@ var styles5 = StyleSheet5.create({
 
 // src/native/button.tsx
 import * as React6 from "react";
-import { ActivityIndicator, Pressable as Pressable2, StyleSheet as StyleSheet6, View as View4 } from "react-native";
-import Svg2, { Defs as Defs2, LinearGradient as LinearGradient2, Rect, Stop as Stop2 } from "react-native-svg";
+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";
 
 // src/button/recipe.ts
 var buttonRecipe = defineRecipe({
@@ -975,7 +1102,7 @@ var buttonRecipe = defineRecipe({
 });
 
 // src/native/button.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var RECIPE2 = nativeRecipe(buttonRecipe);
 function look2(variant, size, t) {
   const { frame, text, gradient } = RECIPE2.resolve({ variant, size }, t).base;
@@ -1007,18 +1134,18 @@ function useButton({ variant = "secondary", size = "md", shape = "rounded", load
 }
 function Fill({ colors, id }) {
   if (!colors.gradient) return null;
-  return /* @__PURE__ */ jsxs5(Svg2, { "aria-hidden": true, pointerEvents: "none", style: StyleSheet6.absoluteFill, width: "100%", height: "100%", children: [
-    /* @__PURE__ */ jsx7(Defs2, { children: /* @__PURE__ */ jsxs5(LinearGradient2, { id, x1: "0", y1: "0", x2: "1", y2: "0", children: [
-      /* @__PURE__ */ jsx7(Stop2, { offset: "0", stopColor: colors.gradient[0] }),
-      /* @__PURE__ */ jsx7(Stop2, { offset: "1", stopColor: colors.gradient[1] })
+  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(Stop3, { offset: "0", stopColor: colors.gradient[0] }),
+      /* @__PURE__ */ jsx8(Stop3, { offset: "1", stopColor: colors.gradient[1] })
     ] }) }),
-    /* @__PURE__ */ jsx7(Rect, { width: "100%", height: "100%", fill: `url(#${id})` })
+    /* @__PURE__ */ jsx8(Rect2, { width: "100%", height: "100%", fill: `url(#${id})` })
   ] });
 }
 function Button({ label, icon, variant, size = "md", shape, loading = false, disabled, style, ...props }) {
   const { colors, inactive, frame } = useButton({ variant, size, shape, loading, disabled });
   const gradientId = `kz-button-${React6.useId().replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     Pressable2,
     {
       role: "button",
@@ -1029,10 +1156,10 @@ function Button({ label, icon, variant, size = "md", shape, loading = false, dis
       disabled: inactive,
       style: ({ pressed }) => [styles6.base, { paddingHorizontal: colors.paddingHorizontal }, frame(pressed), style],
       children: [
-        /* @__PURE__ */ jsx7(Fill, { colors, id: gradientId }),
-        /* @__PURE__ */ jsxs5(View4, { style: styles6.row, children: [
-          loading ? /* @__PURE__ */ jsx7(ActivityIndicator, { "aria-hidden": true, size: "small", color: colors.fg }) : icon,
-          /* @__PURE__ */ jsx7(Txt, { variant: "label", numberOfLines: 1, style: { color: colors.fg, fontSize: colors.fontSize, fontWeight: colors.fontWeight }, children: label })
+        /* @__PURE__ */ jsx8(Fill, { colors, id: gradientId }),
+        /* @__PURE__ */ jsxs6(View5, { style: styles6.row, children: [
+          loading ? /* @__PURE__ */ jsx8(ActivityIndicator, { "aria-hidden": true, size: "small", color: colors.fg }) : icon,
+          /* @__PURE__ */ jsx8(Txt, { variant: "label", numberOfLines: 1, style: { color: colors.fg, fontSize: colors.fontSize, fontWeight: colors.fontWeight }, children: label })
         ] })
       ]
     }
@@ -1042,7 +1169,7 @@ function IconButton({ label, icon, variant, size = "md", shape, loading = false,
   const { colors, inactive, frame } = useButton({ variant, size, shape, loading, disabled });
   const gradientId = `kz-button-${React6.useId().replace(/:/g, "")}`;
   const side = colors.height;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     Pressable2,
     {
       role: "button",
@@ -1054,8 +1181,8 @@ function IconButton({ label, icon, variant, size = "md", shape, loading = false,
       disabled: inactive,
       style: ({ pressed }) => [styles6.base, frame(pressed), { width: side }, style],
       children: [
-        /* @__PURE__ */ jsx7(Fill, { colors, id: gradientId }),
-        loading ? /* @__PURE__ */ jsx7(ActivityIndicator, { "aria-hidden": true, size: "small", color: colors.fg }) : icon
+        /* @__PURE__ */ jsx8(Fill, { colors, id: gradientId }),
+        loading ? /* @__PURE__ */ jsx8(ActivityIndicator, { "aria-hidden": true, size: "small", color: colors.fg }) : icon
       ]
     }
   );
@@ -1066,7 +1193,7 @@ var styles6 = StyleSheet6.create({
 });
 
 // src/native/card.tsx
-import { Image as Image2, Pressable as Pressable3, StyleSheet as StyleSheet7, View as View5 } from "react-native";
+import { Image as Image2, Pressable as Pressable3, StyleSheet as StyleSheet7, View as View6 } from "react-native";
 
 // src/card/recipe.ts
 var cardRecipe = defineRecipe({
@@ -1094,7 +1221,7 @@ var cardRecipe = defineRecipe({
 });
 
 // src/native/card.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var RECIPES = nativeRecipe(cardRecipe);
 function CardRoot({ tone: tone3 = "default", radius: radius3 = "xl", onPress, style, ...props }) {
   const { theme, radius: r } = useTheme();
@@ -1108,8 +1235,8 @@ function CardRoot({ tone: tone3 = "default", radius: radius3 = "xl", onPress, st
     },
     tone3 === "elevated" ? [styles7.shadow, { shadowColor: theme.scrimStrong }] : null
   ];
-  if (!onPress) return /* @__PURE__ */ jsx8(View5, { ...props, style: [frame, style] });
-  return /* @__PURE__ */ jsx8(
+  if (!onPress) return /* @__PURE__ */ jsx9(View6, { ...props, style: [frame, style] });
+  return /* @__PURE__ */ jsx9(
     Pressable3,
     {
       role: "button",
@@ -1122,14 +1249,14 @@ function CardRoot({ tone: tone3 = "default", radius: radius3 = "xl", onPress, st
 var ASPECT = { video: 16 / 9, square: 1, portrait: 3 / 4 };
 function CardMedia({ aspect = "video", style, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx8(View5, { ...props, style: [styles7.media, { backgroundColor: theme.media }, aspect === "auto" ? null : { aspectRatio: ASPECT[aspect] }, style] });
+  return /* @__PURE__ */ jsx9(View6, { ...props, style: [styles7.media, { backgroundColor: theme.media }, aspect === "auto" ? null : { aspectRatio: ASPECT[aspect] }, style] });
 }
 function CardImage({ src, fallback, alt, style, ...props }) {
   const { theme } = useTheme();
   if (!src) {
-    return /* @__PURE__ */ jsx8(View5, { "aria-hidden": true, style: [StyleSheet7.absoluteFill, styles7.center, { backgroundColor: theme.accentSoft }], children: fallback });
+    return /* @__PURE__ */ jsx9(View6, { "aria-hidden": true, style: [StyleSheet7.absoluteFill, styles7.center, { backgroundColor: theme.accentSoft }], children: fallback });
   }
-  return /* @__PURE__ */ jsx8(Image2, { accessible: Boolean(alt), alt, "aria-label": alt, resizeMode: "cover", ...props, source: { uri: src }, style: [StyleSheet7.absoluteFill, style] });
+  return /* @__PURE__ */ jsx9(Image2, { accessible: Boolean(alt), alt, "aria-label": alt, resizeMode: "cover", ...props, source: { uri: src }, style: [StyleSheet7.absoluteFill, style] });
 }
 var CORNER = {
   "top-left": { top: 10, left: 10 },
@@ -1138,22 +1265,22 @@ var CORNER = {
   "bottom-right": { bottom: 10, right: 10 }
 };
 function CardOverlay({ corner = "top-left", style, ...props }) {
-  return /* @__PURE__ */ jsx8(View5, { ...props, style: [styles7.overlay, CORNER[corner], style] });
+  return /* @__PURE__ */ jsx9(View6, { ...props, style: [styles7.overlay, CORNER[corner], style] });
 }
 function CardBody({ padding = "md", style, ...props }) {
   const { theme } = useTheme();
   const { frame } = RECIPES.resolve({ padding }, theme).body;
-  return /* @__PURE__ */ jsx8(View5, { ...props, style: [styles7.body, { padding: frame.padding }, style] });
+  return /* @__PURE__ */ jsx9(View6, { ...props, style: [styles7.body, { padding: frame.padding }, style] });
 }
 function CardTitle({ numberOfLines = 1, ...props }) {
-  return /* @__PURE__ */ jsx8(Txt, { variant: "label", role: "heading", numberOfLines, ...props });
+  return /* @__PURE__ */ jsx9(Txt, { variant: "label", role: "heading", numberOfLines, ...props });
 }
 function CardDescription({ numberOfLines = 2, ...props }) {
-  return /* @__PURE__ */ jsx8(Txt, { variant: "caption", tone: "secondary", numberOfLines, ...props });
+  return /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: "secondary", numberOfLines, ...props });
 }
 function CardFooter({ style, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx8(View5, { ...props, style: [styles7.footer, { borderTopColor: theme.borderSubtle }, style] });
+  return /* @__PURE__ */ jsx9(View6, { ...props, style: [styles7.footer, { borderTopColor: theme.borderSubtle }, style] });
 }
 var Card = {
   Root: CardRoot,
@@ -1177,9 +1304,9 @@ var styles7 = StyleSheet7.create({
 
 // src/native/chat.tsx
 import * as React7 from "react";
-import { Animated as Animated2, Easing, Pressable as Pressable4, StyleSheet as StyleSheet8, TextInput, View as View6 } from "react-native";
-import Svg3, { Path } from "react-native-svg";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Animated as Animated3, Easing as Easing2, Pressable as Pressable4, StyleSheet as StyleSheet8, TextInput, View as View7 } from "react-native";
+import Svg4, { Path as Path2 } from "react-native-svg";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var STATUS = { sending: "Sending", sent: "Sent", delivered: "Delivered", read: "Read", failed: "Not sent" };
 function MessageBubble({ text, mine, time, status, showStatus, context, onRetry, grouped = "single", labels, style }) {
   const { theme, radius: radius3 } = useTheme();
@@ -1189,8 +1316,8 @@ function MessageBubble({ text, mine, time, status, showStatus, context, onRetry,
   const tight = 6;
   const corners = mine ? { borderTopRightRadius: grouped === "middle" || grouped === "last" ? tight : big, borderBottomRightRadius: grouped === "first" || grouped === "middle" ? tight : big } : { borderTopLeftRadius: grouped === "middle" || grouped === "last" ? tight : big, borderBottomLeftRadius: grouped === "first" || grouped === "middle" ? tight : big };
   const tone3 = mine ? "onAccent" : "text";
-  const bubble = /* @__PURE__ */ jsxs6(
-    View6,
+  const bubble = /* @__PURE__ */ jsxs7(
+    View7,
     {
       style: [
         styles8.bubble,
@@ -1199,34 +1326,34 @@ function MessageBubble({ text, mine, time, status, showStatus, context, onRetry,
         failed ? { borderWidth: 2, borderColor: theme.danger } : null
       ],
       children: [
-        context ? /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: mine ? "onAccent" : "secondary", style: styles8.context, children: context }) : null,
-        /* @__PURE__ */ jsx9(Txt, { tone: tone3, children: text }),
-        time ? /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: tone3, style: styles8.time, children: time }) : null
+        context ? /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: mine ? "onAccent" : "secondary", style: styles8.context, children: context }) : null,
+        /* @__PURE__ */ jsx10(Txt, { tone: tone3, children: text }),
+        time ? /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: tone3, style: styles8.time, children: time }) : null
       ]
     }
   );
   const name = [text, time, failed ? `${words2.failed}. ${labels?.retry ?? ""}` : null].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs6(View6, { style: [styles8.row, mine ? styles8.mine : styles8.theirs, style], children: [
-    failed && onRetry ? /* @__PURE__ */ jsx9(Pressable4, { role: "button", "aria-label": name, onPress: onRetry, style: styles8.max, children: bubble }) : /* @__PURE__ */ jsx9(View6, { accessible: true, "aria-label": name, style: styles8.max, children: bubble }),
-    showStatus && status ? /* @__PURE__ */ jsxs6(View6, { style: styles8.status, children: [
-      status === "delivered" || status === "read" || status === "sent" ? /* @__PURE__ */ jsx9(Svg3, { width: 14, height: 14, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx9(Path, { d: status === "sent" ? "M5 12.5l4.5 4.5L19 7.5" : "M2 12.5l4.5 4.5L16 7.5M9 15l2 2 9.5-9.5", fill: "none", stroke: status === "read" ? theme.accent : theme.textSecondary, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) }) : null,
-      /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: failed ? "danger" : "secondary", children: words2[status] })
+  return /* @__PURE__ */ jsxs7(View7, { style: [styles8.row, mine ? styles8.mine : styles8.theirs, style], children: [
+    failed && onRetry ? /* @__PURE__ */ jsx10(Pressable4, { role: "button", "aria-label": name, onPress: onRetry, style: styles8.max, children: bubble }) : /* @__PURE__ */ jsx10(View7, { accessible: true, "aria-label": name, style: styles8.max, children: bubble }),
+    showStatus && status ? /* @__PURE__ */ jsxs7(View7, { style: styles8.status, children: [
+      status === "delivered" || status === "read" || status === "sent" ? /* @__PURE__ */ jsx10(Svg4, { width: 14, height: 14, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx10(Path2, { d: status === "sent" ? "M5 12.5l4.5 4.5L19 7.5" : "M2 12.5l4.5 4.5L16 7.5M9 15l2 2 9.5-9.5", fill: "none", stroke: status === "read" ? theme.accent : theme.textSecondary, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) }) : null,
+      /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: failed ? "danger" : "secondary", children: words2[status] })
     ] }) : null
   ] });
 }
 function TypingIndicator({ label, showLabel, style }) {
   const { theme, radius: radius3 } = useTheme();
   const reduce = useReducedMotion();
-  const [t] = React7.useState(() => new Animated2.Value(0));
+  const [t] = React7.useState(() => new Animated3.Value(0));
   React7.useEffect(() => {
     if (reduce) return;
-    const loop = Animated2.loop(Animated2.timing(t, { toValue: 1, duration: 1200, easing: Easing.linear, useNativeDriver: true }));
+    const loop = Animated3.loop(Animated3.timing(t, { toValue: 1, duration: 1200, easing: Easing2.linear, useNativeDriver: true }));
     loop.start();
     return () => loop.stop();
   }, [reduce, t]);
-  return /* @__PURE__ */ jsxs6(View6, { accessible: true, role: "progressbar", "aria-label": label, accessibilityLiveRegion: "polite", style: [styles8.typingRow, style], children: [
-    /* @__PURE__ */ jsx9(View6, { style: [styles8.typing, { backgroundColor: theme.surface2, borderRadius: radius3.xl }], children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx9(
-      Animated2.View,
+  return /* @__PURE__ */ jsxs7(View7, { accessible: true, role: "progressbar", "aria-label": label, accessibilityLiveRegion: "polite", style: [styles8.typingRow, style], children: [
+    /* @__PURE__ */ jsx10(View7, { style: [styles8.typing, { backgroundColor: theme.surface2, borderRadius: radius3.xl }], children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx10(
+      Animated3.View,
       {
         style: [
           styles8.dot,
@@ -1236,15 +1363,15 @@ function TypingIndicator({ label, showLabel, style }) {
       },
       i
     )) }),
-    showLabel ? /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: "secondary", children: label }) : null
+    showLabel ? /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: "secondary", children: label }) : null
   ] });
 }
 function MessageComposer({ value, onValueChange, onSend, placeholder, sendLabel, leading, disabledReason, maxLength = 4e3, style }) {
   const { theme, radius: radius3, insets, haptic } = useTheme();
   const ready = value.trim().length > 0;
-  return /* @__PURE__ */ jsx9(View6, { style: [styles8.composer, { borderTopColor: theme.borderSubtle, backgroundColor: theme.surface0, paddingBottom: 8 + insets.bottom }, style], children: disabledReason ? /* @__PURE__ */ jsx9(Txt, { tone: "secondary", style: styles8.flex, children: disabledReason }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
+  return /* @__PURE__ */ jsx10(View7, { style: [styles8.composer, { borderTopColor: theme.borderSubtle, backgroundColor: theme.surface0, paddingBottom: 8 + insets.bottom }, style], children: disabledReason ? /* @__PURE__ */ jsx10(Txt, { tone: "secondary", style: styles8.flex, children: disabledReason }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
     leading,
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       TextInput,
       {
         "aria-label": placeholder,
@@ -1257,7 +1384,7 @@ function MessageComposer({ value, onValueChange, onSend, placeholder, sendLabel,
         style: [styles8.input, { borderRadius: radius3.xl, borderColor: theme.borderDefault, backgroundColor: theme.surface1, color: theme.textPrimary }]
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       Pressable4,
       {
         role: "button",
@@ -1269,7 +1396,7 @@ function MessageComposer({ value, onValueChange, onSend, placeholder, sendLabel,
           onSend();
         },
         style: ({ pressed }) => [styles8.send, { backgroundColor: ready ? pressed ? theme.accentHover : theme.accent : theme.surface3 }],
-        children: /* @__PURE__ */ jsx9(Svg3, { width: 18, height: 18, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx9(Path, { d: "M4 12l16-8-6 16-2.5-6.5L4 12z", fill: ready ? theme.onAccent : theme.textMuted }) })
+        children: /* @__PURE__ */ jsx10(Svg4, { width: 18, height: 18, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx10(Path2, { d: "M4 12l16-8-6 16-2.5-6.5L4 12z", fill: ready ? theme.onAccent : theme.textMuted }) })
       }
     )
   ] }) });
@@ -1277,25 +1404,25 @@ function MessageComposer({ value, onValueChange, onSend, placeholder, sendLabel,
 function ConversationItem({ name, avatar, presence, presenceLabel, preview, typing, time, unread = 0, unreadLabel, onPress, style }) {
   const { theme, radius: radius3 } = useTheme();
   const said = [unread > 0 ? unreadLabel : null, presence ? presenceLabel : null].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     Pressable4,
     {
       role: "button",
       onPress,
       style: ({ pressed }) => [styles8.item, { backgroundColor: pressed ? theme.surface2 : theme.surface0 }, style],
       children: [
-        /* @__PURE__ */ jsx9(View6, { "aria-hidden": true, children: /* @__PURE__ */ jsx9(Avatar, { src: avatar, alt: name, size: "lg", presence, presenceLabel }) }),
-        /* @__PURE__ */ jsxs6(View6, { style: styles8.flex, children: [
-          /* @__PURE__ */ jsxs6(View6, { style: styles8.top, children: [
-            /* @__PURE__ */ jsx9(Txt, { variant: "label", numberOfLines: 1, style: [styles8.flex, unread > 0 ? styles8.bold : null], children: name }),
-            time ? /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: unread > 0 ? "accent" : "secondary", children: time }) : null
+        /* @__PURE__ */ jsx10(View7, { "aria-hidden": true, children: /* @__PURE__ */ jsx10(Avatar, { src: avatar, alt: name, size: "lg", presence, presenceLabel }) }),
+        /* @__PURE__ */ jsxs7(View7, { style: styles8.flex, children: [
+          /* @__PURE__ */ jsxs7(View7, { style: styles8.top, children: [
+            /* @__PURE__ */ jsx10(Txt, { variant: "label", numberOfLines: 1, style: [styles8.flex, unread > 0 ? styles8.bold : null], children: name }),
+            time ? /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: unread > 0 ? "accent" : "secondary", children: time }) : null
           ] }),
-          /* @__PURE__ */ jsxs6(View6, { style: styles8.top, children: [
-            /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: typing ? "accent" : unread > 0 ? "text" : "secondary", numberOfLines: 1, style: styles8.flex, children: preview }),
-            unread > 0 ? /* @__PURE__ */ jsx9(View6, { "aria-hidden": unreadLabel ? true : void 0, style: [styles8.count, { backgroundColor: theme.accent, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx9(Txt, { variant: "caption", tone: "onAccent", style: styles8.bold, children: unread > 99 ? "99+" : unread }) }) : null
+          /* @__PURE__ */ jsxs7(View7, { style: styles8.top, children: [
+            /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: typing ? "accent" : unread > 0 ? "text" : "secondary", numberOfLines: 1, style: styles8.flex, children: preview }),
+            unread > 0 ? /* @__PURE__ */ jsx10(View7, { "aria-hidden": unreadLabel ? true : void 0, style: [styles8.count, { backgroundColor: theme.accent, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx10(Txt, { variant: "caption", tone: "onAccent", style: styles8.bold, children: unread > 99 ? "99+" : unread }) }) : null
           ] })
         ] }),
-        said ? /* @__PURE__ */ jsx9(Txt, { style: styles8.readOnly, children: said }) : null
+        said ? /* @__PURE__ */ jsx10(Txt, { style: styles8.readOnly, children: said }) : null
       ]
     }
   );
@@ -1325,9 +1452,9 @@ var styles8 = StyleSheet8.create({
 
 // src/native/checkbox.tsx
 import * as React8 from "react";
-import { Pressable as Pressable5, StyleSheet as StyleSheet9, Text as Text4, View as View7 } from "react-native";
-import Svg4, { Path as Path2 } from "react-native-svg";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Pressable as Pressable5, StyleSheet as StyleSheet9, Text as Text4, View as View8 } from "react-native";
+import Svg5, { Path as Path3 } from "react-native-svg";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function Checkbox({ children, label, checked, defaultChecked = false, onCheckedChange, error, disabled, style }) {
   const { theme, radius: radius3 } = useTheme();
   const [own, setOwn] = React8.useState(defaultChecked);
@@ -1336,14 +1463,14 @@ function Checkbox({ children, label, checked, defaultChecked = false, onCheckedC
     if (checked === void 0) setOwn(!on);
     onCheckedChange?.(!on);
   };
-  const box = /* @__PURE__ */ jsx10(
-    View7,
+  const box = /* @__PURE__ */ jsx11(
+    View8,
     {
       style: [
         styles9.box,
         { borderRadius: radius3.xs + 2, borderColor: error ? theme.danger : on ? theme.accent : theme.borderStrong, backgroundColor: on ? theme.accent : theme.surface1 }
       ],
-      children: on ? /* @__PURE__ */ jsx10(Svg4, { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: theme.onAccent, strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx10(Path2, { d: "M20 6 9 17l-5-5" }) }) : null
+      children: on ? /* @__PURE__ */ jsx11(Svg5, { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: theme.onAccent, strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx11(Path3, { d: "M20 6 9 17l-5-5" }) }) : null
     }
   );
   const plain = children === void 0 || typeof children === "string";
@@ -1356,18 +1483,18 @@ function Checkbox({ children, label, checked, defaultChecked = false, onCheckedC
     disabled,
     onPress: toggle
   };
-  return /* @__PURE__ */ jsxs7(View7, { style: [styles9.root, style], children: [
-    plain ? /* @__PURE__ */ jsxs7(Pressable5, { ...a11y, hitSlop: 4, style: [styles9.row, disabled ? styles9.disabled : null], children: [
+  return /* @__PURE__ */ jsxs8(View8, { style: [styles9.root, style], children: [
+    plain ? /* @__PURE__ */ jsxs8(Pressable5, { ...a11y, hitSlop: 4, style: [styles9.row, disabled ? styles9.disabled : null], children: [
       box,
-      children !== void 0 ? /* @__PURE__ */ jsx10(View7, { style: styles9.text, children: /* @__PURE__ */ jsx10(Text4, { style: [styles9.label, { color: theme.textPrimary }], children }) }) : null
+      children !== void 0 ? /* @__PURE__ */ jsx11(View8, { style: styles9.text, children: /* @__PURE__ */ jsx11(Text4, { style: [styles9.label, { color: theme.textPrimary }], children }) }) : null
     ] }) : (
       // Words with links: the box alone is the control (a 44-pt target, named by `label`), the links stay links.
-      /* @__PURE__ */ jsxs7(View7, { style: [styles9.row, disabled ? styles9.disabled : null], children: [
-        /* @__PURE__ */ jsx10(Pressable5, { ...a11y, hitSlop: 11, style: styles9.target, children: box }),
-        /* @__PURE__ */ jsx10(View7, { style: styles9.text, children })
+      /* @__PURE__ */ jsxs8(View8, { style: [styles9.row, disabled ? styles9.disabled : null], children: [
+        /* @__PURE__ */ jsx11(Pressable5, { ...a11y, hitSlop: 11, style: styles9.target, children: box }),
+        /* @__PURE__ */ jsx11(View8, { style: styles9.text, children })
       ] })
     ),
-    error ? /* @__PURE__ */ jsx10(Text4, { role: "alert", "aria-live": "polite", style: [styles9.error, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx11(Text4, { role: "alert", "aria-live": "polite", style: [styles9.error, { color: theme.dangerText }], children: error }) : null
   ] });
 }
 var styles9 = StyleSheet9.create({
@@ -1383,7 +1510,7 @@ var styles9 = StyleSheet9.create({
 
 // src/native/chip.tsx
 import * as React9 from "react";
-import { Pressable as Pressable6, ScrollView, StyleSheet as StyleSheet10, Text as Text5, View as View8 } from "react-native";
+import { Pressable as Pressable6, ScrollView, StyleSheet as StyleSheet10, Text as Text5, View as View9 } from "react-native";
 
 // src/chip/recipe.ts
 var chipRecipe = defineRecipe({
@@ -1399,12 +1526,12 @@ var chipRecipe = defineRecipe({
 });
 
 // src/native/chip.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var ChipGroupContext = React9.createContext(null);
 var RECIPE3 = nativeRecipe(chipRecipe);
 function Label({ children, color, fontSize }) {
-  if (typeof children !== "string" && typeof children !== "number") return /* @__PURE__ */ jsx11(Fragment3, { children });
-  return /* @__PURE__ */ jsx11(Text5, { style: [styles10.label, { color, fontSize }], children });
+  if (typeof children !== "string" && typeof children !== "number") return /* @__PURE__ */ jsx12(Fragment3, { children });
+  return /* @__PURE__ */ jsx12(Text5, { style: [styles10.label, { color, fontSize }], children });
 }
 function ChipBase(props) {
   const group = React9.useContext(ChipGroupContext);
@@ -1424,9 +1551,9 @@ function ChipBase(props) {
   const labelColor = (on2) => (on2 ? look3.on.text.color : look3.text.color) ?? theme.textPrimary;
   if (props.removable) {
     const { removable: _r2, removeLabel, onRemove, disabled: disabled2, size: _s2, style: style2, children: children2, ...rest2 } = props;
-    return /* @__PURE__ */ jsxs8(View8, { ...rest2, style: [styles10.base, frame(false, false), disabled2 ? styles10.disabled : null, style2], children: [
-      /* @__PURE__ */ jsx11(Label, { color: labelColor(false), fontSize, children: children2 }),
-      /* @__PURE__ */ jsx11(Pressable6, { role: "button", "aria-label": removeLabel, disabled: disabled2 ?? void 0, hitSlop: 10, onPress: onRemove, style: styles10.remove, children: /* @__PURE__ */ jsx11(Text5, { style: [styles10.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    return /* @__PURE__ */ jsxs9(View9, { ...rest2, style: [styles10.base, frame(false, false), disabled2 ? styles10.disabled : null, style2], children: [
+      /* @__PURE__ */ jsx12(Label, { color: labelColor(false), fontSize, children: children2 }),
+      /* @__PURE__ */ jsx12(Pressable6, { role: "button", "aria-label": removeLabel, disabled: disabled2 ?? void 0, hitSlop: 10, onPress: onRemove, style: styles10.remove, children: /* @__PURE__ */ jsx12(Text5, { style: [styles10.cross, { color: theme.textSecondary }], children: "\xD7" }) })
     ] });
   }
   const { removable: _r, value, selected, defaultSelected: _d, onSelectedChange, disabled: ownDisabled, size: _s, style, children, ...rest } = props;
@@ -1439,7 +1566,7 @@ function ChipBase(props) {
     onSelectedChange?.(!on);
   };
   const single = group?.type === "single";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Pressable6,
     {
       role: single ? "radio" : "checkbox",
@@ -1449,7 +1576,7 @@ function ChipBase(props) {
       disabled,
       onPress: press,
       style: ({ pressed }) => [styles10.base, frame(on, pressed), disabled ? styles10.disabled : null, style],
-      children: /* @__PURE__ */ jsx11(Label, { color: labelColor(on), fontSize, children })
+      children: /* @__PURE__ */ jsx12(Label, { color: labelColor(on), fontSize, children })
     }
   );
 }
@@ -1473,7 +1600,7 @@ function ChipGroup(props) {
     };
   }, [current, props.type, props.value, props.onValueChange, size, disabled]);
   const a11y = { role: props.type === "single" ? "radiogroup" : "group", "aria-label": label };
-  return /* @__PURE__ */ jsx11(ChipGroupContext.Provider, { value: context, children: scrollable ? /* @__PURE__ */ jsx11(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, ...a11y, style, contentContainerStyle: styles10.row, children }) : /* @__PURE__ */ jsx11(View8, { ...a11y, style: [styles10.row, styles10.wrap, style], children }) });
+  return /* @__PURE__ */ jsx12(ChipGroupContext.Provider, { value: context, children: scrollable ? /* @__PURE__ */ jsx12(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, ...a11y, style, contentContainerStyle: styles10.row, children }) : /* @__PURE__ */ jsx12(View9, { ...a11y, style: [styles10.row, styles10.wrap, style], children }) });
 }
 var Chip = Object.assign(ChipBase, { Group: ChipGroup });
 var styles10 = StyleSheet10.create({
@@ -1488,24 +1615,24 @@ var styles10 = StyleSheet10.create({
 
 // src/native/combobox.tsx
 import * as React11 from "react";
-import { Pressable as Pressable8, ScrollView as ScrollView2, StyleSheet as StyleSheet12, Text as Text7, TextInput as TextInput2, View as View10 } from "react-native";
-import Svg5, { Path as Path3 } from "react-native-svg";
+import { Pressable as Pressable8, ScrollView as ScrollView2, StyleSheet as StyleSheet12, Text as Text7, TextInput as TextInput2, View as View11 } from "react-native";
+import Svg6, { Path as Path4 } from "react-native-svg";
 
 // src/native/dialog.tsx
 import * as React10 from "react";
-import { Animated as Animated3, Modal as Modal2, Pressable as Pressable7, StyleSheet as StyleSheet11, Text as Text6, View as View9 } from "react-native";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Animated as Animated4, Modal as Modal2, Pressable as Pressable7, StyleSheet as StyleSheet11, Text as Text6, View as View10 } from "react-native";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function Sheet({ open, onOpenChange, title, closeLabel = "Close", children, style }) {
   const { theme, radius: radius3, motion: motion3 } = useTheme();
-  const [rise] = React10.useState(() => new Animated3.Value(0));
+  const [rise] = React10.useState(() => new Animated4.Value(0));
   React10.useEffect(() => {
-    if (open) Animated3.timing(rise, { toValue: 1, duration: motion3.duration.base * 1.6, useNativeDriver: true }).start();
+    if (open) Animated4.timing(rise, { toValue: 1, duration: motion3.duration.base * 1.6, useNativeDriver: true }).start();
     else rise.setValue(0);
   }, [open, rise, motion3.duration.base]);
-  return /* @__PURE__ */ jsx12(Modal2, { transparent: true, visible: open, animationType: "none", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs9(View9, { style: styles11.backdrop, children: [
-    /* @__PURE__ */ jsx12(Animated3.View, { style: [StyleSheet11.absoluteFill, { opacity: rise }], children: /* @__PURE__ */ jsx12(Pressable7, { role: "button", "aria-label": closeLabel, onPress: () => onOpenChange(false), style: [StyleSheet11.absoluteFill, { backgroundColor: theme.scrim }] }) }),
-    /* @__PURE__ */ jsxs9(
-      Animated3.View,
+  return /* @__PURE__ */ jsx13(Modal2, { transparent: true, visible: open, animationType: "none", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs10(View10, { style: styles11.backdrop, children: [
+    /* @__PURE__ */ jsx13(Animated4.View, { style: [StyleSheet11.absoluteFill, { opacity: rise }], children: /* @__PURE__ */ jsx13(Pressable7, { role: "button", "aria-label": closeLabel, onPress: () => onOpenChange(false), style: [StyleSheet11.absoluteFill, { backgroundColor: theme.scrim }] }) }),
+    /* @__PURE__ */ jsxs10(
+      Animated4.View,
       {
         role: "dialog",
         "aria-label": title,
@@ -1523,8 +1650,8 @@ function Sheet({ open, onOpenChange, title, closeLabel = "Close", children, styl
           style
         ],
         children: [
-          /* @__PURE__ */ jsx12(View9, { "aria-hidden": true, style: [styles11.grip, { backgroundColor: theme.borderStrong }] }),
-          title ? /* @__PURE__ */ jsx12(Text6, { role: "heading", style: [styles11.title, { color: theme.textPrimary }], children: title }) : null,
+          /* @__PURE__ */ jsx13(View10, { "aria-hidden": true, style: [styles11.grip, { backgroundColor: theme.borderStrong }] }),
+          title ? /* @__PURE__ */ jsx13(Text6, { role: "heading", style: [styles11.title, { color: theme.textPrimary }], children: title }) : null,
           children
         ]
       }
@@ -1539,20 +1666,20 @@ var styles11 = StyleSheet11.create({
 });
 
 // src/native/combobox.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function Chevron({ color }) {
-  return /* @__PURE__ */ jsx13(Svg5, { 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__ */ jsx13(Path3, { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx14(Svg6, { 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__ */ jsx14(Path4, { d: "m6 9 6 6 6-6" }) });
 }
 function Tick({ color }) {
-  return /* @__PURE__ */ jsx13(Svg5, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13(Path3, { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx14(Svg6, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx14(Path4, { d: "M20 6 9 17l-5-5" }) });
 }
 function Trigger({ shared, text, onPress, open }) {
   const { theme, radius: radius3 } = useTheme();
   const { label, placeholder, hint, error, disabled } = shared;
   const caption = error ?? hint;
-  return /* @__PURE__ */ jsxs10(View10, { style: [styles12.field, shared.style], children: [
-    /* @__PURE__ */ jsx13(Text7, { style: [styles12.label, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(View11, { style: [styles12.field, shared.style], children: [
+    /* @__PURE__ */ jsx14(Text7, { style: [styles12.label, { color: theme.textSecondary }], children: label }),
+    /* @__PURE__ */ jsxs11(
       Pressable8,
       {
         role: "button",
@@ -1565,19 +1692,19 @@ function Trigger({ shared, text, onPress, open }) {
         onPress,
         style: [styles12.trigger, { borderRadius: radius3.md, backgroundColor: theme.surface2, borderColor: error ? theme.danger : open ? theme.accent : theme.borderDefault }, disabled ? styles12.disabled : null],
         children: [
-          /* @__PURE__ */ jsx13(Text7, { numberOfLines: 1, style: [styles12.triggerText, { color: text ? theme.textPrimary : theme.textSecondary }], children: text ?? placeholder ?? "" }),
-          /* @__PURE__ */ jsx13(Chevron, { color: theme.textSecondary })
+          /* @__PURE__ */ jsx14(Text7, { numberOfLines: 1, style: [styles12.triggerText, { color: text ? theme.textPrimary : theme.textSecondary }], children: text ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx14(Chevron, { color: theme.textSecondary })
         ]
       }
     ),
-    caption ? /* @__PURE__ */ jsx13(Text7, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles12.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+    caption ? /* @__PURE__ */ jsx14(Text7, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles12.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
   ] });
 }
 function Options({ options, isChosen, onPick, multiple }) {
   const { theme, radius: radius3, haptic } = useTheme();
-  return /* @__PURE__ */ jsx13(ScrollView2, { role: multiple ? "list" : "radiogroup", keyboardShouldPersistTaps: "handled", style: styles12.options, children: options.map((o) => {
+  return /* @__PURE__ */ jsx14(ScrollView2, { role: multiple ? "list" : "radiogroup", keyboardShouldPersistTaps: "handled", style: styles12.options, children: options.map((o) => {
     const chosen = isChosen(o.value);
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       Pressable8,
       {
         role: multiple ? "checkbox" : "radio",
@@ -1591,11 +1718,11 @@ function Options({ options, isChosen, onPick, multiple }) {
         },
         style: ({ pressed }) => [styles12.option, { borderRadius: radius3.md, backgroundColor: chosen ? theme.accentSoft : pressed ? theme.surface3 : "transparent" }, o.disabled ? styles12.disabled : null],
         children: [
-          /* @__PURE__ */ jsxs10(View10, { style: styles12.optionText, children: [
-            /* @__PURE__ */ jsx13(Text7, { style: [styles12.optionLabel, { color: theme.textPrimary, fontWeight: chosen ? "700" : "500" }], children: o.label }),
-            o.description ? /* @__PURE__ */ jsx13(Text7, { style: [styles12.caption, { color: theme.textSecondary }], children: o.description }) : null
+          /* @__PURE__ */ jsxs11(View11, { style: styles12.optionText, children: [
+            /* @__PURE__ */ jsx14(Text7, { style: [styles12.optionLabel, { color: theme.textPrimary, fontWeight: chosen ? "700" : "500" }], children: o.label }),
+            o.description ? /* @__PURE__ */ jsx14(Text7, { style: [styles12.caption, { color: theme.textSecondary }], children: o.description }) : null
           ] }),
-          chosen ? /* @__PURE__ */ jsx13(Tick, { color: theme.accentText }) : null
+          chosen ? /* @__PURE__ */ jsx14(Tick, { color: theme.accentText }) : null
         ]
       },
       o.value
@@ -1610,9 +1737,9 @@ function Select({ options, value: valueProp, defaultValue = null, onValueChange,
     setOpen(false);
     shared.onBlur?.();
   };
-  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsx13(Trigger, { shared, text: options.find((o) => o.value === value)?.label ?? null, open, onPress: () => setOpen(true) }),
-    /* @__PURE__ */ jsx13(Sheet, { open, onOpenChange: (o) => o ? setOpen(true) : close(), title: sheetTitle ?? shared.label, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    /* @__PURE__ */ jsx14(Trigger, { shared, text: options.find((o) => o.value === value)?.label ?? null, open, onPress: () => setOpen(true) }),
+    /* @__PURE__ */ jsx14(Sheet, { open, onOpenChange: (o) => o ? setOpen(true) : close(), title: sheetTitle ?? shared.label, children: /* @__PURE__ */ jsx14(
       Options,
       {
         options,
@@ -1660,10 +1787,10 @@ function Combobox({ options = [], onSearch, multiple, value, onValueChange, labe
     setQuery("");
     shared.onBlur?.();
   };
-  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsx13(Trigger, { shared, text: chosen.length ? chosen.map(labelOf).join(", ") : null, open, onPress: () => setOpen(true) }),
-    /* @__PURE__ */ jsxs10(Sheet, { open, onOpenChange: (o) => o ? setOpen(true) : close(), title: shared.label, children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    /* @__PURE__ */ jsx14(Trigger, { shared, text: chosen.length ? chosen.map(labelOf).join(", ") : null, open, onPress: () => setOpen(true) }),
+    /* @__PURE__ */ jsxs11(Sheet, { open, onOpenChange: (o) => o ? setOpen(true) : close(), title: shared.label, children: [
+      /* @__PURE__ */ jsx14(
         TextInput2,
         {
           "aria-label": labels.search,
@@ -1677,9 +1804,9 @@ function Combobox({ options = [], onSearch, multiple, value, onValueChange, labe
           style: [styles12.search, { borderRadius: radius3.md, backgroundColor: theme.surface2, borderColor: theme.borderDefault, color: theme.textPrimary }]
         }
       ),
-      loading ? /* @__PURE__ */ jsx13(Text7, { style: [styles12.caption, { color: theme.textSecondary }], children: labels.loading }) : null,
-      !loading && list.length === 0 ? /* @__PURE__ */ jsx13(Text7, { style: [styles12.caption, { color: theme.textSecondary }], children: labels.empty }) : null,
-      /* @__PURE__ */ jsx13(
+      loading ? /* @__PURE__ */ jsx14(Text7, { style: [styles12.caption, { color: theme.textSecondary }], children: labels.loading }) : null,
+      !loading && list.length === 0 ? /* @__PURE__ */ jsx14(Text7, { style: [styles12.caption, { color: theme.textSecondary }], children: labels.empty }) : null,
+      /* @__PURE__ */ jsx14(
         Options,
         {
           options: list,
@@ -1695,7 +1822,7 @@ function Combobox({ options = [], onSearch, multiple, value, onValueChange, labe
           }
         }
       ),
-      multiple ? /* @__PURE__ */ jsx13(Pressable8, { role: "button", onPress: close, style: [styles12.done, { borderRadius: radius3.md, backgroundColor: theme.accent }], children: /* @__PURE__ */ jsx13(Text7, { style: [styles12.doneText, { color: theme.onAccent }], children: labels.done }) }) : null
+      multiple ? /* @__PURE__ */ jsx14(Pressable8, { role: "button", onPress: close, style: [styles12.done, { borderRadius: radius3.md, backgroundColor: theme.accent }], children: /* @__PURE__ */ jsx14(Text7, { style: [styles12.doneText, { color: theme.onAccent }], children: labels.done }) }) : null
     ] })
   ] });
 }
@@ -1717,8 +1844,8 @@ var styles12 = StyleSheet12.create({
 
 // src/native/countdown.tsx
 import * as React12 from "react";
-import { Animated as Animated4, StyleSheet as StyleSheet13, Text as Text8 } from "react-native";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Animated as Animated5, StyleSheet as StyleSheet13, Text as Text8 } from "react-native";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var FONT = { sm: 14, md: 20, lg: 32 };
 function Countdown({ target, skewMs = 0, units, urgentBelowMs = 6e4, size = "md", label, showLabel = false, style }) {
   const { theme, fonts } = useTheme();
@@ -1726,13 +1853,13 @@ function Countdown({ target, skewMs = 0, units, urgentBelowMs = 6e4, size = "md"
   const ms = useCountdown(target, skewMs);
   const urgent = ms > 0 && ms < urgentBelowMs;
   const parts = countdownParts(ms, units);
-  const [opacity] = React12.useState(() => new Animated4.Value(1));
+  const [opacity] = React12.useState(() => new Animated5.Value(1));
   React12.useEffect(() => {
     if (!urgent || reduce) return;
-    const loop = Animated4.loop(
-      Animated4.sequence([
-        Animated4.timing(opacity, { toValue: 0.4, duration: 500, useNativeDriver: true }),
-        Animated4.timing(opacity, { toValue: 1, duration: 500, useNativeDriver: true })
+    const loop = Animated5.loop(
+      Animated5.sequence([
+        Animated5.timing(opacity, { toValue: 0.4, duration: 500, useNativeDriver: true }),
+        Animated5.timing(opacity, { toValue: 1, duration: 500, useNativeDriver: true })
       ])
     );
     loop.start();
@@ -1743,18 +1870,18 @@ function Countdown({ target, skewMs = 0, units, urgentBelowMs = 6e4, size = "md"
   }, [urgent, reduce, opacity]);
   const color = urgent ? theme.dangerText : theme.textPrimary;
   const text = parts.map(([value, unit2]) => `${String(value).padStart(2, "0")}${unit2}`).join(" ");
-  return /* @__PURE__ */ jsxs11(
-    Animated4.View,
+  return /* @__PURE__ */ jsxs12(
+    Animated5.View,
     {
       accessible: true,
       role: "timer",
       "aria-label": `${label} ${text}`,
       style: [styles13.root, style],
       children: [
-        showLabel ? /* @__PURE__ */ jsx14(Text8, { style: [styles13.label, { color: theme.textSecondary, fontSize: Math.max(11, Math.round(FONT[size] * 0.6)) }], children: label }) : null,
-        parts.map(([value, unit2], i) => /* @__PURE__ */ jsxs11(Animated4.View, { style: [styles13.segment, urgent && i === parts.length - 1 ? { opacity } : null], children: [
-          /* @__PURE__ */ jsx14(Text8, { style: [styles13.value, { color, fontSize: FONT[size] }, fonts.display ? { fontFamily: fonts.display } : null], children: String(value).padStart(2, "0") }),
-          /* @__PURE__ */ jsx14(Text8, { style: [styles13.unit, { color: theme.textSecondary, fontSize: Math.round(FONT[size] / 2) }], children: unit2 })
+        showLabel ? /* @__PURE__ */ jsx15(Text8, { style: [styles13.label, { color: theme.textSecondary, fontSize: Math.max(11, Math.round(FONT[size] * 0.6)) }], children: label }) : null,
+        parts.map(([value, unit2], i) => /* @__PURE__ */ jsxs12(Animated5.View, { style: [styles13.segment, urgent && i === parts.length - 1 ? { opacity } : null], children: [
+          /* @__PURE__ */ jsx15(Text8, { style: [styles13.value, { color, fontSize: FONT[size] }, fonts.display ? { fontFamily: fonts.display } : null], children: String(value).padStart(2, "0") }),
+          /* @__PURE__ */ jsx15(Text8, { style: [styles13.unit, { color: theme.textSecondary, fontSize: Math.round(FONT[size] / 2) }], children: unit2 })
         ] }, unit2))
       ]
     }
@@ -1770,8 +1897,8 @@ var styles13 = StyleSheet13.create({
 
 // src/native/date-picker.tsx
 import * as React13 from "react";
-import { Platform, StyleSheet as StyleSheet14, Text as Text9, TextInput as TextInput3, View as View11 } from "react-native";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Platform, StyleSheet as StyleSheet14, Text as Text9, TextInput as TextInput3, View as View12 } from "react-native";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var LENGTH = DATE_PART_LENGTH;
 var dateFieldLabels = { day: "Day", month: "Month", year: "Year" };
 function DateField({ label, hint, error, value, defaultValue, onValueChange, onBlur, locale = "en-US", labels: given, autoComplete, disabled, inputRef, onSubmitEditing, returnKeyType = "done", style }) {
@@ -1791,11 +1918,11 @@ function DateField({ label, hint, error, value, defaultValue, onValueChange, onB
     const following = order[order.indexOf(part) + 1];
     if (digits.length === LENGTH[part] && following) refs[following].current?.focus();
   };
-  return /* @__PURE__ */ jsxs12(View11, { role: "group", "aria-label": label, style: [styles14.root, disabled ? styles14.disabled : null, style], children: [
-    /* @__PURE__ */ jsx15(Text9, { style: [styles14.label, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsx15(View11, { style: styles14.row, children: order.map((part, i) => /* @__PURE__ */ jsxs12(View11, { style: part === "year" ? styles14.yearBox : styles14.box, children: [
-      /* @__PURE__ */ jsx15(Text9, { style: [styles14.part, { color: theme.textSecondary }], children: labels[part] }),
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs13(View12, { role: "group", "aria-label": label, style: [styles14.root, disabled ? styles14.disabled : null, style], children: [
+    /* @__PURE__ */ jsx16(Text9, { style: [styles14.label, { color: theme.textSecondary }], children: label }),
+    /* @__PURE__ */ jsx16(View12, { style: styles14.row, children: order.map((part, i) => /* @__PURE__ */ jsxs13(View12, { style: part === "year" ? styles14.yearBox : styles14.box, children: [
+      /* @__PURE__ */ jsx16(Text9, { style: [styles14.part, { color: theme.textSecondary }], children: labels[part] }),
+      /* @__PURE__ */ jsx16(
         TextInput3,
         {
           ref: (node) => {
@@ -1833,7 +1960,7 @@ function DateField({ label, hint, error, value, defaultValue, onValueChange, onB
         }
       )
     ] }, part)) }),
-    caption ? /* @__PURE__ */ jsx15(Text9, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles14.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+    caption ? /* @__PURE__ */ jsx16(Text9, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles14.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
   ] });
 }
 var styles14 = StyleSheet14.create({
@@ -1850,25 +1977,25 @@ var styles14 = StyleSheet14.create({
 
 // src/native/date-time.tsx
 import * as React15 from "react";
-import { Pressable as Pressable10, ScrollView as ScrollView4, StyleSheet as StyleSheet16, Text as Text11, View as View13 } from "react-native";
-import Svg6, { Path as Path4 } from "react-native-svg";
+import { Pressable as Pressable10, ScrollView as ScrollView4, StyleSheet as StyleSheet16, Text as Text11, View as View14 } from "react-native";
+import Svg7, { Path as Path5 } from "react-native-svg";
 
 // src/native/wheel.tsx
 import * as React14 from "react";
-import { Pressable as Pressable9, ScrollView as ScrollView3, StyleSheet as StyleSheet15, Text as Text10, View as View12 } from "react-native";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Pressable as Pressable9, ScrollView as ScrollView3, StyleSheet as StyleSheet15, Text as Text10, View as View13 } from "react-native";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var ITEM = 44;
 var FrameContext = React14.createContext({ visible: 5, unset: false });
 function WheelPicker({ label, children, visible = 5, invalid, unset = false, style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx16(FrameContext.Provider, { value: React14.useMemo(() => ({ visible, unset }), [visible, unset]), children: /* @__PURE__ */ jsxs13(
-    View12,
+  return /* @__PURE__ */ jsx17(FrameContext.Provider, { value: React14.useMemo(() => ({ visible, unset }), [visible, unset]), children: /* @__PURE__ */ jsxs14(
+    View13,
     {
       role: "group",
       "aria-label": label,
       style: [styles15.root, { height: ITEM * visible, borderRadius: radius3.xl, backgroundColor: theme.surface1, borderColor: invalid ? theme.danger : theme.borderDefault }, style],
       children: [
-        /* @__PURE__ */ jsx16(View12, { pointerEvents: "none", style: [styles15.band, { top: ITEM * (visible - 1) / 2, height: ITEM, borderRadius: radius3.lg, backgroundColor: theme.surface3, borderColor: theme.borderSubtle }] }),
+        /* @__PURE__ */ jsx17(View13, { pointerEvents: "none", style: [styles15.band, { top: ITEM * (visible - 1) / 2, height: ITEM, borderRadius: radius3.lg, backgroundColor: theme.surface3, borderColor: theme.borderSubtle }] }),
         children
       ]
     }
@@ -1876,7 +2003,7 @@ function WheelPicker({ label, children, visible = 5, invalid, unset = false, sty
 }
 function WheelDivider({ children }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx16(Text10, { "aria-hidden": true, style: [styles15.divider, { color: theme.textSecondary }], children });
+  return /* @__PURE__ */ jsx17(Text10, { "aria-hidden": true, style: [styles15.divider, { color: theme.textSecondary }], children });
 }
 var nearestEnabled = (options, index) => {
   for (let d = 0; d < options.length; d++) {
@@ -1926,8 +2053,8 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
     if (options[i]) commit(i);
   };
   const pad = (visible - 1) / 2 * ITEM;
-  return /* @__PURE__ */ jsx16(
-    View12,
+  return /* @__PURE__ */ jsx17(
+    View13,
     {
       accessible: true,
       role: "spinbutton",
@@ -1940,7 +2067,7 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
       accessibilityActions: [{ name: "increment" }, { name: "decrement" }],
       onAccessibilityAction: (e) => step(e.nativeEvent.actionName === "increment" ? 1 : -1),
       style: [styles15.column, disabled ? styles15.disabled : null, style],
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         ScrollView3,
         {
           ref: scroller,
@@ -1960,7 +2087,7 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
           },
           children: options.map((o, i) => {
             const distance = Math.abs(i - shown);
-            return /* @__PURE__ */ jsx16(Pressable9, { focusable: false, tabIndex: -1, disabled: disabled || o.disabled, onPress: () => commit(i), style: [styles15.item, { height: ITEM }], children: /* @__PURE__ */ jsx16(
+            return /* @__PURE__ */ jsx17(Pressable9, { focusable: false, tabIndex: -1, disabled: disabled || o.disabled, onPress: () => commit(i), style: [styles15.item, { height: ITEM }], children: /* @__PURE__ */ jsx17(
               Text10,
               {
                 numberOfLines: 1,
@@ -1994,18 +2121,18 @@ var styles15 = StyleSheet15.create({
 });
 
 // src/native/date-time.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var longDate = (locale, iso) => new Intl.DateTimeFormat(locale, { dateStyle: "long" }).format(toLocalDate(iso));
 var useOwn = (value, initial) => {
   const [own, setOwn] = React15.useState(initial);
   return [value !== void 0 ? value : own, (next) => value === void 0 && setOwn(next)];
 };
 function Chevron2({ direction, color }) {
-  return /* @__PURE__ */ jsx17(Svg6, { 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__ */ jsx17(Path4, { d: direction === "left" ? "m15 18-6-6 6-6" : "m9 18 6-6-6-6" }) });
+  return /* @__PURE__ */ jsx18(Svg7, { 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__ */ jsx18(Path5, { d: direction === "left" ? "m15 18-6-6 6-6" : "m9 18 6-6-6-6" }) });
 }
 function NavButton({ label, direction, disabled, onPress }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Pressable10,
     {
       role: "button",
@@ -2015,12 +2142,12 @@ function NavButton({ label, direction, disabled, onPress }) {
       hitSlop: 6,
       onPress,
       style: ({ pressed }) => [styles16.nav, { borderRadius: radius3.md, backgroundColor: pressed ? theme.surface3 : theme.surface2, borderColor: theme.borderSubtle }, disabled ? styles16.disabled : null],
-      children: /* @__PURE__ */ jsx17(Chevron2, { direction, color: theme.textSecondary })
+      children: /* @__PURE__ */ jsx18(Chevron2, { direction, color: theme.textSecondary })
     }
   );
 }
 function Node({ color, style }) {
-  return /* @__PURE__ */ jsx17(View13, { "aria-hidden": true, style: [styles16.node, { backgroundColor: color }, style] });
+  return /* @__PURE__ */ jsx18(View14, { "aria-hidden": true, style: [styles16.node, { backgroundColor: color }, style] });
 }
 var calendarLabels = { previousMonth: "Previous month", nextMonth: "Next month" };
 function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDateDisabled, weekStartsOn, today: todayProp, labels: given, style }) {
@@ -2034,20 +2161,20 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
   const title = new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(toLocalDate(month));
   const [lo, hi] = range?.end ? range.start <= range.end ? [range.start, range.end] : [range.end, range.start] : [null, null];
   const off = (iso) => Boolean(min && iso < min || max && iso > max || isDateDisabled?.(iso));
-  return /* @__PURE__ */ jsxs14(View13, { style: [styles16.calendar, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsxs14(View13, { style: styles16.header, children: [
-      /* @__PURE__ */ jsx17(NavButton, { label: labels.previousMonth, direction: "left", disabled: Boolean(min && addDays(month, -1) < min), onPress: () => setMonth(addMonths(month, -1)) }),
-      /* @__PURE__ */ jsx17(Text11, { role: "heading", "aria-live": "polite", style: [styles16.title, { color: theme.textPrimary }], children: title }),
-      /* @__PURE__ */ jsx17(NavButton, { label: labels.nextMonth, direction: "right", disabled: Boolean(max && addMonths(month, 1) > max), onPress: () => setMonth(addMonths(month, 1)) })
+  return /* @__PURE__ */ jsxs15(View14, { style: [styles16.calendar, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsxs15(View14, { style: styles16.header, children: [
+      /* @__PURE__ */ jsx18(NavButton, { label: labels.previousMonth, direction: "left", disabled: Boolean(min && addDays(month, -1) < min), onPress: () => setMonth(addMonths(month, -1)) }),
+      /* @__PURE__ */ jsx18(Text11, { role: "heading", "aria-live": "polite", style: [styles16.title, { color: theme.textPrimary }], children: title }),
+      /* @__PURE__ */ jsx18(NavButton, { label: labels.nextMonth, direction: "right", disabled: Boolean(max && addMonths(month, 1) > max), onPress: () => setMonth(addMonths(month, 1)) })
     ] }),
-    /* @__PURE__ */ jsx17(View13, { style: styles16.week, "aria-hidden": true, children: weeks[0].map((iso) => /* @__PURE__ */ jsx17(Text11, { style: [styles16.weekday, { color: theme.textSecondary }], children: weekday.format(toLocalDate(iso)) }, iso)) }),
-    /* @__PURE__ */ jsx17(View13, { role: "radiogroup", "aria-label": title, children: weeks.map((week) => /* @__PURE__ */ jsx17(View13, { style: styles16.week, children: week.map((iso) => {
+    /* @__PURE__ */ jsx18(View14, { style: styles16.week, "aria-hidden": true, children: weeks[0].map((iso) => /* @__PURE__ */ jsx18(Text11, { style: [styles16.weekday, { color: theme.textSecondary }], children: weekday.format(toLocalDate(iso)) }, iso)) }),
+    /* @__PURE__ */ jsx18(View14, { role: "radiogroup", "aria-label": title, children: weeks.map((week) => /* @__PURE__ */ jsx18(View14, { style: styles16.week, children: week.map((iso) => {
       const outside = iso.slice(0, 7) !== month.slice(0, 7);
       const selected = iso === value || Boolean(range && (iso === range.start || iso === range.end));
       const disabled = off(iso);
       const band = lo && hi && lo !== hi && iso >= lo && iso <= hi;
-      return /* @__PURE__ */ jsx17(
-        View13,
+      return /* @__PURE__ */ jsx18(
+        View14,
         {
           style: [
             styles16.cell,
@@ -2055,7 +2182,7 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
             band && iso === lo ? { borderTopLeftRadius: radius3.lg, borderBottomLeftRadius: radius3.lg } : null,
             band && iso === hi ? { borderTopRightRadius: radius3.lg, borderBottomRightRadius: radius3.lg } : null
           ],
-          children: /* @__PURE__ */ jsxs14(
+          children: /* @__PURE__ */ jsxs15(
             Pressable10,
             {
               role: "radio",
@@ -2074,7 +2201,7 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
                 selected ? { backgroundColor: theme.accent } : pressed ? { backgroundColor: theme.surface3 } : null
               ],
               children: [
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   Text11,
                   {
                     style: [
@@ -2088,7 +2215,7 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
                     children: Number(iso.slice(8))
                   }
                 ),
-                iso === today ? /* @__PURE__ */ jsx17(Node, { color: selected ? theme.onAccent : theme.accent, style: styles16.todayNode }) : null
+                iso === today ? /* @__PURE__ */ jsx18(Node, { color: selected ? theme.onAccent : theme.accent, style: styles16.todayNode }) : null
               ]
             }
           )
@@ -2103,17 +2230,17 @@ function MonthPicker({ locale, value, onValueChange, min, max, labels, style })
   const [year, setYear] = React15.useState(Number((value ?? todayIso()).slice(0, 4)));
   const names = monthNames(locale, "short").map((n) => n.replace(/\.$/, ""));
   const long = monthNames(locale, "long");
-  return /* @__PURE__ */ jsxs14(View13, { style: [styles16.calendar, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsxs14(View13, { style: styles16.header, children: [
-      /* @__PURE__ */ jsx17(NavButton, { label: labels?.previousYear ?? "Previous year", direction: "left", disabled: Boolean(min && year - 1 < Number(min.slice(0, 4))), onPress: () => setYear(year - 1) }),
-      /* @__PURE__ */ jsx17(Text11, { role: "heading", "aria-live": "polite", style: [styles16.title, { color: theme.textPrimary }], children: year }),
-      /* @__PURE__ */ jsx17(NavButton, { label: labels?.nextYear ?? "Next year", direction: "right", disabled: Boolean(max && year + 1 > Number(max.slice(0, 4))), onPress: () => setYear(year + 1) })
+  return /* @__PURE__ */ jsxs15(View14, { style: [styles16.calendar, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsxs15(View14, { style: styles16.header, children: [
+      /* @__PURE__ */ jsx18(NavButton, { label: labels?.previousYear ?? "Previous year", direction: "left", disabled: Boolean(min && year - 1 < Number(min.slice(0, 4))), onPress: () => setYear(year - 1) }),
+      /* @__PURE__ */ jsx18(Text11, { role: "heading", "aria-live": "polite", style: [styles16.title, { color: theme.textPrimary }], children: year }),
+      /* @__PURE__ */ jsx18(NavButton, { label: labels?.nextYear ?? "Next year", direction: "right", disabled: Boolean(max && year + 1 > Number(max.slice(0, 4))), onPress: () => setYear(year + 1) })
     ] }),
-    /* @__PURE__ */ jsx17(View13, { role: "radiogroup", "aria-label": String(year), style: styles16.months, children: names.map((name, i) => {
+    /* @__PURE__ */ jsx18(View14, { role: "radiogroup", "aria-label": String(year), style: styles16.months, children: names.map((name, i) => {
       const id = `${year}-${String(i + 1).padStart(2, "0")}`;
       const selected = id === value;
       const disabled = Boolean(min && id < min || max && id > max);
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         Pressable10,
         {
           role: "radio",
@@ -2126,7 +2253,7 @@ function MonthPicker({ locale, value, onValueChange, min, max, labels, style })
             onValueChange?.(id);
           },
           style: ({ pressed }) => [styles16.month, { borderRadius: radius3.lg, backgroundColor: selected ? theme.accent : pressed ? theme.surface3 : "transparent" }, disabled ? styles16.disabled : null],
-          children: /* @__PURE__ */ jsx17(Text11, { style: [styles16.monthText, { color: selected ? theme.onAccent : theme.textPrimary, fontWeight: selected ? "700" : "500" }], children: name })
+          children: /* @__PURE__ */ jsx18(Text11, { style: [styles16.monthText, { color: selected ? theme.onAccent : theme.textPrimary, fontWeight: selected ? "700" : "500" }], children: name })
         },
         id
       );
@@ -2140,12 +2267,12 @@ function DayStrip({ label, locale, value: valueProp, defaultValue = null, onValu
   const [value, setValue] = useOwn(valueProp, defaultValue);
   const weekday = new Intl.DateTimeFormat(locale, { weekday: "short" });
   const list = Array.from({ length: days }, (_, i) => addDays(first, i));
-  return /* @__PURE__ */ jsx17(ScrollView4, { horizontal: true, showsHorizontalScrollIndicator: false, role: "radiogroup", "aria-label": label, contentContainerStyle: styles16.strip, style, children: list.map((iso) => {
+  return /* @__PURE__ */ jsx18(ScrollView4, { horizontal: true, showsHorizontalScrollIndicator: false, role: "radiogroup", "aria-label": label, contentContainerStyle: styles16.strip, style, children: list.map((iso) => {
     const selected = iso === value;
     const disabled = Boolean(isDateDisabled?.(iso));
     const marked = Boolean(isDateMarked?.(iso));
     const name = longDate(locale, iso);
-    return /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsxs15(
       Pressable10,
       {
         role: "radio",
@@ -2170,10 +2297,10 @@ function DayStrip({ label, locale, value: valueProp, defaultValue = null, onValu
           }
         ],
         children: [
-          iso === today ? /* @__PURE__ */ jsx17(Node, { color: selected ? theme.onAccent : theme.accent, style: styles16.stripNode }) : null,
-          /* @__PURE__ */ jsx17(Text11, { style: [styles16.stripWeekday, { color: selected ? theme.onAccent : disabled ? theme.textMuted : theme.textSecondary }], children: weekday.format(toLocalDate(iso)).replace(/\.$/, "").toUpperCase() }),
-          /* @__PURE__ */ jsx17(Text11, { style: [styles16.stripNumber, { color: selected ? theme.onAccent : disabled ? theme.textMuted : theme.textPrimary }], children: Number(iso.slice(8)) }),
-          /* @__PURE__ */ jsx17(View13, { style: [styles16.dot, marked ? { backgroundColor: selected ? theme.onAccent : theme.textSecondary } : null] })
+          iso === today ? /* @__PURE__ */ jsx18(Node, { color: selected ? theme.onAccent : theme.accent, style: styles16.stripNode }) : null,
+          /* @__PURE__ */ jsx18(Text11, { style: [styles16.stripWeekday, { color: selected ? theme.onAccent : disabled ? theme.textMuted : theme.textSecondary }], children: weekday.format(toLocalDate(iso)).replace(/\.$/, "").toUpperCase() }),
+          /* @__PURE__ */ jsx18(Text11, { style: [styles16.stripNumber, { color: selected ? theme.onAccent : disabled ? theme.textMuted : theme.textPrimary }], children: Number(iso.slice(8)) }),
+          /* @__PURE__ */ jsx18(View14, { style: [styles16.dot, marked ? { backgroundColor: selected ? theme.onAccent : theme.textSecondary } : null] })
         ]
       },
       iso
@@ -2188,10 +2315,10 @@ function TimePicker({ label, locale, value: valueProp, defaultValue = null, onVa
     onValueChange?.(next);
   };
   if (variant === "slots")
-    return /* @__PURE__ */ jsx17(View13, { role: "radiogroup", "aria-label": label, style: [styles16.slots, style], children: slots.map((t) => {
+    return /* @__PURE__ */ jsx18(View14, { role: "radiogroup", "aria-label": label, style: [styles16.slots, style], children: slots.map((t) => {
       const selected = t === value;
       const off = disabled || Boolean(isTimeDisabled?.(t));
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         Pressable10,
         {
           role: "radio",
@@ -2213,7 +2340,7 @@ function TimePicker({ label, locale, value: valueProp, defaultValue = null, onVa
               transform: [{ scale: pressed ? 0.97 : 1 }]
             }
           ],
-          children: /* @__PURE__ */ jsx17(Text11, { style: [styles16.slotText, { color: selected ? theme.onAccent : off ? theme.textMuted : theme.textPrimary, textDecorationLine: off ? "line-through" : "none" }], children: formatTime(locale, t) })
+          children: /* @__PURE__ */ jsx18(Text11, { style: [styles16.slotText, { color: selected ? theme.onAccent : off ? theme.textMuted : theme.textPrimary, textDecorationLine: off ? "line-through" : "none" }], children: formatTime(locale, t) })
         },
         t
       );
@@ -2229,11 +2356,11 @@ function TimePicker({ label, locale, value: valueProp, defaultValue = null, onVa
   const hours = twelve ? [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((h) => ({ value: String(h), label: String(h) })) : Array.from({ length: 24 }, (_, h) => ({ value: String(h), label: two(h) }));
   const minutes = Array.from({ length: Math.ceil(60 / minuteStep) }, (_, i) => ({ value: String(i * minuteStep), label: two(i * minuteStep) }));
   const [am, pmLabel] = dayPeriods(locale);
-  return /* @__PURE__ */ jsxs14(WheelPicker, { label: value ? `${label}, ${formatTime(locale, value)}` : label, style, children: [
-    /* @__PURE__ */ jsx17(Wheel, { label: labels.hours, options: hours, disabled, value: twelve ? String(h24 % 12 === 0 ? 12 : h24 % 12) : String(h24), onValueChange: (v) => put(twelve ? Number(v) % 12 + (pm ? 12 : 0) : Number(v), minute) }),
-    /* @__PURE__ */ jsx17(WheelDivider, { children: ":" }),
-    /* @__PURE__ */ jsx17(Wheel, { label: labels.minutes, options: minutes, disabled, value: String(Math.min(60 - minuteStep, Math.round(minute / minuteStep) * minuteStep)), onValueChange: (v) => put(h24, Number(v)) }),
-    twelve ? /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs15(WheelPicker, { label: value ? `${label}, ${formatTime(locale, value)}` : label, style, children: [
+    /* @__PURE__ */ jsx18(Wheel, { label: labels.hours, options: hours, disabled, value: twelve ? String(h24 % 12 === 0 ? 12 : h24 % 12) : String(h24), onValueChange: (v) => put(twelve ? Number(v) % 12 + (pm ? 12 : 0) : Number(v), minute) }),
+    /* @__PURE__ */ jsx18(WheelDivider, { children: ":" }),
+    /* @__PURE__ */ jsx18(Wheel, { label: labels.minutes, options: minutes, disabled, value: String(Math.min(60 - minuteStep, Math.round(minute / minuteStep) * minuteStep)), onValueChange: (v) => put(h24, Number(v)) }),
+    twelve ? /* @__PURE__ */ jsx18(
       Wheel,
       {
         label: labels.period,
@@ -2266,15 +2393,15 @@ function DateWheel({ label, locale, value: valueProp, defaultValue = null, onVal
   };
   const last = daysInMonth(year, month);
   const columns = {
-    day: /* @__PURE__ */ jsx17(Wheel, { label: names.day, disabled, options: Array.from({ length: last }, (_, i) => ({ value: String(i + 1), label: String(i + 1), disabled: isoOf(year, month, i + 1) > hi || isoOf(year, month, i + 1) < lo })), value: String(Math.min(day, last)), onValueChange: (v) => set(year, month, Number(v)), style: styles16.dayWheel }, "day"),
-    month: /* @__PURE__ */ jsx17(Wheel, { label: names.month, disabled, options: months.map((n, i) => ({ value: String(i + 1), label: n, disabled: isoOf(year, i + 1, 1) > hi || isoOf(year, i + 1, daysInMonth(year, i + 1)) < lo })), value: String(month), onValueChange: (v) => set(year, Number(v), day), style: styles16.monthWheel }, "month"),
-    year: /* @__PURE__ */ jsx17(Wheel, { label: names.year, disabled, options: yearRange(Number(hi.slice(0, 4)), Number(lo.slice(0, 4))).map((y) => ({ value: String(y), label: String(y) })), value: String(year), onValueChange: (v) => set(Number(v), month, day), style: styles16.yearWheel }, "year")
+    day: /* @__PURE__ */ jsx18(Wheel, { label: names.day, disabled, options: Array.from({ length: last }, (_, i) => ({ value: String(i + 1), label: String(i + 1), disabled: isoOf(year, month, i + 1) > hi || isoOf(year, month, i + 1) < lo })), value: String(Math.min(day, last)), onValueChange: (v) => set(year, month, Number(v)), style: styles16.dayWheel }, "day"),
+    month: /* @__PURE__ */ jsx18(Wheel, { label: names.month, disabled, options: months.map((n, i) => ({ value: String(i + 1), label: n, disabled: isoOf(year, i + 1, 1) > hi || isoOf(year, i + 1, daysInMonth(year, i + 1)) < lo })), value: String(month), onValueChange: (v) => set(year, Number(v), day), style: styles16.monthWheel }, "month"),
+    year: /* @__PURE__ */ jsx18(Wheel, { label: names.year, disabled, options: yearRange(Number(hi.slice(0, 4)), Number(lo.slice(0, 4))).map((y) => ({ value: String(y), label: String(y) })), value: String(year), onValueChange: (v) => set(Number(v), month, day), style: styles16.yearWheel }, "year")
   };
   const caption = error ?? hint;
-  return /* @__PURE__ */ jsxs14(View13, { style: [styles16.field, style], children: [
-    /* @__PURE__ */ jsx17(Text11, { "aria-hidden": true, style: [styles16.fieldLabel, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsx17(WheelPicker, { label, invalid: Boolean(error), unset: !value, children: datePartsOrder(locale).map((part) => columns[part]) }),
-    caption ? /* @__PURE__ */ jsx17(Text11, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles16.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+  return /* @__PURE__ */ jsxs15(View14, { style: [styles16.field, style], children: [
+    /* @__PURE__ */ jsx18(Text11, { "aria-hidden": true, style: [styles16.fieldLabel, { color: theme.textSecondary }], children: label }),
+    /* @__PURE__ */ jsx18(WheelPicker, { label, invalid: Boolean(error), unset: !value, children: datePartsOrder(locale).map((part) => columns[part]) }),
+    caption ? /* @__PURE__ */ jsx18(Text11, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles16.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
   ] });
 }
 var styles16 = StyleSheet16.create({
@@ -2311,14 +2438,14 @@ var styles16 = StyleSheet16.create({
 });
 
 // src/native/description-list.tsx
-import { StyleSheet as StyleSheet17, View as View14 } from "react-native";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet17, View as View15 } from "react-native";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function DescriptionList({ items: items2, layout = "stacked", style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx18(View14, { role: "list", style: [layout === "grid" ? styles17.grid : layout === "inline" ? null : styles17.stacked, style], children: items2.map((item, i) => {
-    const value = typeof item.details === "string" || typeof item.details === "number" ? /* @__PURE__ */ jsx18(Txt, { variant: layout === "grid" ? "title" : "body", style: layout === "inline" ? styles17.right : null, children: item.details }) : item.details;
-    return /* @__PURE__ */ jsxs15(
-      View14,
+  return /* @__PURE__ */ jsx19(View15, { role: "list", style: [layout === "grid" ? styles17.grid : layout === "inline" ? null : styles17.stacked, style], children: items2.map((item, i) => {
+    const value = typeof item.details === "string" || typeof item.details === "number" ? /* @__PURE__ */ jsx19(Txt, { variant: layout === "grid" ? "title" : "body", style: layout === "inline" ? styles17.right : null, children: item.details }) : item.details;
+    return /* @__PURE__ */ jsxs16(
+      View15,
       {
         role: "listitem",
         accessible: true,
@@ -2327,10 +2454,10 @@ function DescriptionList({ items: items2, layout = "stacked", style }) {
           layout === "grid" ? [styles17.card, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.lg }] : null
         ],
         children: [
-          /* @__PURE__ */ jsx18(Txt, { variant: "caption", tone: "secondary", style: layout === "grid" ? styles17.upper : null, children: item.term }),
-          /* @__PURE__ */ jsxs15(View14, { style: layout === "inline" ? styles17.valueInline : styles17.value, children: [
+          /* @__PURE__ */ jsx19(Txt, { variant: "caption", tone: "secondary", style: layout === "grid" ? styles17.upper : null, children: item.term }),
+          /* @__PURE__ */ jsxs16(View15, { style: layout === "inline" ? styles17.valueInline : styles17.value, children: [
             value,
-            item.hint ? /* @__PURE__ */ jsx18(Txt, { variant: "caption", tone: "secondary", style: layout === "inline" ? styles17.right : null, children: item.hint }) : null
+            item.hint ? /* @__PURE__ */ jsx19(Txt, { variant: "caption", tone: "secondary", style: layout === "inline" ? styles17.right : null, children: item.hint }) : null
           ] })
         ]
       },
@@ -2350,15 +2477,15 @@ var styles17 = StyleSheet17.create({
 });
 
 // src/native/empty-state.tsx
-import { StyleSheet as StyleSheet18, View as View15 } from "react-native";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet18, View as View16 } from "react-native";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function EmptyState({ icon, title, description, action, style, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsxs16(View15, { ...props, style: [styles18.root, style], children: [
-    icon ? /* @__PURE__ */ jsx19(View15, { "aria-hidden": true, style: [styles18.icon, { backgroundColor: theme.surface2 }], children: icon }) : null,
-    /* @__PURE__ */ jsx19(Txt, { variant: "label", role: "heading", style: styles18.center, children: title }),
-    description ? /* @__PURE__ */ jsx19(Txt, { tone: "secondary", style: styles18.center, children: description }) : null,
-    action ? /* @__PURE__ */ jsx19(View15, { style: styles18.action, children: action }) : null
+  return /* @__PURE__ */ jsxs17(View16, { ...props, style: [styles18.root, style], children: [
+    icon ? /* @__PURE__ */ jsx20(View16, { "aria-hidden": true, style: [styles18.icon, { backgroundColor: theme.surface2 }], children: icon }) : null,
+    /* @__PURE__ */ jsx20(Txt, { variant: "label", role: "heading", style: styles18.center, children: title }),
+    description ? /* @__PURE__ */ jsx20(Txt, { tone: "secondary", style: styles18.center, children: description }) : null,
+    action ? /* @__PURE__ */ jsx20(View16, { style: styles18.action, children: action }) : null
   ] });
 }
 var styles18 = StyleSheet18.create({
@@ -2369,12 +2496,12 @@ var styles18 = StyleSheet18.create({
 });
 
 // src/native/fab.tsx
-import { Pressable as Pressable11, StyleSheet as StyleSheet19, View as View16 } from "react-native";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Pressable as Pressable11, StyleSheet as StyleSheet19, View as View17 } from "react-native";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function Fab({ label, icon, onPress, extended, placement = "end", offset = 0, style }) {
   const { theme, insets, haptic } = useTheme();
   const position = placement === "center" ? { alignSelf: "center" } : placement === "start" ? { left: 16 + insets.left } : { right: 16 + insets.right };
-  return /* @__PURE__ */ jsx20(View16, { pointerEvents: "box-none", style: [styles19.layer, placement === "center" ? styles19.centre : null], children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx21(View17, { pointerEvents: "box-none", style: [styles19.layer, placement === "center" ? styles19.centre : null], children: /* @__PURE__ */ jsxs18(
     Pressable11,
     {
       role: "button",
@@ -2391,8 +2518,8 @@ function Fab({ label, icon, onPress, extended, placement = "end", offset = 0, st
         style
       ],
       children: [
-        /* @__PURE__ */ jsx20(View16, { "aria-hidden": true, children: icon }),
-        extended ? /* @__PURE__ */ jsx20(Txt, { variant: "label", tone: "onAccent", "aria-hidden": true, numberOfLines: 1, style: styles19.label, children: label }) : null
+        /* @__PURE__ */ jsx21(View17, { "aria-hidden": true, children: icon }),
+        extended ? /* @__PURE__ */ jsx21(Txt, { variant: "label", tone: "onAccent", "aria-hidden": true, numberOfLines: 1, style: styles19.label, children: label }) : null
       ]
     }
   ) });
@@ -2407,17 +2534,17 @@ var styles19 = StyleSheet19.create({
 
 // src/native/field.tsx
 import * as React16 from "react";
-import { StyleSheet as StyleSheet20, Text as Text12, TextInput as TextInput4, View as View17 } from "react-native";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet20, Text as Text12, TextInput as TextInput4, View as View18 } from "react-native";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function TextField({ label, hint, error, value, defaultValue, onValueChange, disabled, end, inputRef, style, multiline, onFocus, onBlur, ...props }) {
   const { theme, radius: radius3 } = useTheme();
   const [focused, setFocused] = React16.useState(false);
   const caption = error ?? hint;
   const border = error ? theme.danger : focused ? theme.accent : theme.borderDefault;
-  return /* @__PURE__ */ jsxs18(View17, { style: [styles20.root, disabled ? styles20.disabled : null, style], children: [
-    /* @__PURE__ */ jsx21(Text12, { style: [styles20.label, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsxs18(View17, { style: [styles20.frame, multiline ? styles20.multiline : null, { borderRadius: radius3.md, borderColor: border, backgroundColor: theme.surface2 }], children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs19(View18, { style: [styles20.root, disabled ? styles20.disabled : null, style], children: [
+    /* @__PURE__ */ jsx22(Text12, { style: [styles20.label, { color: theme.textSecondary }], children: label }),
+    /* @__PURE__ */ jsxs19(View18, { style: [styles20.frame, multiline ? styles20.multiline : null, { borderRadius: radius3.md, borderColor: border, backgroundColor: theme.surface2 }], children: [
+      /* @__PURE__ */ jsx22(
         TextInput4,
         {
           ref: inputRef,
@@ -2443,9 +2570,9 @@ function TextField({ label, hint, error, value, defaultValue, onValueChange, dis
           ...props
         }
       ),
-      end ? /* @__PURE__ */ jsx21(View17, { style: styles20.end, children: end }) : null
+      end ? /* @__PURE__ */ jsx22(View18, { style: styles20.end, children: end }) : null
     ] }),
-    caption ? /* @__PURE__ */ jsx21(Text12, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles20.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+    caption ? /* @__PURE__ */ jsx22(Text12, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles20.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
   ] });
 }
 var styles20 = StyleSheet20.create({
@@ -2461,20 +2588,20 @@ var styles20 = StyleSheet20.create({
 });
 
 // src/native/goal-gauge.tsx
-import { Animated as Animated6, StyleSheet as StyleSheet21, View as View18 } from "react-native";
+import { Animated as Animated7, StyleSheet as StyleSheet21, View as View19 } from "react-native";
 
 // src/native/story-motion.ts
 import * as React17 from "react";
-import { AccessibilityInfo as AccessibilityInfo3, Animated as Animated5, Easing as Easing2 } from "react-native";
+import { AccessibilityInfo as AccessibilityInfo4, Animated as Animated6, Easing as Easing3 } from "react-native";
 function useEntrance(animated, delay = 0, duration = 700) {
-  const [value] = React17.useState(() => new Animated5.Value(animated ? 0 : 1));
+  const [value] = React17.useState(() => new Animated6.Value(animated ? 0 : 1));
   React17.useEffect(() => {
     if (!animated) return;
     let cancelled = false;
-    void AccessibilityInfo3.isReduceMotionEnabled().then((reduce) => {
+    void AccessibilityInfo4.isReduceMotionEnabled().then((reduce) => {
       if (cancelled) return;
       if (reduce) value.setValue(1);
-      else Animated5.timing(value, { toValue: 1, duration, delay, easing: Easing2.out(Easing2.cubic), useNativeDriver: true }).start();
+      else Animated6.timing(value, { toValue: 1, duration, delay, easing: Easing3.out(Easing3.cubic), useNativeDriver: true }).start();
     });
     return () => {
       cancelled = true;
@@ -2484,15 +2611,15 @@ function useEntrance(animated, delay = 0, duration = 700) {
 }
 
 // src/native/goal-gauge.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } 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__ */ jsx22(
-    Animated6.View,
+  return /* @__PURE__ */ jsx23(
+    Animated7.View,
     {
       style: [styles21.cell, arcade ? styles21.cellArcade : null, { backgroundColor: color, opacity: lit || animate ? opacity : spentOpacity }]
     }
@@ -2504,8 +2631,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__ */ jsxs19(
-    View18,
+  return /* @__PURE__ */ jsxs20(
+    View19,
     {
       accessible: true,
       role: "meter",
@@ -2517,14 +2644,14 @@ function GoalGauge({ label, segments, value, valueText, mode = "fill", showLabel
       ...props,
       style: [styles21.root, style],
       children: [
-        showLabel ? /* @__PURE__ */ jsxs19(View18, { "aria-hidden": true, style: [styles21.head, arcade ? styles21.headArcade : null], children: [
-          /* @__PURE__ */ jsx22(Txt, { variant: arcade ? "mono" : "caption", tone: "secondary", children: arcade ? label.toUpperCase() : label }),
-          arcade ? null : /* @__PURE__ */ jsx22(Txt, { variant: "caption", children: words2 })
+        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 })
         ] }) : null,
-        /* @__PURE__ */ jsx22(View18, { "aria-hidden": true, style: [styles21.cells, arcade ? [styles21.cellsArcade, { borderColor: theme.borderSubtle, backgroundColor: theme.surface1 }] : null], children: Array.from({ length: total }, (_, i) => {
+        /* @__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) => {
           const on = i < lit;
           const animate = mode === "fill" ? on : !on;
-          return /* @__PURE__ */ jsx22(Cell, { lit: on, animate, order: mode === "fill" ? i : i - lit, animated, arcade }, i);
+          return /* @__PURE__ */ jsx23(Cell, { lit: on, animate, order: mode === "fill" ? i : i - lit, animated, arcade }, i);
         }) })
       ]
     }
@@ -2542,41 +2669,41 @@ var styles21 = StyleSheet21.create({
 
 // src/native/header.tsx
 import * as React18 from "react";
-import { Animated as Animated7, Pressable as Pressable12, StyleSheet as StyleSheet22, View as View19 } from "react-native";
-import Svg7, { Path as Path5 } from "react-native-svg";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Animated as Animated8, Pressable as Pressable12, StyleSheet as StyleSheet22, View as View20 } from "react-native";
+import Svg8, { Path as Path6 } from "react-native-svg";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var BAR = 44;
 var LARGE = 52;
 function Header({ title, subtitle, scrollY, size = "large", backLabel, onBack, actions, children, style }) {
   const { theme, insets } = useTheme();
   const reduce = useReducedMotion();
   const large = size === "large";
-  const fixed = React18.useMemo(() => new Animated7.Value(large ? 0 : 1), [large]);
+  const fixed = React18.useMemo(() => new Animated8.Value(large ? 0 : 1), [large]);
   const progress = scrollY && large ? scrollY.interpolate({ inputRange: [0, LARGE], outputRange: [0, 1], extrapolate: "clamp" }) : fixed;
   const smallOpacity = progress.interpolate({ inputRange: [0.6, 1], outputRange: [0, 1], extrapolate: "clamp" });
   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__ */ jsxs20(View19, { style: [{ paddingTop: insets.top, backgroundColor: theme.surface0 }, style], children: [
-    /* @__PURE__ */ jsxs20(View19, { style: styles22.bar, children: [
-      /* @__PURE__ */ jsx23(View19, { style: styles22.side, children: onBack && backLabel ? /* @__PURE__ */ jsxs20(Pressable12, { role: "button", "aria-label": backLabel, onPress: onBack, hitSlop: 8, style: styles22.back, children: [
-        /* @__PURE__ */ jsx23(Svg7, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx23(Path5, { d: "M15 5l-7 7 7 7", stroke: theme.accentText, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-        /* @__PURE__ */ jsx23(Txt, { variant: "label", tone: "accent", numberOfLines: 1, children: backLabel })
+  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 })
       ] }) : null }),
-      /* @__PURE__ */ jsx23(Animated7.View, { style: [styles22.middle, { opacity: smallOpacity }], "aria-hidden": large, children: /* @__PURE__ */ jsx23(Txt, { variant: "label", numberOfLines: 1, role: large ? void 0 : "heading", children: title }) }),
-      /* @__PURE__ */ jsx23(View19, { style: [styles22.side, styles22.right], children: actions })
+      /* @__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 })
     ] }),
-    large ? /* @__PURE__ */ jsx23(Animated7.View, { style: { height: largeHeight, overflow: "hidden" }, children: /* @__PURE__ */ jsxs20(Animated7.View, { style: [styles22.large, { opacity: largeOpacity, transform: [{ translateY: largeShift }] }], children: [
-      /* @__PURE__ */ jsx23(Txt, { variant: "display", numberOfLines: 1, role: "heading", style: styles22.largeTitle, children: title }),
-      subtitle ? /* @__PURE__ */ jsx23(Txt, { variant: "caption", tone: "secondary", children: subtitle }) : null
+    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
     ] }) }) : null,
-    children ? /* @__PURE__ */ jsx23(View19, { style: styles22.children, children }) : null,
-    /* @__PURE__ */ jsx23(Animated7.View, { "aria-hidden": true, style: [styles22.rule, { backgroundColor: theme.borderSubtle, opacity: smallOpacity }] })
+    children ? /* @__PURE__ */ jsx24(View20, { style: styles22.children, children }) : null,
+    /* @__PURE__ */ jsx24(Animated8.View, { "aria-hidden": true, style: [styles22.rule, { backgroundColor: theme.borderSubtle, opacity: smallOpacity }] })
   ] });
 }
 function useCollapsingHeader() {
-  const [scrollY] = React18.useState(() => new Animated7.Value(0));
-  const onScroll = React18.useMemo(() => Animated7.event([{ nativeEvent: { contentOffset: { y: scrollY } } }], { useNativeDriver: false }), [scrollY]);
+  const [scrollY] = React18.useState(() => new Animated8.Value(0));
+  const onScroll = React18.useMemo(() => Animated8.event([{ nativeEvent: { contentOffset: { y: scrollY } } }], { useNativeDriver: false }), [scrollY]);
   return { scrollY, onScroll };
 }
 var styles22 = StyleSheet22.create({
@@ -2593,17 +2720,17 @@ var styles22 = StyleSheet22.create({
 
 // src/native/image-viewer.tsx
 import * as React19 from "react";
-import { AccessibilityInfo as AccessibilityInfo4, Animated as Animated8, Image as Image3, Modal as Modal3, PanResponder, Pressable as Pressable13, StyleSheet as StyleSheet23, useWindowDimensions, View as View20 } from "react-native";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+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";
 var MAX_SCALE = 4;
 function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel = (n, total) => `${n} / ${total}` }) {
   const { theme, insets, haptic } = useTheme();
   const reduce = useReducedMotion();
   const { width, height } = useWindowDimensions();
   const open = index !== null && images[index] !== void 0;
-  const [scale] = React19.useState(() => new Animated8.Value(1));
-  const [pan] = React19.useState(() => new Animated8.ValueXY({ x: 0, y: 0 }));
-  const [dismiss2] = React19.useState(() => new Animated8.Value(0));
+  const [scale] = React19.useState(() => new Animated9.Value(1));
+  const [pan] = React19.useState(() => new Animated9.ValueXY({ x: 0, y: 0 }));
+  const [dismiss2] = React19.useState(() => new Animated9.Value(0));
   const state = React19.useRef({ scale: 1, x: 0, y: 0, pinch: 0, base: 1, lastTap: 0 });
   const reset = React19.useCallback(() => {
     state.current = { ...state.current, scale: 1, x: 0, y: 0 };
@@ -2613,14 +2740,14 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
   }, [scale, pan, dismiss2]);
   React19.useEffect(() => {
     reset();
-    if (open) AccessibilityInfo4.announceForAccessibility(`${images[index].alt}, ${positionLabel(index + 1, images.length)}`);
+    if (open) AccessibilityInfo5.announceForAccessibility(`${images[index].alt}, ${positionLabel(index + 1, images.length)}`);
   }, [index]);
   const go = (to) => {
     if (to < 0 || to >= images.length) return;
     haptic("selection");
     onIndexChange(to);
   };
-  const animateTo = (value, to) => reduce ? value.setValue(to) : Animated8.spring(value, { toValue: to, useNativeDriver: true, damping: 20 }).start();
+  const animateTo = (value, to) => reduce ? value.setValue(to) : Animated9.spring(value, { toValue: to, useNativeDriver: true, damping: 20 }).start();
   const distance = (touches) => Math.hypot(touches[0].pageX - touches[1].pageX, touches[0].pageY - touches[1].pageY);
   const responder = React19.useMemo(
     () => PanResponder.create({
@@ -2673,7 +2800,7 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
         if (g.dx < -width / 4 || g.vx < -0.8) go((index ?? 0) + 1);
         else if (g.dx > width / 4 || g.vx > 0.8) go((index ?? 0) - 1);
         animateTo(dismiss2, 0);
-        Animated8.spring(pan, { toValue: { x: 0, y: 0 }, useNativeDriver: true }).start();
+        Animated9.spring(pan, { toValue: { x: 0, y: 0 }, useNativeDriver: true }).start();
       }
     }),
     [index, width, images.length]
@@ -2682,10 +2809,10 @@ 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__ */ jsxs21(Modal3, { ...modalName(image.alt), visible: true, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onIndexChange(null), statusBarTranslucent: true, children: [
-    /* @__PURE__ */ jsx24(Animated8.View, { style: [StyleSheet23.absoluteFill, { backgroundColor: theme.media, opacity: backdrop }] }),
-    /* @__PURE__ */ jsx24(
-      View20,
+  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,
       {
         style: StyleSheet23.absoluteFill,
         accessible: true,
@@ -2699,14 +2826,14 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
           if (name === "escape") onIndexChange(null);
         },
         ...responder.panHandlers,
-        children: /* @__PURE__ */ jsx24(Animated8.View, { style: { width, height, transform: [{ translateX: pan.x }, { translateY: Animated8.add(pan.y, dismiss2) }, { scale }] }, children: /* @__PURE__ */ jsx24(Image3, { source: { uri: image.uri }, resizeMode: "contain", style: { width, height }, accessibilityIgnoresInvertColors: true }) })
+        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 }) })
       }
     ),
-    /* @__PURE__ */ jsxs21(View20, { pointerEvents: "box-none", style: [styles23.top, { paddingTop: insets.top + 8 }], children: [
-      /* @__PURE__ */ jsx24(View20, { "aria-hidden": true, style: [styles23.counter, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx24(Txt, { variant: "label", tone: "onMedia", children: positionLabel(index + 1, images.length) }) }),
-      /* @__PURE__ */ jsx24(Pressable13, { role: "button", "aria-label": closeLabel, hitSlop: 12, onPress: () => onIndexChange(null), style: [styles23.close, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx24(Txt, { tone: "onMedia", style: styles23.cross, "aria-hidden": true, children: "\xD7" }) })
+    /* @__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" }) })
     ] }),
-    image.caption ? /* @__PURE__ */ jsx24(View20, { pointerEvents: "none", style: [styles23.caption, { paddingBottom: insets.bottom + 16, backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx24(Txt, { tone: "onMedia", children: image.caption }) }) : null
+    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
   ] });
 }
 function prefetchNeighbours(images, index) {
@@ -2721,9 +2848,73 @@ var styles23 = StyleSheet23.create({
   caption: { position: "absolute", left: 0, right: 0, bottom: 0, paddingTop: 12, paddingHorizontal: 16 }
 });
 
+// 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";
+
+// src/marks/kachizaka-geometry.ts
+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 },
+  /** The ball: one node on the orbit, that turns with it. */
+  node: { 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 },
+  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";
+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 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 })
+    ] }),
+    /* @__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__ */ jsx26(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsx26(Svg9, { viewBox, style: layer, children: /* @__PURE__ */ jsx26(Path7, { d: KACHIZAKA.star, fill: KACHIZAKA.starColor }) }) })
+  ] });
+}
+
 // src/native/KrizakaMark.tsx
-import { View as View21 } from "react-native";
-import Svg8, { Circle as Circle2, Defs as Defs3, G as Group, LinearGradient as LinearGradient3, Path as Path6, RadialGradient, Stop as Stop3 } from "react-native-svg";
+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";
 
 // src/marks/krizaka-geometry.ts
 var KRIZAKA = {
@@ -2744,77 +2935,40 @@ var KRIZAKA = {
   ring: { r: 134, width: 1 }
 };
 
-// src/native/mark-motion.ts
-import { useEffect as useEffect11, useState as useState19 } from "react";
-import { AccessibilityInfo as AccessibilityInfo5, Animated as Animated9, Easing as Easing3 } from "react-native";
-var markA11y = (title) => title ? { accessible: true, accessibilityRole: "image", accessibilityLabel: title } : { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
-function useMarkMotion(size, animated, spinMs = 3e4) {
-  const [spin] = useState19(() => new Animated9.Value(0));
-  const [pulse] = useState19(() => new Animated9.Value(0));
-  useEffect11(() => {
-    if (!animated) return;
-    let loops = [];
-    let cancelled = false;
-    void AccessibilityInfo5.isReduceMotionEnabled().then((reduce) => {
-      if (reduce || cancelled) return;
-      loops = [
-        Animated9.loop(Animated9.timing(spin, { toValue: 1, duration: spinMs, easing: Easing3.linear, useNativeDriver: true })),
-        Animated9.loop(
-          Animated9.sequence([
-            Animated9.timing(pulse, { toValue: 1, duration: 1600, easing: Easing3.inOut(Easing3.ease), useNativeDriver: true }),
-            Animated9.timing(pulse, { toValue: 0, duration: 1600, easing: Easing3.inOut(Easing3.ease), useNativeDriver: true })
-          ])
-        )
-      ];
-      loops.forEach((l) => l.start());
-    });
-    return () => {
-      cancelled = true;
-      loops.forEach((l) => l.stop());
-    };
-  }, [animated, spin, pulse, spinMs]);
-  return {
-    Animated: Animated9,
-    layer: { position: "absolute", width: size, height: size },
-    spinStyle: { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] },
-    pulseStyle: { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }
-  };
-}
-
 // src/native/KrizakaMark.tsx
-import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs24 } 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__ */ jsx25(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__ */ jsx25(Stop3, { offset, stopColor: color }, offset)) });
-  const dot = (c) => /* @__PURE__ */ jsxs22(Fragment5, { children: [
-    /* @__PURE__ */ jsx25(Circle2, { cx: c.cx, cy: c.cy, r: c.r, fill: `url(#${id}b)` }),
-    /* @__PURE__ */ jsx25(Circle2, { cx: c.cx, cy: c.cy, r: c.inner, fill: KRIZAKA.highlight })
+  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 })
   ] });
-  return /* @__PURE__ */ jsxs22(View21, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs22(Svg8, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs22(Defs3, { children: [
-        /* @__PURE__ */ jsxs22(RadialGradient, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx25(Stop3, { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
-          /* @__PURE__ */ jsx25(Stop3, { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: 0 })
+  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 })
         ] }),
-        /* @__PURE__ */ jsxs22(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__ */ jsx25(Stop3, { offset: "0%", stopColor: theme.textSecondary }),
-          /* @__PURE__ */ jsx25(Stop3, { offset: "100%", stopColor: theme.textPrimary })
+        /* @__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 })
         ] }),
         blue
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx25(Circle2, { cx: 200, cy: 200, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx25(Circle2, { cx: 200, cy: 200, r: KRIZAKA.ring.r, stroke, strokeWidth: KRIZAKA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx25(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: /* @__PURE__ */ jsx25(Path6, { d: KRIZAKA.shield, stroke: `url(#${id}i)`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })
+      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" }) })
     ] }),
-    /* @__PURE__ */ jsx25(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsx25(Svg8, { viewBox, style: layer, children: /* @__PURE__ */ jsx25(Circle2, { cx: 200, cy: 200, r: KRIZAKA.orbit.r, stroke, strokeWidth: KRIZAKA.orbit.width, strokeDasharray: KRIZAKA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
-    /* @__PURE__ */ jsx25(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs22(Svg8, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx25(Defs3, { children: blue }),
-      /* @__PURE__ */ jsxs22(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
+    /* @__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: [
         dot(KRIZAKA.node),
         dot(KRIZAKA.core)
       ] })
@@ -2824,12 +2978,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 View27 } from "react-native";
-import Svg14, { Circle as Circle8, Path as Path12 } from "react-native-svg";
+import { AccessibilityInfo as AccessibilityInfo7, Animated as Animated11, Easing as Easing5, StyleSheet as StyleSheet24, View as View29 } from "react-native";
+import Svg16, { Circle as Circle10, Path as Path14 } from "react-native-svg";
 
 // src/native/OrazakaMark.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 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";
 
 // src/marks/orazaka-geometry.ts
 var orange = marks.orazaka[marks.orazaka.length - 1][1];
@@ -2858,41 +3012,41 @@ var ORAZAKA = {
 };
 
 // src/native/OrazakaMark.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } 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__ */ jsx26(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__ */ jsx26(Stop4, { offset, stopColor: color }, offset)) });
+  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 fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs23(View22, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs23(Svg9, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx26(Defs4, { children: /* @__PURE__ */ jsxs23(RadialGradient2, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx26(Stop4, { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
-        /* @__PURE__ */ jsx26(Stop4, { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: 0 })
+  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 })
       ] }) }),
-      size >= 48 ? /* @__PURE__ */ jsx26(Circle3, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx26(Circle3, { 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__ */ jsx26(Circle3, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke, strokeWidth: ORAZAKA.ring.width, opacity: 0.35, fill: "none" })
+      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" })
     ] }),
-    /* @__PURE__ */ jsx26(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs23(Svg9, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx26(Defs4, { children: gradient }),
-      ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx26(Path7, { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d))
+    /* @__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__ */ jsx26(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs23(Svg9, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx26(Defs4, { children: gradient }),
-      /* @__PURE__ */ jsx26(Circle3, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
-      /* @__PURE__ */ jsx26(Circle3, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
+    /* @__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 })
     ] }) })
   ] });
 }
 
 // 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 View23 } from "react-native";
-import Svg10, { Circle as Circle4, Defs as Defs5, Ellipse, G as Group2, LinearGradient as LinearGradient5, Path as Path8, RadialGradient as RadialGradient3, Stop as Stop5 } from "react-native-svg";
+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";
 
 // src/marks/orochia-geometry.ts
 var OROCHIA = {
@@ -2919,7 +3073,7 @@ var OROCHIA = {
 };
 
 // src/native/OrochiaMark.tsx
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var CENTER = OROCHIA.offset + 180;
 function OrochiaMark({ size = 48, animated = true, title, neutral: neutralProp }) {
   const { theme } = useTheme();
@@ -2951,33 +3105,33 @@ 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__ */ jsx27(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__ */ jsx27(Stop5, { offset, stopColor: color }, offset)) });
-  return /* @__PURE__ */ jsxs24(View23, { style: { width: size, height: size }, ...a11y, children: [
-    /* @__PURE__ */ jsxs24(Svg10, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx27(Defs5, { children: /* @__PURE__ */ jsxs24(RadialGradient3, { id: "glow", cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx27(Stop5, { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
-        /* @__PURE__ */ jsx27(Stop5, { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: 0 })
+  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 })
       ] }) }),
-      /* @__PURE__ */ jsx27(Circle4, { cx: CENTER, cy: CENTER, r: 170, fill: "url(#glow)" }),
-      /* @__PURE__ */ jsx27(Circle4, { cx: CENTER, cy: CENTER, r: OROCHIA.ring.r, stroke: neutral, strokeWidth: OROCHIA.ring.width, opacity: 0.35, fill: "none" })
+      /* @__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__ */ jsx27(Animated10.View, { style: [layer, { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] }], children: /* @__PURE__ */ jsx27(Svg10, { viewBox, style: layer, children: /* @__PURE__ */ jsx27(Circle4, { cx: CENTER, cy: CENTER, r: OROCHIA.orbit.r, stroke: neutral, strokeWidth: OROCHIA.orbit.width, strokeDasharray: OROCHIA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
-    /* @__PURE__ */ jsxs24(Svg10, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx27(Defs5, { children: bodyGradient }),
-      /* @__PURE__ */ jsxs24(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-        /* @__PURE__ */ jsx27(Path8, { d: OROCHIA.arc, stroke: "url(#body)", strokeWidth: 22, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx27(Path8, { d: OROCHIA.arc, stroke: OROCHIA.scales.color, strokeOpacity: OROCHIA.scales.opacity, strokeWidth: OROCHIA.scales.width, strokeLinecap: "round", strokeDasharray: OROCHIA.scales.dash, fill: "none" }),
-        /* @__PURE__ */ jsx27(Path8, { d: OROCHIA.neck, stroke: "url(#body)", strokeWidth: 14, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx27(Path8, { d: OROCHIA.tail, stroke: "url(#body)", strokeWidth: 6, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx27(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__ */ jsx27(Path8, { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: 3, strokeLinecap: "round", 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__ */ jsx27(Animated10.View, { style: [layer, { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }], children: /* @__PURE__ */ jsxs24(Svg10, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx27(Defs5, { children: /* @__PURE__ */ jsx27(LinearGradient5, { id: "flame", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx27(Stop5, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsxs24(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-        /* @__PURE__ */ jsx27(Circle4, { cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
-        /* @__PURE__ */ jsx27(Path8, { d: OROCHIA.flame.d, transform: `translate(${OROCHIA.flame.translate[0]} ${OROCHIA.flame.translate[1]}) scale(${OROCHIA.flame.scale})`, fill: "url(#flame)" })
+    /* @__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)" })
       ] })
     ] }) })
   ] });
@@ -2985,8 +3139,8 @@ function OrochiaMark({ size = 48, animated = true, title, neutral: neutralProp }
 
 // src/native/YasakiaMark.tsx
 import React21 from "react";
-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 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";
 
 // src/marks/yasakia-geometry.ts
 var turquoise = marks.yasakia[marks.yasakia.length - 1][1];
@@ -3016,55 +3170,55 @@ var YASAKIA = {
 };
 
 // src/native/YasakiaMark.tsx
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } 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 id = useSvgId("yzm");
   const viewBox = size < 48 ? YASAKIA.croppedViewBox : YASAKIA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx28(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__ */ jsx28(Stop6, { offset, stopColor: color }, offset)) });
+  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 fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs25(View24, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs25(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs25(Defs6, { children: [
-        /* @__PURE__ */ jsxs25(RadialGradient4, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx28(Stop6, { offset: "0%", stopColor: YASAKIA.glow.color, stopOpacity: YASAKIA.glow.opacity }),
-          /* @__PURE__ */ jsx28(Stop6, { offset: "100%", stopColor: YASAKIA.glow.color, stopOpacity: 0 })
+  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 })
         ] }),
         gradient
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx28(Circle5, { cx: YASAKIA.center, cy: YASAKIA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx28(Circle5, { 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__ */ jsxs25(React21.Fragment, { children: [
-        /* @__PURE__ */ jsx28(Path9, { d: v.body, fill }),
-        /* @__PURE__ */ jsx28(Path9, { d: v.tail, fill }),
-        i === 0 ? /* @__PURE__ */ jsx28(Path9, { d: `${v.body} ${v.tail}`, fill: YASAKIA.shade.color, opacity: YASAKIA.shade.opacity }) : null
+      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))
     ] }),
-    /* @__PURE__ */ jsx28(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs25(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx28(Defs6, { children: gradient }),
-      /* @__PURE__ */ jsx28(Circle5, { 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__ */ jsx28(Circle5, { cx, cy, r: YASAKIA.pair.r, fill }, cx))
+    /* @__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__ */ jsx28(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs25(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs25(Defs6, { children: [
+    /* @__PURE__ */ jsx30(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs27(Svg13, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs27(Defs8, { children: [
         gradient,
-        /* @__PURE__ */ jsxs25(LinearGradient6, { id: `${id}l`, gradientUnits: "userSpaceOnUse", x1: 0, y1: YASAKIA.lens.y1, x2: 0, y2: YASAKIA.lens.y2, children: [
-          /* @__PURE__ */ jsx28(Stop6, { offset: "0%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.from }),
-          /* @__PURE__ */ jsx28(Stop6, { offset: "100%", stopColor: YASAKIA.highlight.color, stopOpacity: YASAKIA.highlight.to })
+        /* @__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__ */ jsx28(Path9, { d: YASAKIA.lens.d, fill }),
-      /* @__PURE__ */ jsx28(Path9, { d: YASAKIA.lens.d, fill: `url(#${id}l)` })
+      /* @__PURE__ */ jsx30(Path11, { d: YASAKIA.lens.d, fill }),
+      /* @__PURE__ */ jsx30(Path11, { d: YASAKIA.lens.d, fill: `url(#${id}l)` })
     ] }) })
   ] });
 }
 var YazakiaMark = YasakiaMark;
 
 // src/native/YomizakaMark.tsx
-import { View as View25 } from "react-native";
-import Svg12, { Circle as Circle6, Defs as Defs7, LinearGradient as LinearGradient7, Path as Path10, RadialGradient as RadialGradient5, Stop as Stop7 } from "react-native-svg";
+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";
 
 // src/marks/yomizaka-geometry.ts
 var indigo = marks.yomizaka[marks.yomizaka.length - 1][1];
@@ -3097,49 +3251,49 @@ var YOMIZAKA = {
 };
 
 // src/native/YomizakaMark.tsx
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } 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 id = useSvgId("ymm");
   const viewBox = size < 48 ? YOMIZAKA.croppedViewBox : YOMIZAKA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx29(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__ */ jsx29(Stop7, { offset, stopColor: color }, offset)) });
+  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 fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs26(View25, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs26(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs26(Defs7, { children: [
-        /* @__PURE__ */ jsxs26(RadialGradient5, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx29(Stop7, { offset: "0%", stopColor: YOMIZAKA.glow.color, stopOpacity: YOMIZAKA.glow.opacity }),
-          /* @__PURE__ */ jsx29(Stop7, { offset: "100%", stopColor: YOMIZAKA.glow.color, stopOpacity: 0 })
+  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 })
         ] }),
         gradient
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx29(Circle6, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx29(Circle6, { cx: YOMIZAKA.center, cy: YOMIZAKA.center, r: YOMIZAKA.ring.r, stroke, strokeWidth: YOMIZAKA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx29(Path10, { d: YOMIZAKA.page, fill }),
-      /* @__PURE__ */ jsx29(Path10, { d: YOMIZAKA.lines, stroke: YOMIZAKA.line.color, strokeOpacity: YOMIZAKA.line.opacity, strokeWidth: YOMIZAKA.line.width, strokeLinecap: "round", fill: "none" }),
-      /* @__PURE__ */ jsx29(Path10, { d: YOMIZAKA.handle, stroke: fill, strokeWidth: YOMIZAKA.handleWidth, strokeLinecap: "round", fill: "none" })
+      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" })
     ] }),
-    /* @__PURE__ */ jsx29(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs26(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx29(Defs7, { children: gradient }),
-      /* @__PURE__ */ jsx29(Circle6, { 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__ */ jsx29(Circle6, { cx: YOMIZAKA.node.at[0], cy: YOMIZAKA.node.at[1], r: YOMIZAKA.node.r, fill })
+    /* @__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__ */ jsx29(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs26(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs26(Defs7, { children: [
+    /* @__PURE__ */ jsx31(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs28(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs28(Defs9, { children: [
         gradient,
-        /* @__PURE__ */ jsx29(LinearGradient7, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YOMIZAKA.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx29(Stop7, { offset, stopColor: color }, offset)) })
+        /* @__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__ */ jsx29(Circle6, { cx: YOMIZAKA.lens.cx, cy: YOMIZAKA.lens.cy, r: YOMIZAKA.lens.r, stroke: fill, strokeWidth: YOMIZAKA.lens.width, fill: `url(#${id}c)` }),
-      /* @__PURE__ */ jsx29(Circle6, { cx: YOMIZAKA.lens.glint.cx, cy: YOMIZAKA.lens.glint.cy, r: YOMIZAKA.lens.glint.r, fill: YOMIZAKA.highlight })
+      /* @__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 })
     ] }) })
   ] });
 }
 
 // src/native/YororisMark.tsx
-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 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";
 
 // src/marks/yororis-geometry.ts
 var sand = marks.yororis[0][1];
@@ -3175,56 +3329,58 @@ var YORORIS = {
 };
 
 // src/native/YororisMark.tsx
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } 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 id = useSvgId("yrm");
   const viewBox = size < 48 ? YORORIS.croppedViewBox : YORORIS.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx30(LinearGradient8, { 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__ */ jsx30(Stop8, { offset, stopColor: color }, offset)) });
+  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__ */ 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: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
-          /* @__PURE__ */ jsx30(Stop8, { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: 0 })
+  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__ */ jsx30(Circle7, { cx: YORORIS.center, cy: YORORIS.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx30(Circle7, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke, strokeWidth: YORORIS.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx30(Path11, { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round", fill: "none" }),
-      YORORIS.leaves.map((d) => /* @__PURE__ */ jsx30(Path11, { d, fill }, d)),
-      /* @__PURE__ */ jsx30(Path11, { d: YORORIS.veins, stroke: YORORIS.vein.color, strokeOpacity: YORORIS.vein.opacity, strokeWidth: YORORIS.vein.width, strokeLinecap: "round", strokeDasharray: YORORIS.vein.dash, fill: "none" })
+      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" })
     ] }),
-    /* @__PURE__ */ jsx30(Animated28.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs27(Svg13, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx30(Defs8, { children: gradient }),
-      /* @__PURE__ */ jsx30(Circle7, { 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__ */ jsx30(Circle7, { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
+    /* @__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__ */ jsx30(Animated28.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs27(Svg13, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx30(Defs8, { children: /* @__PURE__ */ jsx30(LinearGradient8, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx30(Stop8, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsx30(Circle7, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id}c)` }),
-      /* @__PURE__ */ jsx30(Circle7, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
+    /* @__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 })
     ] }) })
   ] });
 }
 
 // src/native/ProductMark.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function ProductMark({ id, ...props }) {
-  if (id === "krizaka") return /* @__PURE__ */ jsx31(KrizakaMark, { ...props });
-  if (id === "orazaka") return /* @__PURE__ */ jsx31(OrazakaMark, { ...props });
-  if (id === "yasakia" || id === "yazakia") return /* @__PURE__ */ jsx31(YasakiaMark, { ...props });
-  if (id === "yororis") return /* @__PURE__ */ jsx31(YororisMark, { ...props });
-  if (id === "yomizaka") return /* @__PURE__ */ jsx31(YomizakaMark, { ...props });
-  return /* @__PURE__ */ jsx31(OrochiaMark, { ...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 });
 }
 
 // src/native/loader.tsx
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs30 } 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 }) {
@@ -3241,12 +3397,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__ */ jsx32(Animated11.View, { "aria-hidden": true, style: { width: size, height: size, transform: state === "loading" && !known ? [{ rotate }] : [] }, children: /* @__PURE__ */ jsxs28(Svg14, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ jsx32(Path12, { d: HEX, stroke, strokeOpacity: 0.22, strokeWidth: 2.2, strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx32(Path12, { d: HEX, stroke, strokeWidth: 2.2, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: `${fill * PERIMETER} ${PERIMETER}` }),
-    state === "loading" ? /* @__PURE__ */ jsx32(Circle8, { cx: 12, cy: 12, r: 2.6, fill: stroke }) : null,
-    state === "success" ? /* @__PURE__ */ jsx32(Path12, { d: "M8.3 12.3l2.6 2.6 4.9-5.3", stroke, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) : null,
-    state === "error" ? /* @__PURE__ */ jsx32(Path12, { d: "M9.4 9.4l5.2 5.2M14.6 9.4l-5.2 5.2", stroke, strokeWidth: 2.2, strokeLinecap: "round" }) : null
+  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
   ] }) });
 }
 function useDelayedWait(active, delay = 250, minDuration = 600) {
@@ -3298,17 +3454,17 @@ 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__ */ jsxs28(View27, { 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__ */ jsx32(ProductMark, { id: product, size: GLYPH[variant], animated: true }) : /* @__PURE__ */ jsx32(LoaderGlyph, { state: phase, value: known ? value : null, size: GLYPH[variant] }),
-    /* @__PURE__ */ jsxs28(View27, { style: stacked ? styles24.center : styles24.text, children: [
-      /* @__PURE__ */ jsx32(Txt, { variant: variant === "page" ? "title" : "label", style: stacked ? styles24.centered : null, children: words2 }),
-      detail ? /* @__PURE__ */ jsx32(Txt, { variant: "caption", tone: "secondary", style: stacked ? styles24.centered : null, children: detail }) : null
+  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 a11y = { accessible: true, role: "progressbar", "aria-label": words2, "aria-busy": phase === "loading", accessibilityLiveRegion: "polite" };
   if (variant === "overlay" || variant === "page")
-    return /* @__PURE__ */ jsx32(View27, { ...a11y, style: [StyleSheet24.absoluteFill, styles24.cover, variant === "page" ? { backgroundColor: alpha(theme.surface0, 0.86) } : null, style], children: box });
-  return /* @__PURE__ */ jsx32(View27, { ...a11y, style: [variant === "block" ? styles24.block : null, style], children: box });
+    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 });
 }
 var styles24 = StyleSheet24.create({
   inline: { flexDirection: "row", alignItems: "center", gap: 10 },
@@ -3323,12 +3479,12 @@ var styles24 = StyleSheet24.create({
 
 // 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 View29 } from "react-native";
+import { AccessibilityInfo as AccessibilityInfo9, Animated as Animated13, Easing as Easing7, StyleSheet as StyleSheet25, View as View31 } 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 View28 } from "react-native";
-import Svg15, { Circle as Circle9, Defs as Defs9, Ellipse as Ellipse2, G, LinearGradient as LinearGradient9, Path as Path13, Rect as Rect2, Stop as Stop9 } from "react-native-svg";
+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";
 
 // src/mascots/geometry.ts
 var mirror = (d) => d.replace(/(-?\d+(?:\.\d+)?) (-?\d+(?:\.\d+)?)/g, (_, x, y) => `${120 - Number(x)} ${y}`);
@@ -3449,6 +3605,46 @@ var BIRDS = {
     details: ["M41 16.5 C42 11 52 11 53 16.5 C50 14.6 44 14.6 41 16.5 Z"],
     beak: "M40.5 18.5 L19 22.5 L40.5 25.5 Z",
     eyes: { at: [[45.5, 19.5]], white: 2.8, pupil: 1.6 }
+  },
+  /**
+   * The magpie — the one that keeps the score: it counts the points, remembers every trophy and chatters with the
+   * league. A sleek pied bird: a dark cap (the detail colour) over a round head, a white belly, a long tail behind it
+   * (the detail colour), a short straight beak. It watches no one (that is the falcon): it counts.
+   */
+  magpie: {
+    shadow: [58, 110, 24, 3.5],
+    legs: ["M53 95 L51 107 M47 107 L55 107", "M65 95 L67 107 M63 107 L71 107"],
+    back: ["M72 88 C84 94 96 102 106 108 C104 111 100 112 97 110 C88 104 78 98 68 94 Z"],
+    body: "M34 64 C34 44 84 44 84 64 C84 88 72 98 58 98 C44 98 34 88 34 64 Z",
+    belly: "M43 70 C43 60 73 60 73 70 C73 84 67 90 58 90 C49 90 43 84 43 70 Z",
+    wings: [
+      { d: "M35 58 C22 64 22 84 40 88 C36 78 35 68 35 58 Z", pivot: [35, 58] },
+      { d: "M83 58 C96 64 96 84 78 88 C82 78 83 68 83 58 Z", pivot: [83, 58] }
+    ],
+    head: { cx: 58, cy: 36, r: 19 },
+    details: ["M40 34 C40 22 48 16 58 16 C68 16 76 22 76 34 C70 29 64 28 58 28 C52 28 46 29 40 34 Z"],
+    beak: "M53 42 L63 42 L58 50 Z",
+    eyes: { at: [[50, 35], [66, 35]], white: 4.4, pupil: 2.3 }
+  },
+  /**
+   * The beaver — the artisan that builds the shop, Akinaza's figure (and Canada's). Round and sturdy, sitting up: two
+   * round ears and a nose (the detail colour), the two front teeth (the beak colour), small paws drawn as its wings,
+   * and its flat paddle tail lying behind it. No feathers, the same moods.
+   */
+  beaver: {
+    shadow: [62, 110, 30, 3.5],
+    legs: ["M50 100 L48 106 M43 106 L53 106", "M70 100 L72 106 M67 106 L77 106"],
+    back: ["M74 94 C86 92 104 96 108 103 C106 110 90 111 76 104 Z"],
+    body: "M30 72 C30 48 90 48 90 72 C90 96 78 104 60 104 C42 104 30 96 30 72 Z",
+    belly: "M42 76 C42 64 78 64 78 76 C78 92 70 98 60 98 C50 98 42 92 42 76 Z",
+    wings: [
+      { d: "M38 66 C28 70 30 84 42 84 C44 78 42 72 38 66 Z", pivot: [38, 66] },
+      { d: "M82 66 C92 70 90 84 78 84 C76 78 78 72 82 66 Z", pivot: [82, 66] }
+    ],
+    head: { cx: 60, cy: 40, r: 22 },
+    details: ["M37 30 C33 23 39 16 46 20 C43 23 40 26 37 30 Z", "M83 30 C87 23 81 16 74 20 C77 23 80 26 83 30 Z", "M55 45 C55 42 65 42 65 45 C65 48 62 49 60 49 C58 49 55 48 55 45 Z"],
+    beak: "M56 51 H64 V58 C64 59.5 63 60 62 60 H58 C57 60 56 59.5 56 58 Z",
+    eyes: { at: [[51, 36], [69, 36]], white: 4.6, pupil: 2.4 }
   }
 };
 var MOOD_PARTS = {
@@ -3479,14 +3675,18 @@ var OWN_PALETTES = {
   pigeon: { from: "#22d3ee", to: "#6366f1", wing: "#a855f7", detail: "#4338ca", beak: "#f59e0b", eye: "#1f2937" },
   lovebird: { from: "#6ee7b7", to: "#059669", wing: "#047857", detail: "#fb7185", beak: "#f97316", eye: "#1f2937" },
   // The sandhill crane (grue du Canada): sand-grey plumage, its red crown, dark legs and beak.
-  crane: { from: "#ebe3d6", to: "#9c8f80", wing: "#7d7266", detail: "#dc2626", beak: "#44403c", eye: "#1f2937" }
+  crane: { from: "#ebe3d6", to: "#9c8f80", wing: "#7d7266", detail: "#dc2626", beak: "#44403c", eye: "#1f2937" },
+  // The Eurasian magpie (pie bavarde): slate and ink, the cobalt sheen of its wings, a dark beak.
+  magpie: { from: "#64748b", to: "#1e293b", wing: "#1d4ed8", detail: "#0f172a", beak: "#334155", eye: "#1f2937" },
+  // The North American beaver (castor du Canada): warm brown fur, a dark nose and tail, its orange front teeth.
+  beaver: { from: "#b07a4a", to: "#6b4226", wing: "#5c3a21", detail: "#3f2716", beak: "#f59e0b", eye: "#1f2937" }
 };
 var LIGHT = "#ffffff";
 var SHADE = "#000000";
 var PARCEL = ["#f59e0b", "#d97706", "#b45309"];
 
 // src/native/mascots.tsx
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 function useBob(animated) {
   const [y] = useState22(() => new Animated12.Value(0));
   useEffect14(() => {
@@ -3520,52 +3720,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__ */ jsx33(View28, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx33(Animated12.View, { style: { transform: [{ translateY: bob }] }, children: /* @__PURE__ */ jsxs29(Svg15, { width: size, height: size, viewBox: "0 0 120 120", children: [
-    /* @__PURE__ */ jsx33(Defs9, { children: /* @__PURE__ */ jsxs29(LinearGradient9, { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx33(Stop9, { offset: "0%", stopColor: p.from }),
-      /* @__PURE__ */ jsx33(Stop9, { offset: "100%", stopColor: p.to })
+  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 })
     ] }) }),
-    /* @__PURE__ */ jsx33(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__ */ jsx33(Path13, { d: MOOD_PARTS.tray, stroke: outline, strokeWidth: 1.6, strokeDasharray: "3 3", fill: "none" }),
-    g.legs.map((d) => /* @__PURE__ */ jsx33(Path13, { d, stroke: p.beak, strokeWidth: 2.6, strokeLinecap: "round", fill: "none" }, d)),
-    g.back?.map((d) => d.endsWith("Z") ? /* @__PURE__ */ jsx33(Path13, { d, fill: p.detail, ...line }, d) : /* @__PURE__ */ jsx33(Path13, { d, stroke: outline, strokeWidth: 1.4, fill: "none" }, d)),
-    g.parcel?.map((d, i) => /* @__PURE__ */ jsx33(Path13, { d, fill: PARCEL[i], ...line }, d)),
-    /* @__PURE__ */ jsx33(Path13, { d: g.body, fill: body, ...line }),
-    /* @__PURE__ */ jsx33(Path13, { d: g.belly, fill: LIGHT, opacity: 0.28 }),
+    /* @__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 }),
     [wl, wr].map((w, i) => {
       const turn = mood === "success" ? i === 0 ? 28 : -28 : mood === "welcome" && i === 1 ? -20 : 0;
-      return /* @__PURE__ */ jsxs29(G, { transform: turn ? rot(turn, w.pivot) : void 0, children: [
-        /* @__PURE__ */ jsx33(Path13, { d: w.d, fill: p.wing, ...line }),
-        /* @__PURE__ */ jsx33(Path13, { d: w.d, fill: SHADE, opacity: 0.16 })
+      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 })
       ] }, i);
     }),
-    g.neck && /* @__PURE__ */ jsx33(Path13, { d: g.neck.d, stroke: body, strokeWidth: g.neck.width, strokeLinecap: "round", fill: "none" }),
-    g.head.r > 0 && /* @__PURE__ */ jsx33(Circle9, { cx: g.head.cx, cy: g.head.cy, r: g.head.r, fill: body, ...line }),
-    g.details.map((d) => /* @__PURE__ */ jsx33(Path13, { d, fill: p.detail, ...line }, d)),
-    g.visor && /* @__PURE__ */ jsx33(Rect2, { 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__ */ 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.eyes.at.map(
-      (at, i) => mood === "empty" && g.eyes.white > 0 ? /* @__PURE__ */ jsxs29(G, { children: [
-        /* @__PURE__ */ jsx33(Circle9, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
-        /* @__PURE__ */ jsx33(Circle9, { cx: at[0], cy: at[1] + g.eyes.pupil * 0.7, r: g.eyes.pupil, fill: SHADE }),
-        /* @__PURE__ */ jsx33(Path13, { d: upperLid(at, g.eyes.white), fill: p.detail, ...line })
-      ] }, i) : mood === "success" || mood === "empty" ? /* @__PURE__ */ jsx33(Path13, { 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__ */ jsxs29(G, { children: [
-        g.eyes.white > 0 && /* @__PURE__ */ jsx33(Circle9, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
-        /* @__PURE__ */ jsx33(Circle9, { 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__ */ 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 })
       ] }, i)
     ),
-    g.glasses && g.eyes.at.map(([x, y]) => /* @__PURE__ */ jsx33(Circle9, { cx: x, cy: y, r: 6.5, fill: "none", stroke: outline, strokeWidth: 1.3 }, x)),
-    mood === "error" && g.eyes.at.map((at, i) => /* @__PURE__ */ jsx33(Path13, { d: brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1), stroke: outline, strokeWidth: 2, strokeLinecap: "round" }, i)),
-    /* @__PURE__ */ jsx33(Path13, { d: g.beak, fill: p.beak, ...line }),
-    mood === "thinking" && MOOD_PARTS.dots.map(([cx, cy, r], i) => /* @__PURE__ */ jsx33(Circle9, { cx, cy, r, fill: theme.textSecondary, opacity: 0.5 + i * 0.25 }, cx)),
-    (mood === "success" || mood === "error") && /* @__PURE__ */ jsx33(Circle9, { 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__ */ jsx33(Path13, { d: MOOD_PARTS.check, stroke: theme.surface0, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
-    mood === "error" && /* @__PURE__ */ jsx33(Path13, { d: MOOD_PARTS.bang.line, stroke: theme.surface0, strokeWidth: 2.8, strokeLinecap: "round" }),
-    mood === "error" && /* @__PURE__ */ jsx33(Circle9, { 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__ */ 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 })
   ] }) }) });
 }
 
 // src/native/mascot-state.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs32 } 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));
@@ -3586,7 +3786,7 @@ 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__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(
     Animated13.View,
     {
       role: mood === "error" ? "alert" : "status",
@@ -3595,20 +3795,20 @@ function MascotState({ bird = "owl", mood = "empty", title, description, action,
       ...props,
       style: [inline ? styles25.inline : styles25.stacked, { opacity, transform: [{ translateY: opacity.interpolate({ inputRange: [0, 1], outputRange: [6, 0] }) }] }, style],
       children: [
-        /* @__PURE__ */ jsx34(Mascot, { bird, mood, tone: tone3, size: SIZE[size], animated }),
-        /* @__PURE__ */ jsxs30(View29, { style: inline ? styles25.wordsInline : styles25.words, children: [
-          /* @__PURE__ */ jsx34(Txt, { variant: "label", role: "heading", style: inline ? null : styles25.center, children: title }),
-          description ? /* @__PURE__ */ jsx34(Txt, { tone: "secondary", style: inline ? null : styles25.center, children: description }) : null,
-          action ? /* @__PURE__ */ jsx34(View29, { style: [styles25.action, inline ? null : styles25.actionCentred], children: action }) : null
+        /* @__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
         ] })
       ]
     }
   );
 }
-var ErrorState = (props) => /* @__PURE__ */ jsx34(MascotState, { mood: "error", ...props });
-var SuccessState = (props) => /* @__PURE__ */ jsx34(MascotState, { mood: "success", ...props });
-var LoadingState = (props) => /* @__PURE__ */ jsx34(MascotState, { mood: "thinking", ...props });
-var WelcomeState = (props) => /* @__PURE__ */ jsx34(MascotState, { mood: "welcome", ...props });
+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({
   stacked: { alignItems: "center", justifyContent: "center", gap: 12, paddingVertical: 40, paddingHorizontal: 24 },
   inline: { flexDirection: "row", alignItems: "center", gap: 16 },
@@ -3621,9 +3821,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 View30 } from "react-native";
-import Svg16, { Path as Path14 } from "react-native-svg";
-import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+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 Svg18, { Path as Path16 } from "react-native-svg";
+import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function MatchDialog({ open, onOpenChange, title, description, people, primaryLabel, onPrimary, secondaryLabel }) {
   const { theme, haptic } = useTheme();
   const reduce = useReducedMotion();
@@ -3643,17 +3843,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__ */ jsx35(Modal4, { ...modalName(title), visible: open, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs31(View30, { accessibilityViewIsModal: true, style: [styles26.screen, { backgroundColor: theme.accent }], children: [
-    /* @__PURE__ */ jsx35(View30, { style: [StyleSheet26.absoluteFill, { backgroundColor: theme.accent2, opacity: 0.55 }] }),
-    /* @__PURE__ */ jsx35(Txt, { variant: "display", tone: "onAccent", style: styles26.title, children: title }),
-    description ? /* @__PURE__ */ jsx35(Txt, { tone: "onAccent", style: styles26.center, children: description }) : null,
-    /* @__PURE__ */ jsxs31(View30, { style: styles26.pair, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx35(Animated14.View, { style: [styles26.photo, side(-1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx35(Avatar, { src: people[0].src, alt: "", fallback: people[0].name.charAt(0), size: 112 }) }),
-      /* @__PURE__ */ jsx35(Animated14.View, { style: [styles26.photo, side(1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx35(Avatar, { src: people[1].src, alt: "", fallback: people[1].name.charAt(0), size: 112 }) }),
-      /* @__PURE__ */ jsx35(Animated14.View, { style: [styles26.heart, { backgroundColor: theme.onAccent, transform: [{ scale: t }] }], children: /* @__PURE__ */ jsx35(Svg16, { width: 26, height: 26, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx35(Path14, { 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__ */ 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 }) }) })
     ] }),
-    /* @__PURE__ */ jsxs31(View30, { style: styles26.actions, children: [
-      /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsxs33(View32, { style: styles26.actions, children: [
+      /* @__PURE__ */ jsx37(
         Button,
         {
           label: primaryLabel,
@@ -3664,7 +3864,7 @@ function MatchDialog({ open, onOpenChange, title, description, people, primaryLa
           }
         }
       ),
-      /* @__PURE__ */ jsx35(Pressable14, { role: "button", onPress: () => onOpenChange(false), style: ({ pressed }) => [styles26.secondary, { borderColor: theme.onAccent, opacity: pressed ? 0.8 : 1 }], children: /* @__PURE__ */ jsx35(Txt, { variant: "label", tone: "onAccent", children: secondaryLabel }) })
+      /* @__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 }) })
     ] })
   ] }) });
 }
@@ -3680,9 +3880,9 @@ var styles26 = StyleSheet26.create({
 });
 
 // src/native/meter.tsx
-import { StyleSheet as StyleSheet27, View as View31 } from "react-native";
-import Svg17, { Circle as Circle10 } from "react-native-svg";
-import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet27, View as View33 } from "react-native";
+import Svg19, { Circle as Circle12 } from "react-native-svg";
+import { jsx as jsx38, jsxs as jsxs34 } 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];
@@ -3695,10 +3895,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__ */ jsx36(View31, { style: styles27.legend, "aria-hidden": true, children: shares.map((p, i) => /* @__PURE__ */ jsxs32(View31, { style: styles27.legendItem, children: [
-    /* @__PURE__ */ jsx36(View31, { style: [styles27.swatch, { backgroundColor: p.color }] }),
-    /* @__PURE__ */ jsx36(Txt, { variant: "caption", children: p.label }),
-    /* @__PURE__ */ jsx36(Txt, { variant: "caption", tone: "secondary", children: p.words })
+  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 })
   ] }, i)) }) : null;
   if (variant === "ring") {
     const side = RING[size];
@@ -3710,23 +3910,23 @@ 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__ */ jsxs32(View31, { accessible: true, ...a11y, style: [styles27.ringRoot, style], children: [
-      /* @__PURE__ */ jsxs32(View31, { style: { width: side, height: side }, children: [
-        /* @__PURE__ */ jsxs32(Svg17, { width: side, height: side, viewBox: "0 0 100 100", style: { transform: [{ rotate: "-90deg" }] }, children: [
-          /* @__PURE__ */ jsx36(Circle10, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: 9 }),
-          arcs.map((a, i) => /* @__PURE__ */ jsx36(Circle10, { 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__ */ 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))
         ] }),
-        children !== void 0 ? /* @__PURE__ */ jsx36(View31, { style: [StyleSheet27.absoluteFill, styles27.center], children }) : null
+        children !== void 0 ? /* @__PURE__ */ jsx38(View33, { style: [StyleSheet27.absoluteFill, styles27.center], children }) : null
       ] }),
       legend
     ] });
   }
-  return /* @__PURE__ */ jsxs32(View31, { accessible: true, ...a11y, style: [styles27.root, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs32(View31, { style: styles27.header, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx36(Txt, { variant: "caption", numberOfLines: 1, style: styles27.caption, children: label }),
-      !parts ? /* @__PURE__ */ jsx36(Txt, { variant: "caption", tone: "secondary", children: words2 }) : null
+  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
     ] }) : null,
-    /* @__PURE__ */ jsx36(View31, { style: [styles27.track, { height: THICK[size], backgroundColor: theme.surface3 }], children: parts ? shares.map((p, i) => /* @__PURE__ */ jsx36(View31, { style: { width: `${p.ratio * 100}%`, backgroundColor: p.color } }, i)) : /* @__PURE__ */ jsx36(View31, { style: [styles27.fill, { width: `${ratio * 100}%`, backgroundColor: tone3 }] }) }),
+    /* @__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 }] }) }),
     legend
   ] });
 }
@@ -3746,7 +3946,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 jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } 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]);
@@ -3774,13 +3974,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__ */ jsx37(Txt, { variant, tone: tone3, "aria-label": writer.format(value), style: [{ fontVariant: ["tabular-nums"] }, style], children: /* @__PURE__ */ jsx37(Text13, { "aria-hidden": true, children: writer.format(digits) }) });
+  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) }) });
 }
 
 // src/native/onboarding.tsx
 import * as React27 from "react";
-import { ScrollView as ScrollView5, StyleSheet as StyleSheet28, View as View32 } from "react-native";
-import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { ScrollView as ScrollView5, StyleSheet as StyleSheet28, View as View34 } from "react-native";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function Onboarding({ slides, labels, onDone, style }) {
   const { theme, insets, haptic } = useTheme();
   const [width, setWidth] = React27.useState(0);
@@ -3795,15 +3995,15 @@ function Onboarding({ slides, labels, onDone, style }) {
   const onScroll = (e) => {
     if (width > 0) setPage(Math.round(e.nativeEvent.contentOffset.x / width));
   };
-  return /* @__PURE__ */ jsxs33(View32, { style: [styles28.root, { backgroundColor: theme.surface0, paddingTop: insets.top + 8, paddingBottom: insets.bottom + 16 }, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsx38(View32, { style: styles28.top, children: !last ? /* @__PURE__ */ jsx38(Button, { label: labels.skip, variant: "ghost", size: "sm", onPress: onDone }) : /* @__PURE__ */ jsx38(View32, { style: styles28.spacer }) }),
-    /* @__PURE__ */ jsx38(ScrollView5, { ref: scroller, tabIndex: 0, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onMomentumScrollEnd: onScroll, style: styles28.flex, children: slides.map((slide, i) => /* @__PURE__ */ jsxs33(View32, { 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__ */ jsx38(View32, { style: styles28.visual, children: slide.visual }) : null,
-      /* @__PURE__ */ jsx38(Txt, { variant: "display", style: styles28.centred, children: slide.title }),
-      /* @__PURE__ */ jsx38(Txt, { tone: "secondary", style: [styles28.centred, styles28.description], children: slide.description })
+  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 })
     ] }, i)) }),
-    /* @__PURE__ */ jsx38(View32, { style: styles28.dots, "aria-hidden": true, children: slides.map((_, i) => /* @__PURE__ */ jsx38(View32, { style: [styles28.dot, { width: i === page ? 22 : 8, backgroundColor: i === page ? theme.accent : theme.borderStrong }] }, i)) }),
-    /* @__PURE__ */ jsx38(View32, { style: styles28.bottom, children: /* @__PURE__ */ jsx38(Button, { label: last ? labels.done : labels.next, variant: last ? "gradient" : "primary", size: "lg", onPress: () => last ? onDone() : go(page + 1) }) })
+    /* @__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) }) })
   ] });
 }
 var styles28 = StyleSheet28.create({
@@ -3822,8 +4022,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 View33 } from "react-native";
-import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+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";
 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("");
@@ -3842,11 +4042,11 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
       onComplete?.(next);
     }
   };
-  return /* @__PURE__ */ jsxs34(Pressable15, { onPress: () => input.current?.focus(), disabled, accessible: false, style: [styles29.root, style], children: [
-    /* @__PURE__ */ jsx39(View33, { style: styles29.boxes, "aria-hidden": true, children: Array.from({ length }, (_, i) => {
+  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) => {
       const active = focused && i === Math.min(code.length, length - 1);
-      return /* @__PURE__ */ jsx39(
-        View33,
+      return /* @__PURE__ */ jsx41(
+        View35,
         {
           style: [
             styles29.box,
@@ -3857,12 +4057,12 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
               borderWidth: invalid || active ? 2 : 1
             }
           ],
-          children: /* @__PURE__ */ jsx39(Txt, { variant: "title", children: code[i] ?? "" })
+          children: /* @__PURE__ */ jsx41(Txt, { variant: "title", children: code[i] ?? "" })
         },
         i
       );
     }) }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx41(
       TextInput5,
       {
         ref: input,
@@ -3894,11 +4094,11 @@ var styles29 = StyleSheet29.create({
 });
 
 // src/native/pagination.tsx
-import { Pressable as Pressable16, StyleSheet as StyleSheet30, Text as Text14, View as View34 } from "react-native";
-import Svg18, { Path as Path15 } from "react-native-svg";
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Pressable as Pressable16, StyleSheet as StyleSheet30, Text as Text14, View as View36 } from "react-native";
+import Svg20, { Path as Path17 } from "react-native-svg";
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
 function Chevron3({ direction, color }) {
-  return /* @__PURE__ */ jsx40(Svg18, { 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__ */ jsx40(Path15, { d: direction === "left" ? "m15 6-6 6 6 6" : "m9 6 6 6-6 6" }) });
+  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" }) });
 }
 function Pagination({ page = 1, pageCount, onPageChange, hasPrevious, hasNext, onPrevious, onNext, status, disabled, labels, style }) {
   const { theme, radius: radius3 } = useTheme();
@@ -3907,7 +4107,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__ */ jsx40(
+  const button = (direction, enabled, onPress, label) => /* @__PURE__ */ jsx42(
     Pressable16,
     {
       role: "button",
@@ -3920,13 +4120,13 @@ function Pagination({ page = 1, pageCount, onPageChange, hasPrevious, hasNext, o
         styles30.button,
         { borderRadius: radius3.sm, borderColor: theme.borderDefault, backgroundColor: theme.surface1, opacity: enabled ? pressed ? 0.8 : 1 : 0.4 }
       ],
-      children: /* @__PURE__ */ jsx40(Chevron3, { direction, color: theme.textPrimary })
+      children: /* @__PURE__ */ jsx42(Chevron3, { direction, color: theme.textPrimary })
     }
   );
   const text = status ?? (paged ? labels.compact(current, count) : null);
-  return /* @__PURE__ */ jsxs35(View34, { role: "navigation", style: [styles30.row, style], children: [
+  return /* @__PURE__ */ jsxs37(View36, { role: "navigation", style: [styles30.row, style], children: [
     button("left", canPrevious, paged ? () => onPageChange?.(current - 1) : onPrevious, labels.previous),
-    text ? /* @__PURE__ */ jsx40(Text14, { "aria-live": "polite", style: [styles30.status, { color: theme.textSecondary }], children: text }) : null,
+    text ? /* @__PURE__ */ jsx42(Text14, { "aria-live": "polite", style: [styles30.status, { color: theme.textSecondary }], children: text }) : null,
     button("right", canNext, paged ? () => onPageChange?.(current + 1) : onNext, labels.next)
   ] });
 }
@@ -3937,8 +4137,8 @@ var styles30 = StyleSheet30.create({
 });
 
 // src/native/permission-prompt.tsx
-import { StyleSheet as StyleSheet31, View as View35 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet31, View as View37 } from "react-native";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
 function PermissionPrompt({
   status,
   title,
@@ -3955,15 +4155,15 @@ function PermissionPrompt({
   style
 }) {
   const { theme, radius: radius3 } = useTheme();
-  if (status === "granted") return /* @__PURE__ */ jsx41(Fragment6, { children: children ?? null });
+  if (status === "granted") return /* @__PURE__ */ jsx43(Fragment6, { children: children ?? null });
   const blocked = status === "blocked" || status === "denied" && Boolean(onOpenSettings);
-  return /* @__PURE__ */ jsxs36(View35, { style: [styles31.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx41(Mascot, { bird: mascot, mood: blocked ? "error" : "welcome", size: 104 }),
-    /* @__PURE__ */ jsx41(Txt, { variant: "title", style: styles31.centred, children: title }),
-    /* @__PURE__ */ jsx41(Txt, { tone: "secondary", style: styles31.centred, children: blocked && blockedDescription ? blockedDescription : description }),
-    /* @__PURE__ */ jsxs36(View35, { style: styles31.actions, children: [
-      blocked && settingsLabel && onOpenSettings ? /* @__PURE__ */ jsx41(Button, { label: settingsLabel, variant: "primary", onPress: onOpenSettings }) : /* @__PURE__ */ jsx41(Button, { label: allowLabel, variant: "primary", onPress: onAllow }),
-      dismissLabel && onDismiss ? /* @__PURE__ */ jsx41(Button, { label: dismissLabel, variant: "ghost", onPress: onDismiss }) : null
+  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
     ] })
   ] });
 }
@@ -3975,8 +4175,8 @@ var styles31 = StyleSheet31.create({
 
 // 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 View36 } from "react-native";
-import Svg19, { Circle as Circle11, Defs as Defs10, LinearGradient as LinearGradient10, Path as Path16, RadialGradient as RadialGradient7, Stop as Stop10 } from "react-native-svg";
+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";
 
 // src/mascots/phoenix-geometry.ts
 var PHOENIX = {
@@ -3999,7 +4199,7 @@ var PHOENIX_PALETTES = {
 };
 
 // src/native/phoenix.tsx
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
 function useFloat(animated) {
   const [y] = useState28(() => new Animated16.Value(0));
   useEffect19(() => {
@@ -4024,37 +4224,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__ */ jsx42(View36, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx42(Animated16.View, { style: { transform: [{ translateY: y }] }, children: /* @__PURE__ */ jsxs37(Svg19, { width: size, height: size, viewBox: "0 0 120 120", children: [
-    /* @__PURE__ */ jsxs37(Defs10, { children: [
-      /* @__PURE__ */ jsxs37(LinearGradient10, { id: `${id}l`, x1: "1", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ jsx42(Stop10, { offset: "0%", stopColor: p.left[0] }),
-        /* @__PURE__ */ jsx42(Stop10, { offset: "100%", stopColor: p.left[1] })
+  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] })
       ] }),
-      /* @__PURE__ */ jsxs37(LinearGradient10, { id: `${id}r`, x1: "0", y1: "0", x2: "1", y2: "1", children: [
-        /* @__PURE__ */ jsx42(Stop10, { offset: "0%", stopColor: p.right[0] }),
-        /* @__PURE__ */ jsx42(Stop10, { offset: "100%", stopColor: p.right[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__ */ jsxs37(RadialGradient7, { id: `${id}c`, children: [
-        /* @__PURE__ */ jsx42(Stop10, { offset: "0%", stopColor: p.core[0] }),
-        /* @__PURE__ */ jsx42(Stop10, { offset: "100%", stopColor: p.core[1], stopOpacity: 0 })
+      /* @__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__ */ jsx42(Path16, { d: PHOENIX.wingL, fill: `url(#${id}l)` }),
-    /* @__PURE__ */ jsx42(Path16, { d: PHOENIX.wingR, fill: `url(#${id}r)` }),
-    /* @__PURE__ */ jsx42(Path16, { d: PHOENIX.tailL, fill: `url(#${id}l)`, opacity: 0.7 }),
-    /* @__PURE__ */ jsx42(Path16, { d: PHOENIX.tailR, fill: `url(#${id}r)`, opacity: 0.7 }),
-    /* @__PURE__ */ jsx42(Path16, { d: PHOENIX.body, fill: p.body, stroke: p.edge, strokeOpacity: 0.5 }),
-    /* @__PURE__ */ jsx42(Circle11, { cx: 60, cy: 58, r: 12, fill: `url(#${id}c)` }),
-    /* @__PURE__ */ jsx42(Circle11, { cx: 60, cy: 58, r: 3.5, fill: "#ffffff" }),
-    /* @__PURE__ */ jsx42(Path16, { d: PHOENIX.crest, stroke: p.crest, strokeWidth: 2, strokeLinecap: "round" })
+    /* @__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" })
   ] }) }) });
 }
 
 // src/native/photo-grid.tsx
 import * as React30 from "react";
-import { Image as Image4, Pressable as Pressable17, StyleSheet as StyleSheet32, View as View37 } from "react-native";
-import Svg20, { Path as Path17 } from "react-native-svg";
-import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Image as Image4, Pressable as Pressable17, StyleSheet as StyleSheet32, View as View39 } from "react-native";
+import Svg22, { Path as Path19 } from "react-native-svg";
+import { jsx as jsx45, jsxs as jsxs40 } 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);
@@ -4071,11 +4271,11 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
     onValueChange(value.filter((_, j) => j !== i));
   };
   const width = `${100 / columns}%`;
-  return /* @__PURE__ */ jsxs38(View37, { style: [styles32.grid, style], children: [
+  return /* @__PURE__ */ jsxs40(View39, { style: [styles32.grid, style], children: [
     Array.from({ length: slots }, (_, i) => {
       const photo = value[i];
       const cell = [styles32.slot, { borderRadius: radius3.lg, aspectRatio: 3 / 4 }];
-      return /* @__PURE__ */ jsx43(View37, { style: [styles32.cell, { width }], children: photo ? /* @__PURE__ */ jsxs38(
+      return /* @__PURE__ */ jsx45(View39, { style: [styles32.cell, { width }], children: photo ? /* @__PURE__ */ jsxs40(
         Pressable17,
         {
           role: "button",
@@ -4099,11 +4299,11 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
           },
           style: [...cell, { backgroundColor: theme.surface3, overflow: "hidden" }],
           children: [
-            /* @__PURE__ */ jsx43(Image4, { source: { uri: photo.uri }, style: StyleSheet32.absoluteFill, resizeMode: "cover" }),
-            i === 0 ? /* @__PURE__ */ jsx43(View37, { style: [styles32.main, { backgroundColor: theme.accent, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx43(Txt, { variant: "caption", tone: "onAccent", style: styles32.mainText, children: labels.main }) }) : null
+            /* @__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__ */ jsx43(
+      ) : /* @__PURE__ */ jsx45(
         Pressable17,
         {
           role: "button",
@@ -4115,11 +4315,11 @@ function PhotoGrid({ value, onValueChange, onAdd, slots = 6, required = 1, colum
             styles32.empty,
             { borderColor: i < required ? theme.accent : theme.borderStrong, backgroundColor: pressed ? theme.surface2 : theme.surface1, opacity: i > value.length ? 0.5 : 1 }
           ],
-          children: /* @__PURE__ */ jsx43(View37, { style: [styles32.plus, { backgroundColor: i === value.length ? theme.accent : theme.surface3, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx43(Svg20, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx43(Path17, { d: "M12 5v14M5 12h14", stroke: i === value.length ? theme.onAccent : theme.textSecondary, strokeWidth: 2.6, strokeLinecap: "round" }) }) })
+          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" }) }) })
         }
       ) }, photo?.id ?? `empty-${i}`);
     }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx45(
       ActionSheet,
       {
         open: menu !== null,
@@ -4147,16 +4347,16 @@ var styles32 = StyleSheet32.create({
 
 // src/native/profile-card.tsx
 import * as React31 from "react";
-import { Animated as Animated17, StyleSheet as StyleSheet33, View as View38 } from "react-native";
-import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Animated as Animated17, StyleSheet as StyleSheet33, View as View40 } from "react-native";
+import { jsx as jsx46, jsxs as jsxs41 } 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__ */ jsx44(
-    View38,
+  return /* @__PURE__ */ jsx46(
+    View40,
     {
       accessible: true,
       role: "meter",
@@ -4167,37 +4367,37 @@ function Bar({ label, ratio, words: words2, animated, delay }) {
       "aria-valuetext": words2,
       onLayout: (e) => setWidth(e.nativeEvent.layout.width),
       style: [styles33.track, { backgroundColor: theme.surface3 }],
-      children: /* @__PURE__ */ jsx44(Animated17.View, { style: [styles33.fill, { width: `${ratio * 100}%`, backgroundColor: theme.accent, transform: [{ translateX }] }] })
+      children: /* @__PURE__ */ jsx46(Animated17.View, { style: [styles33.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__ */ jsxs39(View38, { ...props, style: [styles33.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx44(View38, { "aria-hidden": true, style: [styles33.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
-    /* @__PURE__ */ jsxs39(View38, { style: styles33.head, children: [
-      /* @__PURE__ */ jsx44(Txt, { variant: "title", style: styles33.name, children: name }),
-      statLabel ? /* @__PURE__ */ jsxs39(Txt, { variant: "caption", tone: "secondary", children: [
+  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: [
         statLabel,
         " ",
-        /* @__PURE__ */ jsx44(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
+        /* @__PURE__ */ jsx46(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
       ] }) : null
     ] }),
-    statLabel ? /* @__PURE__ */ jsx44(Bar, { label: statLabel, ratio, words: valueText ?? `${Math.round(ratio * 100)} %`, animated, delay: 200 }) : null,
+    statLabel ? /* @__PURE__ */ jsx46(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__ */ jsxs39(View38, { style: styles33.stat, children: [
-        /* @__PURE__ */ jsxs39(View38, { "aria-hidden": true, style: styles33.statHead, children: [
-          /* @__PURE__ */ jsx44(Txt, { variant: "caption", tone: "secondary", children: s.label }),
-          /* @__PURE__ */ jsx44(Txt, { variant: "caption", children: words2 })
+      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 })
         ] }),
-        /* @__PURE__ */ jsx44(Bar, { label: s.label, ratio: r, words: words2, animated, delay: 320 + i * 120 })
+        /* @__PURE__ */ jsx46(Bar, { label: s.label, ratio: r, words: words2, animated, delay: 320 + i * 120 })
       ] }, s.label);
     }),
-    caption ? /* @__PURE__ */ jsx44(Txt, { variant: "caption", tone: "secondary", style: styles33.caption, children: caption }) : null,
-    children ? /* @__PURE__ */ jsx44(View38, { style: styles33.extra, children }) : null
+    caption ? /* @__PURE__ */ jsx46(Txt, { variant: "caption", tone: "secondary", style: styles33.caption, children: caption }) : null,
+    children ? /* @__PURE__ */ jsx46(View40, { style: styles33.extra, children }) : null
   ] });
 }
 var styles33 = StyleSheet33.create({
@@ -4215,10 +4415,10 @@ 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 View39 } from "react-native";
-import Svg21, { Circle as Circle12, Defs as Defs11, LinearGradient as LinearGradient11, Rect as Rect3, Stop as Stop11 } from "react-native-svg";
-import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
-var AnimatedCircle = Animated18.createAnimatedComponent(Circle12);
+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";
+var AnimatedCircle = Animated18.createAnimatedComponent(Circle14);
 var BAR2 = { sm: 4, md: 8, lg: 12 };
 var RING2 = { sm: 40, md: 80, lg: 144 };
 var STROKE = { sm: 12, md: 9, lg: 7 };
@@ -4259,9 +4459,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__ */ jsx45(Defs11, { children: /* @__PURE__ */ jsxs40(LinearGradient11, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
-    /* @__PURE__ */ jsx45(Stop11, { offset: "0", stopColor: theme.accent }),
-    /* @__PURE__ */ jsx45(Stop11, { offset: "1", stopColor: theme.accent2 })
+  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 })
   ] }) });
   if (variant === "ring") {
     const side = RING2[size];
@@ -4270,11 +4470,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__ */ jsxs40(View39, { ...a11y, style: [styles34.ring, { width: side, height: side }, style], children: [
-      /* @__PURE__ */ jsx45(Animated18.View, { style: [StyleSheet34.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs40(Svg21, { width: side, height: side, viewBox: "0 0 100 100", children: [
+    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: [
         gradient,
-        /* @__PURE__ */ jsx45(Circle12, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx47(Circle14, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
+        /* @__PURE__ */ jsx47(
           AnimatedCircle,
           {
             cx: 50,
@@ -4294,15 +4494,15 @@ 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__ */ jsx45(
-    View39,
+  return /* @__PURE__ */ jsx47(
+    View41,
     {
       ...a11y,
       onLayout: known ? void 0 : (event) => setTrack(event.nativeEvent.layout.width),
       style: [styles34.bar, { height: BAR2[size], backgroundColor: theme.surface3 }, style],
-      children: /* @__PURE__ */ jsx45(Animated18.View, { style: [styles34.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs40(Svg21, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
+      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: [
         gradient,
-        /* @__PURE__ */ jsx45(Rect3, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
+        /* @__PURE__ */ jsx47(Rect4, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
       ] }) })
     }
   );
@@ -4315,11 +4515,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 View40 } from "react-native";
-import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
+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";
 function PullToRefresh({ label, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx46(RefreshControl, { ...props, tintColor: theme.accent, colors: [theme.accent], progressBackgroundColor: theme.surface2, title: label, titleColor: theme.textSecondary });
+  return /* @__PURE__ */ jsx48(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 }) {
@@ -4336,14 +4536,14 @@ 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__ */ jsxs41(View40, { style: styles35.root, children: [
+  return /* @__PURE__ */ jsxs43(View42, { style: styles35.root, children: [
     children({
       // The platform's control does the gesture and the haptics, drawn transparent: the mark is ours.
-      refreshControl: /* @__PURE__ */ jsx46(RefreshControl, { refreshing, onRefresh, tintColor: "transparent", colors: ["transparent"], progressBackgroundColor: "transparent" }),
+      refreshControl: /* @__PURE__ */ jsx48(RefreshControl, { refreshing, onRefresh, tintColor: "transparent", colors: ["transparent"], progressBackgroundColor: "transparent" }),
       onScroll,
       scrollEventThrottle: 16
     }),
-    /* @__PURE__ */ jsx46(Animated19.View, { pointerEvents: "none", "aria-hidden": true, style: [styles35.mark, { opacity: shown, transform: [{ scale }, { rotate }] }], children: /* @__PURE__ */ jsx46(ProductMark, { id: product, size: 32, animated: refreshing, neutral: theme.textMuted }) })
+    /* @__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 }) })
   ] });
 }
 var styles35 = StyleSheet35.create({
@@ -4353,11 +4553,11 @@ var styles35 = StyleSheet35.create({
 
 // 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 View41 } from "react-native";
-import Svg22, { Path as Path18 } from "react-native-svg";
-import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Animated as Animated20, Pressable as Pressable18, StyleSheet as StyleSheet36, Text as Text15, View as View43 } from "react-native";
+import Svg24, { Path as Path20 } from "react-native-svg";
+import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
 function Check({ color }) {
-  return /* @__PURE__ */ jsx47(Svg22, { 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__ */ jsx47(Path18, { d: "M20 6 9 17l-5-5" }) });
+  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" }) });
 }
 function Key({ option, checked, disabled, onPress }) {
   const { theme, radius: radius3, motion: motion3 } = useTheme();
@@ -4367,7 +4567,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__ */ jsxs42(
+  return /* @__PURE__ */ jsxs44(
     Pressable18,
     {
       role: "radio",
@@ -4380,8 +4580,8 @@ function Key({ option, checked, disabled, onPress }) {
       onPressOut: () => setHeld(false),
       style: [styles36.keySlot, disabled ? styles36.disabled : null],
       children: [
-        /* @__PURE__ */ jsx47(View41, { style: [styles36.ledge, { borderRadius: radius3.lg, backgroundColor: checked ? theme.accentHover : theme.borderStrong }] }),
-        /* @__PURE__ */ jsxs42(
+        /* @__PURE__ */ jsx49(View43, { style: [styles36.ledge, { borderRadius: radius3.lg, backgroundColor: checked ? theme.accentHover : theme.borderStrong }] }),
+        /* @__PURE__ */ jsxs44(
           Animated20.View,
           {
             style: [
@@ -4394,8 +4594,8 @@ function Key({ option, checked, disabled, onPress }) {
               }
             ],
             children: [
-              /* @__PURE__ */ jsx47(Text15, { style: [styles36.keyLabel, { color: checked ? theme.onAccent : theme.textPrimary }], children: option.label }),
-              option.hint ? /* @__PURE__ */ jsx47(Text15, { style: [styles36.keyHint, { color: checked ? theme.onAccent : theme.textSecondary }], children: option.hint }) : null
+              /* @__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
             ]
           }
         )
@@ -4416,9 +4616,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__ */ jsx47(Key, { option: o, checked, disabled: off, onPress: () => pick(o.value) }, o.value);
+    if (variant === "buttons") return /* @__PURE__ */ jsx49(Key, { option: o, checked, disabled: off, onPress: () => pick(o.value) }, o.value);
     if (variant === "segmented")
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         Pressable18,
         {
           role: "radio",
@@ -4428,12 +4628,12 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
           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__ */ jsx47(Text15, { numberOfLines: 1, style: [styles36.segmentLabel, { color: checked ? theme.textPrimary : theme.textSecondary }], children: o.label })
+          children: /* @__PURE__ */ jsx49(Text15, { numberOfLines: 1, style: [styles36.segmentLabel, { color: checked ? theme.textPrimary : theme.textSecondary }], children: o.label })
         },
         o.value
       );
     if (variant === "cards")
-      return /* @__PURE__ */ jsxs42(
+      return /* @__PURE__ */ jsxs44(
         Pressable18,
         {
           role: "radio",
@@ -4448,24 +4648,24 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
             off ? styles36.disabled : null
           ],
           children: [
-            /* @__PURE__ */ jsx47(View41, { style: [styles36.cardCheck, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx47(Check, { color: theme.onAccent }) : null }),
-            /* @__PURE__ */ jsx47(Text15, { style: [styles36.cardLabel, { color: theme.textPrimary }], children: o.label }),
-            o.description ? /* @__PURE__ */ jsx47(Text15, { style: [styles36.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
+            /* @__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
           ]
         },
         o.value
       );
-    return /* @__PURE__ */ jsxs42(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__ */ jsx47(View41, { style: [styles36.dot, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx47(View41, { style: [styles36.dotIn, { backgroundColor: theme.onAccent }] }) : null }),
-      /* @__PURE__ */ jsxs42(View41, { style: styles36.rowText, children: [
-        /* @__PURE__ */ jsx47(Text15, { style: [styles36.rowLabel, { color: theme.textPrimary }], children: o.label }),
-        o.description ? /* @__PURE__ */ jsx47(Text15, { style: [styles36.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
+    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
       ] })
     ] }, o.value);
   });
-  return /* @__PURE__ */ jsxs42(View41, { style: [styles36.root, style], children: [
-    /* @__PURE__ */ jsx47(
-      View41,
+  return /* @__PURE__ */ jsxs44(View43, { style: [styles36.root, style], children: [
+    /* @__PURE__ */ jsx49(
+      View43,
       {
         role: "radiogroup",
         "aria-label": label,
@@ -4473,7 +4673,7 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
         children: body
       }
     ),
-    error ? /* @__PURE__ */ jsx47(Text15, { role: "alert", "aria-live": "polite", style: [styles36.error, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx49(Text15, { role: "alert", "aria-live": "polite", style: [styles36.error, { color: theme.dangerText }], children: error }) : null
   ] });
 }
 var styles36 = StyleSheet36.create({
@@ -4503,26 +4703,26 @@ var styles36 = StyleSheet36.create({
 });
 
 // src/native/screen.tsx
-import { KeyboardAvoidingView, Platform as Platform3, ScrollView as ScrollView6, StyleSheet as StyleSheet37, View as View42 } from "react-native";
-import { Fragment as Fragment7, jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
+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";
 function Screen({ header, footer, children, scroll = true, keyboard = true, padding = 16, surface = "surface0", contentStyle }) {
   const { theme, insets } = useTheme();
-  const body = scroll ? /* @__PURE__ */ jsx48(ScrollView6, { style: styles37.flex, contentContainerStyle: [{ padding, paddingTop: header ? padding : padding + insets.top, gap: 16 }, contentStyle], keyboardShouldPersistTaps: "handled", tabIndex: 0, children }) : /* @__PURE__ */ jsx48(View42, { style: [styles37.flex, { paddingTop: header ? 0 : insets.top }, contentStyle], children });
-  const inner = /* @__PURE__ */ jsxs43(Fragment7, { children: [
+  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: [
     header,
     body,
     footer
   ] });
-  return /* @__PURE__ */ jsx48(View42, { style: [styles37.flex, { backgroundColor: theme[surface] }], children: keyboard ? /* @__PURE__ */ jsx48(KeyboardAvoidingView, { style: styles37.flex, behavior: Platform3.OS === "ios" ? "padding" : void 0, children: inner }) : inner });
+  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 });
 }
 var styles37 = StyleSheet37.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 View43 } from "react-native";
-import Svg23, { Circle as Circle13, Path as Path19 } from "react-native-svg";
-import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Pressable as Pressable19, StyleSheet as StyleSheet38, TextInput as TextInput6, View as View45 } 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";
 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);
@@ -4536,12 +4736,12 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
     search.cancel();
     if (onSearch) search(next);
   };
-  const field = /* @__PURE__ */ jsxs44(View43, { style: [styles38.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
-    /* @__PURE__ */ jsxs44(Svg23, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx49(Circle13, { cx: 11, cy: 11, r: 7 }),
-      /* @__PURE__ */ jsx49(Path19, { d: "m20 20-3.5-3.5" })
+  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" })
     ] }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx51(
       TextInput6,
       {
         ref: input,
@@ -4572,12 +4772,12 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
         ...props
       }
     ),
-    query ? /* @__PURE__ */ jsx49(Pressable19, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles38.clear, children: /* @__PURE__ */ jsx49(Svg23, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx49(Path19, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
+    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
   ] });
   if (!cancelLabel || !onCancel) return field;
-  return /* @__PURE__ */ jsxs44(View43, { style: styles38.bar, children: [
-    /* @__PURE__ */ jsx49(View43, { style: styles38.grow, children: field }),
-    focused || query ? /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs46(View45, { style: styles38.bar, children: [
+    /* @__PURE__ */ jsx51(View45, { style: styles38.grow, children: field }),
+    focused || query ? /* @__PURE__ */ jsx51(
       Pressable19,
       {
         role: "button",
@@ -4588,7 +4788,7 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
         },
         hitSlop: 8,
         style: styles38.cancel,
-        children: /* @__PURE__ */ jsx49(Txt, { variant: "label", tone: "accent", children: cancelLabel })
+        children: /* @__PURE__ */ jsx51(Txt, { variant: "label", tone: "accent", children: cancelLabel })
       }
     ) : null
   ] });
@@ -4603,19 +4803,19 @@ var styles38 = StyleSheet38.create({
 });
 
 // src/native/segmented.tsx
-import { Pressable as Pressable20, StyleSheet as StyleSheet39, Text as Text16, View as View44 } from "react-native";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { Pressable as Pressable20, StyleSheet as StyleSheet39, Text as Text16, View as View46 } from "react-native";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function Segmented({ options, value, onValueChange, size = "md", "aria-label": label, style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx50(
-    View44,
+  return /* @__PURE__ */ jsx52(
+    View46,
     {
       role: "tablist",
       "aria-label": label,
       style: [styles39.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__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           Pressable20,
           {
             role: "tab",
@@ -4631,7 +4831,7 @@ function Segmented({ options, value, onValueChange, size = "md", "aria-label": l
               selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null,
               option.disabled ? styles39.disabled : null
             ],
-            children: /* @__PURE__ */ jsx50(Text16, { numberOfLines: 1, style: [styles39.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
+            children: /* @__PURE__ */ jsx52(Text16, { numberOfLines: 1, style: [styles39.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
           },
           option.value
         );
@@ -4648,9 +4848,9 @@ var styles39 = StyleSheet39.create({
 
 // 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 View45 } from "react-native";
-import Svg24, { Path as Path20 } from "react-native-svg";
-import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Animated as Animated21, AppState, Easing as Easing12, FlatList, Pressable as Pressable21, StyleSheet as StyleSheet40, View as View47 } from "react-native";
+import Svg26, { Path as Path22 } from "react-native-svg";
+import { jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
 var showcaseLabels = {
   previous: "Previous slide",
   next: "Next slide",
@@ -4709,9 +4909,9 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, 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__ */ jsx51(Svg24, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx51(Path20, { d, stroke: theme.textSecondary, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
-  return /* @__PURE__ */ jsxs45(View45, { role: "group", "aria-label": label, style: [styles40.root, style], children: [
-    /* @__PURE__ */ jsx51(View45, { "aria-live": announce ? "polite" : "off", onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: /* @__PURE__ */ jsx51(
+  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(
       FlatList,
       {
         ref: list,
@@ -4732,21 +4932,21 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
             onIndexChange?.(next, true);
           }
         },
-        renderItem: ({ item: slide, index }) => /* @__PURE__ */ jsx51(View45, { 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__ */ 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 })
       }
     ) }),
-    /* @__PURE__ */ jsx51(View45, { style: styles40.segments, children: items2.map((slide, i) => /* @__PURE__ */ jsx51(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__ */ jsxs45(View45, { style: [styles40.track, { backgroundColor: theme.surface3 }], children: [
-      i < current || i === current && !playing ? /* @__PURE__ */ jsx51(View45, { style: [StyleSheet40.absoluteFill, { backgroundColor: theme.accent }] }) : null,
-      i === current && playing ? /* @__PURE__ */ jsx51(Animated21.View, { style: [styles40.fill, { backgroundColor: theme.accent, width: fill.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) }] }) : 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
     ] }) }, getId(slide))) }),
-    /* @__PURE__ */ jsxs45(View45, { style: styles40.bar, children: [
-      /* @__PURE__ */ jsxs45(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles40.counter, children: [
+    /* @__PURE__ */ jsxs47(View47, { style: styles40.bar, children: [
+      /* @__PURE__ */ jsxs47(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles40.counter, children: [
         title ? `${title} \xB7 ` : "",
         labels.counter(current + 1, total)
       ] }),
-      /* @__PURE__ */ jsx51(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__ */ jsx51(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__ */ jsx51(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__ */ 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") })
     ] })
   ] });
 }
@@ -4764,7 +4964,7 @@ var styles40 = StyleSheet40.create({
 // src/native/skeleton.tsx
 import * as React37 from "react";
 import { Animated as Animated22 } from "react-native";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var SHAPE = {
   text: { width: "100%", height: 12, radius: 4 },
   circle: { width: 40, height: 40, radius: 9999 },
@@ -4790,7 +4990,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__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     Animated22.View,
     {
       testID,
@@ -4805,9 +5005,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 View46 } from "react-native";
-import Svg25, { Defs as Defs12, LinearGradient as LinearGradient12, Rect as Rect4, Stop as Stop12 } from "react-native-svg";
-import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+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";
 var THUMB = 26;
 var toArray = (v) => v === void 0 ? void 0 : typeof v === "number" ? [v] : [...v];
 function Slider({
@@ -4899,24 +5099,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__ */ jsxs46(View46, { style: [styles41.root, vertical ? styles41.rootVertical : null, disabled ? styles41.disabled : null, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs46(View46, { style: styles41.header, children: [
-      /* @__PURE__ */ jsx53(Text17, { style: [styles41.label, { color: theme.textSecondary }], children: label }),
-      /* @__PURE__ */ jsx53(Text17, { "aria-hidden": true, style: [styles41.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
+  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 ") })
     ] }) : null,
-    /* @__PURE__ */ jsxs46(View46, { ...responder.panHandlers, style: vertical ? styles41.controlVertical : styles41.control, children: [
-      /* @__PURE__ */ jsxs46(View46, { onLayout, pointerEvents: "none", style: [vertical ? styles41.trackVertical : styles41.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
-        /* @__PURE__ */ jsx53(View46, { style: [styles41.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs46(Svg25, { width: "100%", height: "100%", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx53(Defs12, { children: /* @__PURE__ */ jsxs46(LinearGradient12, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
-            /* @__PURE__ */ jsx53(Stop12, { offset: "0", stopColor: theme.accent }),
-            /* @__PURE__ */ jsx53(Stop12, { offset: "1", stopColor: theme.accent2 })
+    /* @__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__ */ jsx53(Rect4, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
+          /* @__PURE__ */ jsx55(Rect5, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
         ] }) : null }),
-        tickValues.map((t) => /* @__PURE__ */ jsx53(View46, { style: [vertical ? styles41.tickVertical : styles41.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
+        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))
       ] }),
-      current.map((v, i) => /* @__PURE__ */ jsx53(
-        View46,
+      current.map((v, i) => /* @__PURE__ */ jsx55(
+        View48,
         {
           accessible: true,
           role: "slider",
@@ -4936,12 +5136,12 @@ function Slider({
           },
           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__ */ jsx53(View46, { "aria-hidden": true, style: [vertical ? styles41.bubbleVertical : styles41.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx53(Text17, { style: [styles41.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
+          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
         },
         i
       ))
     ] }),
-    marks2?.length && !vertical ? /* @__PURE__ */ jsx53(View46, { "aria-hidden": true, style: styles41.marks, children: marks2.map((m) => /* @__PURE__ */ jsx53(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__ */ 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
   ] });
 }
 var styles41 = StyleSheet41.create({
@@ -4980,10 +5180,10 @@ var styles41 = StyleSheet41.create({
 
 // src/native/spinner.tsx
 import { ActivityIndicator as ActivityIndicator2 } from "react-native";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Spinner({ label, size = "md", ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     ActivityIndicator2,
     {
       accessible: true,
@@ -4999,8 +5199,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 View47 } from "react-native";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { Animated as Animated23, Easing as Easing13, StyleSheet as StyleSheet42, View as View49 } from "react-native";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function SplashHandoff({ product, ready, onShown, onDone, size = 96, background, label, duration = 320, style }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
@@ -5018,7 +5218,7 @@ function SplashHandoff({ product, ready, onShown, onDone, size = 96, background,
     return () => animation.stop();
   }, [ready, reduce, duration, opacity, onDone]);
   if (gone) return null;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     Animated23.View,
     {
       accessible: true,
@@ -5028,26 +5228,26 @@ function SplashHandoff({ product, ready, onShown, onDone, size = 96, background,
       pointerEvents: ready ? "none" : "auto",
       onLayout: onShown,
       style: [StyleSheet42.absoluteFill, styles42.root, { backgroundColor: background ?? theme.surface0, opacity }, style],
-      children: /* @__PURE__ */ jsx55(View47, { children: /* @__PURE__ */ jsx55(ProductMark, { id: product, size, animated: true }) })
+      children: /* @__PURE__ */ jsx57(View49, { children: /* @__PURE__ */ jsx57(ProductMark, { id: product, size, animated: true }) })
     }
   );
 }
 var styles42 = StyleSheet42.create({ root: { alignItems: "center", justifyContent: "center", zIndex: 100 } });
 
 // src/native/step-progress.tsx
-import { Pressable as Pressable22, StyleSheet as StyleSheet43, View as View48 } from "react-native";
-import Svg26, { Path as Path21 } from "react-native-svg";
-import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Pressable as Pressable22, StyleSheet as StyleSheet43, View as View50 } from "react-native";
+import Svg28, { Path as Path23 } from "react-native-svg";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function StepProgress({ step, total, label, backLabel, onBack, trailing, style }) {
   const { theme, insets } = useTheme();
   const words2 = label(step, total);
-  return /* @__PURE__ */ jsxs47(View48, { style: [styles43.root, { paddingTop: insets.top + 8 }, style], children: [
-    /* @__PURE__ */ jsxs47(View48, { style: styles43.row, children: [
-      onBack && backLabel ? /* @__PURE__ */ jsx56(Pressable22, { role: "button", "aria-label": backLabel, hitSlop: 10, onPress: onBack, style: styles43.back, children: /* @__PURE__ */ jsx56(Svg26, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx56(Path21, { d: "M15 5l-7 7 7 7", stroke: theme.textPrimary, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx56(View48, { style: styles43.back }),
-      /* @__PURE__ */ jsx56(View48, { 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__ */ jsx56(View48, { style: [styles43.bar, { backgroundColor: i < step ? theme.accent : theme.surface3 }] }, i)) }),
-      /* @__PURE__ */ jsx56(View48, { style: styles43.trailing, children: trailing })
+  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 })
     ] }),
-    /* @__PURE__ */ jsx56(Txt, { variant: "caption", tone: "secondary", style: styles43.words, "aria-hidden": true, children: words2 })
+    /* @__PURE__ */ jsx58(Txt, { variant: "caption", tone: "secondary", style: styles43.words, "aria-hidden": true, children: words2 })
   ] });
 }
 var styles43 = StyleSheet43.create({
@@ -5061,31 +5261,31 @@ var styles43 = StyleSheet43.create({
 });
 
 // src/native/stepper.tsx
-import { StyleSheet as StyleSheet44, View as View49 } from "react-native";
-import Svg27, { Circle as Circle14, Path as Path22 } from "react-native-svg";
-import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet44, View as View51 } 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";
 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__ */ jsx57(View49, { role: "list", "aria-label": label, style: [vertical ? styles44.column : styles44.row, style], children: steps.map((step, i) => {
+  return /* @__PURE__ */ jsx59(View51, { role: "list", "aria-label": label, style: [vertical ? styles44.column : styles44.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__ */ jsx57(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx57(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs48(Svg27, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx57(Circle14, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
-      status === "done" ? /* @__PURE__ */ jsx57(Path22, { 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__ */ 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 connector = !last ? /* @__PURE__ */ jsx57(View49, { "aria-hidden": true, style: [vertical ? styles44.vLine : styles44.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
-    return /* @__PURE__ */ jsxs48(View49, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words2[status]}`, style: vertical ? styles44.vStep : styles44.hStep, children: [
-      /* @__PURE__ */ jsxs48(View49, { style: vertical ? styles44.vRail : styles44.hRail, children: [
+    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: [
         node,
         connector
       ] }),
-      /* @__PURE__ */ jsxs48(View49, { style: [styles44.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
-        /* @__PURE__ */ jsx57(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
-        step.description ? /* @__PURE__ */ jsx57(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
-        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx57(View49, { style: styles44.content, children: step.content }) : null
+      /* @__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
       ] })
     ] }, i);
   }) });
@@ -5105,17 +5305,17 @@ 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 View50 } from "react-native";
-import Svg28, { Defs as Defs13, LinearGradient as LinearGradient13, Path as Path23, Rect as Rect5, Stop as Stop13 } from "react-native-svg";
-import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs49 } 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 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";
 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__ */ jsxs49(
-    View50,
+  return /* @__PURE__ */ jsxs51(
+    View52,
     {
       accessible: Platform4.OS !== "web",
       accessibilityActions: photos.length > 1 ? [{ name: "increment" }, { name: "decrement" }] : [],
@@ -5124,39 +5324,39 @@ function PersonCard({ photos, name, age, badge, meta, bio, footer, photoLabel =
       "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],
       children: [
-        photo ? /* @__PURE__ */ jsx58(Image5, { testID: "person-card-photo", source: { uri: photo.uri }, style: StyleSheet45.absoluteFill, resizeMode: "cover" }) : null,
-        photos.length > 1 ? /* @__PURE__ */ jsxs49(Fragment8, { children: [
-          /* @__PURE__ */ jsx58(View50, { style: styles45.bars, "aria-hidden": true, children: photos.map((_, i) => /* @__PURE__ */ jsx58(View50, { style: [styles45.bar, { backgroundColor: theme.textOnMedia, opacity: i === index ? 1 : 0.4 }] }, i)) }),
-          /* @__PURE__ */ jsx58(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles45.half, { left: 0 }], onPress: () => setIndex((i) => Math.max(0, i - 1)) }),
-          /* @__PURE__ */ jsx58(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__ */ 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)) })
         ] }) : null,
-        /* @__PURE__ */ jsxs49(
-          View50,
+        /* @__PURE__ */ jsxs51(
+          View52,
           {
             testID: "person-card-overlay",
             pointerEvents: "box-none",
             style: styles45.bottom,
             onLayout: (e) => setBox({ width: e.nativeEvent.layout.width, height: e.nativeEvent.layout.height }),
             children: [
-              box ? /* @__PURE__ */ jsxs49(Svg28, { testID: "person-card-scrim", style: styles45.scrim, width: box.width, height: box.height, "aria-hidden": true, children: [
-                /* @__PURE__ */ jsx58(Defs13, { children: /* @__PURE__ */ jsxs49(LinearGradient13, { id: gradient, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                  /* @__PURE__ */ jsx58(Stop13, { offset: "0", stopColor: theme.scrimStrong, stopOpacity: 0 }),
-                  /* @__PURE__ */ jsx58(Stop13, { offset: "0.5", stopColor: theme.scrimStrong, stopOpacity: 0.8 }),
-                  /* @__PURE__ */ jsx58(Stop13, { offset: "1", stopColor: theme.scrimStrong, stopOpacity: 1 })
+              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 })
                 ] }) }),
-                /* @__PURE__ */ jsx58(Rect5, { x: 0, y: 0, width: box.width, height: box.height, fill: `url(#${gradient})` })
+                /* @__PURE__ */ jsx60(Rect6, { x: 0, y: 0, width: box.width, height: box.height, fill: `url(#${gradient})` })
               ] }) : null,
-              /* @__PURE__ */ jsxs49(View50, { style: styles45.text, children: [
-                /* @__PURE__ */ jsxs49(View50, { style: styles45.nameRow, children: [
-                  /* @__PURE__ */ jsxs49(Txt, { variant: "display", tone: "onMedia", style: styles45.name, numberOfLines: 1, children: [
+              /* @__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: [
                     name,
-                    age !== void 0 ? /* @__PURE__ */ jsx58(Txt, { variant: "display", tone: "onMedia", style: styles45.age, children: `  ${age}` }) : null
+                    age !== void 0 ? /* @__PURE__ */ jsx60(Txt, { variant: "display", tone: "onMedia", style: styles45.age, children: `  ${age}` }) : null
                   ] }),
                   badge
                 ] }),
                 meta,
-                bio ? /* @__PURE__ */ jsx58(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
-                footer ? /* @__PURE__ */ jsx58(View50, { style: styles45.footer, children: footer }) : null
+                bio ? /* @__PURE__ */ jsx60(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
+                footer ? /* @__PURE__ */ jsx60(View52, { style: styles45.footer, children: footer }) : null
               ] })
             ]
           }
@@ -5200,7 +5400,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__ */ jsx58(
+  const button = (direction) => /* @__PURE__ */ jsx60(
     Pressable23,
     {
       role: "button",
@@ -5211,15 +5411,15 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
         styles45.button,
         { borderColor: direction === "like" ? theme.success : theme.danger, backgroundColor: theme.surface1, transform: [{ scale: pressed ? 0.92 : 1 }], opacity: top ? 1 : 0.4 }
       ],
-      children: /* @__PURE__ */ jsx58(Svg28, { width: 28, height: 28, viewBox: "0 0 24 24", "aria-hidden": true, children: direction === "like" ? /* @__PURE__ */ jsx58(Path23, { 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__ */ jsx58(Path23, { d: "M6 6l12 12M18 6 6 18", stroke: theme.danger, strokeWidth: 3, strokeLinecap: "round" }) })
+      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" }) })
     }
   );
-  return /* @__PURE__ */ jsxs49(View50, { style: [styles45.deck, style], children: [
-    /* @__PURE__ */ jsxs49(View50, { style: styles45.stack, children: [
+  return /* @__PURE__ */ jsxs51(View52, { style: [styles45.deck, style], children: [
+    /* @__PURE__ */ jsxs51(View52, { style: styles45.stack, children: [
       !top ? empty2 ?? null : null,
       items2.slice(0, 2).reverse().map((item) => {
         const isTop = item === top;
-        return /* @__PURE__ */ jsxs49(
+        return /* @__PURE__ */ jsxs51(
           Animated24.View,
           {
             ...isTop ? pan.panHandlers : {},
@@ -5231,9 +5431,9 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
             style: [StyleSheet45.absoluteFill, isTop ? { transform: [{ translateX: x }, { rotate }] } : { transform: [{ scale: 0.96 }], opacity: 0.9 }],
             children: [
               renderCard(item),
-              isTop ? /* @__PURE__ */ jsxs49(Fragment8, { children: [
-                /* @__PURE__ */ jsx58(Animated24.View, { pointerEvents: "none", style: [styles45.stamp, styles45.stampLike, { borderColor: theme.success, opacity: likeOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx58(Txt, { variant: "title", style: { color: theme.success }, children: labels.likeStamp ?? labels.like.toUpperCase() }) }),
-                /* @__PURE__ */ jsx58(Animated24.View, { pointerEvents: "none", style: [styles45.stamp, styles45.stampPass, { borderColor: theme.danger, opacity: passOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx58(Txt, { variant: "title", style: { color: theme.danger }, children: labels.passStamp ?? labels.pass.toUpperCase() }) })
+              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() }) })
               ] }) : null
             ]
           },
@@ -5241,7 +5441,7 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
         );
       })
     ] }),
-    hideButtons ? null : /* @__PURE__ */ jsxs49(View50, { style: styles45.buttons, children: [
+    hideButtons ? null : /* @__PURE__ */ jsxs51(View52, { style: styles45.buttons, children: [
       button("pass"),
       button("like")
     ] })
@@ -5270,8 +5470,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 View51 } from "react-native";
-import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
+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";
 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 }) {
@@ -5319,18 +5519,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__ */ jsx59(View51, { "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__ */ jsx61(View53, { "aria-hidden": true, style: [styles46.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__ */ jsxs50(Pressable24, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles46.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
+    /* @__PURE__ */ jsxs52(Pressable24, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles46.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
       action.icon,
-      /* @__PURE__ */ jsx59(Txt, { variant: "caption", tone: toneText(action.tone), style: styles46.actionText, numberOfLines: 1, children: action.label })
+      /* @__PURE__ */ jsx61(Txt, { variant: "caption", tone: toneText(action.tone), style: styles46.actionText, numberOfLines: 1, children: action.label })
     ] }, i)
   )) });
   const all = [...leading, ...trailing];
-  return /* @__PURE__ */ jsxs50(View51, { style: [styles46.root, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+  return /* @__PURE__ */ jsxs52(View53, { style: [styles46.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__ */ jsx59(
+    /* @__PURE__ */ jsx61(
       Animated25.View,
       {
         ...pan.panHandlers,
@@ -5358,8 +5558,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 View52 } from "react-native";
-import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
+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";
 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();
@@ -5376,7 +5576,7 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     if (checked === void 0) setOwn(!on);
     onCheckedChange?.(!on);
   };
-  const track = /* @__PURE__ */ jsx60(View52, { 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__ */ jsx60(
+  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(
     Animated26.View,
     {
       style: [
@@ -5402,16 +5602,16 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     onPress: toggle
   };
   if (!showLabel)
-    return /* @__PURE__ */ jsx60(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__ */ jsxs51(View52, { style: [styles47.root, style], children: [
-    /* @__PURE__ */ jsxs51(Pressable25, { ...a11y, style: [styles47.row, disabled ? styles47.disabled : null], children: [
-      /* @__PURE__ */ jsxs51(View52, { style: styles47.text, children: [
-        /* @__PURE__ */ jsx60(Text18, { style: [styles47.label, { color: theme.textPrimary }], children: label }),
-        description ? /* @__PURE__ */ jsx60(Text18, { style: [styles47.description, { color: theme.textSecondary }], children: description }) : null
+    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
       ] }),
       track
     ] }),
-    error ? /* @__PURE__ */ jsx60(Text18, { role: "alert", "aria-live": "polite", style: [styles47.description, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx62(Text18, { role: "alert", "aria-live": "polite", style: [styles47.description, { color: theme.dangerText }], children: error }) : null
   ] });
 }
 var styles47 = StyleSheet47.create({
@@ -5426,15 +5626,15 @@ var styles47 = StyleSheet47.create({
 });
 
 // src/native/tab-bar.tsx
-import { Pressable as Pressable26, StyleSheet as StyleSheet48, Text as Text19, View as View53 } from "react-native";
-import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
+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";
 function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label": label, style }) {
   const { theme, insets, haptic } = useTheme();
-  return /* @__PURE__ */ jsx61(View53, { 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__ */ 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) => {
     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__ */ jsxs52(
+    return /* @__PURE__ */ jsxs54(
       Pressable26,
       {
         role: "tab",
@@ -5446,12 +5646,12 @@ function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label":
         },
         style: ({ pressed }) => [styles48.item, { opacity: pressed ? 0.7 : 1 }],
         children: [
-          /* @__PURE__ */ jsxs52(View53, { "aria-hidden": true, style: styles48.icon, children: [
+          /* @__PURE__ */ jsxs54(View55, { "aria-hidden": true, style: styles48.icon, children: [
             item.icon(selected, color),
-            badge !== null ? /* @__PURE__ */ jsx61(View53, { style: [badge ? styles48.count : styles48.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx61(Text19, { style: [styles48.countText, { color: theme.onAccent }], children: badge }) : null }) : null
+            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
           ] }),
-          /* @__PURE__ */ jsx61(Text19, { numberOfLines: 1, style: [styles48.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
-          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx61(Text19, { style: styles48.unseen, children: `, ${item.badgeLabel}` }) : 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
         ]
       },
       item.value
@@ -5471,8 +5671,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 View54 } from "react-native";
-import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
+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";
 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);
@@ -5486,7 +5686,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__ */ jsx62(
+    return /* @__PURE__ */ jsx64(
       Pressable27,
       {
         role: "tab",
@@ -5500,18 +5700,18 @@ function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label":
           !segmented ? { borderBottomColor: selected ? theme.accent : "transparent" } : null,
           item.disabled ? styles49.disabled : null
         ],
-        children: /* @__PURE__ */ jsxs53(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
+        children: /* @__PURE__ */ jsxs55(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
           item.label,
-          item.count !== void 0 ? /* @__PURE__ */ jsx62(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
+          item.count !== void 0 ? /* @__PURE__ */ jsx64(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
         ] })
       },
       item.value
     );
   });
   const panel = items2.find((i) => i.value === current)?.content;
-  return /* @__PURE__ */ jsxs53(View54, { style: [styles49.root, style], children: [
-    segmented ? /* @__PURE__ */ jsx62(View54, { role: "tablist", "aria-label": label, style: [styles49.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx62(View54, { style: [styles49.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx62(ScrollView7, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles49.scroll, children: tabs }) }),
-    panel !== void 0 ? /* @__PURE__ */ jsx62(View54, { role: "tabpanel", children: panel }) : null
+  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
   ] });
 }
 var styles49 = StyleSheet49.create({
@@ -5525,15 +5725,15 @@ var styles49 = StyleSheet49.create({
 });
 
 // src/native/tag-selector.tsx
-import { StyleSheet as StyleSheet50, View as View55 } from "react-native";
-import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet50, View as View57 } from "react-native";
+import { jsx as jsx65, jsxs as jsxs56 } 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__ */ jsxs54(View55, { style: [styles50.root, style], children: [
-    /* @__PURE__ */ jsx63(View55, { role: "group", "aria-label": label, style: styles50.wrap, children: options.map((option) => {
+  return /* @__PURE__ */ jsxs56(View57, { style: [styles50.root, style], children: [
+    /* @__PURE__ */ jsx65(View57, { role: "group", "aria-label": label, style: styles50.wrap, children: options.map((option) => {
       const on = value.includes(option.value);
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx65(
         Chip,
         {
           selected: on,
@@ -5547,15 +5747,15 @@ function TagSelector({ label, options, value, onValueChange, max, countLabel, st
         option.value
       );
     }) }),
-    max !== void 0 && countLabel ? /* @__PURE__ */ jsx63(Txt, { variant: "caption", tone: full ? "accent" : "secondary", "aria-live": "polite", children: countLabel(value.length, max) }) : null
+    max !== void 0 && countLabel ? /* @__PURE__ */ jsx65(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 } });
 
 // 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 View56 } from "react-native";
-import { Fragment as Fragment9, jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
+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";
 var items = [];
 var listeners2 = /* @__PURE__ */ new Set();
 var counter = 0;
@@ -5622,15 +5822,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__ */ jsxs55(Fragment9, { children: [
-    item.icon ? /* @__PURE__ */ jsx64(View56, { "aria-hidden": true, children: item.icon }) : null,
-    /* @__PURE__ */ jsxs55(View56, { style: styles51.content, children: [
-      /* @__PURE__ */ jsx64(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
-      item.description ? /* @__PURE__ */ jsx64(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
+  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 body = /* @__PURE__ */ jsxs55(Fragment9, { children: [
-    item.onPress ? /* @__PURE__ */ jsx64(
+  const body = /* @__PURE__ */ jsxs57(Fragment9, { children: [
+    item.onPress ? /* @__PURE__ */ jsx66(
       Pressable28,
       {
         role: "button",
@@ -5641,8 +5841,8 @@ function ToastView({ item, closeLabel, duration }) {
         style: ({ pressed }) => [styles51.main, { opacity: pressed ? 0.8 : 1 }],
         children: text
       }
-    ) : /* @__PURE__ */ jsx64(View56, { style: styles51.main, children: text }),
-    item.action ? /* @__PURE__ */ jsx64(
+    ) : /* @__PURE__ */ jsx66(View58, { style: styles51.main, children: text }),
+    item.action ? /* @__PURE__ */ jsx66(
       Pressable28,
       {
         role: "button",
@@ -5651,23 +5851,23 @@ function ToastView({ item, closeLabel, duration }) {
           dismiss(item.id);
         },
         style: [styles51.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
-        children: /* @__PURE__ */ jsx64(Text20, { style: [styles51.actionLabel, { color: theme.onAccent }], children: item.action.label })
+        children: /* @__PURE__ */ jsx66(Text20, { style: [styles51.actionLabel, { color: theme.onAccent }], children: item.action.label })
       }
     ) : null,
-    /* @__PURE__ */ jsx64(Pressable28, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles51.close, children: /* @__PURE__ */ jsx64(Text20, { style: [styles51.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    /* @__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" }) })
   ] });
   const frame = [
     styles51.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__ */ jsx64(Animated27.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx64(View56, { style: frame, children: body }) });
+  return /* @__PURE__ */ jsx66(Animated27.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx66(View58, { 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__ */ jsx64(View56, { pointerEvents: "box-none", style: [styles51.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx64(ToastView, { item, closeLabel, duration }, item.id)) });
+  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)) });
 }
 var styles51 = StyleSheet51.create({
   stack: { position: "absolute", left: 12, right: 12, gap: 8, zIndex: 100 },
@@ -5692,15 +5892,15 @@ var styles51 = StyleSheet51.create({
 });
 
 // src/native/verified-badge.tsx
-import { StyleSheet as StyleSheet52, View as View57 } from "react-native";
-import Svg29, { Path as Path24 } from "react-native-svg";
-import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet52, View as View59 } from "react-native";
+import Svg31, { Path as Path26 } from "react-native-svg";
+import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
 function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsxs56(View57, { accessible: true, role: "img", "aria-label": label, style: styles52.row, children: [
-    /* @__PURE__ */ jsxs56(Svg29, { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx65(
-        Path24,
+  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(
+        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",
           fill: theme.accent,
@@ -5708,15 +5908,16 @@ function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
           strokeWidth: 1.2
         }
       ),
-      /* @__PURE__ */ jsx65(Path24, { 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__ */ 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" })
     ] }),
-    showLabel ? /* @__PURE__ */ jsx65(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles52.text, children: label }) : null
+    showLabel ? /* @__PURE__ */ jsx67(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles52.text, children: label }) : null
   ] });
 }
 var styles52 = StyleSheet52.create({ row: { flexDirection: "row", alignItems: "center", gap: 4 }, text: { fontWeight: "700" } });
 export {
   ActionSheet,
   ActivityFeed,
+  AkinazaMark,
   Avatar,
   AvatarGroup,
   AvatarRoot,
@@ -5749,6 +5950,7 @@ export {
   Header,
   IconButton,
   ImageViewer,
+  KachizakaMark,
   KrizakaMark,
   Loader,
   LoaderGlyph,