@krizaka/ui 3.4.0 → 3.5.0

package/dist/native.js

@@ -900,27 +900,175 @@ var styles7 = StyleSheet7.create({
   footer: { flexDirection: "row", alignItems: "center", gap: 8, borderTopWidth: StyleSheet7.hairlineWidth, paddingTop: 12, marginTop: "auto" }
 });
 
-// src/native/checkbox.tsx
+// src/native/chat.tsx
 import * as React7 from "react";
-import { Pressable as Pressable4, StyleSheet as StyleSheet8, Text as Text4, View as View6 } from "react-native";
+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 { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } 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();
+  const words = { ...STATUS, ...labels?.status };
+  const failed = status === "failed";
+  const big = radius3.xl;
+  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,
+    {
+      style: [
+        styles8.bubble,
+        { borderRadius: big, backgroundColor: mine ? theme.accent : theme.surface2, opacity: status === "sending" ? 0.7 : 1 },
+        corners,
+        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
+      ]
+    }
+  );
+  const name = [text, time, failed ? `${words.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: words[status] })
+    ] }) : null
+  ] });
+}
+function TypingIndicator({ label, showLabel, style }) {
+  const { theme, radius: radius3 } = useTheme();
+  const reduce = useReducedMotion();
+  const [t] = React7.useState(() => new Animated2.Value(0));
+  React7.useEffect(() => {
+    if (reduce) return;
+    const loop = Animated2.loop(Animated2.timing(t, { toValue: 1, duration: 1200, easing: Easing.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,
+      {
+        style: [
+          styles8.dot,
+          { backgroundColor: theme.textSecondary },
+          reduce ? null : { opacity: t.interpolate({ inputRange: [0, (i + 1) / 4, (i + 2) / 4, 1], outputRange: [0.35, 1, 0.35, 0.35], extrapolate: "clamp" }) }
+        ]
+      },
+      i
+    )) }),
+    showLabel ? /* @__PURE__ */ jsx9(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: [
+    leading,
+    /* @__PURE__ */ jsx9(
+      TextInput,
+      {
+        "aria-label": placeholder,
+        value,
+        onChangeText: onValueChange,
+        placeholder,
+        placeholderTextColor: theme.textMuted,
+        multiline: true,
+        maxLength,
+        style: [styles8.input, { borderRadius: radius3.xl, borderColor: theme.borderDefault, backgroundColor: theme.surface1, color: theme.textPrimary }]
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      Pressable4,
+      {
+        role: "button",
+        "aria-label": sendLabel,
+        "aria-disabled": !ready,
+        disabled: !ready,
+        onPress: () => {
+          haptic("impact");
+          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 }) })
+      }
+    )
+  ] }) });
+}
+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(
+    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__ */ 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
+          ] })
+        ] }),
+        said ? /* @__PURE__ */ jsx9(Txt, { style: styles8.readOnly, children: said }) : null
+      ]
+    }
+  );
+}
+var styles8 = StyleSheet8.create({
+  readOnly: { position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0 },
+  row: { gap: 2 },
+  mine: { alignItems: "flex-end" },
+  theirs: { alignItems: "flex-start" },
+  max: { maxWidth: "80%" },
+  bubble: { paddingHorizontal: 12, paddingVertical: 8, gap: 2 },
+  context: { opacity: 0.85 },
+  time: { alignSelf: "flex-end", fontSize: 11 },
+  status: { flexDirection: "row", alignItems: "center", gap: 4 },
+  typingRow: { flexDirection: "row", alignItems: "center", gap: 8, alignSelf: "flex-start" },
+  typing: { flexDirection: "row", gap: 4, paddingHorizontal: 14, paddingVertical: 12 },
+  dot: { width: 7, height: 7, borderRadius: 4 },
+  composer: { flexDirection: "row", alignItems: "flex-end", gap: 8, paddingHorizontal: 12, paddingTop: 8, borderTopWidth: StyleSheet8.hairlineWidth },
+  input: { flex: 1, maxHeight: 120, minHeight: 40, borderWidth: 1, paddingHorizontal: 14, paddingTop: 10, paddingBottom: 10, fontSize: 16 },
+  send: { width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" },
+  flex: { flex: 1 },
+  item: { flexDirection: "row", alignItems: "center", gap: 12, paddingHorizontal: 16, paddingVertical: 10 },
+  top: { flexDirection: "row", alignItems: "center", gap: 8 },
+  bold: { fontWeight: "800" },
+  count: { minWidth: 20, height: 20, paddingHorizontal: 6, alignItems: "center", justifyContent: "center" }
+});
+
+// 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";
 function Checkbox({ children, label, checked, defaultChecked = false, onCheckedChange, error, disabled, style }) {
   const { theme, radius: radius3 } = useTheme();
-  const [own, setOwn] = React7.useState(defaultChecked);
+  const [own, setOwn] = React8.useState(defaultChecked);
   const on = checked ?? own;
   const toggle = () => {
     if (checked === void 0) setOwn(!on);
     onCheckedChange?.(!on);
   };
-  const box = /* @__PURE__ */ jsx9(
-    View6,
+  const box = /* @__PURE__ */ jsx10(
+    View7,
     {
       style: [
-        styles8.box,
+        styles9.box,
         { borderRadius: radius3.xs + 2, borderColor: error ? theme.danger : on ? theme.accent : theme.borderStrong, backgroundColor: on ? theme.accent : theme.surface1 }
       ],
-      children: on ? /* @__PURE__ */ jsx9(Svg3, { 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__ */ jsx9(Path, { d: "M20 6 9 17l-5-5" }) }) : null
+      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
     }
   );
   const plain = children === void 0 || typeof children === "string";
@@ -933,21 +1081,21 @@ function Checkbox({ children, label, checked, defaultChecked = false, onCheckedC
     disabled,
     onPress: toggle
   };
-  return /* @__PURE__ */ jsxs6(View6, { style: [styles8.root, style], children: [
-    plain ? /* @__PURE__ */ jsxs6(Pressable4, { ...a11y, hitSlop: 4, style: [styles8.row, disabled ? styles8.disabled : null], children: [
+  return /* @__PURE__ */ jsxs7(View7, { style: [styles9.root, style], children: [
+    plain ? /* @__PURE__ */ jsxs7(Pressable5, { ...a11y, hitSlop: 4, style: [styles9.row, disabled ? styles9.disabled : null], children: [
       box,
-      children !== void 0 ? /* @__PURE__ */ jsx9(View6, { style: styles8.text, children: /* @__PURE__ */ jsx9(Text4, { style: [styles8.label, { color: theme.textPrimary }], children }) }) : null
+      children !== void 0 ? /* @__PURE__ */ jsx10(View7, { style: styles9.text, children: /* @__PURE__ */ jsx10(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__ */ jsxs6(View6, { style: [styles8.row, disabled ? styles8.disabled : null], children: [
-        /* @__PURE__ */ jsx9(Pressable4, { ...a11y, hitSlop: 11, style: styles8.target, children: box }),
-        /* @__PURE__ */ jsx9(View6, { style: styles8.text, children })
+      /* @__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 })
       ] })
     ),
-    error ? /* @__PURE__ */ jsx9(Text4, { role: "alert", "aria-live": "polite", style: [styles8.error, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx10(Text4, { role: "alert", "aria-live": "polite", style: [styles9.error, { color: theme.dangerText }], children: error }) : null
   ] });
 }
-var styles8 = StyleSheet8.create({
+var styles9 = StyleSheet9.create({
   root: { gap: 2, alignSelf: "stretch" },
   row: { flexDirection: "row", alignItems: "center", gap: 12, minHeight: 44 },
   target: { minHeight: 44, justifyContent: "center" },
@@ -959,18 +1107,18 @@ var styles8 = StyleSheet8.create({
 });
 
 // src/native/chip.tsx
-import * as React8 from "react";
-import { Pressable as Pressable5, ScrollView, StyleSheet as StyleSheet9, Text as Text5, View as View7 } from "react-native";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChipGroupContext = React8.createContext(null);
+import * as React9 from "react";
+import { Pressable as Pressable6, ScrollView, StyleSheet as StyleSheet10, Text as Text5, View as View8 } from "react-native";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var ChipGroupContext = React9.createContext(null);
 function Label({ children, color, size }) {
-  if (typeof children !== "string" && typeof children !== "number") return /* @__PURE__ */ jsx10(Fragment2, { children });
-  return /* @__PURE__ */ jsx10(Text5, { style: [styles9.label, { color, fontSize: size === "sm" ? 12 : 13 }], children });
+  if (typeof children !== "string" && typeof children !== "number") return /* @__PURE__ */ jsx11(Fragment3, { children });
+  return /* @__PURE__ */ jsx11(Text5, { style: [styles10.label, { color, fontSize: size === "sm" ? 12 : 13 }], children });
 }
 function ChipBase(props) {
-  const group = React8.useContext(ChipGroupContext);
+  const group = React9.useContext(ChipGroupContext);
   const { theme, radius: radius3 } = useTheme();
-  const [own, setOwn] = React8.useState(props.removable ? false : props.defaultSelected ?? false);
+  const [own, setOwn] = React9.useState(props.removable ? false : props.defaultSelected ?? false);
   const size = props.size ?? group?.size ?? "md";
   const frame = (on2, pressed) => ({
     height: size === "sm" ? 28 : 36,
@@ -981,9 +1129,9 @@ function ChipBase(props) {
   });
   if (props.removable) {
     const { removable: _r2, removeLabel, onRemove, disabled: disabled2, size: _s2, style: style2, children: children2, ...rest2 } = props;
-    return /* @__PURE__ */ jsxs7(View7, { ...rest2, style: [styles9.base, frame(false, false), disabled2 ? styles9.disabled : null, style2], children: [
-      /* @__PURE__ */ jsx10(Label, { color: theme.textSecondary, size, children: children2 }),
-      /* @__PURE__ */ jsx10(Pressable5, { role: "button", "aria-label": removeLabel, disabled: disabled2 ?? void 0, hitSlop: 10, onPress: onRemove, style: styles9.remove, children: /* @__PURE__ */ jsx10(Text5, { style: [styles9.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    return /* @__PURE__ */ jsxs8(View8, { ...rest2, style: [styles10.base, frame(false, false), disabled2 ? styles10.disabled : null, style2], children: [
+      /* @__PURE__ */ jsx11(Label, { color: theme.textSecondary, size, 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" }) })
     ] });
   }
   const { removable: _r, value, selected, defaultSelected: _d, onSelectedChange, disabled: ownDisabled, size: _s, style, children, ...rest } = props;
@@ -996,8 +1144,8 @@ function ChipBase(props) {
     onSelectedChange?.(!on);
   };
   const single = group?.type === "single";
-  return /* @__PURE__ */ jsx10(
-    Pressable5,
+  return /* @__PURE__ */ jsx11(
+    Pressable6,
     {
       role: single ? "radio" : "checkbox",
       "aria-checked": on,
@@ -1005,17 +1153,17 @@ function ChipBase(props) {
       ...rest,
       disabled,
       onPress: press,
-      style: ({ pressed }) => [styles9.base, frame(on, pressed), disabled ? styles9.disabled : null, style],
-      children: /* @__PURE__ */ jsx10(Label, { color: on ? theme.textPrimary : theme.textSecondary, size, children })
+      style: ({ pressed }) => [styles10.base, frame(on, pressed), disabled ? styles10.disabled : null, style],
+      children: /* @__PURE__ */ jsx11(Label, { color: on ? theme.textPrimary : theme.textSecondary, size, children })
     }
   );
 }
 function ChipGroup(props) {
   const { size, disabled, scrollable, "aria-label": label, style, children } = props;
   const initial = props.type === "single" ? props.defaultValue ?? "" : props.defaultValue ?? [];
-  const [own, setOwn] = React8.useState(initial);
+  const [own, setOwn] = React9.useState(initial);
   const current = props.value ?? own;
-  const context = React8.useMemo(() => {
+  const context = React9.useMemo(() => {
     const list = Array.isArray(current) ? current : [current];
     return {
       type: props.type,
@@ -1030,10 +1178,10 @@ 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__ */ jsx10(ChipGroupContext.Provider, { value: context, children: scrollable ? /* @__PURE__ */ jsx10(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, ...a11y, style, contentContainerStyle: styles9.row, children }) : /* @__PURE__ */ jsx10(View7, { ...a11y, style: [styles9.row, styles9.wrap, style], children }) });
+  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 }) });
 }
 var Chip = Object.assign(ChipBase, { Group: ChipGroup });
-var styles9 = StyleSheet9.create({
+var styles10 = StyleSheet10.create({
   base: { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 6, paddingHorizontal: 14, borderWidth: 1, alignSelf: "flex-start" },
   label: { fontWeight: "600" },
   remove: { marginRight: -6, width: 24, height: 24, alignItems: "center", justifyContent: "center" },
@@ -1044,30 +1192,30 @@ var styles9 = StyleSheet9.create({
 });
 
 // src/native/combobox.tsx
-import * as React10 from "react";
-import { Pressable as Pressable7, ScrollView as ScrollView2, StyleSheet as StyleSheet11, Text as Text7, TextInput, View as View9 } from "react-native";
-import Svg4, { Path as Path2 } from "react-native-svg";
+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";
 
 // src/native/dialog.tsx
-import * as React9 from "react";
-import { Animated as Animated2, Modal as Modal2, Pressable as Pressable6, StyleSheet as StyleSheet10, Text as Text6, View as View8 } from "react-native";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+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";
 function Sheet({ open, onOpenChange, title, closeLabel = "Close", children, style }) {
   const { theme, radius: radius3, motion: motion3 } = useTheme();
-  const [rise] = React9.useState(() => new Animated2.Value(0));
-  React9.useEffect(() => {
-    if (open) Animated2.timing(rise, { toValue: 1, duration: motion3.duration.base * 1.6, useNativeDriver: true }).start();
+  const [rise] = React10.useState(() => new Animated3.Value(0));
+  React10.useEffect(() => {
+    if (open) Animated3.timing(rise, { toValue: 1, duration: motion3.duration.base * 1.6, useNativeDriver: true }).start();
     else rise.setValue(0);
   }, [open, rise, motion3.duration.base]);
-  return /* @__PURE__ */ jsx11(Modal2, { transparent: true, visible: open, animationType: "none", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs8(View8, { style: styles10.backdrop, children: [
-    /* @__PURE__ */ jsx11(Animated2.View, { style: [StyleSheet10.absoluteFill, { opacity: rise }], children: /* @__PURE__ */ jsx11(Pressable6, { role: "button", "aria-label": closeLabel, onPress: () => onOpenChange(false), style: [StyleSheet10.absoluteFill, { backgroundColor: theme.scrim }] }) }),
-    /* @__PURE__ */ jsxs8(
-      Animated2.View,
+  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,
       {
         role: "dialog",
         "aria-label": title,
         style: [
-          styles10.sheet,
+          styles11.sheet,
           {
             backgroundColor: theme.surface1,
             borderColor: theme.borderDefault,
@@ -1080,37 +1228,37 @@ function Sheet({ open, onOpenChange, title, closeLabel = "Close", children, styl
           style
         ],
         children: [
-          /* @__PURE__ */ jsx11(View8, { "aria-hidden": true, style: [styles10.grip, { backgroundColor: theme.borderStrong }] }),
-          title ? /* @__PURE__ */ jsx11(Text6, { role: "heading", style: [styles10.title, { color: theme.textPrimary }], children: title }) : null,
+          /* @__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,
           children
         ]
       }
     )
   ] }) });
 }
-var styles10 = StyleSheet10.create({
+var styles11 = StyleSheet11.create({
   backdrop: { flex: 1, justifyContent: "flex-end" },
-  sheet: { maxHeight: "85%", paddingHorizontal: 16, paddingTop: 8, paddingBottom: 28, gap: 12, borderWidth: StyleSheet10.hairlineWidth, shadowOpacity: 0.3, shadowRadius: 16, shadowOffset: { width: 0, height: -4 }, elevation: 12 },
+  sheet: { maxHeight: "85%", paddingHorizontal: 16, paddingTop: 8, paddingBottom: 28, gap: 12, borderWidth: StyleSheet11.hairlineWidth, shadowOpacity: 0.3, shadowRadius: 16, shadowOffset: { width: 0, height: -4 }, elevation: 12 },
   grip: { alignSelf: "center", width: 40, height: 5, borderRadius: 3, marginBottom: 4 },
   title: { fontSize: 17, fontWeight: "700" }
 });
 
 // src/native/combobox.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function Chevron({ color }) {
-  return /* @__PURE__ */ jsx12(Svg4, { 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__ */ jsx12(Path2, { d: "m6 9 6 6 6-6" }) });
+  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" }) });
 }
 function Tick({ color }) {
-  return /* @__PURE__ */ jsx12(Svg4, { 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__ */ jsx12(Path2, { d: "M20 6 9 17l-5-5" }) });
+  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" }) });
 }
 function Trigger({ shared, text, onPress, open }) {
   const { theme, radius: radius3 } = useTheme();
   const { label, placeholder, hint, error, disabled } = shared;
   const caption = error ?? hint;
-  return /* @__PURE__ */ jsxs9(View9, { style: [styles11.field, shared.style], children: [
-    /* @__PURE__ */ jsx12(Text7, { style: [styles11.label, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsxs9(
-      Pressable7,
+  return /* @__PURE__ */ jsxs10(View10, { style: [styles12.field, shared.style], children: [
+    /* @__PURE__ */ jsx13(Text7, { style: [styles12.label, { color: theme.textSecondary }], children: label }),
+    /* @__PURE__ */ jsxs10(
+      Pressable8,
       {
         role: "button",
         "aria-label": `${label}, ${text ?? placeholder ?? ""}`.replace(/, $/, ""),
@@ -1120,22 +1268,22 @@ function Trigger({ shared, text, onPress, open }) {
         accessibilityHint: caption,
         disabled,
         onPress,
-        style: [styles11.trigger, { borderRadius: radius3.md, backgroundColor: theme.surface2, borderColor: error ? theme.danger : open ? theme.accent : theme.borderDefault }, disabled ? styles11.disabled : null],
+        style: [styles12.trigger, { borderRadius: radius3.md, backgroundColor: theme.surface2, borderColor: error ? theme.danger : open ? theme.accent : theme.borderDefault }, disabled ? styles12.disabled : null],
         children: [
-          /* @__PURE__ */ jsx12(Text7, { numberOfLines: 1, style: [styles11.triggerText, { color: text ? theme.textPrimary : theme.textSecondary }], children: text ?? placeholder ?? "" }),
-          /* @__PURE__ */ jsx12(Chevron, { color: theme.textSecondary })
+          /* @__PURE__ */ jsx13(Text7, { numberOfLines: 1, style: [styles12.triggerText, { color: text ? theme.textPrimary : theme.textSecondary }], children: text ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx13(Chevron, { color: theme.textSecondary })
         ]
       }
     ),
-    caption ? /* @__PURE__ */ jsx12(Text7, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles11.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+    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
   ] });
 }
 function Options({ options, isChosen, onPick, multiple }) {
   const { theme, radius: radius3, haptic } = useTheme();
-  return /* @__PURE__ */ jsx12(ScrollView2, { role: multiple ? "list" : "radiogroup", keyboardShouldPersistTaps: "handled", style: styles11.options, children: options.map((o) => {
+  return /* @__PURE__ */ jsx13(ScrollView2, { role: multiple ? "list" : "radiogroup", keyboardShouldPersistTaps: "handled", style: styles12.options, children: options.map((o) => {
     const chosen = isChosen(o.value);
-    return /* @__PURE__ */ jsxs9(
-      Pressable7,
+    return /* @__PURE__ */ jsxs10(
+      Pressable8,
       {
         role: multiple ? "checkbox" : "radio",
         "aria-checked": chosen,
@@ -1146,13 +1294,13 @@ function Options({ options, isChosen, onPick, multiple }) {
           haptic("selection");
           onPick(o);
         },
-        style: ({ pressed }) => [styles11.option, { borderRadius: radius3.md, backgroundColor: chosen ? theme.accentSoft : pressed ? theme.surface3 : "transparent" }, o.disabled ? styles11.disabled : null],
+        style: ({ pressed }) => [styles12.option, { borderRadius: radius3.md, backgroundColor: chosen ? theme.accentSoft : pressed ? theme.surface3 : "transparent" }, o.disabled ? styles12.disabled : null],
         children: [
-          /* @__PURE__ */ jsxs9(View9, { style: styles11.optionText, children: [
-            /* @__PURE__ */ jsx12(Text7, { style: [styles11.optionLabel, { color: theme.textPrimary, fontWeight: chosen ? "700" : "500" }], children: o.label }),
-            o.description ? /* @__PURE__ */ jsx12(Text7, { style: [styles11.caption, { color: theme.textSecondary }], children: o.description }) : null
+          /* @__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
           ] }),
-          chosen ? /* @__PURE__ */ jsx12(Tick, { color: theme.accentText }) : null
+          chosen ? /* @__PURE__ */ jsx13(Tick, { color: theme.accentText }) : null
         ]
       },
       o.value
@@ -1160,16 +1308,16 @@ function Options({ options, isChosen, onPick, multiple }) {
   }) });
 }
 function Select({ options, value: valueProp, defaultValue = null, onValueChange, sheetTitle, ...shared }) {
-  const [own, setOwn] = React10.useState(defaultValue);
+  const [own, setOwn] = React11.useState(defaultValue);
   const value = valueProp !== void 0 ? valueProp : own;
-  const [open, setOpen] = React10.useState(false);
+  const [open, setOpen] = React11.useState(false);
   const close = () => {
     setOpen(false);
     shared.onBlur?.();
   };
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(Trigger, { shared, text: options.find((o) => o.value === value)?.label ?? null, open, onPress: () => setOpen(true) }),
-    /* @__PURE__ */ jsx12(Sheet, { open, onOpenChange: (o) => o ? setOpen(true) : close(), title: sheetTitle ?? shared.label, children: /* @__PURE__ */ jsx12(
+  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(
       Options,
       {
         options,
@@ -1187,13 +1335,13 @@ var comboboxLabels = { search: "Search", loading: "Searching\u2026", empty: "No
 function Combobox({ options = [], onSearch, multiple, value, onValueChange, labels: given, ...shared }) {
   const labels = { ...comboboxLabels, ...given };
   const { theme, radius: radius3 } = useTheme();
-  const [open, setOpen] = React10.useState(false);
-  const [query, setQuery] = React10.useState("");
-  const [found, setFound] = React10.useState(null);
-  const [loading, setLoading] = React10.useState(false);
-  const [seen, setSeen] = React10.useState({});
+  const [open, setOpen] = React11.useState(false);
+  const [query, setQuery] = React11.useState("");
+  const [found, setFound] = React11.useState(null);
+  const [loading, setLoading] = React11.useState(false);
+  const [seen, setSeen] = React11.useState({});
   const chosen = value == null ? [] : typeof value === "string" ? value ? [value] : [] : [...value];
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     if (!onSearch || !open) return;
     const controller = new AbortController();
     const timer2 = setTimeout(() => {
@@ -1217,11 +1365,11 @@ function Combobox({ options = [], onSearch, multiple, value, onValueChange, labe
     setQuery("");
     shared.onBlur?.();
   };
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(Trigger, { shared, text: chosen.length ? chosen.map(labelOf).join(", ") : null, open, onPress: () => setOpen(true) }),
-    /* @__PURE__ */ jsxs9(Sheet, { open, onOpenChange: (o) => o ? setOpen(true) : close(), title: shared.label, children: [
-      /* @__PURE__ */ jsx12(
-        TextInput,
+  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(
+        TextInput2,
         {
           "aria-label": labels.search,
           placeholder: labels.search,
@@ -1231,12 +1379,12 @@ function Combobox({ options = [], onSearch, multiple, value, onValueChange, labe
           autoFocus: true,
           autoCorrect: false,
           returnKeyType: "search",
-          style: [styles11.search, { borderRadius: radius3.md, backgroundColor: theme.surface2, borderColor: theme.borderDefault, color: theme.textPrimary }]
+          style: [styles12.search, { borderRadius: radius3.md, backgroundColor: theme.surface2, borderColor: theme.borderDefault, color: theme.textPrimary }]
         }
       ),
-      loading ? /* @__PURE__ */ jsx12(Text7, { style: [styles11.caption, { color: theme.textSecondary }], children: labels.loading }) : null,
-      !loading && list.length === 0 ? /* @__PURE__ */ jsx12(Text7, { style: [styles11.caption, { color: theme.textSecondary }], children: labels.empty }) : null,
-      /* @__PURE__ */ jsx12(
+      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(
         Options,
         {
           options: list,
@@ -1252,11 +1400,11 @@ function Combobox({ options = [], onSearch, multiple, value, onValueChange, labe
           }
         }
       ),
-      multiple ? /* @__PURE__ */ jsx12(Pressable7, { role: "button", onPress: close, style: [styles11.done, { borderRadius: radius3.md, backgroundColor: theme.accent }], children: /* @__PURE__ */ jsx12(Text7, { style: [styles11.doneText, { color: theme.onAccent }], children: labels.done }) }) : null
+      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
     ] })
   ] });
 }
-var styles11 = StyleSheet11.create({
+var styles12 = StyleSheet12.create({
   field: { gap: 6, alignSelf: "stretch" },
   label: { fontSize: 12, lineHeight: 16, fontWeight: "600" },
   trigger: { minHeight: 48, flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 14, borderWidth: 1 },
@@ -1273,9 +1421,9 @@ var styles11 = StyleSheet11.create({
 });
 
 // src/native/countdown.tsx
-import * as React11 from "react";
-import { Animated as Animated3, StyleSheet as StyleSheet12, Text as Text8 } from "react-native";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+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";
 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();
@@ -1283,13 +1431,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] = React11.useState(() => new Animated3.Value(1));
-  React11.useEffect(() => {
+  const [opacity] = React12.useState(() => new Animated4.Value(1));
+  React12.useEffect(() => {
     if (!urgent || reduce) return;
-    const loop = Animated3.loop(
-      Animated3.sequence([
-        Animated3.timing(opacity, { toValue: 0.4, duration: 500, useNativeDriver: true }),
-        Animated3.timing(opacity, { toValue: 1, duration: 500, useNativeDriver: true })
+    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 })
       ])
     );
     loop.start();
@@ -1300,24 +1448,24 @@ 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, unit]) => `${String(value).padStart(2, "0")}${unit}`).join(" ");
-  return /* @__PURE__ */ jsxs10(
-    Animated3.View,
+  return /* @__PURE__ */ jsxs11(
+    Animated4.View,
     {
       accessible: true,
       role: "timer",
       "aria-label": `${label} ${text}`,
-      style: [styles12.root, style],
+      style: [styles13.root, style],
       children: [
-        showLabel ? /* @__PURE__ */ jsx13(Text8, { style: [styles12.label, { color: theme.textSecondary, fontSize: Math.max(11, Math.round(FONT[size] * 0.6)) }], children: label }) : null,
-        parts.map(([value, unit], i) => /* @__PURE__ */ jsxs10(Animated3.View, { style: [styles12.segment, urgent && i === parts.length - 1 ? { opacity } : null], children: [
-          /* @__PURE__ */ jsx13(Text8, { style: [styles12.value, { color, fontSize: FONT[size] }, fonts.display ? { fontFamily: fonts.display } : null], children: String(value).padStart(2, "0") }),
-          /* @__PURE__ */ jsx13(Text8, { style: [styles12.unit, { color: theme.textSecondary, fontSize: Math.round(FONT[size] / 2) }], children: unit })
+        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, unit], 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: unit })
         ] }, unit))
       ]
     }
   );
 }
-var styles12 = StyleSheet12.create({
+var styles13 = StyleSheet13.create({
   root: { flexDirection: "row", alignItems: "baseline", gap: 6 },
   segment: { flexDirection: "row", alignItems: "baseline" },
   value: { fontWeight: "900", fontVariant: ["tabular-nums"], letterSpacing: -0.3 },
@@ -1326,18 +1474,18 @@ var styles12 = StyleSheet12.create({
 });
 
 // src/native/date-picker.tsx
-import * as React12 from "react";
-import { Platform, StyleSheet as StyleSheet13, Text as Text9, TextInput as TextInput2, View as View10 } from "react-native";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+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";
 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 }) {
   const { theme, radius: radius3 } = useTheme();
   const labels = { ...dateFieldLabels, ...given };
-  const order = React12.useMemo(() => datePartsOrder(locale), [locale]);
-  const [parts, setParts] = React12.useState(() => splitDate(value ?? defaultValue));
-  const [focused, setFocused] = React12.useState(null);
-  const refs = { day: React12.useRef(null), month: React12.useRef(null), year: React12.useRef(null) };
+  const order = React13.useMemo(() => datePartsOrder(locale), [locale]);
+  const [parts, setParts] = React13.useState(() => splitDate(value ?? defaultValue));
+  const [focused, setFocused] = React13.useState(null);
+  const refs = { day: React13.useRef(null), month: React13.useRef(null), year: React13.useRef(null) };
   if (value !== void 0 && value !== composeDate(parts) && composeDate(splitDate(value)) === value) setParts(splitDate(value));
   const caption = error ?? hint;
   const change = (part, text) => {
@@ -1348,12 +1496,12 @@ 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__ */ jsxs11(View10, { role: "group", "aria-label": label, style: [styles13.root, disabled ? styles13.disabled : null, style], children: [
-    /* @__PURE__ */ jsx14(Text9, { style: [styles13.label, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsx14(View10, { style: styles13.row, children: order.map((part, i) => /* @__PURE__ */ jsxs11(View10, { style: part === "year" ? styles13.yearBox : styles13.box, children: [
-      /* @__PURE__ */ jsx14(Text9, { style: [styles13.part, { color: theme.textSecondary }], children: labels[part] }),
-      /* @__PURE__ */ jsx14(
-        TextInput2,
+  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(
+        TextInput3,
         {
           ref: (node) => {
             refs[part].current = node;
@@ -1384,16 +1532,16 @@ function DateField({ label, hint, error, value, defaultValue, onValueChange, onB
             if (i === order.length - 1) onBlur?.();
           },
           style: [
-            styles13.input,
+            styles14.input,
             { color: theme.textPrimary, backgroundColor: theme.surface2, borderRadius: radius3.md, borderColor: error ? theme.danger : focused === part ? theme.accent : theme.borderDefault }
           ]
         }
       )
     ] }, part)) }),
-    caption ? /* @__PURE__ */ jsx14(Text9, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles13.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+    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
   ] });
 }
-var styles13 = StyleSheet13.create({
+var styles14 = StyleSheet14.create({
   root: { gap: 6, alignSelf: "stretch" },
   label: { fontSize: 12, lineHeight: 16, fontWeight: "600" },
   row: { flexDirection: "row", gap: 10 },
@@ -1406,26 +1554,26 @@ var styles13 = StyleSheet13.create({
 });
 
 // src/native/date-time.tsx
-import * as React14 from "react";
-import { Pressable as Pressable9, ScrollView as ScrollView4, StyleSheet as StyleSheet15, Text as Text11, View as View12 } from "react-native";
-import Svg5, { Path as Path3 } from "react-native-svg";
+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";
 
 // src/native/wheel.tsx
-import * as React13 from "react";
-import { Pressable as Pressable8, ScrollView as ScrollView3, StyleSheet as StyleSheet14, Text as Text10, View as View11 } from "react-native";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+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";
 var ITEM = 44;
-var FrameContext = React13.createContext({ visible: 5, unset: false });
+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__ */ jsx15(FrameContext.Provider, { value: React13.useMemo(() => ({ visible, unset }), [visible, unset]), children: /* @__PURE__ */ jsxs12(
-    View11,
+  return /* @__PURE__ */ jsx16(FrameContext.Provider, { value: React14.useMemo(() => ({ visible, unset }), [visible, unset]), children: /* @__PURE__ */ jsxs13(
+    View12,
     {
       role: "group",
       "aria-label": label,
-      style: [styles14.root, { height: ITEM * visible, borderRadius: radius3.xl, backgroundColor: theme.surface1, borderColor: invalid ? theme.danger : theme.borderDefault }, style],
+      style: [styles15.root, { height: ITEM * visible, borderRadius: radius3.xl, backgroundColor: theme.surface1, borderColor: invalid ? theme.danger : theme.borderDefault }, style],
       children: [
-        /* @__PURE__ */ jsx15(View11, { pointerEvents: "none", style: [styles14.band, { top: ITEM * (visible - 1) / 2, height: ITEM, borderRadius: radius3.lg, backgroundColor: theme.surface3, borderColor: theme.borderSubtle }] }),
+        /* @__PURE__ */ jsx16(View12, { pointerEvents: "none", style: [styles15.band, { top: ITEM * (visible - 1) / 2, height: ITEM, borderRadius: radius3.lg, backgroundColor: theme.surface3, borderColor: theme.borderSubtle }] }),
         children
       ]
     }
@@ -1433,7 +1581,7 @@ function WheelPicker({ label, children, visible = 5, invalid, unset = false, sty
 }
 function WheelDivider({ children }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx15(Text10, { "aria-hidden": true, style: [styles14.divider, { color: theme.textSecondary }], children });
+  return /* @__PURE__ */ jsx16(Text10, { "aria-hidden": true, style: [styles15.divider, { color: theme.textSecondary }], children });
 }
 var nearestEnabled = (options, index) => {
   for (let d = 0; d < options.length; d++) {
@@ -1444,14 +1592,14 @@ var nearestEnabled = (options, index) => {
 };
 function Wheel({ label, options, value: valueProp, defaultValue, onValueChange, disabled, style }) {
   const { theme, haptic } = useTheme();
-  const { visible, unset } = React13.useContext(FrameContext);
-  const [own, setOwn] = React13.useState(defaultValue ?? options[0]?.value ?? "");
+  const { visible, unset } = React14.useContext(FrameContext);
+  const [own, setOwn] = React14.useState(defaultValue ?? options[0]?.value ?? "");
   const value = valueProp ?? own;
   const index = Math.max(0, options.findIndex((o) => o.value === value));
-  const scroller = React13.useRef(null);
-  const passing = React13.useRef(index);
-  const [shown, setShown] = React13.useState(index);
-  const [seen, setSeen] = React13.useState(index);
+  const scroller = React14.useRef(null);
+  const passing = React14.useRef(index);
+  const [shown, setShown] = React14.useState(index);
+  const [seen, setSeen] = React14.useState(index);
   if (seen !== index) {
     setSeen(index);
     setShown(index);
@@ -1464,7 +1612,7 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
     if (valueProp === void 0) setOwn(option.value);
     if (option.value !== value) onValueChange?.(option.value);
   };
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     passing.current = index;
     scroller.current?.scrollTo({ y: index * ITEM, animated: false });
   }, [index]);
@@ -1483,8 +1631,8 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
     if (options[i]) commit(i);
   };
   const pad = (visible - 1) / 2 * ITEM;
-  return /* @__PURE__ */ jsx15(
-    View11,
+  return /* @__PURE__ */ jsx16(
+    View12,
     {
       accessible: true,
       role: "spinbutton",
@@ -1496,8 +1644,8 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
       "aria-disabled": disabled || void 0,
       accessibilityActions: [{ name: "increment" }, { name: "decrement" }],
       onAccessibilityAction: (e) => step(e.nativeEvent.actionName === "increment" ? 1 : -1),
-      style: [styles14.column, disabled ? styles14.disabled : null, style],
-      children: /* @__PURE__ */ jsx15(
+      style: [styles15.column, disabled ? styles15.disabled : null, style],
+      children: /* @__PURE__ */ jsx16(
         ScrollView3,
         {
           ref: scroller,
@@ -1517,12 +1665,12 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
           },
           children: options.map((o, i) => {
             const distance = Math.abs(i - shown);
-            return /* @__PURE__ */ jsx15(Pressable8, { focusable: false, tabIndex: -1, disabled: disabled || o.disabled, onPress: () => commit(i), style: [styles14.item, { height: ITEM }], children: /* @__PURE__ */ jsx15(
+            return /* @__PURE__ */ jsx16(Pressable9, { focusable: false, tabIndex: -1, disabled: disabled || o.disabled, onPress: () => commit(i), style: [styles15.item, { height: ITEM }], children: /* @__PURE__ */ jsx16(
               Text10,
               {
                 numberOfLines: 1,
                 style: [
-                  styles14.itemText,
+                  styles15.itemText,
                   {
                     color: o.disabled ? theme.textMuted : i === shown && !unset ? theme.textPrimary : theme.textSecondary,
                     fontWeight: i === shown && !unset ? "600" : "400",
@@ -1540,9 +1688,9 @@ function Wheel({ label, options, value: valueProp, defaultValue, onValueChange,
     }
   );
 }
-var styles14 = StyleSheet14.create({
-  root: { flexDirection: "row", alignItems: "stretch", borderWidth: StyleSheet14.hairlineWidth, paddingHorizontal: 6, gap: 4, overflow: "hidden", alignSelf: "flex-start" },
-  band: { position: "absolute", left: 6, right: 6, borderWidth: StyleSheet14.hairlineWidth },
+var styles15 = StyleSheet15.create({
+  root: { flexDirection: "row", alignItems: "stretch", borderWidth: StyleSheet15.hairlineWidth, paddingHorizontal: 6, gap: 4, overflow: "hidden", alignSelf: "flex-start" },
+  band: { position: "absolute", left: 6, right: 6, borderWidth: StyleSheet15.hairlineWidth },
   column: { minWidth: 56, flexGrow: 1 },
   item: { alignItems: "center", justifyContent: "center", paddingHorizontal: 8 },
   itemText: { fontSize: 18, fontVariant: ["tabular-nums"] },
@@ -1551,19 +1699,19 @@ var styles14 = StyleSheet14.create({
 });
 
 // src/native/date-time.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var longDate = (locale, iso) => new Intl.DateTimeFormat(locale, { dateStyle: "long" }).format(toLocalDate(iso));
 var useOwn = (value, initial) => {
-  const [own, setOwn] = React14.useState(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__ */ jsx16(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__ */ jsx16(Path3, { d: direction === "left" ? "m15 18-6-6 6-6" : "m9 18 6-6-6-6" }) });
+  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" }) });
 }
 function NavButton({ label, direction, disabled, onPress }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx16(
-    Pressable9,
+  return /* @__PURE__ */ jsx17(
+    Pressable10,
     {
       role: "button",
       "aria-label": label,
@@ -1571,49 +1719,49 @@ function NavButton({ label, direction, disabled, onPress }) {
       disabled,
       hitSlop: 6,
       onPress,
-      style: ({ pressed }) => [styles15.nav, { borderRadius: radius3.md, backgroundColor: pressed ? theme.surface3 : theme.surface2, borderColor: theme.borderSubtle }, disabled ? styles15.disabled : null],
-      children: /* @__PURE__ */ jsx16(Chevron2, { direction, color: theme.textSecondary })
+      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 })
     }
   );
 }
 function Node({ color, style }) {
-  return /* @__PURE__ */ jsx16(View12, { "aria-hidden": true, style: [styles15.node, { backgroundColor: color }, style] });
+  return /* @__PURE__ */ jsx17(View13, { "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 }) {
   const labels = { ...calendarLabels, ...given };
   const { theme, radius: radius3, haptic } = useTheme();
   const today = todayProp ?? todayIso();
-  const [month, setMonth] = React14.useState(`${(defaultMonth ?? value ?? range?.start ?? today).slice(0, 7)}-01`);
+  const [month, setMonth] = React15.useState(`${(defaultMonth ?? value ?? range?.start ?? today).slice(0, 7)}-01`);
   const start = weekStartsOn ?? weekStartOf(locale);
   const weeks = monthGrid(month, start);
   const weekday = new Intl.DateTimeFormat(locale, { weekday: "narrow" });
   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__ */ jsxs13(View12, { style: [styles15.calendar, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsxs13(View12, { style: styles15.header, children: [
-      /* @__PURE__ */ jsx16(NavButton, { label: labels.previousMonth, direction: "left", disabled: Boolean(min && addDays(month, -1) < min), onPress: () => setMonth(addMonths(month, -1)) }),
-      /* @__PURE__ */ jsx16(Text11, { role: "heading", "aria-live": "polite", style: [styles15.title, { color: theme.textPrimary }], children: title }),
-      /* @__PURE__ */ jsx16(NavButton, { label: labels.nextMonth, direction: "right", disabled: Boolean(max && addMonths(month, 1) > max), onPress: () => setMonth(addMonths(month, 1)) })
+  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)) })
     ] }),
-    /* @__PURE__ */ jsx16(View12, { style: styles15.week, "aria-hidden": true, children: weeks[0].map((iso) => /* @__PURE__ */ jsx16(Text11, { style: [styles15.weekday, { color: theme.textSecondary }], children: weekday.format(toLocalDate(iso)) }, iso)) }),
-    /* @__PURE__ */ jsx16(View12, { role: "radiogroup", "aria-label": title, children: weeks.map((week) => /* @__PURE__ */ jsx16(View12, { style: styles15.week, children: week.map((iso) => {
+    /* @__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) => {
       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__ */ jsx16(
-        View12,
+      return /* @__PURE__ */ jsx17(
+        View13,
         {
           style: [
-            styles15.cell,
+            styles16.cell,
             band ? { backgroundColor: theme.accentSoft } : null,
             band && iso === lo ? { borderTopLeftRadius: radius3.lg, borderBottomLeftRadius: radius3.lg } : null,
             band && iso === hi ? { borderTopRightRadius: radius3.lg, borderBottomRightRadius: radius3.lg } : null
           ],
-          children: /* @__PURE__ */ jsxs13(
-            Pressable9,
+          children: /* @__PURE__ */ jsxs14(
+            Pressable10,
             {
               role: "radio",
               "aria-label": longDate(locale, iso),
@@ -1626,16 +1774,16 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
                 onSelect?.(iso);
               },
               style: ({ pressed }) => [
-                styles15.day,
+                styles16.day,
                 { borderRadius: radius3.lg },
                 selected ? { backgroundColor: theme.accent } : pressed ? { backgroundColor: theme.surface3 } : null
               ],
               children: [
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   Text11,
                   {
                     style: [
-                      styles15.dayText,
+                      styles16.dayText,
                       {
                         color: selected ? theme.onAccent : disabled ? theme.textMuted : iso === today ? theme.accentText : outside ? theme.textSecondary : theme.textPrimary,
                         fontWeight: selected || iso === today ? "700" : "400",
@@ -1645,7 +1793,7 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
                     children: Number(iso.slice(8))
                   }
                 ),
-                iso === today ? /* @__PURE__ */ jsx16(Node, { color: selected ? theme.onAccent : theme.accent, style: styles15.todayNode }) : null
+                iso === today ? /* @__PURE__ */ jsx17(Node, { color: selected ? theme.onAccent : theme.accent, style: styles16.todayNode }) : null
               ]
             }
           )
@@ -1657,21 +1805,21 @@ function Calendar({ locale, value, range, onSelect, defaultMonth, min, max, isDa
 }
 function MonthPicker({ locale, value, onValueChange, min, max, labels, style }) {
   const { theme, radius: radius3, haptic } = useTheme();
-  const [year, setYear] = React14.useState(Number((value ?? todayIso()).slice(0, 4)));
+  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__ */ jsxs13(View12, { style: [styles15.calendar, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsxs13(View12, { style: styles15.header, children: [
-      /* @__PURE__ */ jsx16(NavButton, { label: labels?.previousYear ?? "Previous year", direction: "left", disabled: Boolean(min && year - 1 < Number(min.slice(0, 4))), onPress: () => setYear(year - 1) }),
-      /* @__PURE__ */ jsx16(Text11, { role: "heading", "aria-live": "polite", style: [styles15.title, { color: theme.textPrimary }], children: year }),
-      /* @__PURE__ */ jsx16(NavButton, { label: labels?.nextYear ?? "Next year", direction: "right", disabled: Boolean(max && year + 1 > Number(max.slice(0, 4))), onPress: () => setYear(year + 1) })
+  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) })
     ] }),
-    /* @__PURE__ */ jsx16(View12, { role: "radiogroup", "aria-label": String(year), style: styles15.months, children: names.map((name, i) => {
+    /* @__PURE__ */ jsx17(View13, { 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__ */ jsx16(
-        Pressable9,
+      return /* @__PURE__ */ jsx17(
+        Pressable10,
         {
           role: "radio",
           "aria-checked": selected,
@@ -1682,8 +1830,8 @@ function MonthPicker({ locale, value, onValueChange, min, max, labels, style })
             haptic("selection");
             onValueChange?.(id);
           },
-          style: ({ pressed }) => [styles15.month, { borderRadius: radius3.lg, backgroundColor: selected ? theme.accent : pressed ? theme.surface3 : "transparent" }, disabled ? styles15.disabled : null],
-          children: /* @__PURE__ */ jsx16(Text11, { style: [styles15.monthText, { color: selected ? theme.onAccent : theme.textPrimary, fontWeight: selected ? "700" : "500" }], children: name })
+          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 })
         },
         id
       );
@@ -1697,13 +1845,13 @@ 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__ */ jsx16(ScrollView4, { horizontal: true, showsHorizontalScrollIndicator: false, role: "radiogroup", "aria-label": label, contentContainerStyle: styles15.strip, style, children: list.map((iso) => {
+  return /* @__PURE__ */ jsx17(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__ */ jsxs13(
-      Pressable9,
+    return /* @__PURE__ */ jsxs14(
+      Pressable10,
       {
         role: "radio",
         "aria-checked": selected,
@@ -1717,7 +1865,7 @@ function DayStrip({ label, locale, value: valueProp, defaultValue = null, onValu
           onValueChange?.(iso);
         },
         style: ({ pressed }) => [
-          styles15.stripDay,
+          styles16.stripDay,
           {
             borderRadius: radius3.xl,
             backgroundColor: selected ? theme.accent : disabled ? "transparent" : theme.surface2,
@@ -1727,10 +1875,10 @@ function DayStrip({ label, locale, value: valueProp, defaultValue = null, onValu
           }
         ],
         children: [
-          iso === today ? /* @__PURE__ */ jsx16(Node, { color: selected ? theme.onAccent : theme.accent, style: styles15.stripNode }) : null,
-          /* @__PURE__ */ jsx16(Text11, { style: [styles15.stripWeekday, { color: selected ? theme.onAccent : disabled ? theme.textMuted : theme.textSecondary }], children: weekday.format(toLocalDate(iso)).replace(/\.$/, "").toUpperCase() }),
-          /* @__PURE__ */ jsx16(Text11, { style: [styles15.stripNumber, { color: selected ? theme.onAccent : disabled ? theme.textMuted : theme.textPrimary }], children: Number(iso.slice(8)) }),
-          /* @__PURE__ */ jsx16(View12, { style: [styles15.dot, marked ? { backgroundColor: selected ? theme.onAccent : theme.textSecondary } : null] })
+          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
@@ -1745,11 +1893,11 @@ function TimePicker({ label, locale, value: valueProp, defaultValue = null, onVa
     onValueChange?.(next);
   };
   if (variant === "slots")
-    return /* @__PURE__ */ jsx16(View12, { role: "radiogroup", "aria-label": label, style: [styles15.slots, style], children: slots.map((t) => {
+    return /* @__PURE__ */ jsx17(View13, { 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__ */ jsx16(
-        Pressable9,
+      return /* @__PURE__ */ jsx17(
+        Pressable10,
         {
           role: "radio",
           "aria-checked": selected,
@@ -1761,7 +1909,7 @@ function TimePicker({ label, locale, value: valueProp, defaultValue = null, onVa
             set(t);
           },
           style: ({ pressed }) => [
-            styles15.slot,
+            styles16.slot,
             {
               borderRadius: radius3.lg,
               backgroundColor: selected ? theme.accent : off ? "transparent" : theme.surface2,
@@ -1770,7 +1918,7 @@ function TimePicker({ label, locale, value: valueProp, defaultValue = null, onVa
               transform: [{ scale: pressed ? 0.97 : 1 }]
             }
           ],
-          children: /* @__PURE__ */ jsx16(Text11, { style: [styles15.slotText, { color: selected ? theme.onAccent : off ? theme.textMuted : theme.textPrimary, textDecorationLine: off ? "line-through" : "none" }], children: formatTime(locale, t) })
+          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) })
         },
         t
       );
@@ -1786,11 +1934,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__ */ jsxs13(WheelPicker, { label: value ? `${label}, ${formatTime(locale, value)}` : label, style, children: [
-    /* @__PURE__ */ jsx16(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__ */ jsx16(WheelDivider, { children: ":" }),
-    /* @__PURE__ */ jsx16(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__ */ jsx16(
+  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(
       Wheel,
       {
         label: labels.period,
@@ -1823,22 +1971,22 @@ function DateWheel({ label, locale, value: valueProp, defaultValue = null, onVal
   };
   const last = daysInMonth(year, month);
   const columns = {
-    day: /* @__PURE__ */ jsx16(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: styles15.dayWheel }, "day"),
-    month: /* @__PURE__ */ jsx16(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: styles15.monthWheel }, "month"),
-    year: /* @__PURE__ */ jsx16(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: styles15.yearWheel }, "year")
+    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")
   };
   const caption = error ?? hint;
-  return /* @__PURE__ */ jsxs13(View12, { style: [styles15.field, style], children: [
-    /* @__PURE__ */ jsx16(Text11, { "aria-hidden": true, style: [styles15.fieldLabel, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsx16(WheelPicker, { label, invalid: Boolean(error), unset: !value, children: datePartsOrder(locale).map((part) => columns[part]) }),
-    caption ? /* @__PURE__ */ jsx16(Text11, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles15.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : null
+  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
   ] });
 }
-var styles15 = StyleSheet15.create({
-  calendar: { padding: 12, gap: 4, borderWidth: StyleSheet15.hairlineWidth, alignSelf: "flex-start" },
+var styles16 = StyleSheet16.create({
+  calendar: { padding: 12, gap: 4, borderWidth: StyleSheet16.hairlineWidth, alignSelf: "flex-start" },
   header: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", marginBottom: 6, gap: 8 },
   title: { fontSize: 15, fontWeight: "700", textTransform: "capitalize" },
-  nav: { width: 36, height: 36, alignItems: "center", justifyContent: "center", borderWidth: StyleSheet15.hairlineWidth },
+  nav: { width: 36, height: 36, alignItems: "center", justifyContent: "center", borderWidth: StyleSheet16.hairlineWidth },
   week: { flexDirection: "row" },
   weekday: { width: 44, textAlign: "center", fontSize: 11, fontWeight: "700", paddingBottom: 4 },
   cell: { width: 44, height: 44, marginVertical: 1 },
@@ -1868,26 +2016,26 @@ var styles15 = StyleSheet15.create({
 });
 
 // src/native/description-list.tsx
-import { StyleSheet as StyleSheet16, View as View13 } from "react-native";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet17, View as View14 } from "react-native";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function DescriptionList({ items: items2, layout = "stacked", style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx17(View13, { role: "list", style: [layout === "grid" ? styles16.grid : layout === "inline" ? null : styles16.stacked, style], children: items2.map((item, i) => {
-    const value = typeof item.details === "string" || typeof item.details === "number" ? /* @__PURE__ */ jsx17(Txt, { variant: layout === "grid" ? "title" : "body", style: layout === "inline" ? styles16.right : null, children: item.details }) : item.details;
-    return /* @__PURE__ */ jsxs14(
-      View13,
+  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,
       {
         role: "listitem",
         accessible: true,
         style: [
-          layout === "inline" ? [styles16.inline, i > 0 ? { borderTopWidth: StyleSheet16.hairlineWidth, borderTopColor: theme.borderSubtle } : null] : null,
-          layout === "grid" ? [styles16.card, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.lg }] : null
+          layout === "inline" ? [styles17.inline, i > 0 ? { borderTopWidth: StyleSheet17.hairlineWidth, borderTopColor: theme.borderSubtle } : null] : null,
+          layout === "grid" ? [styles17.card, { backgroundColor: theme.surface1, borderColor: theme.borderDefault, borderRadius: radius3.lg }] : null
         ],
         children: [
-          /* @__PURE__ */ jsx17(Txt, { variant: "caption", tone: "secondary", style: layout === "grid" ? styles16.upper : null, children: item.term }),
-          /* @__PURE__ */ jsxs14(View13, { style: layout === "inline" ? styles16.valueInline : styles16.value, 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: [
             value,
-            item.hint ? /* @__PURE__ */ jsx17(Txt, { variant: "caption", tone: "secondary", style: layout === "inline" ? styles16.right : null, children: item.hint }) : null
+            item.hint ? /* @__PURE__ */ jsx18(Txt, { variant: "caption", tone: "secondary", style: layout === "inline" ? styles17.right : null, children: item.hint }) : null
           ] })
         ]
       },
@@ -1895,11 +2043,11 @@ function DescriptionList({ items: items2, layout = "stacked", style }) {
     );
   }) });
 }
-var styles16 = StyleSheet16.create({
+var styles17 = StyleSheet17.create({
   stacked: { gap: 14 },
   inline: { flexDirection: "row", alignItems: "baseline", justifyContent: "space-between", gap: 16, paddingVertical: 10 },
   grid: { flexDirection: "row", flexWrap: "wrap", gap: 10 },
-  card: { flexBasis: "47%", flexGrow: 1, padding: 12, gap: 4, borderWidth: StyleSheet16.hairlineWidth },
+  card: { flexBasis: "47%", flexGrow: 1, padding: 12, gap: 4, borderWidth: StyleSheet17.hairlineWidth },
   upper: { textTransform: "uppercase", letterSpacing: 0.6, fontWeight: "700" },
   value: { gap: 2, marginTop: 2 },
   valueInline: { flexShrink: 1, alignItems: "flex-end", gap: 2 },
@@ -1907,18 +2055,18 @@ var styles16 = StyleSheet16.create({
 });
 
 // src/native/empty-state.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 StyleSheet18, View as View15 } from "react-native";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function EmptyState({ icon, title, description, action, style, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsxs15(View14, { ...props, style: [styles17.root, style], children: [
-    icon ? /* @__PURE__ */ jsx18(View14, { "aria-hidden": true, style: [styles17.icon, { backgroundColor: theme.surface2 }], children: icon }) : null,
-    /* @__PURE__ */ jsx18(Txt, { variant: "label", role: "heading", style: styles17.center, children: title }),
-    description ? /* @__PURE__ */ jsx18(Txt, { tone: "secondary", style: styles17.center, children: description }) : null,
-    action ? /* @__PURE__ */ jsx18(View14, { style: styles17.action, children: action }) : null
+  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
   ] });
 }
-var styles17 = StyleSheet17.create({
+var styles18 = StyleSheet18.create({
   root: { alignItems: "center", justifyContent: "center", gap: 8, paddingVertical: 40, paddingHorizontal: 24 },
   icon: { width: 48, height: 48, borderRadius: 24, alignItems: "center", justifyContent: "center", marginBottom: 4 },
   center: { textAlign: "center", maxWidth: 360 },
@@ -1926,13 +2074,13 @@ var styles17 = StyleSheet17.create({
 });
 
 // src/native/fab.tsx
-import { Pressable as Pressable10, StyleSheet as StyleSheet18, View as View15 } from "react-native";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Pressable as Pressable11, StyleSheet as StyleSheet19, View as View16 } from "react-native";
+import { jsx as jsx20, jsxs as jsxs17 } 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__ */ jsx19(View15, { pointerEvents: "box-none", style: [styles18.layer, placement === "center" ? styles18.centre : null], children: /* @__PURE__ */ jsxs16(
-    Pressable10,
+  return /* @__PURE__ */ jsx20(View16, { pointerEvents: "box-none", style: [styles19.layer, placement === "center" ? styles19.centre : null], children: /* @__PURE__ */ jsxs17(
+    Pressable11,
     {
       role: "button",
       "aria-label": label,
@@ -1941,20 +2089,20 @@ function Fab({ label, icon, onPress, extended, placement = "end", offset = 0, st
         onPress();
       },
       style: ({ pressed }) => [
-        styles18.fab,
-        extended ? styles18.extended : null,
+        styles19.fab,
+        extended ? styles19.extended : null,
         position,
         { bottom: 16 + insets.bottom + offset, backgroundColor: pressed ? theme.accentHover : theme.accent, borderTopColor: theme.edgeOnFill, shadowColor: theme.scrimStrong },
         style
       ],
       children: [
-        /* @__PURE__ */ jsx19(View15, { "aria-hidden": true, children: icon }),
-        extended ? /* @__PURE__ */ jsx19(Txt, { variant: "label", tone: "onAccent", "aria-hidden": true, numberOfLines: 1, style: styles18.label, children: label }) : null
+        /* @__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
       ]
     }
   ) });
 }
-var styles18 = StyleSheet18.create({
+var styles19 = StyleSheet19.create({
   layer: { position: "absolute", top: 0, right: 0, bottom: 0, left: 0 },
   centre: { alignItems: "center" },
   fab: { borderTopWidth: 1, borderColor: "transparent", position: "absolute", minWidth: 56, height: 56, borderRadius: 28, alignItems: "center", justifyContent: "center", flexDirection: "row", gap: 8, shadowOpacity: 0.3, shadowRadius: 12, shadowOffset: { width: 0, height: 6 }, elevation: 6 },
@@ -1963,19 +2111,19 @@ var styles18 = StyleSheet18.create({
 });
 
 // src/native/field.tsx
-import * as React15 from "react";
-import { StyleSheet as StyleSheet19, Text as Text12, TextInput as TextInput3, View as View16 } from "react-native";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+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";
 function TextField({ label, hint, error, value, defaultValue, onValueChange, disabled, end, inputRef, style, multiline, onFocus, onBlur, ...props }) {
   const { theme, radius: radius3 } = useTheme();
-  const [focused, setFocused] = React15.useState(false);
+  const [focused, setFocused] = React16.useState(false);
   const caption = error ?? hint;
   const border = error ? theme.danger : focused ? theme.accent : theme.borderDefault;
-  return /* @__PURE__ */ jsxs17(View16, { style: [styles19.root, disabled ? styles19.disabled : null, style], children: [
-    /* @__PURE__ */ jsx20(Text12, { style: [styles19.label, { color: theme.textSecondary }], children: label }),
-    /* @__PURE__ */ jsxs17(View16, { style: [styles19.frame, multiline ? styles19.multiline : null, { borderRadius: radius3.md, borderColor: border, backgroundColor: theme.surface2 }], children: [
-      /* @__PURE__ */ jsx20(
-        TextInput3,
+  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(
+        TextInput4,
         {
           ref: inputRef,
           "aria-label": label,
@@ -1996,16 +2144,16 @@ function TextField({ label, hint, error, value, defaultValue, onValueChange, dis
             setFocused(false);
             onBlur?.(event);
           },
-          style: [styles19.input, multiline ? styles19.inputMultiline : null, { color: theme.textPrimary }],
+          style: [styles20.input, multiline ? styles20.inputMultiline : null, { color: theme.textPrimary }],
           ...props
         }
       ),
-      end ? /* @__PURE__ */ jsx20(View16, { style: styles19.end, children: end }) : null
+      end ? /* @__PURE__ */ jsx21(View17, { style: styles20.end, children: end }) : null
     ] }),
-    caption ? /* @__PURE__ */ jsx20(Text12, { role: error ? "alert" : void 0, "aria-live": error ? "polite" : void 0, style: [styles19.caption, { color: error ? theme.dangerText : theme.textSecondary }], children: caption }) : 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
   ] });
 }
-var styles19 = StyleSheet19.create({
+var styles20 = StyleSheet20.create({
   root: { gap: 6, alignSelf: "stretch" },
   label: { fontSize: 12, lineHeight: 16, fontWeight: "600" },
   frame: { flexDirection: "row", alignItems: "center", minHeight: 44, paddingHorizontal: 12, borderWidth: 1 },
@@ -2018,20 +2166,20 @@ var styles19 = StyleSheet19.create({
 });
 
 // src/native/goal-gauge.tsx
-import { Animated as Animated5, StyleSheet as StyleSheet20, View as View17 } from "react-native";
+import { Animated as Animated6, StyleSheet as StyleSheet21, View as View18 } from "react-native";
 
 // src/native/story-motion.ts
-import * as React16 from "react";
-import { AccessibilityInfo as AccessibilityInfo3, Animated as Animated4, Easing } from "react-native";
+import * as React17 from "react";
+import { AccessibilityInfo as AccessibilityInfo3, Animated as Animated5, Easing as Easing2 } from "react-native";
 function useEntrance(animated, delay = 0, duration = 700) {
-  const [value] = React16.useState(() => new Animated4.Value(animated ? 0 : 1));
-  React16.useEffect(() => {
+  const [value] = React17.useState(() => new Animated5.Value(animated ? 0 : 1));
+  React17.useEffect(() => {
     if (!animated) return;
     let cancelled = false;
     void AccessibilityInfo3.isReduceMotionEnabled().then((reduce) => {
       if (cancelled) return;
       if (reduce) value.setValue(1);
-      else Animated4.timing(value, { toValue: 1, duration, delay, easing: Easing.out(Easing.cubic), useNativeDriver: true }).start();
+      else Animated5.timing(value, { toValue: 1, duration, delay, easing: Easing2.out(Easing2.cubic), useNativeDriver: true }).start();
     });
     return () => {
       cancelled = true;
@@ -2041,17 +2189,17 @@ function useEntrance(animated, delay = 0, duration = 700) {
 }
 
 // src/native/goal-gauge.tsx
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } 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__ */ jsx21(
-    Animated5.View,
+  return /* @__PURE__ */ jsx22(
+    Animated6.View,
     {
-      style: [styles20.cell, arcade ? styles20.cellArcade : null, { backgroundColor: color, opacity: lit || animate ? opacity : spentOpacity }]
+      style: [styles21.cell, arcade ? styles21.cellArcade : null, { backgroundColor: color, opacity: lit || animate ? opacity : spentOpacity }]
     }
   );
 }
@@ -2061,8 +2209,8 @@ function GoalGauge({ label, segments, value, valueText, mode = "fill", showLabel
   const lit = Math.min(total, Math.max(0, Math.round(value ?? total)));
   const words = valueText ?? `${lit} / ${total}`;
   const arcade = variant === "arcade";
-  return /* @__PURE__ */ jsxs18(
-    View17,
+  return /* @__PURE__ */ jsxs19(
+    View18,
     {
       accessible: true,
       role: "meter",
@@ -2072,22 +2220,22 @@ function GoalGauge({ label, segments, value, valueText, mode = "fill", showLabel
       "aria-valuenow": lit,
       "aria-valuetext": words,
       ...props,
-      style: [styles20.root, style],
+      style: [styles21.root, style],
       children: [
-        showLabel ? /* @__PURE__ */ jsxs18(View17, { "aria-hidden": true, style: [styles20.head, arcade ? styles20.headArcade : null], children: [
-          /* @__PURE__ */ jsx21(Txt, { variant: arcade ? "mono" : "caption", tone: "secondary", children: arcade ? label.toUpperCase() : label }),
-          arcade ? null : /* @__PURE__ */ jsx21(Txt, { variant: "caption", children: words })
+        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: words })
         ] }) : null,
-        /* @__PURE__ */ jsx21(View17, { "aria-hidden": true, style: [styles20.cells, arcade ? [styles20.cellsArcade, { borderColor: theme.borderSubtle, backgroundColor: theme.surface1 }] : null], children: Array.from({ length: total }, (_, i) => {
+        /* @__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) => {
           const on = i < lit;
           const animate = mode === "fill" ? on : !on;
-          return /* @__PURE__ */ jsx21(Cell, { lit: on, animate, order: mode === "fill" ? i : i - lit, animated, arcade }, i);
+          return /* @__PURE__ */ jsx22(Cell, { lit: on, animate, order: mode === "fill" ? i : i - lit, animated, arcade }, i);
         }) })
       ]
     }
   );
 }
-var styles20 = StyleSheet20.create({
+var styles21 = StyleSheet21.create({
   root: { alignSelf: "stretch", gap: 8 },
   head: { flexDirection: "row", justifyContent: "space-between", alignItems: "baseline", gap: 12 },
   headArcade: { justifyContent: "center" },
@@ -2098,45 +2246,45 @@ var styles20 = StyleSheet20.create({
 });
 
 // src/native/header.tsx
-import * as React17 from "react";
-import { Animated as Animated6, Pressable as Pressable11, StyleSheet as StyleSheet21, View as View18 } from "react-native";
-import Svg6, { Path as Path4 } from "react-native-svg";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+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";
 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 = React17.useMemo(() => new Animated6.Value(large ? 0 : 1), [large]);
+  const fixed = React18.useMemo(() => new Animated7.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__ */ jsxs19(View18, { style: [{ paddingTop: insets.top, backgroundColor: theme.surface0 }, style], children: [
-    /* @__PURE__ */ jsxs19(View18, { style: styles21.bar, children: [
-      /* @__PURE__ */ jsx22(View18, { style: styles21.side, children: onBack && backLabel ? /* @__PURE__ */ jsxs19(Pressable11, { role: "button", "aria-label": backLabel, onPress: onBack, hitSlop: 8, style: styles21.back, children: [
-        /* @__PURE__ */ jsx22(Svg6, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx22(Path4, { d: "M15 5l-7 7 7 7", stroke: theme.accentText, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-        /* @__PURE__ */ jsx22(Txt, { variant: "label", tone: "accent", numberOfLines: 1, children: backLabel })
+  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 })
       ] }) : null }),
-      /* @__PURE__ */ jsx22(Animated6.View, { style: [styles21.middle, { opacity: smallOpacity }], "aria-hidden": large, children: /* @__PURE__ */ jsx22(Txt, { variant: "label", numberOfLines: 1, role: large ? void 0 : "heading", children: title }) }),
-      /* @__PURE__ */ jsx22(View18, { style: [styles21.side, styles21.right], children: actions })
+      /* @__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 })
     ] }),
-    large ? /* @__PURE__ */ jsx22(Animated6.View, { style: { height: largeHeight, overflow: "hidden" }, children: /* @__PURE__ */ jsxs19(Animated6.View, { style: [styles21.large, { opacity: largeOpacity, transform: [{ translateY: largeShift }] }], children: [
-      /* @__PURE__ */ jsx22(Txt, { variant: "display", numberOfLines: 1, role: "heading", style: styles21.largeTitle, children: title }),
-      subtitle ? /* @__PURE__ */ jsx22(Txt, { variant: "caption", tone: "secondary", children: subtitle }) : null
+    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
     ] }) }) : null,
-    children ? /* @__PURE__ */ jsx22(View18, { style: styles21.children, children }) : null,
-    /* @__PURE__ */ jsx22(Animated6.View, { "aria-hidden": true, style: [styles21.rule, { backgroundColor: theme.borderSubtle, opacity: smallOpacity }] })
+    children ? /* @__PURE__ */ jsx23(View19, { style: styles22.children, children }) : null,
+    /* @__PURE__ */ jsx23(Animated7.View, { "aria-hidden": true, style: [styles22.rule, { backgroundColor: theme.borderSubtle, opacity: smallOpacity }] })
   ] });
 }
 function useCollapsingHeader() {
-  const [scrollY] = React17.useState(() => new Animated6.Value(0));
-  const onScroll = React17.useMemo(() => Animated6.event([{ nativeEvent: { contentOffset: { y: scrollY } } }], { useNativeDriver: false }), [scrollY]);
+  const [scrollY] = React18.useState(() => new Animated7.Value(0));
+  const onScroll = React18.useMemo(() => Animated7.event([{ nativeEvent: { contentOffset: { y: scrollY } } }], { useNativeDriver: false }), [scrollY]);
   return { scrollY, onScroll };
 }
-var styles21 = StyleSheet21.create({
+var styles22 = StyleSheet22.create({
   bar: { height: BAR, flexDirection: "row", alignItems: "center", paddingHorizontal: 8 },
   side: { flex: 1, flexDirection: "row", alignItems: "center" },
   right: { justifyContent: "flex-end", gap: 4 },
@@ -2145,30 +2293,30 @@ var styles21 = StyleSheet21.create({
   large: { paddingHorizontal: 16, paddingBottom: 6 },
   largeTitle: { fontSize: 32, lineHeight: 40 },
   children: { paddingHorizontal: 16, paddingBottom: 8 },
-  rule: { height: StyleSheet21.hairlineWidth }
+  rule: { height: StyleSheet22.hairlineWidth }
 });
 
 // src/native/image-viewer.tsx
-import * as React18 from "react";
-import { AccessibilityInfo as AccessibilityInfo4, Animated as Animated7, Image as Image3, Modal as Modal3, PanResponder, Pressable as Pressable12, StyleSheet as StyleSheet22, useWindowDimensions, View as View19 } from "react-native";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+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";
 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] = React18.useState(() => new Animated7.Value(1));
-  const [pan] = React18.useState(() => new Animated7.ValueXY({ x: 0, y: 0 }));
-  const [dismiss2] = React18.useState(() => new Animated7.Value(0));
-  const state = React18.useRef({ scale: 1, x: 0, y: 0, pinch: 0, base: 1, lastTap: 0 });
-  const reset = React18.useCallback(() => {
+  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 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 };
     scale.setValue(1);
     pan.setValue({ x: 0, y: 0 });
     dismiss2.setValue(0);
   }, [scale, pan, dismiss2]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     reset();
     if (open) AccessibilityInfo4.announceForAccessibility(`${images[index].alt}, ${positionLabel(index + 1, images.length)}`);
   }, [index]);
@@ -2177,9 +2325,9 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
     haptic("selection");
     onIndexChange(to);
   };
-  const animateTo = (value, to) => reduce ? value.setValue(to) : Animated7.spring(value, { toValue: to, useNativeDriver: true, damping: 20 }).start();
+  const animateTo = (value, to) => reduce ? value.setValue(to) : Animated8.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 = React18.useMemo(
+  const responder = React19.useMemo(
     () => PanResponder.create({
       onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 4 || Math.abs(g.dy) > 4,
@@ -2230,7 +2378,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);
-        Animated7.spring(pan, { toValue: { x: 0, y: 0 }, useNativeDriver: true }).start();
+        Animated8.spring(pan, { toValue: { x: 0, y: 0 }, useNativeDriver: true }).start();
       }
     }),
     [index, width, images.length]
@@ -2239,12 +2387,12 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
   if (!open) return null;
   const image = images[index];
   const backdrop = dismiss2.interpolate({ inputRange: [0, height / 2], outputRange: [1, 0.3], extrapolate: "clamp" });
-  return /* @__PURE__ */ jsxs20(Modal3, { ...modalName(image.alt), visible: true, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onIndexChange(null), statusBarTranslucent: true, children: [
-    /* @__PURE__ */ jsx23(Animated7.View, { style: [StyleSheet22.absoluteFill, { backgroundColor: theme.media, opacity: backdrop }] }),
-    /* @__PURE__ */ jsx23(
-      View19,
+  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,
       {
-        style: StyleSheet22.absoluteFill,
+        style: StyleSheet23.absoluteFill,
         accessible: true,
         role: "img",
         "aria-label": `${image.alt}, ${positionLabel(index + 1, images.length)}`,
@@ -2256,21 +2404,21 @@ function ImageViewer({ images, index, onIndexChange, closeLabel, positionLabel =
           if (name === "escape") onIndexChange(null);
         },
         ...responder.panHandlers,
-        children: /* @__PURE__ */ jsx23(Animated7.View, { style: { width, height, transform: [{ translateX: pan.x }, { translateY: Animated7.add(pan.y, dismiss2) }, { scale }] }, children: /* @__PURE__ */ jsx23(Image3, { source: { uri: image.uri }, resizeMode: "contain", style: { width, height }, accessibilityIgnoresInvertColors: true }) })
+        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 }) })
       }
     ),
-    /* @__PURE__ */ jsxs20(View19, { pointerEvents: "box-none", style: [styles22.top, { paddingTop: insets.top + 8 }], children: [
-      /* @__PURE__ */ jsx23(View19, { "aria-hidden": true, style: [styles22.counter, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx23(Txt, { variant: "label", tone: "onMedia", children: positionLabel(index + 1, images.length) }) }),
-      /* @__PURE__ */ jsx23(Pressable12, { role: "button", "aria-label": closeLabel, hitSlop: 12, onPress: () => onIndexChange(null), style: [styles22.close, { backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx23(Txt, { tone: "onMedia", style: styles22.cross, "aria-hidden": true, children: "\xD7" }) })
+    /* @__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" }) })
     ] }),
-    image.caption ? /* @__PURE__ */ jsx23(View19, { pointerEvents: "none", style: [styles22.caption, { paddingBottom: insets.bottom + 16, backgroundColor: theme.scrimStrong }], children: /* @__PURE__ */ jsx23(Txt, { tone: "onMedia", children: image.caption }) }) : null
+    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
   ] });
 }
 function prefetchNeighbours(images, index) {
   if (index === null) return;
   for (const i of [index - 1, index + 1]) if (images[i]) void Image3.prefetch(images[i].uri).catch(() => void 0);
 }
-var styles22 = StyleSheet22.create({
+var styles23 = StyleSheet23.create({
   top: { position: "absolute", top: 0, left: 0, right: 0, flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingHorizontal: 16 },
   counter: { paddingHorizontal: 10, paddingVertical: 4, borderRadius: 999 },
   close: { width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" },
@@ -2279,8 +2427,8 @@ var styles22 = StyleSheet22.create({
 });
 
 // src/native/KrizakaMark.tsx
-import { View as View20 } from "react-native";
-import Svg7, { Circle as Circle2, Defs as Defs3, G as Group, LinearGradient as LinearGradient3, Path as Path5, RadialGradient, Stop as Stop3 } from "react-native-svg";
+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";
 
 // src/marks/krizaka-geometry.ts
 var KRIZAKA = {
@@ -2302,24 +2450,24 @@ var KRIZAKA = {
 };
 
 // src/native/mark-motion.ts
-import { useEffect as useEffect10, useState as useState18 } from "react";
-import { AccessibilityInfo as AccessibilityInfo5, Animated as Animated8, Easing as Easing2 } from "react-native";
+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] = useState18(() => new Animated8.Value(0));
-  const [pulse] = useState18(() => new Animated8.Value(0));
-  useEffect10(() => {
+  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 = [
-        Animated8.loop(Animated8.timing(spin, { toValue: 1, duration: spinMs, easing: Easing2.linear, useNativeDriver: true })),
-        Animated8.loop(
-          Animated8.sequence([
-            Animated8.timing(pulse, { toValue: 1, duration: 1600, easing: Easing2.inOut(Easing2.ease), useNativeDriver: true }),
-            Animated8.timing(pulse, { toValue: 0, duration: 1600, easing: Easing2.inOut(Easing2.ease), useNativeDriver: true })
+        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 })
           ])
         )
       ];
@@ -2331,7 +2479,7 @@ function useMarkMotion(size, animated, spinMs = 3e4) {
     };
   }, [animated, spin, pulse, spinMs]);
   return {
-    Animated: Animated8,
+    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] }) }
@@ -2339,39 +2487,39 @@ function useMarkMotion(size, animated, spinMs = 3e4) {
 }
 
 // src/native/KrizakaMark.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function KrizakaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated22, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
+  const { Animated: Animated25, 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__ */ jsx24(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__ */ jsx24(Stop3, { offset, stopColor: color }, offset)) });
-  const dot = (c) => /* @__PURE__ */ jsxs21(Fragment4, { children: [
-    /* @__PURE__ */ jsx24(Circle2, { cx: c.cx, cy: c.cy, r: c.r, fill: `url(#${id}b)` }),
-    /* @__PURE__ */ jsx24(Circle2, { cx: c.cx, cy: c.cy, r: c.inner, fill: KRIZAKA.highlight })
+  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 })
   ] });
-  return /* @__PURE__ */ jsxs21(View20, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs21(Svg7, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs21(Defs3, { children: [
-        /* @__PURE__ */ jsxs21(RadialGradient, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx24(Stop3, { offset: "0%", stopColor: KRIZAKA.glow.color, stopOpacity: KRIZAKA.glow.opacity }),
-          /* @__PURE__ */ jsx24(Stop3, { offset: "100%", stopColor: KRIZAKA.glow.color, stopOpacity: 0 })
+  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 })
         ] }),
-        /* @__PURE__ */ jsxs21(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__ */ jsx24(Stop3, { offset: "0%", stopColor: theme.textSecondary }),
-          /* @__PURE__ */ jsx24(Stop3, { offset: "100%", stopColor: theme.textPrimary })
+        /* @__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 })
         ] }),
         blue
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx24(Circle2, { cx: 200, cy: 200, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx24(Circle2, { cx: 200, cy: 200, r: KRIZAKA.ring.r, stroke, strokeWidth: KRIZAKA.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx24(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: /* @__PURE__ */ jsx24(Path5, { d: KRIZAKA.shield, stroke: `url(#${id}i)`, strokeWidth: KRIZAKA.stroke, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })
+      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" }) })
     ] }),
-    /* @__PURE__ */ jsx24(Animated22.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsx24(Svg7, { viewBox, style: layer, children: /* @__PURE__ */ jsx24(Circle2, { cx: 200, cy: 200, r: KRIZAKA.orbit.r, stroke, strokeWidth: KRIZAKA.orbit.width, strokeDasharray: KRIZAKA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
-    /* @__PURE__ */ jsx24(Animated22.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs21(Svg7, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx24(Defs3, { children: blue }),
-      /* @__PURE__ */ jsxs21(Group, { transform: `translate(${KRIZAKA.offset} ${KRIZAKA.offset})`, children: [
+    /* @__PURE__ */ jsx25(Animated25.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(Animated25.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: [
         dot(KRIZAKA.node),
         dot(KRIZAKA.core)
       ] })
@@ -2380,38 +2528,38 @@ function KrizakaMark({ size = 48, animated = true, title, neutral }) {
 }
 
 // src/native/loader.tsx
-import * as React19 from "react";
-import { AccessibilityInfo as AccessibilityInfo6, Animated as Animated9, Easing as Easing3, StyleSheet as StyleSheet23, View as View21 } from "react-native";
-import Svg8, { Circle as Circle3, Path as Path6 } from "react-native-svg";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import * as React20 from "react";
+import { AccessibilityInfo as AccessibilityInfo6, Animated as Animated10, Easing as Easing4, StyleSheet as StyleSheet24, View as View22 } from "react-native";
+import Svg9, { Circle as Circle3, Path as Path7 } from "react-native-svg";
+import { jsx as jsx26, jsxs as jsxs23 } 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 }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
-  const [spin] = React19.useState(() => new Animated9.Value(0));
+  const [spin] = React20.useState(() => new Animated10.Value(0));
   const known = typeof value === "number" && Number.isFinite(value);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (state !== "loading" || known || reduce) return;
-    const loop = Animated9.loop(Animated9.timing(spin, { toValue: 1, duration: 1400, easing: Easing3.linear, useNativeDriver: true }));
+    const loop = Animated10.loop(Animated10.timing(spin, { toValue: 1, duration: 1400, easing: Easing4.linear, useNativeDriver: true }));
     loop.start();
     return () => loop.stop();
   }, [state, known, reduce, spin]);
   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__ */ jsx25(Animated9.View, { "aria-hidden": true, style: { width: size, height: size, transform: state === "loading" && !known ? [{ rotate }] : [] }, children: /* @__PURE__ */ jsxs22(Svg8, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ jsx25(Path6, { d: HEX, stroke, strokeOpacity: 0.22, strokeWidth: 2.2, strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx25(Path6, { d: HEX, stroke, strokeWidth: 2.2, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: `${fill * PERIMETER} ${PERIMETER}` }),
-    state === "loading" ? /* @__PURE__ */ jsx25(Circle3, { cx: 12, cy: 12, r: 2.6, fill: stroke }) : null,
-    state === "success" ? /* @__PURE__ */ jsx25(Path6, { d: "M8.3 12.3l2.6 2.6 4.9-5.3", stroke, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) : null,
-    state === "error" ? /* @__PURE__ */ jsx25(Path6, { d: "M9.4 9.4l5.2 5.2M14.6 9.4l-5.2 5.2", stroke, strokeWidth: 2.2, strokeLinecap: "round" }) : null
+  return /* @__PURE__ */ jsx26(Animated10.View, { "aria-hidden": true, style: { width: size, height: size, transform: state === "loading" && !known ? [{ rotate }] : [] }, children: /* @__PURE__ */ jsxs23(Svg9, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ jsx26(Path7, { d: HEX, stroke, strokeOpacity: 0.22, strokeWidth: 2.2, strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx26(Path7, { d: HEX, stroke, strokeWidth: 2.2, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: `${fill * PERIMETER} ${PERIMETER}` }),
+    state === "loading" ? /* @__PURE__ */ jsx26(Circle3, { cx: 12, cy: 12, r: 2.6, fill: stroke }) : null,
+    state === "success" ? /* @__PURE__ */ jsx26(Path7, { d: "M8.3 12.3l2.6 2.6 4.9-5.3", stroke, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) : null,
+    state === "error" ? /* @__PURE__ */ jsx26(Path7, { 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) {
-  const [shown, setShown] = React19.useState(false);
-  const since = React19.useRef(0);
-  React19.useEffect(() => {
+  const [shown, setShown] = React20.useState(false);
+  const since = React20.useRef(0);
+  React20.useEffect(() => {
     if (active && !shown) {
       const timer2 = setTimeout(() => {
         since.current = Date.now();
@@ -2431,9 +2579,9 @@ var GLYPH = { inline: 20, block: 36, overlay: 36, page: 56 };
 function Loader({ label, status = "loading", successLabel, errorLabel, value, eta, delay = 250, minDuration = 600, endDuration = 1600, variant = "inline", style }) {
   const { theme, radius: radius3 } = useTheme();
   const waiting = useDelayedWait(status === "loading", delay, minDuration);
-  const [ending, setEnding] = React19.useState(null);
-  const seen = React19.useRef(false);
-  React19.useEffect(() => {
+  const [ending, setEnding] = React20.useState(null);
+  const seen = React20.useRef(false);
+  React20.useEffect(() => {
     if (waiting) {
       seen.current = true;
       return;
@@ -2450,29 +2598,29 @@ function Loader({ label, status = "loading", successLabel, errorLabel, value, et
   }, [waiting, status, endDuration]);
   const phase = waiting ? "loading" : ending;
   const words = phase === "success" ? successLabel ?? label : phase === "error" ? errorLabel ?? label : label;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (phase) AccessibilityInfo6.announceForAccessibility(words);
   }, [phase, words]);
   if (!phase) return null;
   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__ */ jsxs22(View21, { style: [stacked ? styles23.stacked : styles23.inline, variant === "overlay" ? { backgroundColor: alpha(theme.surface1, 0.92), borderColor: theme.borderDefault, borderRadius: radius3.lg, ...styles23.card } : null], children: [
-    /* @__PURE__ */ jsx25(LoaderGlyph, { state: phase, value: known ? value : null, size: GLYPH[variant] }),
-    /* @__PURE__ */ jsxs22(View21, { style: stacked ? styles23.center : styles23.text, children: [
-      /* @__PURE__ */ jsx25(Txt, { variant: variant === "page" ? "title" : "label", style: stacked ? styles23.centered : null, children: words }),
-      detail ? /* @__PURE__ */ jsx25(Txt, { variant: "caption", tone: "secondary", style: stacked ? styles23.centered : null, children: detail }) : null
+  const box = /* @__PURE__ */ jsxs23(View22, { style: [stacked ? styles24.stacked : styles24.inline, variant === "overlay" ? { backgroundColor: alpha(theme.surface1, 0.92), borderColor: theme.borderDefault, borderRadius: radius3.lg, ...styles24.card } : null], children: [
+    /* @__PURE__ */ jsx26(LoaderGlyph, { state: phase, value: known ? value : null, size: GLYPH[variant] }),
+    /* @__PURE__ */ jsxs23(View22, { style: stacked ? styles24.center : styles24.text, children: [
+      /* @__PURE__ */ jsx26(Txt, { variant: variant === "page" ? "title" : "label", style: stacked ? styles24.centered : null, children: words }),
+      detail ? /* @__PURE__ */ jsx26(Txt, { variant: "caption", tone: "secondary", style: stacked ? styles24.centered : null, children: detail }) : null
     ] })
   ] });
   const a11y = { accessible: true, role: "progressbar", "aria-label": words, "aria-busy": phase === "loading", accessibilityLiveRegion: "polite" };
   if (variant === "overlay" || variant === "page")
-    return /* @__PURE__ */ jsx25(View21, { ...a11y, style: [StyleSheet23.absoluteFill, styles23.cover, variant === "page" ? { backgroundColor: alpha(theme.surface0, 0.86) } : null, style], children: box });
-  return /* @__PURE__ */ jsx25(View21, { ...a11y, style: [variant === "block" ? styles23.block : null, style], children: box });
+    return /* @__PURE__ */ jsx26(View22, { ...a11y, style: [StyleSheet24.absoluteFill, styles24.cover, variant === "page" ? { backgroundColor: alpha(theme.surface0, 0.86) } : null, style], children: box });
+  return /* @__PURE__ */ jsx26(View22, { ...a11y, style: [variant === "block" ? styles24.block : null, style], children: box });
 }
-var styles23 = StyleSheet23.create({
+var styles24 = StyleSheet24.create({
   inline: { flexDirection: "row", alignItems: "center", gap: 10 },
   stacked: { alignItems: "center", gap: 10 },
-  card: { paddingHorizontal: 24, paddingVertical: 20, borderWidth: StyleSheet23.hairlineWidth },
+  card: { paddingHorizontal: 24, paddingVertical: 20, borderWidth: StyleSheet24.hairlineWidth },
   text: { flexShrink: 1, gap: 2 },
   center: { alignItems: "center", gap: 2 },
   centered: { textAlign: "center" },
@@ -2481,13 +2629,13 @@ var styles23 = StyleSheet23.create({
 });
 
 // src/native/mascot-state.tsx
-import * as React21 from "react";
-import { AccessibilityInfo as AccessibilityInfo8, Animated as Animated11, Easing as Easing5, StyleSheet as StyleSheet24, View as View23 } from "react-native";
+import * as React22 from "react";
+import { AccessibilityInfo as AccessibilityInfo8, Animated as Animated12, Easing as Easing6, StyleSheet as StyleSheet25, View as View24 } from "react-native";
 
 // src/native/mascots.tsx
-import { useEffect as useEffect12, useState as useState20 } from "react";
-import { AccessibilityInfo as AccessibilityInfo7, Animated as Animated10, Easing as Easing4, View as View22 } from "react-native";
-import Svg9, { Circle as Circle4, Defs as Defs4, Ellipse, G, LinearGradient as LinearGradient4, Path as Path7, Rect as Rect2, Stop as Stop4 } from "react-native-svg";
+import { useEffect as useEffect13, useState as useState21 } from "react";
+import { AccessibilityInfo as AccessibilityInfo7, Animated as Animated11, Easing as Easing5, View as View23 } from "react-native";
+import Svg10, { Circle as Circle4, Defs as Defs4, Ellipse, G, LinearGradient as LinearGradient4, Path as Path8, Rect as Rect2, Stop as Stop4 } from "react-native-svg";
 
 // src/mascots/geometry.ts
 var mirror = (d) => d.replace(/(-?\d+(?:\.\d+)?) (-?\d+(?:\.\d+)?)/g, (_, x, y) => `${120 - Number(x)} ${y}`);
@@ -2645,17 +2793,17 @@ var SHADE = "#000000";
 var PARCEL = ["#f59e0b", "#d97706", "#b45309"];
 
 // src/native/mascots.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function useBob(animated) {
-  const [y] = useState20(() => new Animated10.Value(0));
-  useEffect12(() => {
+  const [y] = useState21(() => new Animated11.Value(0));
+  useEffect13(() => {
     if (!animated) return;
     let loop;
     let cancelled = false;
     void AccessibilityInfo7.isReduceMotionEnabled().then((reduce) => {
       if (reduce || cancelled) return;
-      const step = (toValue) => Animated10.timing(y, { toValue, duration: 1800, easing: Easing4.inOut(Easing4.ease), useNativeDriver: true });
-      loop = Animated10.loop(Animated10.sequence([step(-2.5), step(0)]));
+      const step = (toValue) => Animated11.timing(y, { toValue, duration: 1800, easing: Easing5.inOut(Easing5.ease), useNativeDriver: true });
+      loop = Animated11.loop(Animated11.sequence([step(-2.5), step(0)]));
       loop.start();
     });
     return () => {
@@ -2679,62 +2827,62 @@ 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__ */ jsx26(View22, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx26(Animated10.View, { style: { transform: [{ translateY: bob }] }, children: /* @__PURE__ */ jsxs23(Svg9, { width: size, height: size, viewBox: "0 0 120 120", children: [
-    /* @__PURE__ */ jsx26(Defs4, { children: /* @__PURE__ */ jsxs23(LinearGradient4, { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx26(Stop4, { offset: "0%", stopColor: p.from }),
-      /* @__PURE__ */ jsx26(Stop4, { offset: "100%", stopColor: p.to })
+  return /* @__PURE__ */ jsx27(View23, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx27(Animated11.View, { style: { transform: [{ translateY: bob }] }, children: /* @__PURE__ */ jsxs24(Svg10, { width: size, height: size, viewBox: "0 0 120 120", children: [
+    /* @__PURE__ */ jsx27(Defs4, { children: /* @__PURE__ */ jsxs24(LinearGradient4, { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx27(Stop4, { offset: "0%", stopColor: p.from }),
+      /* @__PURE__ */ jsx27(Stop4, { offset: "100%", stopColor: p.to })
     ] }) }),
-    /* @__PURE__ */ jsx26(Ellipse, { cx: g.shadow[0], cy: g.shadow[1], rx: g.shadow[2], ry: g.shadow[3], fill: SHADE, opacity: 0.14 }),
-    mood === "empty" && /* @__PURE__ */ jsx26(Path7, { d: MOOD_PARTS.tray, stroke: outline, strokeWidth: 1.6, strokeDasharray: "3 3", fill: "none" }),
-    g.legs.map((d) => /* @__PURE__ */ jsx26(Path7, { d, stroke: p.beak, strokeWidth: 2.6, strokeLinecap: "round", fill: "none" }, d)),
-    g.back?.map((d) => d.endsWith("Z") ? /* @__PURE__ */ jsx26(Path7, { d, fill: p.detail, ...line }, d) : /* @__PURE__ */ jsx26(Path7, { d, stroke: outline, strokeWidth: 1.4, fill: "none" }, d)),
-    g.parcel?.map((d, i) => /* @__PURE__ */ jsx26(Path7, { d, fill: PARCEL[i], ...line }, d)),
-    /* @__PURE__ */ jsx26(Path7, { d: g.body, fill: body, ...line }),
-    /* @__PURE__ */ jsx26(Path7, { d: g.belly, fill: LIGHT, opacity: 0.28 }),
+    /* @__PURE__ */ jsx27(Ellipse, { cx: g.shadow[0], cy: g.shadow[1], rx: g.shadow[2], ry: g.shadow[3], fill: SHADE, opacity: 0.14 }),
+    mood === "empty" && /* @__PURE__ */ jsx27(Path8, { d: MOOD_PARTS.tray, stroke: outline, strokeWidth: 1.6, strokeDasharray: "3 3", fill: "none" }),
+    g.legs.map((d) => /* @__PURE__ */ jsx27(Path8, { d, stroke: p.beak, strokeWidth: 2.6, strokeLinecap: "round", fill: "none" }, d)),
+    g.back?.map((d) => d.endsWith("Z") ? /* @__PURE__ */ jsx27(Path8, { d, fill: p.detail, ...line }, d) : /* @__PURE__ */ jsx27(Path8, { d, stroke: outline, strokeWidth: 1.4, fill: "none" }, d)),
+    g.parcel?.map((d, i) => /* @__PURE__ */ jsx27(Path8, { d, fill: PARCEL[i], ...line }, d)),
+    /* @__PURE__ */ jsx27(Path8, { d: g.body, fill: body, ...line }),
+    /* @__PURE__ */ jsx27(Path8, { 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__ */ jsxs23(G, { transform: turn ? rot(turn, w.pivot) : void 0, children: [
-        /* @__PURE__ */ jsx26(Path7, { d: w.d, fill: p.wing, ...line }),
-        /* @__PURE__ */ jsx26(Path7, { d: w.d, fill: SHADE, opacity: 0.16 })
+      return /* @__PURE__ */ jsxs24(G, { transform: turn ? rot(turn, w.pivot) : void 0, children: [
+        /* @__PURE__ */ jsx27(Path8, { d: w.d, fill: p.wing, ...line }),
+        /* @__PURE__ */ jsx27(Path8, { d: w.d, fill: SHADE, opacity: 0.16 })
       ] }, i);
     }),
-    g.neck && /* @__PURE__ */ jsx26(Path7, { d: g.neck.d, stroke: body, strokeWidth: g.neck.width, strokeLinecap: "round", fill: "none" }),
-    g.head.r > 0 && /* @__PURE__ */ jsx26(Circle4, { cx: g.head.cx, cy: g.head.cy, r: g.head.r, fill: body, ...line }),
-    g.details.map((d) => /* @__PURE__ */ jsx26(Path7, { d, fill: p.detail, ...line }, d)),
-    g.visor && /* @__PURE__ */ jsx26(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__ */ jsx27(Path8, { d: g.neck.d, stroke: body, strokeWidth: g.neck.width, strokeLinecap: "round", fill: "none" }),
+    g.head.r > 0 && /* @__PURE__ */ jsx27(Circle4, { cx: g.head.cx, cy: g.head.cy, r: g.head.r, fill: body, ...line }),
+    g.details.map((d) => /* @__PURE__ */ jsx27(Path8, { d, fill: p.detail, ...line }, d)),
+    g.visor && /* @__PURE__ */ jsx27(Rect2, { x: g.visor.x, y: g.visor.y, width: g.visor.w, height: g.visor.h, rx: 4, fill: theme.surface0, ...line }),
     g.eyes.at.map(
-      (at, i) => mood === "empty" && g.eyes.white > 0 ? /* @__PURE__ */ jsxs23(G, { children: [
-        /* @__PURE__ */ jsx26(Circle4, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
-        /* @__PURE__ */ jsx26(Circle4, { cx: at[0], cy: at[1] + g.eyes.pupil * 0.7, r: g.eyes.pupil, fill: SHADE }),
-        /* @__PURE__ */ jsx26(Path7, { d: upperLid(at, g.eyes.white), fill: p.detail, ...line })
-      ] }, i) : mood === "success" || mood === "empty" ? /* @__PURE__ */ jsx26(Path7, { 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__ */ jsxs23(G, { children: [
-        g.eyes.white > 0 && /* @__PURE__ */ jsx26(Circle4, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
-        /* @__PURE__ */ jsx26(Circle4, { 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__ */ jsxs24(G, { children: [
+        /* @__PURE__ */ jsx27(Circle4, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
+        /* @__PURE__ */ jsx27(Circle4, { cx: at[0], cy: at[1] + g.eyes.pupil * 0.7, r: g.eyes.pupil, fill: SHADE }),
+        /* @__PURE__ */ jsx27(Path8, { d: upperLid(at, g.eyes.white), fill: p.detail, ...line })
+      ] }, i) : mood === "success" || mood === "empty" ? /* @__PURE__ */ jsx27(Path8, { 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__ */ jsxs24(G, { children: [
+        g.eyes.white > 0 && /* @__PURE__ */ jsx27(Circle4, { cx: at[0], cy: at[1], r: g.eyes.white, fill: LIGHT, ...line }),
+        /* @__PURE__ */ jsx27(Circle4, { 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__ */ jsx26(Circle4, { cx: x, cy: y, r: 6.5, fill: "none", stroke: outline, strokeWidth: 1.3 }, x)),
-    mood === "error" && g.eyes.at.map((at, i) => /* @__PURE__ */ jsx26(Path7, { d: brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1), stroke: outline, strokeWidth: 2, strokeLinecap: "round" }, i)),
-    /* @__PURE__ */ jsx26(Path7, { d: g.beak, fill: p.beak, ...line }),
-    mood === "thinking" && MOOD_PARTS.dots.map(([cx, cy, r], i) => /* @__PURE__ */ jsx26(Circle4, { cx, cy, r, fill: theme.textSecondary, opacity: 0.5 + i * 0.25 }, cx)),
-    (mood === "success" || mood === "error") && /* @__PURE__ */ jsx26(Circle4, { 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__ */ jsx26(Path7, { d: MOOD_PARTS.check, stroke: theme.surface0, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
-    mood === "error" && /* @__PURE__ */ jsx26(Path7, { d: MOOD_PARTS.bang.line, stroke: theme.surface0, strokeWidth: 2.8, strokeLinecap: "round" }),
-    mood === "error" && /* @__PURE__ */ jsx26(Circle4, { 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__ */ jsx27(Circle4, { cx: x, cy: y, r: 6.5, fill: "none", stroke: outline, strokeWidth: 1.3 }, x)),
+    mood === "error" && g.eyes.at.map((at, i) => /* @__PURE__ */ jsx27(Path8, { d: brow(at, eyeR, g.eyes.at.length === 1 ? 1 : i === 0 ? -1 : 1), stroke: outline, strokeWidth: 2, strokeLinecap: "round" }, i)),
+    /* @__PURE__ */ jsx27(Path8, { d: g.beak, fill: p.beak, ...line }),
+    mood === "thinking" && MOOD_PARTS.dots.map(([cx, cy, r], i) => /* @__PURE__ */ jsx27(Circle4, { cx, cy, r, fill: theme.textSecondary, opacity: 0.5 + i * 0.25 }, cx)),
+    (mood === "success" || mood === "error") && /* @__PURE__ */ jsx27(Circle4, { 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__ */ jsx27(Path8, { d: MOOD_PARTS.check, stroke: theme.surface0, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
+    mood === "error" && /* @__PURE__ */ jsx27(Path8, { d: MOOD_PARTS.bang.line, stroke: theme.surface0, strokeWidth: 2.8, strokeLinecap: "round" }),
+    mood === "error" && /* @__PURE__ */ jsx27(Circle4, { 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 jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var SIZE = { sm: 64, md: 96, lg: 128 };
 function useArrival(animated) {
-  const [value] = React21.useState(() => new Animated11.Value(animated ? 0 : 1));
-  React21.useEffect(() => {
+  const [value] = React22.useState(() => new Animated12.Value(animated ? 0 : 1));
+  React22.useEffect(() => {
     if (!animated) return;
     let cancelled = false;
     void AccessibilityInfo8.isReduceMotionEnabled().then((reduce) => {
       if (cancelled) return;
       if (reduce) value.setValue(1);
-      else Animated11.timing(value, { toValue: 1, duration: 420, easing: Easing5.out(Easing5.cubic), useNativeDriver: true }).start();
+      else Animated12.timing(value, { toValue: 1, duration: 420, easing: Easing6.out(Easing6.cubic), useNativeDriver: true }).start();
     });
     return () => {
       cancelled = true;
@@ -2745,30 +2893,30 @@ function useArrival(animated) {
 function MascotState({ bird = "owl", mood = "empty", title, description, action, size = "md", layout = "stacked", tone: tone3, animated = true, style, ...props }) {
   const opacity = useArrival(animated);
   const inline = layout === "inline";
-  return /* @__PURE__ */ jsxs24(
-    Animated11.View,
+  return /* @__PURE__ */ jsxs25(
+    Animated12.View,
     {
       role: mood === "error" ? "alert" : "status",
       accessibilityLiveRegion: mood === "error" ? "assertive" : "polite",
       "aria-busy": mood === "thinking" ? true : void 0,
       ...props,
-      style: [inline ? styles24.inline : styles24.stacked, { opacity, transform: [{ translateY: opacity.interpolate({ inputRange: [0, 1], outputRange: [6, 0] }) }] }, style],
+      style: [inline ? styles25.inline : styles25.stacked, { opacity, transform: [{ translateY: opacity.interpolate({ inputRange: [0, 1], outputRange: [6, 0] }) }] }, style],
       children: [
-        /* @__PURE__ */ jsx27(Mascot, { bird, mood, tone: tone3, size: SIZE[size], animated }),
-        /* @__PURE__ */ jsxs24(View23, { style: inline ? styles24.wordsInline : styles24.words, children: [
-          /* @__PURE__ */ jsx27(Txt, { variant: "label", role: "heading", style: inline ? null : styles24.center, children: title }),
-          description ? /* @__PURE__ */ jsx27(Txt, { tone: "secondary", style: inline ? null : styles24.center, children: description }) : null,
-          action ? /* @__PURE__ */ jsx27(View23, { style: [styles24.action, inline ? null : styles24.actionCentred], children: action }) : null
+        /* @__PURE__ */ jsx28(Mascot, { bird, mood, tone: tone3, size: SIZE[size], animated }),
+        /* @__PURE__ */ jsxs25(View24, { style: inline ? styles25.wordsInline : styles25.words, children: [
+          /* @__PURE__ */ jsx28(Txt, { variant: "label", role: "heading", style: inline ? null : styles25.center, children: title }),
+          description ? /* @__PURE__ */ jsx28(Txt, { tone: "secondary", style: inline ? null : styles25.center, children: description }) : null,
+          action ? /* @__PURE__ */ jsx28(View24, { style: [styles25.action, inline ? null : styles25.actionCentred], children: action }) : null
         ] })
       ]
     }
   );
 }
-var ErrorState = (props) => /* @__PURE__ */ jsx27(MascotState, { mood: "error", ...props });
-var SuccessState = (props) => /* @__PURE__ */ jsx27(MascotState, { mood: "success", ...props });
-var LoadingState = (props) => /* @__PURE__ */ jsx27(MascotState, { mood: "thinking", ...props });
-var WelcomeState = (props) => /* @__PURE__ */ jsx27(MascotState, { mood: "welcome", ...props });
-var styles24 = StyleSheet24.create({
+var ErrorState = (props) => /* @__PURE__ */ jsx28(MascotState, { mood: "error", ...props });
+var SuccessState = (props) => /* @__PURE__ */ jsx28(MascotState, { mood: "success", ...props });
+var LoadingState = (props) => /* @__PURE__ */ jsx28(MascotState, { mood: "thinking", ...props });
+var WelcomeState = (props) => /* @__PURE__ */ jsx28(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 },
   words: { alignItems: "center", gap: 6 },
@@ -2778,10 +2926,70 @@ var styles24 = StyleSheet24.create({
   actionCentred: { justifyContent: "center" }
 });
 
+// src/native/match-dialog.tsx
+import * as React23 from "react";
+import { AccessibilityInfo as AccessibilityInfo9, Animated as Animated13, Easing as Easing7, Modal as Modal4, Pressable as Pressable14, StyleSheet as StyleSheet26, View as View25 } from "react-native";
+import Svg11, { Path as Path9 } from "react-native-svg";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+function MatchDialog({ open, onOpenChange, title, description, people, primaryLabel, onPrimary, secondaryLabel }) {
+  const { theme, haptic } = useTheme();
+  const reduce = useReducedMotion();
+  const [t] = React23.useState(() => new Animated13.Value(0));
+  React23.useEffect(() => {
+    if (!open) return;
+    haptic("success");
+    AccessibilityInfo9.announceForAccessibility([title, description].filter(Boolean).join(". "));
+    if (reduce) return;
+    t.setValue(0);
+    Animated13.timing(t, { toValue: 1, duration: 520, easing: Easing7.out(Easing7.back(1.6)), useNativeDriver: true }).start();
+  }, [open]);
+  React23.useEffect(() => {
+    if (open && reduce) {
+      t.stopAnimation();
+      t.setValue(1);
+    }
+  }, [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__ */ jsx29(Modal4, { ...modalName(title), visible: open, transparent: true, animationType: reduce ? "none" : "fade", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: /* @__PURE__ */ jsxs26(View25, { accessibilityViewIsModal: true, style: [styles26.screen, { backgroundColor: theme.accent }], children: [
+    /* @__PURE__ */ jsx29(View25, { style: [StyleSheet26.absoluteFill, { backgroundColor: theme.accent2, opacity: 0.55 }] }),
+    /* @__PURE__ */ jsx29(Txt, { variant: "display", tone: "onAccent", style: styles26.title, children: title }),
+    description ? /* @__PURE__ */ jsx29(Txt, { tone: "onAccent", style: styles26.center, children: description }) : null,
+    /* @__PURE__ */ jsxs26(View25, { style: styles26.pair, "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx29(Animated13.View, { style: [styles26.photo, side(-1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx29(Avatar, { src: people[0].src, alt: "", fallback: people[0].name.charAt(0), size: 112 }) }),
+      /* @__PURE__ */ jsx29(Animated13.View, { style: [styles26.photo, side(1), { borderColor: theme.onAccent }], children: /* @__PURE__ */ jsx29(Avatar, { src: people[1].src, alt: "", fallback: people[1].name.charAt(0), size: 112 }) }),
+      /* @__PURE__ */ jsx29(Animated13.View, { style: [styles26.heart, { backgroundColor: theme.onAccent, transform: [{ scale: t }] }], children: /* @__PURE__ */ jsx29(Svg11, { width: 26, height: 26, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx29(Path9, { 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__ */ jsxs26(View25, { style: styles26.actions, children: [
+      /* @__PURE__ */ jsx29(
+        Button,
+        {
+          label: primaryLabel,
+          size: "lg",
+          onPress: () => {
+            onOpenChange(false);
+            onPrimary();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx29(Pressable14, { role: "button", onPress: () => onOpenChange(false), style: ({ pressed }) => [styles26.secondary, { borderColor: theme.onAccent, opacity: pressed ? 0.8 : 1 }], children: /* @__PURE__ */ jsx29(Txt, { variant: "label", tone: "onAccent", children: secondaryLabel }) })
+    ] })
+  ] }) });
+}
+var styles26 = StyleSheet26.create({
+  screen: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12, padding: 32 },
+  title: { textAlign: "center", fontSize: 40, lineHeight: 46 },
+  center: { textAlign: "center", maxWidth: 300 },
+  pair: { flexDirection: "row", alignItems: "center", justifyContent: "center", height: 170, marginVertical: 24, width: 300 },
+  photo: { position: "absolute", borderWidth: 4, borderRadius: 64 },
+  heart: { position: "absolute", bottom: 4, width: 48, height: 48, borderRadius: 24, alignItems: "center", justifyContent: "center" },
+  actions: { alignSelf: "stretch", gap: 10, maxWidth: 360, width: "100%" },
+  secondary: { minHeight: 48, borderRadius: 999, borderWidth: 1.5, alignItems: "center", justifyContent: "center" }
+});
+
 // src/native/meter.tsx
-import { StyleSheet as StyleSheet25, View as View24 } from "react-native";
-import Svg10, { Circle as Circle5 } from "react-native-svg";
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet27, View as View26 } from "react-native";
+import Svg12, { Circle as Circle5 } from "react-native-svg";
+import { jsx as jsx30, jsxs as jsxs27 } 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];
@@ -2794,10 +3002,10 @@ function Meter({ label, value = 0, min = 0, max = 100, valueText, thresholds, op
   const words = 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": words };
-  const legend = parts ? /* @__PURE__ */ jsx28(View24, { style: styles25.legend, "aria-hidden": true, children: shares.map((p, i) => /* @__PURE__ */ jsxs25(View24, { style: styles25.legendItem, children: [
-    /* @__PURE__ */ jsx28(View24, { style: [styles25.swatch, { backgroundColor: p.color }] }),
-    /* @__PURE__ */ jsx28(Txt, { variant: "caption", children: p.label }),
-    /* @__PURE__ */ jsx28(Txt, { variant: "caption", tone: "secondary", children: p.words })
+  const legend = parts ? /* @__PURE__ */ jsx30(View26, { style: styles27.legend, "aria-hidden": true, children: shares.map((p, i) => /* @__PURE__ */ jsxs27(View26, { style: styles27.legendItem, children: [
+    /* @__PURE__ */ jsx30(View26, { style: [styles27.swatch, { backgroundColor: p.color }] }),
+    /* @__PURE__ */ jsx30(Txt, { variant: "caption", children: p.label }),
+    /* @__PURE__ */ jsx30(Txt, { variant: "caption", tone: "secondary", children: p.words })
   ] }, i)) }) : null;
   if (variant === "ring") {
     const side = RING[size];
@@ -2809,27 +3017,27 @@ function Meter({ label, value = 0, min = 0, max = 100, valueText, thresholds, op
       offset += p.ratio;
       return arc;
     }) : [{ color: tone3, len: ratio, start: 0 }];
-    return /* @__PURE__ */ jsxs25(View24, { accessible: true, ...a11y, style: [styles25.ringRoot, style], children: [
-      /* @__PURE__ */ jsxs25(View24, { style: { width: side, height: side }, children: [
-        /* @__PURE__ */ jsxs25(Svg10, { width: side, height: side, viewBox: "0 0 100 100", style: { transform: [{ rotate: "-90deg" }] }, children: [
-          /* @__PURE__ */ jsx28(Circle5, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: 9 }),
-          arcs.map((a, i) => /* @__PURE__ */ jsx28(Circle5, { 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__ */ jsxs27(View26, { accessible: true, ...a11y, style: [styles27.ringRoot, style], children: [
+      /* @__PURE__ */ jsxs27(View26, { style: { width: side, height: side }, children: [
+        /* @__PURE__ */ jsxs27(Svg12, { width: side, height: side, viewBox: "0 0 100 100", style: { transform: [{ rotate: "-90deg" }] }, children: [
+          /* @__PURE__ */ jsx30(Circle5, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: 9 }),
+          arcs.map((a, i) => /* @__PURE__ */ jsx30(Circle5, { 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__ */ jsx28(View24, { style: [StyleSheet25.absoluteFill, styles25.center], children }) : null
+        children !== void 0 ? /* @__PURE__ */ jsx30(View26, { style: [StyleSheet27.absoluteFill, styles27.center], children }) : null
       ] }),
       legend
     ] });
   }
-  return /* @__PURE__ */ jsxs25(View24, { accessible: true, ...a11y, style: [styles25.root, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs25(View24, { style: styles25.header, "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx28(Txt, { variant: "caption", numberOfLines: 1, style: styles25.caption, children: label }),
-      !parts ? /* @__PURE__ */ jsx28(Txt, { variant: "caption", tone: "secondary", children: words }) : null
+  return /* @__PURE__ */ jsxs27(View26, { accessible: true, ...a11y, style: [styles27.root, style], children: [
+    showLabel ? /* @__PURE__ */ jsxs27(View26, { style: styles27.header, "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx30(Txt, { variant: "caption", numberOfLines: 1, style: styles27.caption, children: label }),
+      !parts ? /* @__PURE__ */ jsx30(Txt, { variant: "caption", tone: "secondary", children: words }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx28(View24, { style: [styles25.track, { height: THICK[size], backgroundColor: theme.surface3 }], children: parts ? shares.map((p, i) => /* @__PURE__ */ jsx28(View24, { style: { width: `${p.ratio * 100}%`, backgroundColor: p.color } }, i)) : /* @__PURE__ */ jsx28(View24, { style: [styles25.fill, { width: `${ratio * 100}%`, backgroundColor: tone3 }] }) }),
+    /* @__PURE__ */ jsx30(View26, { style: [styles27.track, { height: THICK[size], backgroundColor: theme.surface3 }], children: parts ? shares.map((p, i) => /* @__PURE__ */ jsx30(View26, { style: { width: `${p.ratio * 100}%`, backgroundColor: p.color } }, i)) : /* @__PURE__ */ jsx30(View26, { style: [styles27.fill, { width: `${ratio * 100}%`, backgroundColor: tone3 }] }) }),
     legend
   ] });
 }
-var styles25 = StyleSheet25.create({
+var styles27 = StyleSheet27.create({
   root: { width: "100%", gap: 6 },
   header: { flexDirection: "row", alignItems: "baseline", gap: 8 },
   caption: { flex: 1, fontWeight: "600" },
@@ -2843,48 +3051,48 @@ var styles25 = StyleSheet25.create({
 });
 
 // src/native/number-ticker.tsx
-import * as React22 from "react";
-import { AccessibilityInfo as AccessibilityInfo9, Animated as Animated12, Easing as Easing6, Text as Text13 } from "react-native";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { AccessibilityInfo as AccessibilityInfo10, Animated as Animated14, Easing as Easing8, Text as Text13 } from "react-native";
+import { jsx as jsx31 } 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 = React22.useMemo(() => new Intl.NumberFormat(locale, format), [locale, format]);
-  const [shown, setShown] = React22.useState(() => reduce ? value : trigger === "mount" ? 0 : value);
-  const [anim] = React22.useState(() => new Animated12.Value(trigger === "mount" ? 0 : value));
-  const first = React22.useRef(true);
-  React22.useEffect(() => {
+  const writer = React24.useMemo(() => new Intl.NumberFormat(locale, format), [locale, format]);
+  const [shown, setShown] = React24.useState(() => reduce ? value : trigger === "mount" ? 0 : value);
+  const [anim] = React24.useState(() => new Animated14.Value(trigger === "mount" ? 0 : value));
+  const first = React24.useRef(true);
+  React24.useEffect(() => {
     const isFirst = first.current;
     first.current = false;
     if (reduce || !isFirst && trigger === "mount" || isFirst && trigger === "change") {
       anim.setValue(value);
       setShown(value);
-      if (!isFirst && announce) AccessibilityInfo9.announceForAccessibility(writer.format(value));
+      if (!isFirst && announce) AccessibilityInfo10.announceForAccessibility(writer.format(value));
       return;
     }
     const id = anim.addListener(({ value: v }) => setShown(v));
-    const run = Animated12.timing(anim, { toValue: value, duration, easing: Easing6.out(Easing6.cubic), useNativeDriver: false });
+    const run = Animated14.timing(anim, { toValue: value, duration, easing: Easing8.out(Easing8.cubic), useNativeDriver: false });
     run.start(({ finished }) => {
       if (finished) setShown(value);
     });
-    if (!isFirst && announce) AccessibilityInfo9.announceForAccessibility(writer.format(value));
+    if (!isFirst && announce) AccessibilityInfo10.announceForAccessibility(writer.format(value));
     return () => {
       run.stop();
       anim.removeListener(id);
     };
   }, [value, reduce, trigger, duration, announce, anim, writer]);
   const digits = Number.isInteger(value) ? Math.round(shown) : shown;
-  return /* @__PURE__ */ jsx29(Txt, { variant, tone: tone3, "aria-label": writer.format(value), style: [{ fontVariant: ["tabular-nums"] }, style], children: /* @__PURE__ */ jsx29(Text13, { "aria-hidden": true, children: writer.format(digits) }) });
+  return /* @__PURE__ */ jsx31(Txt, { variant, tone: tone3, "aria-label": writer.format(value), style: [{ fontVariant: ["tabular-nums"] }, style], children: /* @__PURE__ */ jsx31(Text13, { "aria-hidden": true, children: writer.format(digits) }) });
 }
 
 // src/native/onboarding.tsx
-import * as React23 from "react";
-import { ScrollView as ScrollView5, StyleSheet as StyleSheet26, View as View25 } from "react-native";
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import * as React25 from "react";
+import { ScrollView as ScrollView5, StyleSheet as StyleSheet28, View as View27 } from "react-native";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function Onboarding({ slides, labels, onDone, style }) {
   const { theme, insets, haptic } = useTheme();
-  const [width, setWidth] = React23.useState(0);
-  const [page, setPage] = React23.useState(0);
-  const scroller = React23.useRef(null);
+  const [width, setWidth] = React25.useState(0);
+  const [page, setPage] = React25.useState(0);
+  const scroller = React25.useRef(null);
   const last = page === slides.length - 1;
   const go = (to) => {
     scroller.current?.scrollTo({ x: to * width, animated: true });
@@ -2894,18 +3102,18 @@ function Onboarding({ slides, labels, onDone, style }) {
   const onScroll = (e) => {
     if (width > 0) setPage(Math.round(e.nativeEvent.contentOffset.x / width));
   };
-  return /* @__PURE__ */ jsxs26(View25, { style: [styles26.root, { backgroundColor: theme.surface0, paddingTop: insets.top + 8, paddingBottom: insets.bottom + 16 }, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsx30(View25, { style: styles26.top, children: !last ? /* @__PURE__ */ jsx30(Button, { label: labels.skip, variant: "ghost", size: "sm", onPress: onDone }) : /* @__PURE__ */ jsx30(View25, { style: styles26.spacer }) }),
-    /* @__PURE__ */ jsx30(ScrollView5, { ref: scroller, tabIndex: 0, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onMomentumScrollEnd: onScroll, style: styles26.flex, children: slides.map((slide, i) => /* @__PURE__ */ jsxs26(View25, { style: [styles26.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__ */ jsx30(View25, { style: styles26.visual, children: slide.visual }) : null,
-      /* @__PURE__ */ jsx30(Txt, { variant: "display", style: styles26.centred, children: slide.title }),
-      /* @__PURE__ */ jsx30(Txt, { tone: "secondary", style: [styles26.centred, styles26.description], children: slide.description })
+  return /* @__PURE__ */ jsxs28(View27, { style: [styles28.root, { backgroundColor: theme.surface0, paddingTop: insets.top + 8, paddingBottom: insets.bottom + 16 }, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsx32(View27, { style: styles28.top, children: !last ? /* @__PURE__ */ jsx32(Button, { label: labels.skip, variant: "ghost", size: "sm", onPress: onDone }) : /* @__PURE__ */ jsx32(View27, { style: styles28.spacer }) }),
+    /* @__PURE__ */ jsx32(ScrollView5, { ref: scroller, tabIndex: 0, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onMomentumScrollEnd: onScroll, style: styles28.flex, children: slides.map((slide, i) => /* @__PURE__ */ jsxs28(View27, { 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__ */ jsx32(View27, { style: styles28.visual, children: slide.visual }) : null,
+      /* @__PURE__ */ jsx32(Txt, { variant: "display", style: styles28.centred, children: slide.title }),
+      /* @__PURE__ */ jsx32(Txt, { tone: "secondary", style: [styles28.centred, styles28.description], children: slide.description })
     ] }, i)) }),
-    /* @__PURE__ */ jsx30(View25, { style: styles26.dots, "aria-hidden": true, children: slides.map((_, i) => /* @__PURE__ */ jsx30(View25, { style: [styles26.dot, { width: i === page ? 22 : 8, backgroundColor: i === page ? theme.accent : theme.borderStrong }] }, i)) }),
-    /* @__PURE__ */ jsx30(View25, { style: styles26.bottom, children: /* @__PURE__ */ jsx30(Button, { label: last ? labels.done : labels.next, variant: last ? "gradient" : "primary", size: "lg", onPress: () => last ? onDone() : go(page + 1) }) })
+    /* @__PURE__ */ jsx32(View27, { style: styles28.dots, "aria-hidden": true, children: slides.map((_, i) => /* @__PURE__ */ jsx32(View27, { style: [styles28.dot, { width: i === page ? 22 : 8, backgroundColor: i === page ? theme.accent : theme.borderStrong }] }, i)) }),
+    /* @__PURE__ */ jsx32(View27, { style: styles28.bottom, children: /* @__PURE__ */ jsx32(Button, { label: last ? labels.done : labels.next, variant: last ? "gradient" : "primary", size: "lg", onPress: () => last ? onDone() : go(page + 1) }) })
   ] });
 }
-var styles26 = StyleSheet26.create({
+var styles28 = StyleSheet28.create({
   root: { flex: 1 },
   top: { flexDirection: "row", justifyContent: "flex-end", paddingHorizontal: 16, minHeight: 32 },
   spacer: { height: 32 },
@@ -2920,8 +3128,8 @@ var styles26 = StyleSheet26.create({
 });
 
 // src/native/OrazakaMark.tsx
-import { View as View26 } from "react-native";
-import Svg11, { Circle as Circle6, Defs as Defs5, LinearGradient as LinearGradient5, Path as Path8, RadialGradient as RadialGradient2, Stop as Stop5 } from "react-native-svg";
+import { View as View28 } from "react-native";
+import Svg13, { Circle as Circle6, Defs as Defs5, LinearGradient as LinearGradient5, Path as Path10, RadialGradient as RadialGradient2, Stop as Stop5 } from "react-native-svg";
 
 // src/marks/orazaka-geometry.ts
 var orange = marks.orazaka[marks.orazaka.length - 1][1];
@@ -2950,41 +3158,41 @@ var ORAZAKA = {
 };
 
 // src/native/OrazakaMark.tsx
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function OrazakaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated22, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
+  const { Animated: Animated25, 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__ */ jsx31(LinearGradient5, { 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__ */ jsx31(Stop5, { offset, stopColor: color }, offset)) });
+  const gradient = /* @__PURE__ */ jsx33(LinearGradient5, { 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__ */ jsx33(Stop5, { offset, stopColor: color }, offset)) });
   const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs27(View26, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs27(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx31(Defs5, { children: /* @__PURE__ */ jsxs27(RadialGradient2, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx31(Stop5, { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
-        /* @__PURE__ */ jsx31(Stop5, { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs29(View28, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs29(Svg13, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx33(Defs5, { children: /* @__PURE__ */ jsxs29(RadialGradient2, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx33(Stop5, { offset: "0%", stopColor: ORAZAKA.glow.color, stopOpacity: ORAZAKA.glow.opacity }),
+        /* @__PURE__ */ jsx33(Stop5, { offset: "100%", stopColor: ORAZAKA.glow.color, stopOpacity: 0 })
       ] }) }),
-      size >= 48 ? /* @__PURE__ */ jsx31(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx31(Circle6, { 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__ */ jsx31(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke, strokeWidth: ORAZAKA.ring.width, opacity: 0.35, fill: "none" })
+      size >= 48 ? /* @__PURE__ */ jsx33(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx33(Circle6, { 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__ */ jsx33(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.ring.r, stroke, strokeWidth: ORAZAKA.ring.width, opacity: 0.35, fill: "none" })
     ] }),
-    /* @__PURE__ */ jsx31(Animated22.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs27(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx31(Defs5, { children: gradient }),
-      ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx31(Path8, { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d))
+    /* @__PURE__ */ jsx33(Animated25.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs29(Svg13, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx33(Defs5, { children: gradient }),
+      ORAZAKA.shards.map((d) => /* @__PURE__ */ jsx33(Path10, { d, fill, stroke: fill, strokeWidth: ORAZAKA.shardStroke, strokeLinejoin: "round" }, d))
     ] }) }),
-    /* @__PURE__ */ jsx31(Animated22.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs27(Svg11, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx31(Defs5, { children: gradient }),
-      /* @__PURE__ */ jsx31(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
-      /* @__PURE__ */ jsx31(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
+    /* @__PURE__ */ jsx33(Animated25.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs29(Svg13, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx33(Defs5, { children: gradient }),
+      /* @__PURE__ */ jsx33(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.r, fill }),
+      /* @__PURE__ */ jsx33(Circle6, { cx: ORAZAKA.center, cy: ORAZAKA.center, r: ORAZAKA.core.inner, fill: ORAZAKA.highlight })
     ] }) })
   ] });
 }
 
 // src/native/OrochiaMark.tsx
-import { useEffect as useEffect15, useState as useState24 } from "react";
-import { AccessibilityInfo as AccessibilityInfo10, Animated as Animated13, Easing as Easing7, View as View27 } from "react-native";
-import Svg12, { Circle as Circle7, Defs as Defs6, Ellipse as Ellipse2, G as Group2, LinearGradient as LinearGradient6, Path as Path9, RadialGradient as RadialGradient3, Stop as Stop6 } from "react-native-svg";
+import { useEffect as useEffect17, useState as useState26 } from "react";
+import { AccessibilityInfo as AccessibilityInfo11, Animated as Animated15, Easing as Easing9, View as View29 } from "react-native";
+import Svg14, { Circle as Circle7, Defs as Defs6, Ellipse as Ellipse2, G as Group2, LinearGradient as LinearGradient6, Path as Path11, RadialGradient as RadialGradient3, Stop as Stop6 } from "react-native-svg";
 
 // src/marks/orochia-geometry.ts
 var OROCHIA = {
@@ -3011,25 +3219,25 @@ var OROCHIA = {
 };
 
 // src/native/OrochiaMark.tsx
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 var CENTER = OROCHIA.offset + 180;
 function OrochiaMark({ size = 48, animated = true, title, neutral: neutralProp }) {
   const { theme } = useTheme();
   const neutral = neutralProp ?? theme.textMuted;
-  const [spin] = useState24(() => new Animated13.Value(0));
-  const [pulse] = useState24(() => new Animated13.Value(0));
-  useEffect15(() => {
+  const [spin] = useState26(() => new Animated15.Value(0));
+  const [pulse] = useState26(() => new Animated15.Value(0));
+  useEffect17(() => {
     if (!animated) return;
     let loops = [];
     let cancelled = false;
-    void AccessibilityInfo10.isReduceMotionEnabled().then((reduce) => {
+    void AccessibilityInfo11.isReduceMotionEnabled().then((reduce) => {
       if (reduce || cancelled) return;
       loops = [
-        Animated13.loop(Animated13.timing(spin, { toValue: 1, duration: 3e4, easing: Easing7.linear, useNativeDriver: true })),
-        Animated13.loop(
-          Animated13.sequence([
-            Animated13.timing(pulse, { toValue: 1, duration: 1600, easing: Easing7.inOut(Easing7.ease), useNativeDriver: true }),
-            Animated13.timing(pulse, { toValue: 0, duration: 1600, easing: Easing7.inOut(Easing7.ease), useNativeDriver: true })
+        Animated15.loop(Animated15.timing(spin, { toValue: 1, duration: 3e4, easing: Easing9.linear, useNativeDriver: true })),
+        Animated15.loop(
+          Animated15.sequence([
+            Animated15.timing(pulse, { toValue: 1, duration: 1600, easing: Easing9.inOut(Easing9.ease), useNativeDriver: true }),
+            Animated15.timing(pulse, { toValue: 0, duration: 1600, easing: Easing9.inOut(Easing9.ease), useNativeDriver: true })
           ])
         )
       ];
@@ -3043,49 +3251,49 @@ 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__ */ jsx32(LinearGradient6, { 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__ */ jsx32(Stop6, { offset, stopColor: color }, offset)) });
-  return /* @__PURE__ */ jsxs28(View27, { style: { width: size, height: size }, ...a11y, children: [
-    /* @__PURE__ */ jsxs28(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx32(Defs6, { children: /* @__PURE__ */ jsxs28(RadialGradient3, { id: "glow", cx: "50%", cy: "50%", r: "50%", children: [
-        /* @__PURE__ */ jsx32(Stop6, { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
-        /* @__PURE__ */ jsx32(Stop6, { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: 0 })
+  const bodyGradient = /* @__PURE__ */ jsx34(LinearGradient6, { 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__ */ jsx34(Stop6, { offset, stopColor: color }, offset)) });
+  return /* @__PURE__ */ jsxs30(View29, { style: { width: size, height: size }, ...a11y, children: [
+    /* @__PURE__ */ jsxs30(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx34(Defs6, { children: /* @__PURE__ */ jsxs30(RadialGradient3, { id: "glow", cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ jsx34(Stop6, { offset: "0%", stopColor: OROCHIA.glow.color, stopOpacity: OROCHIA.glow.opacity }),
+        /* @__PURE__ */ jsx34(Stop6, { offset: "100%", stopColor: OROCHIA.glow.color, stopOpacity: 0 })
       ] }) }),
-      /* @__PURE__ */ jsx32(Circle7, { cx: CENTER, cy: CENTER, r: 170, fill: "url(#glow)" }),
-      /* @__PURE__ */ jsx32(Circle7, { cx: CENTER, cy: CENTER, r: OROCHIA.ring.r, stroke: neutral, strokeWidth: OROCHIA.ring.width, opacity: 0.35, fill: "none" })
+      /* @__PURE__ */ jsx34(Circle7, { cx: CENTER, cy: CENTER, r: 170, fill: "url(#glow)" }),
+      /* @__PURE__ */ jsx34(Circle7, { cx: CENTER, cy: CENTER, r: OROCHIA.ring.r, stroke: neutral, strokeWidth: OROCHIA.ring.width, opacity: 0.35, fill: "none" })
     ] }),
-    /* @__PURE__ */ jsx32(Animated13.View, { style: [layer, { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] }], children: /* @__PURE__ */ jsx32(Svg12, { viewBox, style: layer, children: /* @__PURE__ */ jsx32(Circle7, { cx: CENTER, cy: CENTER, r: OROCHIA.orbit.r, stroke: neutral, strokeWidth: OROCHIA.orbit.width, strokeDasharray: OROCHIA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
-    /* @__PURE__ */ jsxs28(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx32(Defs6, { children: bodyGradient }),
-      /* @__PURE__ */ jsxs28(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-        /* @__PURE__ */ jsx32(Path9, { d: OROCHIA.arc, stroke: "url(#body)", strokeWidth: 22, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx32(Path9, { d: OROCHIA.arc, stroke: OROCHIA.scales.color, strokeOpacity: OROCHIA.scales.opacity, strokeWidth: OROCHIA.scales.width, strokeLinecap: "round", strokeDasharray: OROCHIA.scales.dash, fill: "none" }),
-        /* @__PURE__ */ jsx32(Path9, { d: OROCHIA.neck, stroke: "url(#body)", strokeWidth: 14, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx32(Path9, { d: OROCHIA.tail, stroke: "url(#body)", strokeWidth: 6, strokeLinecap: "round", fill: "none" }),
-        /* @__PURE__ */ jsx32(Ellipse2, { 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__ */ jsx32(Path9, { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: 3, strokeLinecap: "round", fill: "none" })
+    /* @__PURE__ */ jsx34(Animated15.View, { style: [layer, { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] }], children: /* @__PURE__ */ jsx34(Svg14, { viewBox, style: layer, children: /* @__PURE__ */ jsx34(Circle7, { cx: CENTER, cy: CENTER, r: OROCHIA.orbit.r, stroke: neutral, strokeWidth: OROCHIA.orbit.width, strokeDasharray: OROCHIA.orbit.dash, opacity: 0.6, fill: "none" }) }) }),
+    /* @__PURE__ */ jsxs30(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx34(Defs6, { children: bodyGradient }),
+      /* @__PURE__ */ jsxs30(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
+        /* @__PURE__ */ jsx34(Path11, { d: OROCHIA.arc, stroke: "url(#body)", strokeWidth: 22, strokeLinecap: "round", fill: "none" }),
+        /* @__PURE__ */ jsx34(Path11, { d: OROCHIA.arc, stroke: OROCHIA.scales.color, strokeOpacity: OROCHIA.scales.opacity, strokeWidth: OROCHIA.scales.width, strokeLinecap: "round", strokeDasharray: OROCHIA.scales.dash, fill: "none" }),
+        /* @__PURE__ */ jsx34(Path11, { d: OROCHIA.neck, stroke: "url(#body)", strokeWidth: 14, strokeLinecap: "round", fill: "none" }),
+        /* @__PURE__ */ jsx34(Path11, { d: OROCHIA.tail, stroke: "url(#body)", strokeWidth: 6, strokeLinecap: "round", fill: "none" }),
+        /* @__PURE__ */ jsx34(Ellipse2, { 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__ */ jsx34(Path11, { d: OROCHIA.tongue.d, stroke: OROCHIA.tongue.color, strokeWidth: 3, strokeLinecap: "round", fill: "none" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx32(Animated13.View, { style: [layer, { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }], children: /* @__PURE__ */ jsxs28(Svg12, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx32(Defs6, { children: /* @__PURE__ */ jsx32(LinearGradient6, { id: "flame", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx32(Stop6, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsxs28(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
-        /* @__PURE__ */ jsx32(Circle7, { cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
-        /* @__PURE__ */ jsx32(Path9, { d: OROCHIA.flame.d, transform: `translate(${OROCHIA.flame.translate[0]} ${OROCHIA.flame.translate[1]}) scale(${OROCHIA.flame.scale})`, fill: "url(#flame)" })
+    /* @__PURE__ */ jsx34(Animated15.View, { style: [layer, { opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.85, 1] }) }], children: /* @__PURE__ */ jsxs30(Svg14, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx34(Defs6, { children: /* @__PURE__ */ jsx34(LinearGradient6, { id: "flame", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: OROCHIA.flameGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx34(Stop6, { offset, stopColor: color }, offset)) }) }),
+      /* @__PURE__ */ jsxs30(Group2, { transform: `translate(${OROCHIA.offset} ${OROCHIA.offset})`, children: [
+        /* @__PURE__ */ jsx34(Circle7, { cx: OROCHIA.eye.cx, cy: OROCHIA.eye.cy, r: OROCHIA.eye.r, fill: OROCHIA.eye.color }),
+        /* @__PURE__ */ jsx34(Path11, { d: OROCHIA.flame.d, transform: `translate(${OROCHIA.flame.translate[0]} ${OROCHIA.flame.translate[1]}) scale(${OROCHIA.flame.scale})`, fill: "url(#flame)" })
       ] })
     ] }) })
   ] });
 }
 
 // src/native/otp-input.tsx
-import * as React25 from "react";
-import { Platform as Platform2, Pressable as Pressable13, StyleSheet as StyleSheet27, TextInput as TextInput4, View as View28 } from "react-native";
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { Platform as Platform2, Pressable as Pressable15, StyleSheet as StyleSheet29, TextInput as TextInput5, View as View30 } from "react-native";
+import { jsx as jsx35, jsxs as jsxs31 } 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] = React25.useState("");
+  const [own, setOwn] = React27.useState("");
   const code = value ?? own;
-  const [focused, setFocused] = React25.useState(false);
-  const input = React25.useRef(null);
-  React25.useEffect(() => {
+  const [focused, setFocused] = React27.useState(false);
+  const input = React27.useRef(null);
+  React27.useEffect(() => {
     if (invalid) haptic("warning");
   }, [invalid, haptic]);
   const change = (raw) => {
@@ -3097,14 +3305,14 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
       onComplete?.(next);
     }
   };
-  return /* @__PURE__ */ jsxs29(Pressable13, { onPress: () => input.current?.focus(), disabled, accessible: false, style: [styles27.root, style], children: [
-    /* @__PURE__ */ jsx33(View28, { style: styles27.boxes, "aria-hidden": true, children: Array.from({ length }, (_, i) => {
+  return /* @__PURE__ */ jsxs31(Pressable15, { onPress: () => input.current?.focus(), disabled, accessible: false, style: [styles29.root, style], children: [
+    /* @__PURE__ */ jsx35(View30, { style: styles29.boxes, "aria-hidden": true, children: Array.from({ length }, (_, i) => {
       const active = focused && i === Math.min(code.length, length - 1);
-      return /* @__PURE__ */ jsx33(
-        View28,
+      return /* @__PURE__ */ jsx35(
+        View30,
         {
           style: [
-            styles27.box,
+            styles29.box,
             {
               borderRadius: radius3.md,
               backgroundColor: theme.surface2,
@@ -3112,13 +3320,13 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
               borderWidth: invalid || active ? 2 : 1
             }
           ],
-          children: /* @__PURE__ */ jsx33(Txt, { variant: "title", children: code[i] ?? "" })
+          children: /* @__PURE__ */ jsx35(Txt, { variant: "title", children: code[i] ?? "" })
         },
         i
       );
     }) }),
-    /* @__PURE__ */ jsx33(
-      TextInput4,
+    /* @__PURE__ */ jsx35(
+      TextInput5,
       {
         ref: input,
         "aria-label": label,
@@ -3136,12 +3344,12 @@ function OtpInput({ label, length = 6, value, onValueChange, onComplete, mode =
         caretHidden: true,
         onFocus: () => setFocused(true),
         onBlur: () => setFocused(false),
-        style: styles27.hidden
+        style: styles29.hidden
       }
     )
   ] });
 }
-var styles27 = StyleSheet27.create({
+var styles29 = StyleSheet29.create({
   root: { alignSelf: "flex-start" },
   boxes: { flexDirection: "row", gap: 8 },
   box: { width: 46, height: 56, alignItems: "center", justifyContent: "center" },
@@ -3149,11 +3357,11 @@ var styles27 = StyleSheet27.create({
 });
 
 // src/native/pagination.tsx
-import { Pressable as Pressable14, StyleSheet as StyleSheet28, Text as Text14, View as View29 } from "react-native";
-import Svg13, { Path as Path10 } from "react-native-svg";
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Pressable as Pressable16, StyleSheet as StyleSheet30, Text as Text14, View as View31 } from "react-native";
+import Svg15, { Path as Path12 } from "react-native-svg";
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 function Chevron3({ direction, color }) {
-  return /* @__PURE__ */ jsx34(Svg13, { 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__ */ jsx34(Path10, { d: direction === "left" ? "m15 6-6 6 6 6" : "m9 6 6 6-6 6" }) });
+  return /* @__PURE__ */ jsx36(Svg15, { 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__ */ jsx36(Path12, { 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();
@@ -3162,8 +3370,8 @@ 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__ */ jsx34(
-    Pressable14,
+  const button = (direction, enabled, onPress, label) => /* @__PURE__ */ jsx36(
+    Pressable16,
     {
       role: "button",
       "aria-label": label,
@@ -3172,28 +3380,28 @@ function Pagination({ page = 1, pageCount, onPageChange, hasPrevious, hasNext, o
       hitSlop: 6,
       onPress,
       style: ({ pressed }) => [
-        styles28.button,
+        styles30.button,
         { borderRadius: radius3.sm, borderColor: theme.borderDefault, backgroundColor: theme.surface1, opacity: enabled ? pressed ? 0.8 : 1 : 0.4 }
       ],
-      children: /* @__PURE__ */ jsx34(Chevron3, { direction, color: theme.textPrimary })
+      children: /* @__PURE__ */ jsx36(Chevron3, { direction, color: theme.textPrimary })
     }
   );
   const text = status ?? (paged ? labels.compact(current, count) : null);
-  return /* @__PURE__ */ jsxs30(View29, { role: "navigation", style: [styles28.row, style], children: [
+  return /* @__PURE__ */ jsxs32(View31, { role: "navigation", style: [styles30.row, style], children: [
     button("left", canPrevious, paged ? () => onPageChange?.(current - 1) : onPrevious, labels.previous),
-    text ? /* @__PURE__ */ jsx34(Text14, { "aria-live": "polite", style: [styles28.status, { color: theme.textSecondary }], children: text }) : null,
+    text ? /* @__PURE__ */ jsx36(Text14, { "aria-live": "polite", style: [styles30.status, { color: theme.textSecondary }], children: text }) : null,
     button("right", canNext, paged ? () => onPageChange?.(current + 1) : onNext, labels.next)
   ] });
 }
-var styles28 = StyleSheet28.create({
+var styles30 = StyleSheet30.create({
   row: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 12 },
-  button: { width: 44, height: 44, alignItems: "center", justifyContent: "center", borderWidth: StyleSheet28.hairlineWidth },
+  button: { width: 44, height: 44, alignItems: "center", justifyContent: "center", borderWidth: StyleSheet30.hairlineWidth },
   status: { fontSize: 13, fontWeight: "600", fontVariant: ["tabular-nums"] }
 });
 
 // src/native/permission-prompt.tsx
-import { StyleSheet as StyleSheet29, View as View30 } from "react-native";
-import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet31, View as View32 } from "react-native";
+import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function PermissionPrompt({
   status,
   title,
@@ -3210,28 +3418,28 @@ function PermissionPrompt({
   style
 }) {
   const { theme, radius: radius3 } = useTheme();
-  if (status === "granted") return /* @__PURE__ */ jsx35(Fragment5, { children: children ?? null });
+  if (status === "granted") return /* @__PURE__ */ jsx37(Fragment6, { children: children ?? null });
   const blocked = status === "blocked" || status === "denied" && Boolean(onOpenSettings);
-  return /* @__PURE__ */ jsxs31(View30, { style: [styles29.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx35(Mascot, { bird: mascot, mood: blocked ? "error" : "welcome", size: 104 }),
-    /* @__PURE__ */ jsx35(Txt, { variant: "title", style: styles29.centred, children: title }),
-    /* @__PURE__ */ jsx35(Txt, { tone: "secondary", style: styles29.centred, children: blocked && blockedDescription ? blockedDescription : description }),
-    /* @__PURE__ */ jsxs31(View30, { style: styles29.actions, children: [
-      blocked && settingsLabel && onOpenSettings ? /* @__PURE__ */ jsx35(Button, { label: settingsLabel, variant: "primary", onPress: onOpenSettings }) : /* @__PURE__ */ jsx35(Button, { label: allowLabel, variant: "primary", onPress: onAllow }),
-      dismissLabel && onDismiss ? /* @__PURE__ */ jsx35(Button, { label: dismissLabel, variant: "ghost", onPress: onDismiss }) : null
+  return /* @__PURE__ */ jsxs33(View32, { style: [styles31.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsx37(Mascot, { bird: mascot, mood: blocked ? "error" : "welcome", size: 104 }),
+    /* @__PURE__ */ jsx37(Txt, { variant: "title", style: styles31.centred, children: title }),
+    /* @__PURE__ */ jsx37(Txt, { tone: "secondary", style: styles31.centred, children: blocked && blockedDescription ? blockedDescription : description }),
+    /* @__PURE__ */ jsxs33(View32, { style: styles31.actions, children: [
+      blocked && settingsLabel && onOpenSettings ? /* @__PURE__ */ jsx37(Button, { label: settingsLabel, variant: "primary", onPress: onOpenSettings }) : /* @__PURE__ */ jsx37(Button, { label: allowLabel, variant: "primary", onPress: onAllow }),
+      dismissLabel && onDismiss ? /* @__PURE__ */ jsx37(Button, { label: dismissLabel, variant: "ghost", onPress: onDismiss }) : null
     ] })
   ] });
 }
-var styles29 = StyleSheet29.create({
-  root: { alignItems: "center", gap: 10, padding: 24, borderWidth: StyleSheet29.hairlineWidth },
+var styles31 = StyleSheet31.create({
+  root: { alignItems: "center", gap: 10, padding: 24, borderWidth: StyleSheet31.hairlineWidth },
   centred: { textAlign: "center", maxWidth: 340 },
   actions: { marginTop: 8, gap: 8, alignSelf: "stretch" }
 });
 
 // src/native/phoenix.tsx
-import { useEffect as useEffect17, useState as useState26 } from "react";
-import { AccessibilityInfo as AccessibilityInfo11, Animated as Animated14, Easing as Easing8, View as View31 } from "react-native";
-import Svg14, { Circle as Circle8, Defs as Defs7, LinearGradient as LinearGradient7, Path as Path11, RadialGradient as RadialGradient4, Stop as Stop7 } from "react-native-svg";
+import { useEffect as useEffect19, useState as useState28 } from "react";
+import { AccessibilityInfo as AccessibilityInfo12, Animated as Animated16, Easing as Easing10, View as View33 } from "react-native";
+import Svg16, { Circle as Circle8, Defs as Defs7, LinearGradient as LinearGradient7, Path as Path13, RadialGradient as RadialGradient4, Stop as Stop7 } from "react-native-svg";
 
 // src/mascots/phoenix-geometry.ts
 var PHOENIX = {
@@ -3254,17 +3462,17 @@ var PHOENIX_PALETTES = {
 };
 
 // src/native/phoenix.tsx
-import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 function useFloat(animated) {
-  const [y] = useState26(() => new Animated14.Value(0));
-  useEffect17(() => {
+  const [y] = useState28(() => new Animated16.Value(0));
+  useEffect19(() => {
     if (!animated) return;
     let loop;
     let cancelled = false;
-    void AccessibilityInfo11.isReduceMotionEnabled().then((reduce) => {
+    void AccessibilityInfo12.isReduceMotionEnabled().then((reduce) => {
       if (reduce || cancelled) return;
-      const step = (toValue) => Animated14.timing(y, { toValue, duration: 2500, easing: Easing8.inOut(Easing8.ease), useNativeDriver: true });
-      loop = Animated14.loop(Animated14.sequence([step(-6), step(0)]));
+      const step = (toValue) => Animated16.timing(y, { toValue, duration: 2500, easing: Easing10.inOut(Easing10.ease), useNativeDriver: true });
+      loop = Animated16.loop(Animated16.sequence([step(-6), step(0)]));
       loop.start();
     });
     return () => {
@@ -3279,36 +3487,131 @@ 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__ */ jsx36(View31, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx36(Animated14.View, { style: { transform: [{ translateY: y }] }, children: /* @__PURE__ */ jsxs32(Svg14, { width: size, height: size, viewBox: "0 0 120 120", children: [
-    /* @__PURE__ */ jsxs32(Defs7, { children: [
-      /* @__PURE__ */ jsxs32(LinearGradient7, { id: `${id}l`, x1: "1", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ jsx36(Stop7, { offset: "0%", stopColor: p.left[0] }),
-        /* @__PURE__ */ jsx36(Stop7, { offset: "100%", stopColor: p.left[1] })
+  return /* @__PURE__ */ jsx38(View33, { style: [{ width: size, height: size }, style], ...markA11y(title), children: /* @__PURE__ */ jsx38(Animated16.View, { style: { transform: [{ translateY: y }] }, children: /* @__PURE__ */ jsxs34(Svg16, { width: size, height: size, viewBox: "0 0 120 120", children: [
+    /* @__PURE__ */ jsxs34(Defs7, { children: [
+      /* @__PURE__ */ jsxs34(LinearGradient7, { id: `${id}l`, x1: "1", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ jsx38(Stop7, { offset: "0%", stopColor: p.left[0] }),
+        /* @__PURE__ */ jsx38(Stop7, { offset: "100%", stopColor: p.left[1] })
       ] }),
-      /* @__PURE__ */ jsxs32(LinearGradient7, { id: `${id}r`, x1: "0", y1: "0", x2: "1", y2: "1", children: [
-        /* @__PURE__ */ jsx36(Stop7, { offset: "0%", stopColor: p.right[0] }),
-        /* @__PURE__ */ jsx36(Stop7, { offset: "100%", stopColor: p.right[1] })
+      /* @__PURE__ */ jsxs34(LinearGradient7, { id: `${id}r`, x1: "0", y1: "0", x2: "1", y2: "1", children: [
+        /* @__PURE__ */ jsx38(Stop7, { offset: "0%", stopColor: p.right[0] }),
+        /* @__PURE__ */ jsx38(Stop7, { offset: "100%", stopColor: p.right[1] })
       ] }),
-      /* @__PURE__ */ jsxs32(RadialGradient4, { id: `${id}c`, children: [
-        /* @__PURE__ */ jsx36(Stop7, { offset: "0%", stopColor: p.core[0] }),
-        /* @__PURE__ */ jsx36(Stop7, { offset: "100%", stopColor: p.core[1], stopOpacity: 0 })
+      /* @__PURE__ */ jsxs34(RadialGradient4, { id: `${id}c`, children: [
+        /* @__PURE__ */ jsx38(Stop7, { offset: "0%", stopColor: p.core[0] }),
+        /* @__PURE__ */ jsx38(Stop7, { offset: "100%", stopColor: p.core[1], stopOpacity: 0 })
       ] })
     ] }),
-    /* @__PURE__ */ jsx36(Path11, { d: PHOENIX.wingL, fill: `url(#${id}l)` }),
-    /* @__PURE__ */ jsx36(Path11, { d: PHOENIX.wingR, fill: `url(#${id}r)` }),
-    /* @__PURE__ */ jsx36(Path11, { d: PHOENIX.tailL, fill: `url(#${id}l)`, opacity: 0.7 }),
-    /* @__PURE__ */ jsx36(Path11, { d: PHOENIX.tailR, fill: `url(#${id}r)`, opacity: 0.7 }),
-    /* @__PURE__ */ jsx36(Path11, { d: PHOENIX.body, fill: p.body, stroke: p.edge, strokeOpacity: 0.5 }),
-    /* @__PURE__ */ jsx36(Circle8, { cx: 60, cy: 58, r: 12, fill: `url(#${id}c)` }),
-    /* @__PURE__ */ jsx36(Circle8, { cx: 60, cy: 58, r: 3.5, fill: "#ffffff" }),
-    /* @__PURE__ */ jsx36(Path11, { d: PHOENIX.crest, stroke: p.crest, strokeWidth: 2, strokeLinecap: "round" })
+    /* @__PURE__ */ jsx38(Path13, { d: PHOENIX.wingL, fill: `url(#${id}l)` }),
+    /* @__PURE__ */ jsx38(Path13, { d: PHOENIX.wingR, fill: `url(#${id}r)` }),
+    /* @__PURE__ */ jsx38(Path13, { d: PHOENIX.tailL, fill: `url(#${id}l)`, opacity: 0.7 }),
+    /* @__PURE__ */ jsx38(Path13, { d: PHOENIX.tailR, fill: `url(#${id}r)`, opacity: 0.7 }),
+    /* @__PURE__ */ jsx38(Path13, { d: PHOENIX.body, fill: p.body, stroke: p.edge, strokeOpacity: 0.5 }),
+    /* @__PURE__ */ jsx38(Circle8, { cx: 60, cy: 58, r: 12, fill: `url(#${id}c)` }),
+    /* @__PURE__ */ jsx38(Circle8, { cx: 60, cy: 58, r: 3.5, fill: "#ffffff" }),
+    /* @__PURE__ */ jsx38(Path13, { d: PHOENIX.crest, stroke: p.crest, strokeWidth: 2, strokeLinecap: "round" })
   ] }) }) });
 }
 
+// src/native/photo-grid.tsx
+import * as React29 from "react";
+import { Image as Image4, Pressable as Pressable17, StyleSheet as StyleSheet32, View as View34 } from "react-native";
+import Svg17, { Path as Path14 } from "react-native-svg";
+import { jsx as jsx39, jsxs as jsxs35 } 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] = React29.useState(null);
+  const move = (from, to) => {
+    if (to < 0 || to >= value.length || from === to) return;
+    const next = [...value];
+    const [photo] = next.splice(from, 1);
+    next.splice(to, 0, photo);
+    haptic("selection");
+    onValueChange(next);
+  };
+  const remove = (i) => {
+    haptic("impact");
+    onValueChange(value.filter((_, j) => j !== i));
+  };
+  const width = `${100 / columns}%`;
+  return /* @__PURE__ */ jsxs35(View34, { 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__ */ jsx39(View34, { style: [styles32.cell, { width }], children: photo ? /* @__PURE__ */ jsxs35(
+        Pressable17,
+        {
+          role: "button",
+          "aria-label": [labels.photo(i + 1), photo.alt, i === 0 ? labels.main : null].filter(Boolean).join(", "),
+          onPress: () => setMenu(i),
+          onLongPress: () => {
+            haptic("impact");
+            setMenu(i);
+          },
+          accessibilityActions: [
+            ...i > 0 ? [{ name: "makeMain", label: labels.makeMain }, { name: "earlier", label: labels.moveEarlier }] : [],
+            ...i < value.length - 1 ? [{ name: "later", label: labels.moveLater }] : [],
+            { name: "remove", label: labels.remove }
+          ],
+          onAccessibilityAction: (e) => {
+            const name = e.nativeEvent.actionName;
+            if (name === "makeMain") move(i, 0);
+            if (name === "earlier") move(i, i - 1);
+            if (name === "later") move(i, i + 1);
+            if (name === "remove") remove(i);
+          },
+          style: [...cell, { backgroundColor: theme.surface3, overflow: "hidden" }],
+          children: [
+            /* @__PURE__ */ jsx39(Image4, { source: { uri: photo.uri }, style: StyleSheet32.absoluteFill, resizeMode: "cover" }),
+            i === 0 ? /* @__PURE__ */ jsx39(View34, { style: [styles32.main, { backgroundColor: theme.accent, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx39(Txt, { variant: "caption", tone: "onAccent", style: styles32.mainText, children: labels.main }) }) : null
+          ]
+        }
+      ) : /* @__PURE__ */ jsx39(
+        Pressable17,
+        {
+          role: "button",
+          "aria-label": labels.add,
+          disabled: !onAdd || i > value.length,
+          onPress: onAdd,
+          style: ({ pressed }) => [
+            ...cell,
+            styles32.empty,
+            { borderColor: i < required ? theme.accent : theme.borderStrong, backgroundColor: pressed ? theme.surface2 : theme.surface1, opacity: i > value.length ? 0.5 : 1 }
+          ],
+          children: /* @__PURE__ */ jsx39(View34, { style: [styles32.plus, { backgroundColor: i === value.length ? theme.accent : theme.surface3, borderRadius: radius3.full }], children: /* @__PURE__ */ jsx39(Svg17, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx39(Path14, { d: "M12 5v14M5 12h14", stroke: i === value.length ? theme.onAccent : theme.textSecondary, strokeWidth: 2.6, strokeLinecap: "round" }) }) })
+        }
+      ) }, photo?.id ?? `empty-${i}`);
+    }),
+    /* @__PURE__ */ jsx39(
+      ActionSheet,
+      {
+        open: menu !== null,
+        onOpenChange: (open) => !open && setMenu(null),
+        title: menu !== null ? labels.photo(menu + 1) : "",
+        cancelLabel: labels.cancel,
+        actions: menu === null ? [] : [
+          ...menu > 0 ? [{ label: labels.makeMain, onPress: () => move(menu, 0) }, { label: labels.moveEarlier, onPress: () => move(menu, menu - 1) }] : [],
+          ...menu < value.length - 1 ? [{ label: labels.moveLater, onPress: () => move(menu, menu + 1) }] : [],
+          { label: labels.remove, destructive: true, onPress: () => remove(menu) }
+        ]
+      }
+    )
+  ] });
+}
+var styles32 = StyleSheet32.create({
+  grid: { flexDirection: "row", flexWrap: "wrap", marginHorizontal: -4 },
+  cell: { padding: 4 },
+  slot: { width: "100%" },
+  empty: { borderWidth: 1.5, borderStyle: "dashed", alignItems: "center", justifyContent: "center" },
+  plus: { width: 32, height: 32, alignItems: "center", justifyContent: "center" },
+  main: { position: "absolute", left: 6, bottom: 6, paddingHorizontal: 8, paddingVertical: 2 },
+  mainText: { fontWeight: "800", textTransform: "uppercase", letterSpacing: 0.5 }
+});
+
 // src/native/YazakiaMark.tsx
-import React27 from "react";
-import { View as View32 } from "react-native";
-import Svg15, { Circle as Circle9, Defs as Defs8, LinearGradient as LinearGradient8, Path as Path12, RadialGradient as RadialGradient5, Stop as Stop8 } from "react-native-svg";
+import React30 from "react";
+import { View as View35 } from "react-native";
+import Svg18, { Circle as Circle9, Defs as Defs8, LinearGradient as LinearGradient8, Path as Path15, RadialGradient as RadialGradient5, Stop as Stop8 } from "react-native-svg";
 
 // src/marks/yazakia-geometry.ts
 var turquoise = marks.yazakia[marks.yazakia.length - 1][1];
@@ -3338,54 +3641,54 @@ var YAZAKIA = {
 };
 
 // src/native/YazakiaMark.tsx
-import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 function YazakiaMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated22, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
+  const { Animated: Animated25, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated);
   const id = useSvgId("yzm");
   const viewBox = size < 48 ? YAZAKIA.croppedViewBox : YAZAKIA.viewBox;
   const stroke = neutral ?? theme.textMuted;
-  const gradient = /* @__PURE__ */ jsx37(LinearGradient8, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YAZAKIA.gradient.x1, y1: YAZAKIA.gradient.y1, x2: YAZAKIA.gradient.x2, y2: YAZAKIA.gradient.y2, children: YAZAKIA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx37(Stop8, { offset, stopColor: color }, offset)) });
+  const gradient = /* @__PURE__ */ jsx40(LinearGradient8, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YAZAKIA.gradient.x1, y1: YAZAKIA.gradient.y1, x2: YAZAKIA.gradient.x2, y2: YAZAKIA.gradient.y2, children: YAZAKIA.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx40(Stop8, { offset, stopColor: color }, offset)) });
   const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs33(View32, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs33(Svg15, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs33(Defs8, { children: [
-        /* @__PURE__ */ jsxs33(RadialGradient5, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx37(Stop8, { offset: "0%", stopColor: YAZAKIA.glow.color, stopOpacity: YAZAKIA.glow.opacity }),
-          /* @__PURE__ */ jsx37(Stop8, { offset: "100%", stopColor: YAZAKIA.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs36(View35, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs36(Svg18, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs36(Defs8, { children: [
+        /* @__PURE__ */ jsxs36(RadialGradient5, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ jsx40(Stop8, { offset: "0%", stopColor: YAZAKIA.glow.color, stopOpacity: YAZAKIA.glow.opacity }),
+          /* @__PURE__ */ jsx40(Stop8, { offset: "100%", stopColor: YAZAKIA.glow.color, stopOpacity: 0 })
         ] }),
         gradient
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx37(Circle9, { cx: YAZAKIA.center, cy: YAZAKIA.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx37(Circle9, { cx: YAZAKIA.center, cy: YAZAKIA.center, r: YAZAKIA.ring.r, stroke, strokeWidth: YAZAKIA.ring.width, opacity: 0.35, fill: "none" }),
-      YAZAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs33(React27.Fragment, { children: [
-        /* @__PURE__ */ jsx37(Path12, { d: v.body, fill }),
-        /* @__PURE__ */ jsx37(Path12, { d: v.tail, fill }),
-        i === 0 ? /* @__PURE__ */ jsx37(Path12, { d: `${v.body} ${v.tail}`, fill: YAZAKIA.shade.color, opacity: YAZAKIA.shade.opacity }) : null
+      size >= 48 ? /* @__PURE__ */ jsx40(Circle9, { cx: YAZAKIA.center, cy: YAZAKIA.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx40(Circle9, { cx: YAZAKIA.center, cy: YAZAKIA.center, r: YAZAKIA.ring.r, stroke, strokeWidth: YAZAKIA.ring.width, opacity: 0.35, fill: "none" }),
+      YAZAKIA.voices.map((v, i) => /* @__PURE__ */ jsxs36(React30.Fragment, { children: [
+        /* @__PURE__ */ jsx40(Path15, { d: v.body, fill }),
+        /* @__PURE__ */ jsx40(Path15, { d: v.tail, fill }),
+        i === 0 ? /* @__PURE__ */ jsx40(Path15, { d: `${v.body} ${v.tail}`, fill: YAZAKIA.shade.color, opacity: YAZAKIA.shade.opacity }) : null
       ] }, v.body))
     ] }),
-    /* @__PURE__ */ jsx37(Animated22.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs33(Svg15, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx37(Defs8, { children: gradient }),
-      /* @__PURE__ */ jsx37(Circle9, { cx: YAZAKIA.center, cy: YAZAKIA.center, r: YAZAKIA.orbit.r, stroke, strokeWidth: YAZAKIA.orbit.width, strokeDasharray: YAZAKIA.orbit.dash, opacity: 0.6, fill: "none" }),
-      YAZAKIA.pair.at.map(([cx, cy]) => /* @__PURE__ */ jsx37(Circle9, { cx, cy, r: YAZAKIA.pair.r, fill }, cx))
+    /* @__PURE__ */ jsx40(Animated25.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs36(Svg18, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx40(Defs8, { children: gradient }),
+      /* @__PURE__ */ jsx40(Circle9, { cx: YAZAKIA.center, cy: YAZAKIA.center, r: YAZAKIA.orbit.r, stroke, strokeWidth: YAZAKIA.orbit.width, strokeDasharray: YAZAKIA.orbit.dash, opacity: 0.6, fill: "none" }),
+      YAZAKIA.pair.at.map(([cx, cy]) => /* @__PURE__ */ jsx40(Circle9, { cx, cy, r: YAZAKIA.pair.r, fill }, cx))
     ] }) }),
-    /* @__PURE__ */ jsx37(Animated22.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs33(Svg15, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs33(Defs8, { children: [
+    /* @__PURE__ */ jsx40(Animated25.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs36(Svg18, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs36(Defs8, { children: [
         gradient,
-        /* @__PURE__ */ jsxs33(LinearGradient8, { id: `${id}l`, gradientUnits: "userSpaceOnUse", x1: 0, y1: YAZAKIA.lens.y1, x2: 0, y2: YAZAKIA.lens.y2, children: [
-          /* @__PURE__ */ jsx37(Stop8, { offset: "0%", stopColor: YAZAKIA.highlight.color, stopOpacity: YAZAKIA.highlight.from }),
-          /* @__PURE__ */ jsx37(Stop8, { offset: "100%", stopColor: YAZAKIA.highlight.color, stopOpacity: YAZAKIA.highlight.to })
+        /* @__PURE__ */ jsxs36(LinearGradient8, { id: `${id}l`, gradientUnits: "userSpaceOnUse", x1: 0, y1: YAZAKIA.lens.y1, x2: 0, y2: YAZAKIA.lens.y2, children: [
+          /* @__PURE__ */ jsx40(Stop8, { offset: "0%", stopColor: YAZAKIA.highlight.color, stopOpacity: YAZAKIA.highlight.from }),
+          /* @__PURE__ */ jsx40(Stop8, { offset: "100%", stopColor: YAZAKIA.highlight.color, stopOpacity: YAZAKIA.highlight.to })
         ] })
       ] }),
-      /* @__PURE__ */ jsx37(Path12, { d: YAZAKIA.lens.d, fill }),
-      /* @__PURE__ */ jsx37(Path12, { d: YAZAKIA.lens.d, fill: `url(#${id}l)` })
+      /* @__PURE__ */ jsx40(Path15, { d: YAZAKIA.lens.d, fill }),
+      /* @__PURE__ */ jsx40(Path15, { d: YAZAKIA.lens.d, fill: `url(#${id}l)` })
     ] }) })
   ] });
 }
 
 // src/native/YororisMark.tsx
-import { View as View33 } from "react-native";
-import Svg16, { Circle as Circle10, Defs as Defs9, LinearGradient as LinearGradient9, Path as Path13, RadialGradient as RadialGradient6, Stop as Stop9 } from "react-native-svg";
+import { View as View36 } from "react-native";
+import Svg19, { Circle as Circle10, Defs as Defs9, LinearGradient as LinearGradient9, Path as Path16, RadialGradient as RadialGradient6, Stop as Stop9 } from "react-native-svg";
 
 // src/marks/yororis-geometry.ts
 var sand = marks.yororis[0][1];
@@ -3421,65 +3724,65 @@ var YORORIS = {
 };
 
 // src/native/YororisMark.tsx
-import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function YororisMark({ size = 48, animated = true, title, neutral }) {
   const { theme } = useTheme();
-  const { Animated: Animated22, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, 36e3);
+  const { Animated: Animated25, 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__ */ jsx38(LinearGradient9, { 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__ */ jsx38(Stop9, { offset, stopColor: color }, offset)) });
+  const gradient = /* @__PURE__ */ jsx41(LinearGradient9, { 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__ */ jsx41(Stop9, { offset, stopColor: color }, offset)) });
   const fill = `url(#${id}a)`;
-  return /* @__PURE__ */ jsxs34(View33, { style: { width: size, height: size }, ...markA11y(title), children: [
-    /* @__PURE__ */ jsxs34(Svg16, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsxs34(Defs9, { children: [
-        /* @__PURE__ */ jsxs34(RadialGradient6, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx38(Stop9, { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
-          /* @__PURE__ */ jsx38(Stop9, { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: 0 })
+  return /* @__PURE__ */ jsxs37(View36, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs37(Svg19, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs37(Defs9, { children: [
+        /* @__PURE__ */ jsxs37(RadialGradient6, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ jsx41(Stop9, { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
+          /* @__PURE__ */ jsx41(Stop9, { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: 0 })
         ] }),
         gradient
       ] }),
-      size >= 48 ? /* @__PURE__ */ jsx38(Circle10, { cx: YORORIS.center, cy: YORORIS.center, r: 190, fill: `url(#${id}g)` }) : null,
-      /* @__PURE__ */ jsx38(Circle10, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke, strokeWidth: YORORIS.ring.width, opacity: 0.35, fill: "none" }),
-      /* @__PURE__ */ jsx38(Path13, { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round", fill: "none" }),
-      YORORIS.leaves.map((d) => /* @__PURE__ */ jsx38(Path13, { d, fill }, d)),
-      /* @__PURE__ */ jsx38(Path13, { 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__ */ jsx41(Circle10, { cx: YORORIS.center, cy: YORORIS.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx41(Circle10, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke, strokeWidth: YORORIS.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx41(Path16, { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round", fill: "none" }),
+      YORORIS.leaves.map((d) => /* @__PURE__ */ jsx41(Path16, { d, fill }, d)),
+      /* @__PURE__ */ jsx41(Path16, { d: YORORIS.veins, stroke: YORORIS.vein.color, strokeOpacity: YORORIS.vein.opacity, strokeWidth: YORORIS.vein.width, strokeLinecap: "round", strokeDasharray: YORORIS.vein.dash, fill: "none" })
     ] }),
-    /* @__PURE__ */ jsx38(Animated22.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs34(Svg16, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx38(Defs9, { children: gradient }),
-      /* @__PURE__ */ jsx38(Circle10, { 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__ */ jsx38(Circle10, { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
+    /* @__PURE__ */ jsx41(Animated25.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs37(Svg19, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx41(Defs9, { children: gradient }),
+      /* @__PURE__ */ jsx41(Circle10, { 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__ */ jsx41(Circle10, { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
     ] }) }),
-    /* @__PURE__ */ jsx38(Animated22.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs34(Svg16, { viewBox, style: layer, children: [
-      /* @__PURE__ */ jsx38(Defs9, { children: /* @__PURE__ */ jsx38(LinearGradient9, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx38(Stop9, { offset, stopColor: color }, offset)) }) }),
-      /* @__PURE__ */ jsx38(Circle10, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id}c)` }),
-      /* @__PURE__ */ jsx38(Circle10, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
+    /* @__PURE__ */ jsx41(Animated25.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs37(Svg19, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx41(Defs9, { children: /* @__PURE__ */ jsx41(LinearGradient9, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx41(Stop9, { offset, stopColor: color }, offset)) }) }),
+      /* @__PURE__ */ jsx41(Circle10, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id}c)` }),
+      /* @__PURE__ */ jsx41(Circle10, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
     ] }) })
   ] });
 }
 
 // src/native/ProductMark.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function ProductMark({ id, ...props }) {
-  if (id === "krizaka") return /* @__PURE__ */ jsx39(KrizakaMark, { ...props });
-  if (id === "orazaka") return /* @__PURE__ */ jsx39(OrazakaMark, { ...props });
-  if (id === "yazakia") return /* @__PURE__ */ jsx39(YazakiaMark, { ...props });
-  if (id === "yororis") return /* @__PURE__ */ jsx39(YororisMark, { ...props });
-  return /* @__PURE__ */ jsx39(OrochiaMark, { ...props });
+  if (id === "krizaka") return /* @__PURE__ */ jsx42(KrizakaMark, { ...props });
+  if (id === "orazaka") return /* @__PURE__ */ jsx42(OrazakaMark, { ...props });
+  if (id === "yazakia") return /* @__PURE__ */ jsx42(YazakiaMark, { ...props });
+  if (id === "yororis") return /* @__PURE__ */ jsx42(YororisMark, { ...props });
+  return /* @__PURE__ */ jsx42(OrochiaMark, { ...props });
 }
 
 // src/native/profile-card.tsx
-import * as React28 from "react";
-import { Animated as Animated15, StyleSheet as StyleSheet30, View as View34 } from "react-native";
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React31 from "react";
+import { Animated as Animated17, StyleSheet as StyleSheet33, View as View37 } from "react-native";
+import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
 var ratioOf = (value, max = 100) => Math.min(1, Math.max(0, value / (max || 1)));
 function Bar({ label, ratio, words, animated, delay }) {
   const { theme } = useTheme();
   const t = useEntrance(animated, delay, 900);
-  const [width, setWidth] = React28.useState(0);
+  const [width, setWidth] = React31.useState(0);
   const translateX = t.interpolate({ inputRange: [0, 1], outputRange: [-width * ratio, 0] });
-  return /* @__PURE__ */ jsx40(
-    View34,
+  return /* @__PURE__ */ jsx43(
+    View37,
     {
       accessible: true,
       role: "meter",
@@ -3489,42 +3792,42 @@ function Bar({ label, ratio, words, animated, delay }) {
       "aria-valuenow": Math.round(ratio * 100),
       "aria-valuetext": words,
       onLayout: (e) => setWidth(e.nativeEvent.layout.width),
-      style: [styles30.track, { backgroundColor: theme.surface3 }],
-      children: /* @__PURE__ */ jsx40(Animated15.View, { style: [styles30.fill, { width: `${ratio * 100}%`, backgroundColor: theme.accent, transform: [{ translateX }] }] })
+      style: [styles33.track, { backgroundColor: theme.surface3 }],
+      children: /* @__PURE__ */ jsx43(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__ */ jsxs35(View34, { ...props, style: [styles30.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx40(View34, { "aria-hidden": true, style: [styles30.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
-    /* @__PURE__ */ jsxs35(View34, { style: styles30.head, children: [
-      /* @__PURE__ */ jsx40(Txt, { variant: "title", style: styles30.name, children: name }),
-      statLabel ? /* @__PURE__ */ jsxs35(Txt, { variant: "caption", tone: "secondary", children: [
+  return /* @__PURE__ */ jsxs38(View37, { ...props, style: [styles33.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsx43(View37, { "aria-hidden": true, style: [styles33.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
+    /* @__PURE__ */ jsxs38(View37, { style: styles33.head, children: [
+      /* @__PURE__ */ jsx43(Txt, { variant: "title", style: styles33.name, children: name }),
+      statLabel ? /* @__PURE__ */ jsxs38(Txt, { variant: "caption", tone: "secondary", children: [
         statLabel,
         " ",
-        /* @__PURE__ */ jsx40(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
+        /* @__PURE__ */ jsx43(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
       ] }) : null
     ] }),
-    statLabel ? /* @__PURE__ */ jsx40(Bar, { label: statLabel, ratio, words: valueText ?? `${Math.round(ratio * 100)} %`, animated, delay: 200 }) : null,
+    statLabel ? /* @__PURE__ */ jsx43(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 words = s.valueText ?? `${Math.round(r * 100)} %`;
-      return /* @__PURE__ */ jsxs35(View34, { style: styles30.stat, children: [
-        /* @__PURE__ */ jsxs35(View34, { "aria-hidden": true, style: styles30.statHead, children: [
-          /* @__PURE__ */ jsx40(Txt, { variant: "caption", tone: "secondary", children: s.label }),
-          /* @__PURE__ */ jsx40(Txt, { variant: "caption", children: words })
+      return /* @__PURE__ */ jsxs38(View37, { style: styles33.stat, children: [
+        /* @__PURE__ */ jsxs38(View37, { "aria-hidden": true, style: styles33.statHead, children: [
+          /* @__PURE__ */ jsx43(Txt, { variant: "caption", tone: "secondary", children: s.label }),
+          /* @__PURE__ */ jsx43(Txt, { variant: "caption", children: words })
         ] }),
-        /* @__PURE__ */ jsx40(Bar, { label: s.label, ratio: r, words, animated, delay: 320 + i * 120 })
+        /* @__PURE__ */ jsx43(Bar, { label: s.label, ratio: r, words, animated, delay: 320 + i * 120 })
       ] }, s.label);
     }),
-    caption ? /* @__PURE__ */ jsx40(Txt, { variant: "caption", tone: "secondary", style: styles30.caption, children: caption }) : null,
-    children ? /* @__PURE__ */ jsx40(View34, { style: styles30.extra, children }) : null
+    caption ? /* @__PURE__ */ jsx43(Txt, { variant: "caption", tone: "secondary", style: styles33.caption, children: caption }) : null,
+    children ? /* @__PURE__ */ jsx43(View37, { style: styles33.extra, children }) : null
   ] });
 }
-var styles30 = StyleSheet30.create({
-  root: { alignItems: "center", gap: 12, padding: 20, borderWidth: StyleSheet30.hairlineWidth },
+var styles33 = StyleSheet33.create({
+  root: { alignItems: "center", gap: 12, padding: 20, borderWidth: StyleSheet33.hairlineWidth },
   disc: { width: 104, height: 104, borderRadius: 52, borderWidth: 1, alignItems: "center", justifyContent: "center", overflow: "hidden" },
   head: { flexDirection: "row", alignSelf: "stretch", alignItems: "center", justifyContent: "space-between", gap: 8 },
   name: { flexShrink: 1, fontSize: 17 },
@@ -3537,11 +3840,11 @@ var styles30 = StyleSheet30.create({
 });
 
 // src/native/progress.tsx
-import * as React29 from "react";
-import { Animated as Animated16, Easing as Easing9, StyleSheet as StyleSheet31, View as View35 } from "react-native";
-import Svg17, { Circle as Circle11, Defs as Defs10, LinearGradient as LinearGradient10, Rect as Rect3, Stop as Stop10 } from "react-native-svg";
-import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
-var AnimatedCircle = Animated16.createAnimatedComponent(Circle11);
+import * as React32 from "react";
+import { Animated as Animated18, Easing as Easing11, StyleSheet as StyleSheet34, View as View38 } from "react-native";
+import Svg20, { Circle as Circle11, Defs as Defs10, LinearGradient as LinearGradient10, Rect as Rect3, Stop as Stop10 } from "react-native-svg";
+import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+var AnimatedCircle = Animated18.createAnimatedComponent(Circle11);
 var BAR2 = { sm: 4, md: 8, lg: 12 };
 var RING2 = { sm: 40, md: 80, lg: 144 };
 var STROKE = { sm: 12, md: 9, lg: 7 };
@@ -3552,21 +3855,21 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
   const known = typeof value === "number" && Number.isFinite(value);
   const ratio = known ? Math.min(1, Math.max(0, value / (max || 1))) : 0;
   const percent = Math.round(ratio * 100);
-  const [progress] = React29.useState(() => new Animated16.Value(ratio));
-  const [spin] = React29.useState(() => new Animated16.Value(0));
-  const [track, setTrack] = React29.useState(0);
-  React29.useEffect(() => {
+  const [progress] = React32.useState(() => new Animated18.Value(ratio));
+  const [spin] = React32.useState(() => new Animated18.Value(0));
+  const [track, setTrack] = React32.useState(0);
+  React32.useEffect(() => {
     if (reduce) {
       progress.setValue(ratio);
       return;
     }
-    const animation = Animated16.timing(progress, { toValue: ratio, duration: 700, easing: Easing9.out(Easing9.cubic), useNativeDriver: false });
+    const animation = Animated18.timing(progress, { toValue: ratio, duration: 700, easing: Easing11.out(Easing11.cubic), useNativeDriver: false });
     animation.start();
     return () => animation.stop();
   }, [ratio, reduce, progress]);
-  React29.useEffect(() => {
+  React32.useEffect(() => {
     if (known || reduce) return;
-    const loop = Animated16.loop(Animated16.timing(spin, { toValue: 1, duration: 1200, easing: Easing9.linear, useNativeDriver: true }));
+    const loop = Animated18.loop(Animated18.timing(spin, { toValue: 1, duration: 1200, easing: Easing11.linear, useNativeDriver: true }));
     loop.start();
     return () => {
       loop.stop();
@@ -3582,9 +3885,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__ */ jsx41(Defs10, { children: /* @__PURE__ */ jsxs36(LinearGradient10, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
-    /* @__PURE__ */ jsx41(Stop10, { offset: "0", stopColor: theme.accent }),
-    /* @__PURE__ */ jsx41(Stop10, { offset: "1", stopColor: theme.accent2 })
+  const gradient = /* @__PURE__ */ jsx44(Defs10, { children: /* @__PURE__ */ jsxs39(LinearGradient10, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
+    /* @__PURE__ */ jsx44(Stop10, { offset: "0", stopColor: theme.accent }),
+    /* @__PURE__ */ jsx44(Stop10, { offset: "1", stopColor: theme.accent2 })
   ] }) });
   if (variant === "ring") {
     const side = RING2[size];
@@ -3593,11 +3896,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__ */ jsxs36(View35, { ...a11y, style: [styles31.ring, { width: side, height: side }, style], children: [
-      /* @__PURE__ */ jsx41(Animated16.View, { style: [StyleSheet31.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs36(Svg17, { width: side, height: side, viewBox: "0 0 100 100", children: [
+    return /* @__PURE__ */ jsxs39(View38, { ...a11y, style: [styles34.ring, { width: side, height: side }, style], children: [
+      /* @__PURE__ */ jsx44(Animated18.View, { style: [StyleSheet34.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs39(Svg20, { width: side, height: side, viewBox: "0 0 100 100", children: [
         gradient,
-        /* @__PURE__ */ jsx41(Circle11, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx44(Circle11, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
+        /* @__PURE__ */ jsx44(
           AnimatedCircle,
           {
             cx: 50,
@@ -3617,20 +3920,20 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
   }
   const width = known ? progress.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) : "40%";
   const translate = spin.interpolate({ inputRange: [0, 1], outputRange: [-0.4 * track, track] });
-  return /* @__PURE__ */ jsx41(
-    View35,
+  return /* @__PURE__ */ jsx44(
+    View38,
     {
       ...a11y,
       onLayout: known ? void 0 : (event) => setTrack(event.nativeEvent.layout.width),
-      style: [styles31.bar, { height: BAR2[size], backgroundColor: theme.surface3 }, style],
-      children: /* @__PURE__ */ jsx41(Animated16.View, { style: [styles31.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs36(Svg17, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
+      style: [styles34.bar, { height: BAR2[size], backgroundColor: theme.surface3 }, style],
+      children: /* @__PURE__ */ jsx44(Animated18.View, { style: [styles34.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs39(Svg20, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
         gradient,
-        /* @__PURE__ */ jsx41(Rect3, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
+        /* @__PURE__ */ jsx44(Rect3, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
       ] }) })
     }
   );
 }
-var styles31 = StyleSheet31.create({
+var styles34 = StyleSheet34.create({
   ring: { alignItems: "center", justifyContent: "center" },
   bar: { width: "100%", overflow: "hidden", borderRadius: 9999 },
   fill: { height: "100%", overflow: "hidden", borderRadius: 9999 }
@@ -3638,30 +3941,30 @@ var styles31 = StyleSheet31.create({
 
 // src/native/pull-to-refresh.tsx
 import { RefreshControl } from "react-native";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function PullToRefresh({ label, ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx42(RefreshControl, { ...props, tintColor: theme.accent, colors: [theme.accent], progressBackgroundColor: theme.surface2, title: label, titleColor: theme.textSecondary });
+  return /* @__PURE__ */ jsx45(RefreshControl, { ...props, tintColor: theme.accent, colors: [theme.accent], progressBackgroundColor: theme.surface2, title: label, titleColor: theme.textSecondary });
 }
 
 // src/native/radio-group.tsx
-import * as React30 from "react";
-import { Animated as Animated17, Pressable as Pressable15, StyleSheet as StyleSheet32, Text as Text15, View as View36 } from "react-native";
-import Svg18, { Path as Path14 } from "react-native-svg";
-import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
+import * as React33 from "react";
+import { Animated as Animated19, Pressable as Pressable18, StyleSheet as StyleSheet35, Text as Text15, View as View39 } from "react-native";
+import Svg21, { Path as Path17 } from "react-native-svg";
+import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function Check({ color }) {
-  return /* @__PURE__ */ jsx43(Svg18, { 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__ */ jsx43(Path14, { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx46(Svg21, { 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__ */ jsx46(Path17, { d: "M20 6 9 17l-5-5" }) });
 }
 function Key({ option, checked, disabled, onPress }) {
   const { theme, radius: radius3, motion: motion3 } = useTheme();
-  const [held, setHeld] = React30.useState(false);
-  const [sink] = React30.useState(() => new Animated17.Value(checked ? 1 : 0));
+  const [held, setHeld] = React33.useState(false);
+  const [sink] = React33.useState(() => new Animated19.Value(checked ? 1 : 0));
   const down = checked || held;
-  React30.useEffect(() => {
-    Animated17.timing(sink, { toValue: down ? 1 : 0, duration: motion3.duration.fast, useNativeDriver: true }).start();
+  React33.useEffect(() => {
+    Animated19.timing(sink, { toValue: down ? 1 : 0, duration: motion3.duration.fast, useNativeDriver: true }).start();
   }, [down, sink, motion3.duration.fast]);
-  return /* @__PURE__ */ jsxs37(
-    Pressable15,
+  return /* @__PURE__ */ jsxs40(
+    Pressable18,
     {
       role: "radio",
       "aria-checked": checked,
@@ -3671,14 +3974,14 @@ function Key({ option, checked, disabled, onPress }) {
       onPress,
       onPressIn: () => setHeld(true),
       onPressOut: () => setHeld(false),
-      style: [styles32.keySlot, disabled ? styles32.disabled : null],
+      style: [styles35.keySlot, disabled ? styles35.disabled : null],
       children: [
-        /* @__PURE__ */ jsx43(View36, { style: [styles32.ledge, { borderRadius: radius3.lg, backgroundColor: checked ? theme.accentHover : theme.borderStrong }] }),
-        /* @__PURE__ */ jsxs37(
-          Animated17.View,
+        /* @__PURE__ */ jsx46(View39, { style: [styles35.ledge, { borderRadius: radius3.lg, backgroundColor: checked ? theme.accentHover : theme.borderStrong }] }),
+        /* @__PURE__ */ jsxs40(
+          Animated19.View,
           {
             style: [
-              styles32.key,
+              styles35.key,
               {
                 borderRadius: radius3.lg,
                 backgroundColor: checked ? theme.accent : theme.surface2,
@@ -3687,8 +3990,8 @@ function Key({ option, checked, disabled, onPress }) {
               }
             ],
             children: [
-              /* @__PURE__ */ jsx43(Text15, { style: [styles32.keyLabel, { color: checked ? theme.onAccent : theme.textPrimary }], children: option.label }),
-              option.hint ? /* @__PURE__ */ jsx43(Text15, { style: [styles32.keyHint, { color: checked ? theme.onAccent : theme.textSecondary }], children: option.hint }) : null
+              /* @__PURE__ */ jsx46(Text15, { style: [styles35.keyLabel, { color: checked ? theme.onAccent : theme.textPrimary }], children: option.label }),
+              option.hint ? /* @__PURE__ */ jsx46(Text15, { style: [styles35.keyHint, { color: checked ? theme.onAccent : theme.textSecondary }], children: option.hint }) : null
             ]
           }
         )
@@ -3698,7 +4001,7 @@ function Key({ option, checked, disabled, onPress }) {
 }
 function RadioGroup({ label, options, value: valueProp, defaultValue = null, onValueChange, variant = "list", error, disabled, style }) {
   const { theme, radius: radius3, haptic } = useTheme();
-  const [own, setOwn] = React30.useState(defaultValue);
+  const [own, setOwn] = React33.useState(defaultValue);
   const value = valueProp !== void 0 ? valueProp : own;
   const pick = (v) => {
     haptic(variant === "buttons" ? "impact" : "selection");
@@ -3709,10 +4012,10 @@ 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__ */ jsx43(Key, { option: o, checked, disabled: off, onPress: () => pick(o.value) }, o.value);
+    if (variant === "buttons") return /* @__PURE__ */ jsx46(Key, { option: o, checked, disabled: off, onPress: () => pick(o.value) }, o.value);
     if (variant === "segmented")
-      return /* @__PURE__ */ jsx43(
-        Pressable15,
+      return /* @__PURE__ */ jsx46(
+        Pressable18,
         {
           role: "radio",
           "aria-checked": checked,
@@ -3720,14 +4023,14 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
           "aria-disabled": off || void 0,
           disabled: off,
           onPress: () => pick(o.value),
-          style: [styles32.segment, { borderRadius: radius3.md }, checked ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null, off ? styles32.disabled : null],
-          children: /* @__PURE__ */ jsx43(Text15, { numberOfLines: 1, style: [styles32.segmentLabel, { color: checked ? theme.textPrimary : theme.textSecondary }], children: o.label })
+          style: [styles35.segment, { borderRadius: radius3.md }, checked ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null, off ? styles35.disabled : null],
+          children: /* @__PURE__ */ jsx46(Text15, { numberOfLines: 1, style: [styles35.segmentLabel, { color: checked ? theme.textPrimary : theme.textSecondary }], children: o.label })
         },
         o.value
       );
     if (variant === "cards")
-      return /* @__PURE__ */ jsxs37(
-        Pressable15,
+      return /* @__PURE__ */ jsxs40(
+        Pressable18,
         {
           role: "radio",
           "aria-checked": checked,
@@ -3736,40 +4039,40 @@ function RadioGroup({ label, options, value: valueProp, defaultValue = null, onV
           disabled: off,
           onPress: () => pick(o.value),
           style: ({ pressed }) => [
-            styles32.card,
+            styles35.card,
             { borderRadius: radius3.xl, backgroundColor: checked ? theme.accentSoft : theme.surface1, borderColor: checked ? theme.accent : theme.borderDefault, transform: [{ scale: pressed ? 0.98 : 1 }] },
-            off ? styles32.disabled : null
+            off ? styles35.disabled : null
           ],
           children: [
-            /* @__PURE__ */ jsx43(View36, { style: [styles32.cardCheck, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx43(Check, { color: theme.onAccent }) : null }),
-            /* @__PURE__ */ jsx43(Text15, { style: [styles32.cardLabel, { color: theme.textPrimary }], children: o.label }),
-            o.description ? /* @__PURE__ */ jsx43(Text15, { style: [styles32.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
+            /* @__PURE__ */ jsx46(View39, { style: [styles35.cardCheck, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx46(Check, { color: theme.onAccent }) : null }),
+            /* @__PURE__ */ jsx46(Text15, { style: [styles35.cardLabel, { color: theme.textPrimary }], children: o.label }),
+            o.description ? /* @__PURE__ */ jsx46(Text15, { style: [styles35.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
           ]
         },
         o.value
       );
-    return /* @__PURE__ */ jsxs37(Pressable15, { role: "radio", "aria-checked": checked, "aria-label": name, "aria-disabled": off || void 0, disabled: off, onPress: () => pick(o.value), style: [styles32.row, off ? styles32.disabled : null], children: [
-      /* @__PURE__ */ jsx43(View36, { style: [styles32.dot, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx43(View36, { style: [styles32.dotIn, { backgroundColor: theme.onAccent }] }) : null }),
-      /* @__PURE__ */ jsxs37(View36, { style: styles32.rowText, children: [
-        /* @__PURE__ */ jsx43(Text15, { style: [styles32.rowLabel, { color: theme.textPrimary }], children: o.label }),
-        o.description ? /* @__PURE__ */ jsx43(Text15, { style: [styles32.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
+    return /* @__PURE__ */ jsxs40(Pressable18, { role: "radio", "aria-checked": checked, "aria-label": name, "aria-disabled": off || void 0, disabled: off, onPress: () => pick(o.value), style: [styles35.row, off ? styles35.disabled : null], children: [
+      /* @__PURE__ */ jsx46(View39, { style: [styles35.dot, { borderColor: checked ? theme.accent : theme.borderStrong, backgroundColor: checked ? theme.accent : theme.surface1 }], children: checked ? /* @__PURE__ */ jsx46(View39, { style: [styles35.dotIn, { backgroundColor: theme.onAccent }] }) : null }),
+      /* @__PURE__ */ jsxs40(View39, { style: styles35.rowText, children: [
+        /* @__PURE__ */ jsx46(Text15, { style: [styles35.rowLabel, { color: theme.textPrimary }], children: o.label }),
+        o.description ? /* @__PURE__ */ jsx46(Text15, { style: [styles35.cardDescription, { color: theme.textSecondary }], children: o.description }) : null
       ] })
     ] }, o.value);
   });
-  return /* @__PURE__ */ jsxs37(View36, { style: [styles32.root, style], children: [
-    /* @__PURE__ */ jsx43(
-      View36,
+  return /* @__PURE__ */ jsxs40(View39, { style: [styles35.root, style], children: [
+    /* @__PURE__ */ jsx46(
+      View39,
       {
         role: "radiogroup",
         "aria-label": label,
-        style: variant === "segmented" ? [styles32.track, { borderRadius: radius3.lg, backgroundColor: theme.surface2, borderColor: error ? theme.danger : theme.borderDefault }] : variant === "buttons" ? styles32.keys : variant === "cards" ? styles32.cards : styles32.list,
+        style: variant === "segmented" ? [styles35.track, { borderRadius: radius3.lg, backgroundColor: theme.surface2, borderColor: error ? theme.danger : theme.borderDefault }] : variant === "buttons" ? styles35.keys : variant === "cards" ? styles35.cards : styles35.list,
         children: body
       }
     ),
-    error ? /* @__PURE__ */ jsx43(Text15, { role: "alert", "aria-live": "polite", style: [styles32.error, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx46(Text15, { role: "alert", "aria-live": "polite", style: [styles35.error, { color: theme.dangerText }], children: error }) : null
   ] });
 }
-var styles32 = StyleSheet32.create({
+var styles35 = StyleSheet35.create({
   root: { gap: 6, alignSelf: "stretch" },
   list: { gap: 2 },
   row: { flexDirection: "row", alignItems: "center", gap: 12, minHeight: 44 },
@@ -3788,39 +4091,54 @@ var styles32 = StyleSheet32.create({
   key: { minHeight: 48, paddingHorizontal: 16, paddingVertical: 8, alignItems: "center", justifyContent: "center", gap: 1, borderWidth: 1 },
   keyLabel: { fontSize: 15, fontWeight: "700" },
   keyHint: { fontSize: 11, fontWeight: "500" },
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet32.hairlineWidth, height: 42 },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet32.hairlineWidth, borderColor: "transparent" },
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet35.hairlineWidth, height: 42 },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet35.hairlineWidth, borderColor: "transparent" },
   segmentLabel: { fontSize: 13, fontWeight: "600" },
   error: { fontSize: 12, lineHeight: 16 },
   disabled: { opacity: 0.4 }
 });
 
+// src/native/screen.tsx
+import { KeyboardAvoidingView, Platform as Platform3, ScrollView as ScrollView6, StyleSheet as StyleSheet36, View as View40 } from "react-native";
+import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs41 } 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__ */ jsx47(ScrollView6, { style: styles36.flex, contentContainerStyle: [{ padding, paddingTop: header ? padding : padding + insets.top, gap: 16 }, contentStyle], keyboardShouldPersistTaps: "handled", tabIndex: 0, children }) : /* @__PURE__ */ jsx47(View40, { style: [styles36.flex, { paddingTop: header ? 0 : insets.top }, contentStyle], children });
+  const inner = /* @__PURE__ */ jsxs41(Fragment7, { children: [
+    header,
+    body,
+    footer
+  ] });
+  return /* @__PURE__ */ jsx47(View40, { style: [styles36.flex, { backgroundColor: theme[surface] }], children: keyboard ? /* @__PURE__ */ jsx47(KeyboardAvoidingView, { style: styles36.flex, behavior: Platform3.OS === "ios" ? "padding" : void 0, children: inner }) : inner });
+}
+var styles36 = StyleSheet36.create({ flex: { flex: 1 } });
+
 // src/native/search-field.tsx
-import * as React31 from "react";
-import { Pressable as Pressable16, StyleSheet as StyleSheet33, TextInput as TextInput5, View as View37 } from "react-native";
-import Svg19, { Circle as Circle12, Path as Path15 } from "react-native-svg";
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import * as React34 from "react";
+import { Pressable as Pressable19, StyleSheet as StyleSheet37, TextInput as TextInput6, View as View41 } from "react-native";
+import Svg22, { Circle as Circle12, Path as Path18 } from "react-native-svg";
+import { jsx as jsx48, jsxs as jsxs42 } 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] = React31.useState(false);
-  const input = React31.useRef(null);
+  const [focused, setFocused] = React34.useState(false);
+  const input = React34.useRef(null);
   const { theme, radius: radius3 } = useTheme();
-  const [own, setOwn] = React31.useState(defaultValue);
+  const [own, setOwn] = React34.useState(defaultValue);
   const query = value ?? own;
-  const timer2 = React31.useRef(void 0);
-  React31.useEffect(() => () => clearTimeout(timer2.current), []);
+  const timer2 = React34.useRef(void 0);
+  React34.useEffect(() => () => clearTimeout(timer2.current), []);
   const change = (next) => {
     if (value === void 0) setOwn(next);
     onValueChange?.(next);
     clearTimeout(timer2.current);
     if (onSearch) timer2.current = setTimeout(() => onSearch(next), debounce);
   };
-  const field = /* @__PURE__ */ jsxs38(View37, { style: [styles33.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
-    /* @__PURE__ */ jsxs38(Svg19, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx44(Circle12, { cx: 11, cy: 11, r: 7 }),
-      /* @__PURE__ */ jsx44(Path15, { d: "m20 20-3.5-3.5" })
+  const field = /* @__PURE__ */ jsxs42(View41, { style: [styles37.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
+    /* @__PURE__ */ jsxs42(Svg22, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx48(Circle12, { cx: 11, cy: 11, r: 7 }),
+      /* @__PURE__ */ jsx48(Path18, { d: "m20 20-3.5-3.5" })
     ] }),
-    /* @__PURE__ */ jsx44(
-      TextInput5,
+    /* @__PURE__ */ jsx48(
+      TextInput6,
       {
         ref: input,
         role: "searchbox",
@@ -3838,7 +4156,7 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
           onSearch?.(query);
           onSubmit?.(query);
         },
-        style: [styles33.input, { color: theme.textPrimary }],
+        style: [styles37.input, { color: theme.textPrimary }],
         onFocus: (e) => {
           setFocused(true);
           onFocus?.(e);
@@ -3850,13 +4168,13 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
         ...props
       }
     ),
-    query ? /* @__PURE__ */ jsx44(Pressable16, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles33.clear, children: /* @__PURE__ */ jsx44(Svg19, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx44(Path15, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
+    query ? /* @__PURE__ */ jsx48(Pressable19, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles37.clear, children: /* @__PURE__ */ jsx48(Svg22, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx48(Path18, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
   ] });
   if (!cancelLabel || !onCancel) return field;
-  return /* @__PURE__ */ jsxs38(View37, { style: styles33.bar, children: [
-    /* @__PURE__ */ jsx44(View37, { style: styles33.grow, children: field }),
-    focused || query ? /* @__PURE__ */ jsx44(
-      Pressable16,
+  return /* @__PURE__ */ jsxs42(View41, { style: styles37.bar, children: [
+    /* @__PURE__ */ jsx48(View41, { style: styles37.grow, children: field }),
+    focused || query ? /* @__PURE__ */ jsx48(
+      Pressable19,
       {
         role: "button",
         onPress: () => {
@@ -3865,14 +4183,14 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
           onCancel();
         },
         hitSlop: 8,
-        style: styles33.cancel,
-        children: /* @__PURE__ */ jsx44(Txt, { variant: "label", tone: "accent", children: cancelLabel })
+        style: styles37.cancel,
+        children: /* @__PURE__ */ jsx48(Txt, { variant: "label", tone: "accent", children: cancelLabel })
       }
     ) : null
   ] });
 }
-var styles33 = StyleSheet33.create({
-  frame: { flexDirection: "row", alignItems: "center", gap: 8, height: 44, paddingLeft: 12, paddingRight: 6, borderWidth: StyleSheet33.hairlineWidth },
+var styles37 = StyleSheet37.create({
+  frame: { flexDirection: "row", alignItems: "center", gap: 8, height: 44, paddingLeft: 12, paddingRight: 6, borderWidth: StyleSheet37.hairlineWidth },
   input: { flex: 1, height: "100%", fontSize: 15, paddingVertical: 0 },
   bar: { flexDirection: "row", alignItems: "center", gap: 10 },
   grow: { flex: 1 },
@@ -3881,20 +4199,20 @@ var styles33 = StyleSheet33.create({
 });
 
 // src/native/segmented.tsx
-import { Pressable as Pressable17, StyleSheet as StyleSheet34, Text as Text16, View as View38 } from "react-native";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { Pressable as Pressable20, StyleSheet as StyleSheet38, Text as Text16, View as View42 } from "react-native";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Segmented({ options, value, onValueChange, size = "md", "aria-label": label, style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx45(
-    View38,
+  return /* @__PURE__ */ jsx49(
+    View42,
     {
       role: "tablist",
       "aria-label": label,
-      style: [styles34.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md, height: size === "sm" ? 32 : 40 }, style],
+      style: [styles38.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__ */ jsx45(
-          Pressable17,
+        return /* @__PURE__ */ jsx49(
+          Pressable20,
           {
             role: "tab",
             "aria-selected": selected,
@@ -3904,12 +4222,12 @@ function Segmented({ options, value, onValueChange, size = "md", "aria-label": l
               if (!selected) onValueChange(option.value);
             },
             style: [
-              styles34.segment,
+              styles38.segment,
               { borderRadius: radius3.sm },
               selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null,
-              option.disabled ? styles34.disabled : null
+              option.disabled ? styles38.disabled : null
             ],
-            children: /* @__PURE__ */ jsx45(Text16, { numberOfLines: 1, style: [styles34.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
+            children: /* @__PURE__ */ jsx49(Text16, { numberOfLines: 1, style: [styles38.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
           },
           option.value
         );
@@ -3917,17 +4235,17 @@ function Segmented({ options, value, onValueChange, size = "md", "aria-label": l
     }
   );
 }
-var styles34 = StyleSheet34.create({
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet34.hairlineWidth },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet34.hairlineWidth, borderColor: "transparent" },
+var styles38 = StyleSheet38.create({
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet38.hairlineWidth },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet38.hairlineWidth, borderColor: "transparent" },
   label: { fontWeight: "600" },
   disabled: { opacity: 0.4 }
 });
 
 // src/native/skeleton.tsx
-import * as React32 from "react";
-import { Animated as Animated18 } from "react-native";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import * as React35 from "react";
+import { Animated as Animated20 } from "react-native";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var SHAPE = {
   text: { width: "100%", height: 12, radius: 4 },
   circle: { width: 40, height: 40, radius: 9999 },
@@ -3936,13 +4254,13 @@ var SHAPE = {
 function Skeleton({ shape = "text", width, height, style, testID }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
-  const [opacity] = React32.useState(() => new Animated18.Value(1));
-  React32.useEffect(() => {
+  const [opacity] = React35.useState(() => new Animated20.Value(1));
+  React35.useEffect(() => {
     if (reduce) return;
-    const loop = Animated18.loop(
-      Animated18.sequence([
-        Animated18.timing(opacity, { toValue: 0.5, duration: 900, useNativeDriver: true }),
-        Animated18.timing(opacity, { toValue: 1, duration: 900, useNativeDriver: true })
+    const loop = Animated20.loop(
+      Animated20.sequence([
+        Animated20.timing(opacity, { toValue: 0.5, duration: 900, useNativeDriver: true }),
+        Animated20.timing(opacity, { toValue: 1, duration: 900, useNativeDriver: true })
       ])
     );
     loop.start();
@@ -3953,8 +4271,8 @@ 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__ */ jsx46(
-    Animated18.View,
+  return /* @__PURE__ */ jsx50(
+    Animated20.View,
     {
       testID,
       "aria-hidden": true,
@@ -3967,10 +4285,10 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
 }
 
 // src/native/slider.tsx
-import * as React33 from "react";
-import { PanResponder as PanResponder2, StyleSheet as StyleSheet35, Text as Text17, View as View39 } from "react-native";
-import Svg20, { Defs as Defs11, LinearGradient as LinearGradient11, Rect as Rect4, Stop as Stop11 } from "react-native-svg";
-import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import * as React36 from "react";
+import { PanResponder as PanResponder2, StyleSheet as StyleSheet39, Text as Text17, View as View43 } from "react-native";
+import Svg23, { Defs as Defs11, LinearGradient as LinearGradient11, Rect as Rect4, Stop as Stop11 } from "react-native-svg";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 var THUMB = 26;
 var toArray = (v) => v === void 0 ? void 0 : typeof v === "number" ? [v] : [...v];
 function Slider({
@@ -3996,20 +4314,20 @@ function Slider({
   const { theme, radius: radius3, haptic } = useTheme();
   const range = Array.isArray(value ?? defaultValue);
   const vertical = orientation === "vertical";
-  const [inner, setInner] = React33.useState(() => toArray(defaultValue) ?? [min]);
+  const [inner, setInner] = React36.useState(() => toArray(defaultValue) ?? [min]);
   const current = toArray(value) ?? inner;
-  const [length, setLength] = React33.useState(0);
-  const [dragging, setDragging] = React33.useState(null);
+  const [length, setLength] = React36.useState(0);
+  const [dragging, setDragging] = React36.useState(null);
   const gradientId = useSvgId("kzs");
   const out = (next) => range ? [next[0], next[1]] : next[0];
   const snap = (v) => Math.min(max, Math.max(min, Math.round((v - min) / step) * step + min));
   const pct = (v) => (v - min) / (max - min || 1);
-  const live = React33.useRef({ current, length, vertical, disabled });
-  React33.useLayoutEffect(() => {
+  const live = React36.useRef({ current, length, vertical, disabled });
+  React36.useLayoutEffect(() => {
     live.current = { current, length, vertical, disabled };
   });
-  const active = React33.useRef(0);
-  const start = React33.useRef(0);
+  const active = React36.useRef(0);
+  const start = React36.useRef(0);
   const set = (next) => {
     if (value === void 0) setInner(next);
     onValueChange?.(out(next));
@@ -4030,11 +4348,11 @@ function Slider({
     return min + p * (max - min);
   };
   const commit = () => onValueCommit?.(out(live.current.current));
-  const handlers = React33.useRef({ move, at, commit });
-  React33.useLayoutEffect(() => {
+  const handlers = React36.useRef({ move, at, commit });
+  React36.useLayoutEffect(() => {
     handlers.current = { move, at, commit };
   });
-  const [responder] = React33.useState(
+  const [responder] = React36.useState(
     () => PanResponder2.create({
       onStartShouldSetPanResponder: () => !live.current.disabled,
       onMoveShouldSetPanResponder: () => !live.current.disabled,
@@ -4062,24 +4380,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__ */ jsxs39(View39, { style: [styles35.root, vertical ? styles35.rootVertical : null, disabled ? styles35.disabled : null, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs39(View39, { style: styles35.header, children: [
-      /* @__PURE__ */ jsx47(Text17, { style: [styles35.label, { color: theme.textSecondary }], children: label }),
-      /* @__PURE__ */ jsx47(Text17, { "aria-hidden": true, style: [styles35.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
+  return /* @__PURE__ */ jsxs43(View43, { style: [styles39.root, vertical ? styles39.rootVertical : null, disabled ? styles39.disabled : null, style], children: [
+    showLabel ? /* @__PURE__ */ jsxs43(View43, { style: styles39.header, children: [
+      /* @__PURE__ */ jsx51(Text17, { style: [styles39.label, { color: theme.textSecondary }], children: label }),
+      /* @__PURE__ */ jsx51(Text17, { "aria-hidden": true, style: [styles39.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
     ] }) : null,
-    /* @__PURE__ */ jsxs39(View39, { ...responder.panHandlers, style: vertical ? styles35.controlVertical : styles35.control, children: [
-      /* @__PURE__ */ jsxs39(View39, { onLayout, pointerEvents: "none", style: [vertical ? styles35.trackVertical : styles35.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
-        /* @__PURE__ */ jsx47(View39, { style: [styles35.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs39(Svg20, { width: "100%", height: "100%", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx47(Defs11, { children: /* @__PURE__ */ jsxs39(LinearGradient11, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
-            /* @__PURE__ */ jsx47(Stop11, { offset: "0", stopColor: theme.accent }),
-            /* @__PURE__ */ jsx47(Stop11, { offset: "1", stopColor: theme.accent2 })
+    /* @__PURE__ */ jsxs43(View43, { ...responder.panHandlers, style: vertical ? styles39.controlVertical : styles39.control, children: [
+      /* @__PURE__ */ jsxs43(View43, { onLayout, pointerEvents: "none", style: [vertical ? styles39.trackVertical : styles39.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
+        /* @__PURE__ */ jsx51(View43, { style: [styles39.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs43(Svg23, { width: "100%", height: "100%", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx51(Defs11, { children: /* @__PURE__ */ jsxs43(LinearGradient11, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
+            /* @__PURE__ */ jsx51(Stop11, { offset: "0", stopColor: theme.accent }),
+            /* @__PURE__ */ jsx51(Stop11, { offset: "1", stopColor: theme.accent2 })
           ] }) }),
-          /* @__PURE__ */ jsx47(Rect4, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
+          /* @__PURE__ */ jsx51(Rect4, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
         ] }) : null }),
-        tickValues.map((t) => /* @__PURE__ */ jsx47(View39, { style: [vertical ? styles35.tickVertical : styles35.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
+        tickValues.map((t) => /* @__PURE__ */ jsx51(View43, { style: [vertical ? styles39.tickVertical : styles39.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
       ] }),
-      current.map((v, i) => /* @__PURE__ */ jsx47(
-        View39,
+      current.map((v, i) => /* @__PURE__ */ jsx51(
+        View43,
         {
           accessible: true,
           role: "slider",
@@ -4098,16 +4416,16 @@ function Slider({
             onValueCommit?.(out(values));
           },
           pointerEvents: "none",
-          style: [styles35.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__ */ jsx47(View39, { "aria-hidden": true, style: [vertical ? styles35.bubbleVertical : styles35.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx47(Text17, { style: [styles35.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
+          style: [styles39.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__ */ jsx51(View43, { "aria-hidden": true, style: [vertical ? styles39.bubbleVertical : styles39.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx51(Text17, { style: [styles39.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
         },
         i
       ))
     ] }),
-    marks2?.length && !vertical ? /* @__PURE__ */ jsx47(View39, { "aria-hidden": true, style: styles35.marks, children: marks2.map((m) => /* @__PURE__ */ jsx47(Text17, { style: [styles35.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__ */ jsx51(View43, { "aria-hidden": true, style: styles39.marks, children: marks2.map((m) => /* @__PURE__ */ jsx51(Text17, { style: [styles39.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 styles35 = StyleSheet35.create({
+var styles39 = StyleSheet39.create({
   root: { gap: 8, alignSelf: "stretch" },
   rootVertical: { alignSelf: "flex-start", alignItems: "center" },
   header: { flexDirection: "row", justifyContent: "space-between", alignItems: "baseline", gap: 12 },
@@ -4143,10 +4461,10 @@ var styles35 = StyleSheet35.create({
 
 // src/native/spinner.tsx
 import { ActivityIndicator as ActivityIndicator2 } from "react-native";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function Spinner({ label, size = "md", ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx52(
     ActivityIndicator2,
     {
       accessible: true,
@@ -4160,37 +4478,63 @@ function Spinner({ label, size = "md", ...props }) {
   );
 }
 
+// src/native/step-progress.tsx
+import { Pressable as Pressable21, StyleSheet as StyleSheet40, View as View44 } from "react-native";
+import Svg24, { Path as Path19 } from "react-native-svg";
+import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+function StepProgress({ step, total, label, backLabel, onBack, trailing, style }) {
+  const { theme, insets } = useTheme();
+  const words = label(step, total);
+  return /* @__PURE__ */ jsxs44(View44, { style: [styles40.root, { paddingTop: insets.top + 8 }, style], children: [
+    /* @__PURE__ */ jsxs44(View44, { style: styles40.row, children: [
+      onBack && backLabel ? /* @__PURE__ */ jsx53(Pressable21, { role: "button", "aria-label": backLabel, hitSlop: 10, onPress: onBack, style: styles40.back, children: /* @__PURE__ */ jsx53(Svg24, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx53(Path19, { d: "M15 5l-7 7 7 7", stroke: theme.textPrimary, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx53(View44, { style: styles40.back }),
+      /* @__PURE__ */ jsx53(View44, { accessible: true, role: "progressbar", "aria-label": words, "aria-valuemin": 1, "aria-valuemax": total, "aria-valuenow": step, "aria-valuetext": words, style: styles40.bars, children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsx53(View44, { style: [styles40.bar, { backgroundColor: i < step ? theme.accent : theme.surface3 }] }, i)) }),
+      /* @__PURE__ */ jsx53(View44, { style: styles40.trailing, children: trailing })
+    ] }),
+    /* @__PURE__ */ jsx53(Txt, { variant: "caption", tone: "secondary", style: styles40.words, "aria-hidden": true, children: words })
+  ] });
+}
+var styles40 = StyleSheet40.create({
+  root: { paddingHorizontal: 12, gap: 6 },
+  row: { flexDirection: "row", alignItems: "center", gap: 8 },
+  back: { width: 40, height: 40, alignItems: "center", justifyContent: "center" },
+  bars: { flex: 1, flexDirection: "row", gap: 4 },
+  bar: { flex: 1, height: 4, borderRadius: 2 },
+  trailing: { minWidth: 40, alignItems: "flex-end" },
+  words: { textAlign: "center" }
+});
+
 // src/native/stepper.tsx
-import { StyleSheet as StyleSheet36, View as View40 } from "react-native";
-import Svg21, { Circle as Circle13, Path as Path16 } from "react-native-svg";
-import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet41, View as View45 } from "react-native";
+import Svg25, { Circle as Circle13, Path as Path20 } from "react-native-svg";
+import { jsx as jsx54, jsxs as jsxs45 } 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 words = { ...WORDS, ...statusLabels };
   const vertical = orientation === "vertical";
-  return /* @__PURE__ */ jsx49(View40, { role: "list", "aria-label": label, style: [vertical ? styles36.column : styles36.row, style], children: steps.map((step, i) => {
+  return /* @__PURE__ */ jsx54(View45, { role: "list", "aria-label": label, style: [vertical ? styles41.column : styles41.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__ */ jsx49(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx49(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs40(Svg21, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx49(Circle13, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
-      status === "done" ? /* @__PURE__ */ jsx49(Path16, { 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__ */ jsx54(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx54(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs45(Svg25, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx54(Circle13, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
+      status === "done" ? /* @__PURE__ */ jsx54(Path20, { 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__ */ jsx49(View40, { "aria-hidden": true, style: [vertical ? styles36.vLine : styles36.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
-    return /* @__PURE__ */ jsxs40(View40, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words[status]}`, style: vertical ? styles36.vStep : styles36.hStep, children: [
-      /* @__PURE__ */ jsxs40(View40, { style: vertical ? styles36.vRail : styles36.hRail, children: [
+    const connector = !last ? /* @__PURE__ */ jsx54(View45, { "aria-hidden": true, style: [vertical ? styles41.vLine : styles41.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
+    return /* @__PURE__ */ jsxs45(View45, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words[status]}`, style: vertical ? styles41.vStep : styles41.hStep, children: [
+      /* @__PURE__ */ jsxs45(View45, { style: vertical ? styles41.vRail : styles41.hRail, children: [
         node,
         connector
       ] }),
-      /* @__PURE__ */ jsxs40(View40, { style: [styles36.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
-        /* @__PURE__ */ jsx49(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
-        step.description ? /* @__PURE__ */ jsx49(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
-        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx49(View40, { style: styles36.content, children: step.content }) : null
+      /* @__PURE__ */ jsxs45(View45, { style: [styles41.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
+        /* @__PURE__ */ jsx54(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
+        step.description ? /* @__PURE__ */ jsx54(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
+        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx54(View45, { style: styles41.content, children: step.content }) : null
       ] })
     ] }, i);
   }) });
 }
-var styles36 = StyleSheet36.create({
+var styles41 = StyleSheet41.create({
   column: { gap: 0 },
   row: { flexDirection: "row" },
   vStep: { flexDirection: "row", gap: 12 },
@@ -4203,30 +4547,184 @@ var styles36 = StyleSheet36.create({
   content: { marginTop: 8 }
 });
 
+// src/native/swipe-deck.tsx
+import * as React37 from "react";
+import { AccessibilityInfo as AccessibilityInfo13, Animated as Animated21, Image as Image5, PanResponder as PanResponder3, Platform as Platform4, Pressable as Pressable22, StyleSheet as StyleSheet42, useWindowDimensions as useWindowDimensions2, View as View46 } from "react-native";
+import Svg26, { Defs as Defs12, LinearGradient as LinearGradient12, Path as Path21, Rect as Rect5, Stop as Stop12 } from "react-native-svg";
+import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs46 } 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] = React37.useState(0);
+  const gradient = useSvgId("kz-profile-");
+  const photo = photos[index];
+  return /* @__PURE__ */ jsxs46(
+    View46,
+    {
+      accessible: Platform4.OS !== "web",
+      accessibilityActions: photos.length > 1 ? [{ name: "increment" }, { name: "decrement" }] : [],
+      onAccessibilityAction: (e) => setIndex((i) => Math.max(0, Math.min(photos.length - 1, i + (e.nativeEvent.actionName === "increment" ? 1 : -1)))),
+      role: Platform4.OS === "web" ? "group" : "img",
+      "aria-label": [`${name}${age !== void 0 ? `, ${age}` : ""}`, bio, photos.length > 1 ? photoLabel(index + 1, photos.length) : null].filter(Boolean).join(". "),
+      style: [styles42.card, { borderRadius: radius3.xl, backgroundColor: theme.media }, style],
+      children: [
+        photo ? /* @__PURE__ */ jsx55(Image5, { source: { uri: photo.uri }, style: StyleSheet42.absoluteFill, resizeMode: "cover" }) : null,
+        photos.length > 1 ? /* @__PURE__ */ jsxs46(Fragment8, { children: [
+          /* @__PURE__ */ jsx55(View46, { style: styles42.bars, "aria-hidden": true, children: photos.map((_, i) => /* @__PURE__ */ jsx55(View46, { style: [styles42.bar, { backgroundColor: theme.textOnMedia, opacity: i === index ? 1 : 0.4 }] }, i)) }),
+          /* @__PURE__ */ jsx55(Pressable22, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles42.half, { left: 0 }], onPress: () => setIndex((i) => Math.max(0, i - 1)) }),
+          /* @__PURE__ */ jsx55(Pressable22, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles42.half, { right: 0 }], onPress: () => setIndex((i) => Math.min(photos.length - 1, i + 1)) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs46(View46, { pointerEvents: "box-none", style: styles42.bottom, children: [
+          /* @__PURE__ */ jsxs46(Svg26, { style: StyleSheet42.absoluteFill, width: "100%", height: "100%", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsx55(Defs12, { children: /* @__PURE__ */ jsxs46(LinearGradient12, { id: gradient, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx55(Stop12, { offset: "0", stopColor: theme.scrimStrong, stopOpacity: 0 }),
+              /* @__PURE__ */ jsx55(Stop12, { offset: "0.5", stopColor: theme.scrimStrong, stopOpacity: 0.8 }),
+              /* @__PURE__ */ jsx55(Stop12, { offset: "1", stopColor: theme.scrimStrong, stopOpacity: 1 })
+            ] }) }),
+            /* @__PURE__ */ jsx55(Rect5, { width: "100%", height: "100%", fill: `url(#${gradient})` })
+          ] }),
+          /* @__PURE__ */ jsxs46(View46, { style: styles42.text, children: [
+            /* @__PURE__ */ jsxs46(View46, { style: styles42.nameRow, children: [
+              /* @__PURE__ */ jsxs46(Txt, { variant: "display", tone: "onMedia", style: styles42.name, numberOfLines: 1, children: [
+                name,
+                age !== void 0 ? /* @__PURE__ */ jsx55(Txt, { variant: "display", tone: "onMedia", style: styles42.age, children: `  ${age}` }) : null
+              ] }),
+              badge
+            ] }),
+            meta,
+            bio ? /* @__PURE__ */ jsx55(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
+            footer ? /* @__PURE__ */ jsx55(View46, { style: styles42.footer, children: footer }) : null
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty, labels, hideButtons, style }) {
+  const { theme, haptic } = useTheme();
+  const reduce = useReducedMotion();
+  const { width } = useWindowDimensions2();
+  const [x] = React37.useState(() => new Animated21.Value(0));
+  const top = items2[0];
+  const decide = React37.useCallback(
+    (direction) => {
+      if (!top) return;
+      haptic("impact");
+      const done = () => {
+        x.setValue(0);
+        onSwipe(top, direction);
+        if (items2.length === 1 && labels.empty) AccessibilityInfo13.announceForAccessibility(labels.empty);
+      };
+      if (reduce) return done();
+      Animated21.timing(x, { toValue: (direction === "like" ? 1.4 : -1.4) * width, duration: 220, useNativeDriver: true }).start(done);
+    },
+    [top, haptic, reduce, x, width, onSwipe, items2.length, labels.empty]
+  );
+  const pan = React37.useMemo(
+    () => PanResponder3.create({
+      onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 8 && Math.abs(g.dx) > Math.abs(g.dy),
+      onPanResponderMove: (_, g) => x.setValue(g.dx),
+      onPanResponderRelease: (_, g) => {
+        if (g.dx > width / 3 || g.vx > 1) decide("like");
+        else if (g.dx < -width / 3 || g.vx < -1) decide("pass");
+        else Animated21.spring(x, { toValue: 0, useNativeDriver: true, friction: 6 }).start();
+      }
+    }),
+    [x, width, decide]
+  );
+  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__ */ jsx55(
+    Pressable22,
+    {
+      role: "button",
+      "aria-label": direction === "like" ? labels.like : labels.pass,
+      disabled: !top,
+      onPress: () => decide(direction),
+      style: ({ pressed }) => [
+        styles42.button,
+        { borderColor: direction === "like" ? theme.success : theme.danger, backgroundColor: theme.surface1, transform: [{ scale: pressed ? 0.92 : 1 }], opacity: top ? 1 : 0.4 }
+      ],
+      children: /* @__PURE__ */ jsx55(Svg26, { width: 28, height: 28, viewBox: "0 0 24 24", "aria-hidden": true, children: direction === "like" ? /* @__PURE__ */ jsx55(Path21, { 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__ */ jsx55(Path21, { d: "M6 6l12 12M18 6 6 18", stroke: theme.danger, strokeWidth: 3, strokeLinecap: "round" }) })
+    }
+  );
+  return /* @__PURE__ */ jsxs46(View46, { style: [styles42.deck, style], children: [
+    /* @__PURE__ */ jsxs46(View46, { style: styles42.stack, children: [
+      !top ? empty ?? null : null,
+      items2.slice(0, 2).reverse().map((item) => {
+        const isTop = item === top;
+        return /* @__PURE__ */ jsxs46(
+          Animated21.View,
+          {
+            ...isTop ? pan.panHandlers : {},
+            accessibilityActions: isTop ? [{ name: "like", label: labels.like }, { name: "pass", label: labels.pass }] : [],
+            onAccessibilityAction: (e) => isTop && decide(e.nativeEvent.actionName),
+            "aria-hidden": !isTop,
+            importantForAccessibility: isTop ? "auto" : "no-hide-descendants",
+            pointerEvents: isTop ? "auto" : "none",
+            style: [StyleSheet42.absoluteFill, isTop ? { transform: [{ translateX: x }, { rotate }] } : { transform: [{ scale: 0.96 }], opacity: 0.9 }],
+            children: [
+              renderCard(item),
+              isTop ? /* @__PURE__ */ jsxs46(Fragment8, { children: [
+                /* @__PURE__ */ jsx55(Animated21.View, { pointerEvents: "none", style: [styles42.stamp, styles42.stampLike, { borderColor: theme.success, opacity: likeOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx55(Txt, { variant: "title", style: { color: theme.success }, children: labels.likeStamp ?? labels.like.toUpperCase() }) }),
+                /* @__PURE__ */ jsx55(Animated21.View, { pointerEvents: "none", style: [styles42.stamp, styles42.stampPass, { borderColor: theme.danger, opacity: passOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx55(Txt, { variant: "title", style: { color: theme.danger }, children: labels.passStamp ?? labels.pass.toUpperCase() }) })
+              ] }) : null
+            ]
+          },
+          getId(item)
+        );
+      })
+    ] }),
+    hideButtons ? null : /* @__PURE__ */ jsxs46(View46, { style: styles42.buttons, children: [
+      button("pass"),
+      button("like")
+    ] })
+  ] });
+}
+var styles42 = StyleSheet42.create({
+  card: { flex: 1, overflow: "hidden" },
+  bars: { position: "absolute", top: 8, left: 8, right: 8, flexDirection: "row", gap: 4 },
+  bar: { flex: 1, height: 3, borderRadius: 2 },
+  half: { position: "absolute", top: 0, bottom: "40%", width: "40%" },
+  bottom: { position: "absolute", left: 0, right: 0, bottom: 0, paddingTop: 80 },
+  text: { padding: 16, gap: 6 },
+  nameRow: { flexDirection: "row", alignItems: "center", gap: 8 },
+  name: { flexShrink: 1, fontSize: 28, lineHeight: 34 },
+  age: { fontWeight: "400", fontSize: 26 },
+  footer: { flexDirection: "row", flexWrap: "wrap", gap: 6, marginTop: 4 },
+  deck: { flex: 1, gap: 16 },
+  stack: { flex: 1 },
+  stamp: { position: "absolute", top: 40, borderWidth: 3, borderRadius: 8, paddingHorizontal: 10, paddingVertical: 2 },
+  stampLike: { left: 24, transform: [{ rotate: "-14deg" }] },
+  stampPass: { right: 24, transform: [{ rotate: "14deg" }] },
+  buttons: { flexDirection: "row", justifyContent: "center", gap: 28 },
+  button: { width: 64, height: 64, borderRadius: 32, borderWidth: 2, alignItems: "center", justifyContent: "center" }
+});
+
 // src/native/swipeable-row.tsx
-import * as React34 from "react";
-import { Animated as Animated19, PanResponder as PanResponder3, Pressable as Pressable18, StyleSheet as StyleSheet37, View as View41 } from "react-native";
-import { jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
+import * as React38 from "react";
+import { Animated as Animated22, PanResponder as PanResponder4, Pressable as Pressable23, StyleSheet as StyleSheet43, View as View47 } from "react-native";
+import { jsx as jsx56, jsxs as jsxs47 } 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 }) {
   const { theme, haptic } = useTheme();
   const reduce = useReducedMotion();
-  const [x] = React34.useState(() => new Animated19.Value(0));
-  const [width, setWidth] = React34.useState(0);
-  const rest = React34.useRef(0);
-  const armed = React34.useRef(false);
+  const [x] = React38.useState(() => new Animated22.Value(0));
+  const [width, setWidth] = React38.useState(0);
+  const rest = React38.useRef(0);
+  const armed = React38.useRef(false);
   const settle = (to) => {
     rest.current = to;
     if (reduce) x.setValue(to);
-    else Animated19.spring(x, { toValue: to, useNativeDriver: true, damping: 22, stiffness: 240 }).start();
+    else Animated22.spring(x, { toValue: to, useNativeDriver: true, damping: 22, stiffness: 240 }).start();
   };
   const run = (action) => {
     settle(0);
     action.onPress();
   };
-  const pan = React34.useMemo(
-    () => PanResponder3.create({
+  const pan = React38.useMemo(
+    () => PanResponder4.create({
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 8 && Math.abs(g.dx) > Math.abs(g.dy) * 1.5,
       onPanResponderMove: (_, g) => {
         let next = rest.current + g.dx;
@@ -4254,19 +4752,19 @@ 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__ */ jsx50(View41, { "aria-hidden": true, style: [styles37.side, edge === "left" ? { left: 0 } : { right: 0, flexDirection: "row-reverse" }], children: actions.map((action, i) => (
+  const side = (actions, edge) => /* @__PURE__ */ jsx56(View47, { "aria-hidden": true, style: [styles43.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__ */ jsxs41(Pressable18, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles37.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
+    /* @__PURE__ */ jsxs47(Pressable23, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles43.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
       action.icon,
-      /* @__PURE__ */ jsx50(Txt, { variant: "caption", tone: toneText(action.tone), style: styles37.actionText, numberOfLines: 1, children: action.label })
+      /* @__PURE__ */ jsx56(Txt, { variant: "caption", tone: toneText(action.tone), style: styles43.actionText, numberOfLines: 1, children: action.label })
     ] }, i)
   )) });
   const all = [...leading, ...trailing];
-  return /* @__PURE__ */ jsxs41(View41, { style: [styles37.root, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+  return /* @__PURE__ */ jsxs47(View47, { style: [styles43.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__ */ jsx50(
-      Animated19.View,
+    /* @__PURE__ */ jsx56(
+      Animated22.View,
       {
         ...pan.panHandlers,
         accessible: true,
@@ -4277,13 +4775,13 @@ function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6,
           const action = all.find((a) => a.label === e.nativeEvent.actionName);
           if (action) action.onPress();
         },
-        style: [styles37.front, { backgroundColor: theme.surface0, transform: [{ translateX: x }] }],
+        style: [styles43.front, { backgroundColor: theme.surface0, transform: [{ translateX: x }] }],
         children
       }
     )
   ] });
 }
-var styles37 = StyleSheet37.create({
+var styles43 = StyleSheet43.create({
   root: { overflow: "hidden" },
   side: { position: "absolute", top: 0, bottom: 0, flexDirection: "row" },
   action: { alignItems: "center", justifyContent: "center", gap: 4, paddingHorizontal: 6 },
@@ -4292,30 +4790,30 @@ var styles37 = StyleSheet37.create({
 });
 
 // src/native/switch.tsx
-import * as React35 from "react";
-import { Animated as Animated20, Pressable as Pressable19, StyleSheet as StyleSheet38, Text as Text18, View as View42 } from "react-native";
-import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { Animated as Animated23, Pressable as Pressable24, StyleSheet as StyleSheet44, Text as Text18, View as View48 } from "react-native";
+import { jsx as jsx57, jsxs as jsxs48 } 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();
-  const [own, setOwn] = React35.useState(defaultChecked);
+  const [own, setOwn] = React39.useState(defaultChecked);
   const on = checked ?? own;
   const d = SIZES[size];
   const travel = d.w - d.knob - (d.h - d.knob);
-  const [x] = React35.useState(() => new Animated20.Value(on ? 1 : 0));
-  React35.useEffect(() => {
-    Animated20.timing(x, { toValue: on ? 1 : 0, duration: motion3.duration.base, useNativeDriver: true }).start();
+  const [x] = React39.useState(() => new Animated23.Value(on ? 1 : 0));
+  React39.useEffect(() => {
+    Animated23.timing(x, { toValue: on ? 1 : 0, duration: motion3.duration.base, useNativeDriver: true }).start();
   }, [on, x, motion3.duration.base]);
   const toggle = () => {
     haptic("selection");
     if (checked === void 0) setOwn(!on);
     onCheckedChange?.(!on);
   };
-  const track = /* @__PURE__ */ jsx51(View42, { style: [styles38.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__ */ jsx51(
-    Animated20.View,
+  const track = /* @__PURE__ */ jsx57(View48, { style: [styles44.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__ */ jsx57(
+    Animated23.View,
     {
       style: [
-        styles38.knob,
+        styles44.knob,
         {
           width: d.knob,
           height: d.knob,
@@ -4337,19 +4835,19 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     onPress: toggle
   };
   if (!showLabel)
-    return /* @__PURE__ */ jsx51(Pressable19, { ...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 ? styles38.disabled : null, style], children: track });
-  return /* @__PURE__ */ jsxs42(View42, { style: [styles38.root, style], children: [
-    /* @__PURE__ */ jsxs42(Pressable19, { ...a11y, style: [styles38.row, disabled ? styles38.disabled : null], children: [
-      /* @__PURE__ */ jsxs42(View42, { style: styles38.text, children: [
-        /* @__PURE__ */ jsx51(Text18, { style: [styles38.label, { color: theme.textPrimary }], children: label }),
-        description ? /* @__PURE__ */ jsx51(Text18, { style: [styles38.description, { color: theme.textSecondary }], children: description }) : null
+    return /* @__PURE__ */ jsx57(Pressable24, { ...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 ? styles44.disabled : null, style], children: track });
+  return /* @__PURE__ */ jsxs48(View48, { style: [styles44.root, style], children: [
+    /* @__PURE__ */ jsxs48(Pressable24, { ...a11y, style: [styles44.row, disabled ? styles44.disabled : null], children: [
+      /* @__PURE__ */ jsxs48(View48, { style: styles44.text, children: [
+        /* @__PURE__ */ jsx57(Text18, { style: [styles44.label, { color: theme.textPrimary }], children: label }),
+        description ? /* @__PURE__ */ jsx57(Text18, { style: [styles44.description, { color: theme.textSecondary }], children: description }) : null
       ] }),
       track
     ] }),
-    error ? /* @__PURE__ */ jsx51(Text18, { role: "alert", "aria-live": "polite", style: [styles38.description, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx57(Text18, { role: "alert", "aria-live": "polite", style: [styles44.description, { color: theme.dangerText }], children: error }) : null
   ] });
 }
-var styles38 = StyleSheet38.create({
+var styles44 = StyleSheet44.create({
   root: { gap: 2, alignSelf: "stretch" },
   row: { flexDirection: "row", alignItems: "center", gap: 16, minHeight: 48 },
   text: { flex: 1, gap: 2 },
@@ -4361,16 +4859,16 @@ var styles38 = StyleSheet38.create({
 });
 
 // src/native/tab-bar.tsx
-import { Pressable as Pressable20, StyleSheet as StyleSheet39, Text as Text19, View as View43 } from "react-native";
-import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Pressable as Pressable25, StyleSheet as StyleSheet45, Text as Text19, View as View49 } from "react-native";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label": label, style }) {
   const { theme, insets, haptic } = useTheme();
-  return /* @__PURE__ */ jsx52(View43, { role: "tablist", "aria-label": label, style: [styles39.bar, { backgroundColor: theme.glassBg, borderTopColor: theme.glassBorder, paddingBottom: Math.max(6, insets.bottom) }, style], children: items2.map((item) => {
+  return /* @__PURE__ */ jsx58(View49, { role: "tablist", "aria-label": label, style: [styles45.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__ */ jsxs43(
-      Pressable20,
+    return /* @__PURE__ */ jsxs49(
+      Pressable25,
       {
         role: "tab",
         "aria-selected": selected,
@@ -4379,22 +4877,22 @@ function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label":
           if (selected) onReselect?.(item.value);
           else onValueChange(item.value);
         },
-        style: ({ pressed }) => [styles39.item, { opacity: pressed ? 0.7 : 1 }],
+        style: ({ pressed }) => [styles45.item, { opacity: pressed ? 0.7 : 1 }],
         children: [
-          /* @__PURE__ */ jsxs43(View43, { "aria-hidden": true, style: styles39.icon, children: [
+          /* @__PURE__ */ jsxs49(View49, { "aria-hidden": true, style: styles45.icon, children: [
             item.icon(selected, color),
-            badge !== null ? /* @__PURE__ */ jsx52(View43, { style: [badge ? styles39.count : styles39.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx52(Text19, { style: [styles39.countText, { color: theme.onAccent }], children: badge }) : null }) : null
+            badge !== null ? /* @__PURE__ */ jsx58(View49, { style: [badge ? styles45.count : styles45.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx58(Text19, { style: [styles45.countText, { color: theme.onAccent }], children: badge }) : null }) : null
           ] }),
-          /* @__PURE__ */ jsx52(Text19, { numberOfLines: 1, style: [styles39.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
-          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx52(Text19, { style: styles39.unseen, children: `, ${item.badgeLabel}` }) : null
+          /* @__PURE__ */ jsx58(Text19, { numberOfLines: 1, style: [styles45.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
+          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx58(Text19, { style: styles45.unseen, children: `, ${item.badgeLabel}` }) : null
         ]
       },
       item.value
     );
   }) });
 }
-var styles39 = StyleSheet39.create({
-  bar: { flexDirection: "row", borderTopWidth: StyleSheet39.hairlineWidth, paddingTop: 6 },
+var styles45 = StyleSheet45.create({
+  bar: { flexDirection: "row", borderTopWidth: StyleSheet45.hairlineWidth, paddingTop: 6 },
   item: { flex: 1, alignItems: "center", gap: 2, minHeight: 48, justifyContent: "center" },
   icon: { width: 28, height: 26, alignItems: "center", justifyContent: "center" },
   label: { fontSize: 11, lineHeight: 14 },
@@ -4405,12 +4903,12 @@ var styles39 = StyleSheet39.create({
 });
 
 // src/native/tabs.tsx
-import * as React36 from "react";
-import { Pressable as Pressable21, ScrollView as ScrollView6, StyleSheet as StyleSheet40, View as View44 } from "react-native";
-import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import * as React40 from "react";
+import { Pressable as Pressable26, ScrollView as ScrollView7, StyleSheet as StyleSheet46, View as View50 } from "react-native";
+import { jsx as jsx59, jsxs as jsxs50 } 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] = React36.useState(defaultValue ?? items2[0]?.value);
+  const [own, setOwn] = React40.useState(defaultValue ?? items2[0]?.value);
   const current = value ?? own;
   const select = (next) => {
     if (next === current) return;
@@ -4421,8 +4919,8 @@ 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__ */ jsx53(
-      Pressable21,
+    return /* @__PURE__ */ jsx59(
+      Pressable26,
       {
         role: "tab",
         "aria-selected": selected,
@@ -4430,39 +4928,67 @@ function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label":
         disabled: item.disabled,
         onPress: () => select(item.value),
         style: [
-          segmented ? styles40.segment : styles40.tab,
+          segmented ? styles46.segment : styles46.tab,
           segmented && selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault, borderRadius: radius3.sm } : null,
           !segmented ? { borderBottomColor: selected ? theme.accent : "transparent" } : null,
-          item.disabled ? styles40.disabled : null
+          item.disabled ? styles46.disabled : null
         ],
-        children: /* @__PURE__ */ jsxs44(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
+        children: /* @__PURE__ */ jsxs50(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
           item.label,
-          item.count !== void 0 ? /* @__PURE__ */ jsx53(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
+          item.count !== void 0 ? /* @__PURE__ */ jsx59(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
         ] })
       },
       item.value
     );
   });
   const panel = items2.find((i) => i.value === current)?.content;
-  return /* @__PURE__ */ jsxs44(View44, { style: [styles40.root, style], children: [
-    segmented ? /* @__PURE__ */ jsx53(View44, { role: "tablist", "aria-label": label, style: [styles40.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx53(View44, { style: [styles40.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx53(ScrollView6, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles40.scroll, children: tabs }) }),
-    panel !== void 0 ? /* @__PURE__ */ jsx53(View44, { role: "tabpanel", children: panel }) : null
+  return /* @__PURE__ */ jsxs50(View50, { style: [styles46.root, style], children: [
+    segmented ? /* @__PURE__ */ jsx59(View50, { role: "tablist", "aria-label": label, style: [styles46.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx59(View50, { style: [styles46.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx59(ScrollView7, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles46.scroll, children: tabs }) }),
+    panel !== void 0 ? /* @__PURE__ */ jsx59(View50, { role: "tabpanel", children: panel }) : null
   ] });
 }
-var styles40 = StyleSheet40.create({
+var styles46 = StyleSheet46.create({
   root: { gap: 12 },
-  underline: { borderBottomWidth: StyleSheet40.hairlineWidth },
+  underline: { borderBottomWidth: StyleSheet46.hairlineWidth },
   scroll: { gap: 4, paddingHorizontal: 4 },
   tab: { minHeight: 44, justifyContent: "center", paddingHorizontal: 12, borderBottomWidth: 2 },
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet40.hairlineWidth, height: 40 },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet40.hairlineWidth, borderColor: "transparent" },
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet46.hairlineWidth, height: 40 },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet46.hairlineWidth, borderColor: "transparent" },
   disabled: { opacity: 0.4 }
 });
 
+// src/native/tag-selector.tsx
+import { StyleSheet as StyleSheet47, View as View51 } from "react-native";
+import { jsx as jsx60, jsxs as jsxs51 } 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__ */ jsxs51(View51, { style: [styles47.root, style], children: [
+    /* @__PURE__ */ jsx60(View51, { role: "group", "aria-label": label, style: styles47.wrap, children: options.map((option) => {
+      const on = value.includes(option.value);
+      return /* @__PURE__ */ jsx60(
+        Chip,
+        {
+          selected: on,
+          disabled: !on && full,
+          onSelectedChange: (next) => {
+            haptic("selection");
+            onValueChange(next ? [...value, option.value] : value.filter((v) => v !== option.value));
+          },
+          children: option.label
+        },
+        option.value
+      );
+    }) }),
+    max !== void 0 && countLabel ? /* @__PURE__ */ jsx60(Txt, { variant: "caption", tone: full ? "accent" : "secondary", "aria-live": "polite", children: countLabel(value.length, max) }) : null
+  ] });
+}
+var styles47 = StyleSheet47.create({ root: { gap: 8 }, wrap: { flexDirection: "row", flexWrap: "wrap", gap: 8 } });
+
 // src/native/toast.tsx
-import * as React37 from "react";
-import { AccessibilityInfo as AccessibilityInfo12, Animated as Animated21, PanResponder as PanResponder4, Pressable as Pressable22, StyleSheet as StyleSheet41, Text as Text20, View as View45 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import * as React41 from "react";
+import { AccessibilityInfo as AccessibilityInfo14, Animated as Animated24, PanResponder as PanResponder5, Pressable as Pressable27, StyleSheet as StyleSheet48, Text as Text20, View as View52 } from "react-native";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 var items = [];
 var listeners2 = /* @__PURE__ */ new Set();
 var counter = 0;
@@ -4497,93 +5023,93 @@ var toast = Object.assign(show, {
 function ToastView({ item, closeLabel, duration }) {
   const { theme, radius: radius3, haptic } = useTheme();
   const reduce = useReducedMotion();
-  const [swipe] = React37.useState(() => new Animated21.Value(0));
-  const drag = React37.useMemo(
-    () => PanResponder4.create({
+  const [swipe] = React41.useState(() => new Animated24.Value(0));
+  const drag = React41.useMemo(
+    () => PanResponder5.create({
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 8 && Math.abs(g.dx) > Math.abs(g.dy),
       onPanResponderMove: (_, g) => swipe.setValue(g.dx),
       onPanResponderRelease: (_, g) => {
         if (Math.abs(g.dx) > 96 || Math.abs(g.vx) > 0.9) {
-          Animated21.timing(swipe, { toValue: Math.sign(g.dx) * 480, duration: 160, useNativeDriver: true }).start(() => dismiss(item.id));
-        } else Animated21.spring(swipe, { toValue: 0, useNativeDriver: true }).start();
+          Animated24.timing(swipe, { toValue: Math.sign(g.dx) * 480, duration: 160, useNativeDriver: true }).start(() => dismiss(item.id));
+        } else Animated24.spring(swipe, { toValue: 0, useNativeDriver: true }).start();
       }
     }),
     [swipe, item.id]
   );
-  React37.useEffect(() => {
+  React41.useEffect(() => {
     if (item.tone === "success" || item.tone === "warning") haptic(item.tone);
     if (item.tone === "error") haptic("warning");
   }, [item.id]);
-  const [enter] = React37.useState(() => new Animated21.Value(reduce ? 1 : 0));
-  React37.useEffect(() => {
+  const [enter] = React41.useState(() => new Animated24.Value(reduce ? 1 : 0));
+  React41.useEffect(() => {
     if (reduce) enter.setValue(1);
-    else Animated21.timing(enter, { toValue: 1, duration: 220, useNativeDriver: true }).start();
+    else Animated24.timing(enter, { toValue: 1, duration: 220, useNativeDriver: true }).start();
   }, [enter, reduce]);
-  React37.useEffect(() => {
-    AccessibilityInfo12.announceForAccessibility(item.description ? `${item.title}. ${item.description}` : item.title);
+  React41.useEffect(() => {
+    AccessibilityInfo14.announceForAccessibility(item.description ? `${item.title}. ${item.description}` : item.title);
   }, [item.title, item.description]);
   const ms = item.duration ?? duration;
-  React37.useEffect(() => {
+  React41.useEffect(() => {
     if (!Number.isFinite(ms)) return;
     const timer2 = setTimeout(() => dismiss(item.id), ms);
     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__ */ jsxs45(Fragment6, { children: [
-    item.icon ? /* @__PURE__ */ jsx54(View45, { "aria-hidden": true, children: item.icon }) : null,
-    /* @__PURE__ */ jsxs45(View45, { style: styles41.content, children: [
-      /* @__PURE__ */ jsx54(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
-      item.description ? /* @__PURE__ */ jsx54(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
+  const text = /* @__PURE__ */ jsxs52(Fragment9, { children: [
+    item.icon ? /* @__PURE__ */ jsx61(View52, { "aria-hidden": true, children: item.icon }) : null,
+    /* @__PURE__ */ jsxs52(View52, { style: styles48.content, children: [
+      /* @__PURE__ */ jsx61(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
+      item.description ? /* @__PURE__ */ jsx61(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
     ] })
   ] });
-  const body = /* @__PURE__ */ jsxs45(Fragment6, { children: [
-    item.onPress ? /* @__PURE__ */ jsx54(
-      Pressable22,
+  const body = /* @__PURE__ */ jsxs52(Fragment9, { children: [
+    item.onPress ? /* @__PURE__ */ jsx61(
+      Pressable27,
       {
         role: "button",
         onPress: () => {
           item.onPress?.();
           dismiss(item.id);
         },
-        style: ({ pressed }) => [styles41.main, { opacity: pressed ? 0.8 : 1 }],
+        style: ({ pressed }) => [styles48.main, { opacity: pressed ? 0.8 : 1 }],
         children: text
       }
-    ) : /* @__PURE__ */ jsx54(View45, { style: styles41.main, children: text }),
-    item.action ? /* @__PURE__ */ jsx54(
-      Pressable22,
+    ) : /* @__PURE__ */ jsx61(View52, { style: styles48.main, children: text }),
+    item.action ? /* @__PURE__ */ jsx61(
+      Pressable27,
       {
         role: "button",
         onPress: () => {
           item.action?.onPress();
           dismiss(item.id);
         },
-        style: [styles41.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
-        children: /* @__PURE__ */ jsx54(Text20, { style: [styles41.actionLabel, { color: theme.onAccent }], children: item.action.label })
+        style: [styles48.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
+        children: /* @__PURE__ */ jsx61(Text20, { style: [styles48.actionLabel, { color: theme.onAccent }], children: item.action.label })
       }
     ) : null,
-    /* @__PURE__ */ jsx54(Pressable22, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles41.close, children: /* @__PURE__ */ jsx54(Text20, { style: [styles41.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    /* @__PURE__ */ jsx61(Pressable27, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles48.close, children: /* @__PURE__ */ jsx61(Text20, { style: [styles48.cross, { color: theme.textSecondary }], children: "\xD7" }) })
   ] });
   const frame = [
-    styles41.toast,
+    styles48.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__ */ jsx54(Animated21.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx54(View45, { style: frame, children: body }) });
+  return /* @__PURE__ */ jsx61(Animated24.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx61(View52, { style: frame, children: body }) });
 }
 function Toaster({ closeLabel, position = "top", offset = 12, duration = 6e3, max = 3 }) {
-  const all = React37.useSyncExternalStore(subscribe2, snapshot, snapshot);
+  const all = React41.useSyncExternalStore(subscribe2, snapshot, snapshot);
   const shown = all.slice(-max);
   if (shown.length === 0) return null;
-  return /* @__PURE__ */ jsx54(View45, { pointerEvents: "box-none", style: [styles41.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx54(ToastView, { item, closeLabel, duration }, item.id)) });
+  return /* @__PURE__ */ jsx61(View52, { pointerEvents: "box-none", style: [styles48.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx61(ToastView, { item, closeLabel, duration }, item.id)) });
 }
-var styles41 = StyleSheet41.create({
+var styles48 = StyleSheet48.create({
   stack: { position: "absolute", left: 12, right: 12, gap: 8, zIndex: 100 },
   toast: {
     flexDirection: "row",
     alignItems: "center",
     gap: 10,
     padding: 12,
-    borderWidth: StyleSheet41.hairlineWidth,
+    borderWidth: StyleSheet48.hairlineWidth,
     borderLeftWidth: 4,
     shadowOpacity: 0.3,
     shadowRadius: 16,
@@ -4597,6 +5123,30 @@ var styles41 = StyleSheet41.create({
   close: { width: 28, height: 28, alignItems: "center", justifyContent: "center" },
   cross: { fontSize: 18, lineHeight: 20, fontWeight: "700" }
 });
+
+// src/native/verified-badge.tsx
+import { StyleSheet as StyleSheet49, View as View53 } from "react-native";
+import Svg27, { Path as Path22 } from "react-native-svg";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
+function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs53(View53, { accessible: true, role: "img", "aria-label": label, style: styles49.row, children: [
+    /* @__PURE__ */ jsxs53(Svg27, { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx62(
+        Path22,
+        {
+          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,
+          stroke: on === "media" ? theme.textOnMedia : "none",
+          strokeWidth: 1.2
+        }
+      ),
+      /* @__PURE__ */ jsx62(Path22, { 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__ */ jsx62(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles49.text, children: label }) : null
+  ] });
+}
+var styles49 = StyleSheet49.create({ row: { flexDirection: "row", alignItems: "center", gap: 4 }, text: { fontWeight: "700" } });
 export {
   ActionSheet,
   ActivityFeed,
@@ -4618,6 +5168,7 @@ export {
   Checkbox,
   Chip,
   Combobox,
+  ConversationItem,
   Countdown,
   DateField,
   DateWheel,
@@ -4636,6 +5187,9 @@ export {
   LoadingState,
   Mascot,
   MascotState,
+  MatchDialog,
+  MessageBubble,
+  MessageComposer,
   Meter,
   MonthPicker,
   NumberTicker,
@@ -4645,12 +5199,15 @@ export {
   OtpInput,
   Pagination,
   PermissionPrompt,
+  PersonCard,
   Phoenix,
+  PhotoGrid,
   ProductMark,
   ProfileCard,
   Progress,
   PullToRefresh,
   RadioGroup,
+  Screen,
   SearchField,
   Segmented,
   Select,
@@ -4658,17 +5215,22 @@ export {
   Skeleton,
   Slider,
   Spinner,
+  StepProgress,
   Stepper,
   SuccessState,
+  SwipeDeck,
   SwipeableRow,
   Switch,
   TabBar,
   Tabs,
+  TagSelector,
   TextField,
   ThemeProvider,
   TimePicker,
   Toaster,
   Txt,
+  TypingIndicator,
+  VerifiedBadge,
   WelcomeState,
   Wheel,
   WheelDivider,