@krizaka/ui 3.26.0 → 3.28.0

package/dist/native.js

@@ -4870,11 +4870,67 @@ var styles41 = StyleSheet41.create({
   disabled: { opacity: 0.4 }
 });
 
-// src/native/showcase.tsx
+// src/native/settings-layout.tsx
 import * as React36 from "react";
-import { Animated as Animated21, AppState, Easing as Easing12, FlatList, Pressable as Pressable21, StyleSheet as StyleSheet42, View as View50 } from "react-native";
+import { Pressable as Pressable21, StyleSheet as StyleSheet42, View as View50 } from "react-native";
 import Svg26, { Path as Path22 } from "react-native-svg";
-import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
+function SettingsRow({ label, description, icon, value, trailing, onPress, destructive, accessibilityLabel, disabled }) {
+  const { theme } = useTheme();
+  const body = /* @__PURE__ */ jsxs50(Fragment9, { children: [
+    icon ? /* @__PURE__ */ jsx56(View50, { style: [styles42.tile, { backgroundColor: theme.surface3 }], children: icon }) : null,
+    /* @__PURE__ */ jsxs50(View50, { style: styles42.text, children: [
+      /* @__PURE__ */ jsx56(Txt, { variant: "body", tone: destructive ? "danger" : "text", children: label }),
+      description ? /* @__PURE__ */ jsx56(Txt, { variant: "caption", tone: "secondary", children: description }) : null
+    ] }),
+    value ? /* @__PURE__ */ jsx56(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles42.value, children: value }) : null,
+    trailing,
+    onPress && !trailing ? /* @__PURE__ */ jsx56(Svg26, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx56(Path22, { d: "m9 6 6 6-6 6", fill: "none", stroke: theme.textMuted, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" }) }) : null
+  ] });
+  if (onPress && !trailing) {
+    return /* @__PURE__ */ jsx56(
+      Pressable21,
+      {
+        role: "button",
+        accessibilityLabel,
+        accessibilityState: { disabled: !!disabled },
+        disabled,
+        onPress,
+        style: ({ pressed }) => [styles42.row, pressed ? { backgroundColor: theme.surface2 } : null, disabled ? styles42.disabled : null],
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx56(View50, { accessible: !trailing, accessibilityLabel: trailing ? void 0 : accessibilityLabel, style: [styles42.row, disabled ? styles42.disabled : null], children: body });
+}
+function SettingsGroup({ title, children, style, ...props }) {
+  const { theme } = useTheme();
+  const rows = React36.Children.toArray(children).filter(Boolean);
+  return /* @__PURE__ */ jsxs50(View50, { ...props, style: [styles42.group, style], children: [
+    title ? /* @__PURE__ */ jsx56(Txt, { variant: "caption", tone: "muted", role: "heading", style: styles42.title, children: title }) : null,
+    /* @__PURE__ */ jsx56(View50, { style: [styles42.card, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle }], children: rows.map((row, i) => /* @__PURE__ */ jsxs50(React36.Fragment, { children: [
+      i > 0 ? /* @__PURE__ */ jsx56(View50, { style: [styles42.hairline, { backgroundColor: theme.borderSubtle }] }) : null,
+      row
+    ] }, i)) })
+  ] });
+}
+var styles42 = StyleSheet42.create({
+  group: { rowGap: 8 },
+  title: { textTransform: "uppercase", letterSpacing: 0.6, fontWeight: "700", paddingHorizontal: 4 },
+  card: { borderWidth: StyleSheet42.hairlineWidth, borderRadius: 16, overflow: "hidden" },
+  hairline: { height: StyleSheet42.hairlineWidth, marginLeft: 16 },
+  row: { minHeight: 52, flexDirection: "row", alignItems: "center", columnGap: 12, paddingHorizontal: 16, paddingVertical: 10 },
+  tile: { width: 32, height: 32, borderRadius: 8, alignItems: "center", justifyContent: "center" },
+  text: { flex: 1, rowGap: 2 },
+  value: { maxWidth: "45%" },
+  disabled: { opacity: 0.5 }
+});
+
+// src/native/showcase.tsx
+import * as React37 from "react";
+import { Animated as Animated21, AppState, Easing as Easing12, FlatList, Pressable as Pressable22, StyleSheet as StyleSheet43, View as View51 } from "react-native";
+import Svg27, { Path as Path23 } from "react-native-svg";
+import { jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 var showcaseLabels = {
   previous: "Previous slide",
   next: "Next slide",
@@ -4888,16 +4944,16 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
   const { theme } = useTheme();
   const reduced = useReducedMotion();
   const total = items2.length;
-  const [current, setCurrent] = React36.useState(0);
-  const [width, setWidth] = React36.useState(0);
-  const [paused, setPaused] = React36.useState(false);
-  const [dragging, setDragging] = React36.useState(false);
-  const [background, setBackground] = React36.useState(false);
-  const [announce, setAnnounce] = React36.useState(false);
-  const list = React36.useRef(null);
-  const [fill] = React36.useState(() => new Animated21.Value(0));
-  const progress = React36.useRef(0);
-  React36.useEffect(() => {
+  const [current, setCurrent] = React37.useState(0);
+  const [width, setWidth] = React37.useState(0);
+  const [paused, setPaused] = React37.useState(false);
+  const [dragging, setDragging] = React37.useState(false);
+  const [background, setBackground] = React37.useState(false);
+  const [announce, setAnnounce] = React37.useState(false);
+  const list = React37.useRef(null);
+  const [fill] = React37.useState(() => new Animated21.Value(0));
+  const progress = React37.useRef(0);
+  React37.useEffect(() => {
     const id = fill.addListener(({ value }) => {
       progress.current = value;
     });
@@ -4918,11 +4974,11 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
   };
   const playing = autoplay && !reduced && total > 1;
   const running = playing && !paused && !dragging && !background && !(!loop && current === total - 1);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     fill.setValue(0);
     progress.current = 0;
   }, [current, fill]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!running) return;
     const animation = Animated21.timing(fill, { toValue: 1, duration: Math.max(1, interval * (1 - progress.current)), easing: Easing12.linear, useNativeDriver: false });
     animation.start(({ finished }) => {
@@ -4932,10 +4988,10 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
   }, [running, current, interval]);
   const item = items2[current];
   const title = item !== void 0 ? getTitle?.(item) : void 0;
-  const control = [styles42.control, { borderColor: theme.borderDefault, backgroundColor: theme.surface1 }];
-  const icon = (d) => /* @__PURE__ */ jsx56(Svg26, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx56(Path22, { d, stroke: theme.textSecondary, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
-  return /* @__PURE__ */ jsxs50(View50, { role: "group", "aria-label": label, style: [styles42.root, style], children: [
-    /* @__PURE__ */ jsx56(View50, { "aria-live": announce ? "polite" : "off", onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: /* @__PURE__ */ jsx56(
+  const control = [styles43.control, { borderColor: theme.borderDefault, backgroundColor: theme.surface1 }];
+  const icon = (d) => /* @__PURE__ */ jsx57(Svg27, { width: 16, height: 16, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx57(Path23, { d, stroke: theme.textSecondary, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsxs51(View51, { role: "group", "aria-label": label, style: [styles43.root, style], children: [
+    /* @__PURE__ */ jsx57(View51, { "aria-live": announce ? "polite" : "off", onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: /* @__PURE__ */ jsx57(
       FlatList,
       {
         ref: list,
@@ -4956,25 +5012,25 @@ function Showcase({ label, items: items2, getId, renderItem, getTitle, interval
             onIndexChange?.(next, true);
           }
         },
-        renderItem: ({ item: slide, index }) => /* @__PURE__ */ jsx56(View50, { role: "group", "aria-label": labels.slide(index + 1, total), style: { width }, children: Math.abs(index - current) <= 1 ? renderItem(slide, { index, active: index === current }) : null })
+        renderItem: ({ item: slide, index }) => /* @__PURE__ */ jsx57(View51, { role: "group", "aria-label": labels.slide(index + 1, total), style: { width }, children: Math.abs(index - current) <= 1 ? renderItem(slide, { index, active: index === current }) : null })
       }
     ) }),
-    /* @__PURE__ */ jsx56(View50, { style: styles42.segments, children: items2.map((slide, i) => /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": labels.goTo(i + 1, total), "aria-current": i === current ? true : void 0, onPress: () => go(i, true), style: styles42.segment, children: /* @__PURE__ */ jsxs50(View50, { style: [styles42.track, { backgroundColor: theme.surface3 }], children: [
-      i < current || i === current && !playing ? /* @__PURE__ */ jsx56(View50, { style: [StyleSheet42.absoluteFill, { backgroundColor: theme.accent }] }) : null,
-      i === current && playing ? /* @__PURE__ */ jsx56(Animated21.View, { style: [styles42.fill, { backgroundColor: theme.accent, width: fill.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) }] }) : null
+    /* @__PURE__ */ jsx57(View51, { style: styles43.segments, children: items2.map((slide, i) => /* @__PURE__ */ jsx57(Pressable22, { role: "button", "aria-label": labels.goTo(i + 1, total), "aria-current": i === current ? true : void 0, onPress: () => go(i, true), style: styles43.segment, children: /* @__PURE__ */ jsxs51(View51, { style: [styles43.track, { backgroundColor: theme.surface3 }], children: [
+      i < current || i === current && !playing ? /* @__PURE__ */ jsx57(View51, { style: [StyleSheet43.absoluteFill, { backgroundColor: theme.accent }] }) : null,
+      i === current && playing ? /* @__PURE__ */ jsx57(Animated21.View, { style: [styles43.fill, { backgroundColor: theme.accent, width: fill.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) }] }) : null
     ] }) }, getId(slide))) }),
-    /* @__PURE__ */ jsxs50(View50, { style: styles42.bar, children: [
-      /* @__PURE__ */ jsxs50(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles42.counter, children: [
+    /* @__PURE__ */ jsxs51(View51, { style: styles43.bar, children: [
+      /* @__PURE__ */ jsxs51(Txt, { variant: "caption", tone: "secondary", numberOfLines: 1, style: styles43.counter, children: [
         title ? `${title} \xB7 ` : "",
         labels.counter(current + 1, total)
       ] }),
-      /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": labels.previous, disabled: !loop && current === 0, hitSlop: 6, onPress: () => go(current - 1, true), style: control, children: icon("M15 5l-7 7 7 7") }),
-      playing ? /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": paused ? labels.play : labels.pause, hitSlop: 6, onPress: () => setPaused(!paused), style: control, children: icon(paused ? "M8 5.5v13l10-6.5Z" : "M8 5v14M16 5v14") }) : null,
-      /* @__PURE__ */ jsx56(Pressable21, { role: "button", "aria-label": labels.next, disabled: !loop && current === total - 1, hitSlop: 6, onPress: () => go(current + 1, true), style: control, children: icon("M9 5l7 7-7 7") })
+      /* @__PURE__ */ jsx57(Pressable22, { role: "button", "aria-label": labels.previous, disabled: !loop && current === 0, hitSlop: 6, onPress: () => go(current - 1, true), style: control, children: icon("M15 5l-7 7 7 7") }),
+      playing ? /* @__PURE__ */ jsx57(Pressable22, { role: "button", "aria-label": paused ? labels.play : labels.pause, hitSlop: 6, onPress: () => setPaused(!paused), style: control, children: icon(paused ? "M8 5.5v13l10-6.5Z" : "M8 5v14M16 5v14") }) : null,
+      /* @__PURE__ */ jsx57(Pressable22, { role: "button", "aria-label": labels.next, disabled: !loop && current === total - 1, hitSlop: 6, onPress: () => go(current + 1, true), style: control, children: icon("M9 5l7 7-7 7") })
     ] })
   ] });
 }
-var styles42 = StyleSheet42.create({
+var styles43 = StyleSheet43.create({
   root: { gap: 8 },
   segments: { flexDirection: "row", gap: 4 },
   segment: { flex: 1, height: 24, justifyContent: "center" },
@@ -4986,9 +5042,9 @@ var styles42 = StyleSheet42.create({
 });
 
 // src/native/skeleton.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { Animated as Animated22 } from "react-native";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var SHAPE = {
   text: { width: "100%", height: 12, radius: 4 },
   circle: { width: 40, height: 40, radius: 9999 },
@@ -4997,8 +5053,8 @@ var SHAPE = {
 function Skeleton({ shape = "text", width, height, style, testID }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
-  const [opacity] = React37.useState(() => new Animated22.Value(1));
-  React37.useEffect(() => {
+  const [opacity] = React38.useState(() => new Animated22.Value(1));
+  React38.useEffect(() => {
     if (reduce) return;
     const loop = Animated22.loop(
       Animated22.sequence([
@@ -5014,7 +5070,7 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
   }, [reduce, opacity]);
   const s = SHAPE[shape];
   const side = shape === "circle" ? width ?? height ?? s.width : void 0;
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     Animated22.View,
     {
       testID,
@@ -5028,10 +5084,10 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
 }
 
 // src/native/slider.tsx
-import * as React38 from "react";
-import { PanResponder as PanResponder2, StyleSheet as StyleSheet43, Text as Text17, View as View51 } from "react-native";
-import Svg27, { Defs as Defs14, LinearGradient as LinearGradient11, Rect as Rect4, Stop as Stop14 } from "react-native-svg";
-import { jsx as jsx58, jsxs as jsxs51 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { PanResponder as PanResponder2, StyleSheet as StyleSheet44, Text as Text17, View as View52 } from "react-native";
+import Svg28, { Defs as Defs14, LinearGradient as LinearGradient11, Rect as Rect4, Stop as Stop14 } from "react-native-svg";
+import { jsx as jsx59, jsxs as jsxs52 } from "react/jsx-runtime";
 var THUMB = 26;
 var toArray = (v) => v === void 0 ? void 0 : typeof v === "number" ? [v] : [...v];
 function Slider({
@@ -5057,20 +5113,20 @@ function Slider({
   const { theme, radius: radius3, haptic } = useTheme();
   const range = Array.isArray(value ?? defaultValue);
   const vertical = orientation === "vertical";
-  const [inner, setInner] = React38.useState(() => toArray(defaultValue) ?? [min]);
+  const [inner, setInner] = React39.useState(() => toArray(defaultValue) ?? [min]);
   const current = toArray(value) ?? inner;
-  const [length, setLength] = React38.useState(0);
-  const [dragging, setDragging] = React38.useState(null);
+  const [length, setLength] = React39.useState(0);
+  const [dragging, setDragging] = React39.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 = React38.useRef({ current, length, vertical, disabled });
-  React38.useLayoutEffect(() => {
+  const live = React39.useRef({ current, length, vertical, disabled });
+  React39.useLayoutEffect(() => {
     live.current = { current, length, vertical, disabled };
   });
-  const active = React38.useRef(0);
-  const start = React38.useRef(0);
+  const active = React39.useRef(0);
+  const start = React39.useRef(0);
   const set = (next) => {
     if (value === void 0) setInner(next);
     onValueChange?.(out(next));
@@ -5091,11 +5147,11 @@ function Slider({
     return min + p * (max - min);
   };
   const commit = () => onValueCommit?.(out(live.current.current));
-  const handlers = React38.useRef({ move, at, commit });
-  React38.useLayoutEffect(() => {
+  const handlers = React39.useRef({ move, at, commit });
+  React39.useLayoutEffect(() => {
     handlers.current = { move, at, commit };
   });
-  const [responder] = React38.useState(
+  const [responder] = React39.useState(
     () => PanResponder2.create({
       onStartShouldSetPanResponder: () => !live.current.disabled,
       onMoveShouldSetPanResponder: () => !live.current.disabled,
@@ -5123,24 +5179,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__ */ jsxs51(View51, { style: [styles43.root, vertical ? styles43.rootVertical : null, disabled ? styles43.disabled : null, style], children: [
-    showLabel ? /* @__PURE__ */ jsxs51(View51, { style: styles43.header, children: [
-      /* @__PURE__ */ jsx58(Text17, { style: [styles43.label, { color: theme.textSecondary }], children: label }),
-      /* @__PURE__ */ jsx58(Text17, { "aria-hidden": true, style: [styles43.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
+  return /* @__PURE__ */ jsxs52(View52, { style: [styles44.root, vertical ? styles44.rootVertical : null, disabled ? styles44.disabled : null, style], children: [
+    showLabel ? /* @__PURE__ */ jsxs52(View52, { style: styles44.header, children: [
+      /* @__PURE__ */ jsx59(Text17, { style: [styles44.label, { color: theme.textSecondary }], children: label }),
+      /* @__PURE__ */ jsx59(Text17, { "aria-hidden": true, style: [styles44.value, { color: theme.textSecondary }], children: current.map(formatValue).join(" \u2013 ") })
     ] }) : null,
-    /* @__PURE__ */ jsxs51(View51, { ...responder.panHandlers, style: vertical ? styles43.controlVertical : styles43.control, children: [
-      /* @__PURE__ */ jsxs51(View51, { onLayout, pointerEvents: "none", style: [vertical ? styles43.trackVertical : styles43.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
-        /* @__PURE__ */ jsx58(View51, { style: [styles43.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs51(Svg27, { width: "100%", height: "100%", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx58(Defs14, { children: /* @__PURE__ */ jsxs51(LinearGradient11, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
-            /* @__PURE__ */ jsx58(Stop14, { offset: "0", stopColor: theme.accent }),
-            /* @__PURE__ */ jsx58(Stop14, { offset: "1", stopColor: theme.accent2 })
+    /* @__PURE__ */ jsxs52(View52, { ...responder.panHandlers, style: vertical ? styles44.controlVertical : styles44.control, children: [
+      /* @__PURE__ */ jsxs52(View52, { onLayout, pointerEvents: "none", style: [vertical ? styles44.trackVertical : styles44.track, { borderRadius: radius3.full, backgroundColor: theme.surface3 }], children: [
+        /* @__PURE__ */ jsx59(View52, { style: [styles44.fill, fill, { borderRadius: radius3.full, overflow: "hidden", backgroundColor: theme.accent }], children: tone3 === "gradient" ? /* @__PURE__ */ jsxs52(Svg28, { width: "100%", height: "100%", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx59(Defs14, { children: /* @__PURE__ */ jsxs52(LinearGradient11, { id: gradientId, x1: "0", y1: vertical ? "1" : "0", x2: vertical ? "0" : "1", y2: "0", children: [
+            /* @__PURE__ */ jsx59(Stop14, { offset: "0", stopColor: theme.accent }),
+            /* @__PURE__ */ jsx59(Stop14, { offset: "1", stopColor: theme.accent2 })
           ] }) }),
-          /* @__PURE__ */ jsx58(Rect4, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
+          /* @__PURE__ */ jsx59(Rect4, { width: "100%", height: "100%", fill: `url(#${gradientId})` })
         ] }) : null }),
-        tickValues.map((t) => /* @__PURE__ */ jsx58(View51, { style: [vertical ? styles43.tickVertical : styles43.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
+        tickValues.map((t) => /* @__PURE__ */ jsx59(View52, { style: [vertical ? styles44.tickVertical : styles44.tick, along(pct(t)), { backgroundColor: t > lo && t < hi ? theme.onAccent : theme.borderStrong }] }, t))
       ] }),
-      current.map((v, i) => /* @__PURE__ */ jsx58(
-        View51,
+      current.map((v, i) => /* @__PURE__ */ jsx59(
+        View52,
         {
           accessible: true,
           role: "slider",
@@ -5159,16 +5215,16 @@ function Slider({
             onValueCommit?.(out(values));
           },
           pointerEvents: "none",
-          style: [styles43.thumb, vertical ? { bottom: pct(v) * length, left: (44 - THUMB) / 2, marginLeft: 0, marginTop: 0 } : { left: pct(v) * length - THUMB / 2, top: 0 }, { borderColor: theme.accent, backgroundColor: theme.textOnMedia, shadowColor: theme.scrimStrong }],
-          children: floatingValue === "always" || floatingValue && dragging === i ? /* @__PURE__ */ jsx58(View51, { "aria-hidden": true, style: [vertical ? styles43.bubbleVertical : styles43.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx58(Text17, { style: [styles43.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
+          style: [styles44.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__ */ jsx59(View52, { "aria-hidden": true, style: [vertical ? styles44.bubbleVertical : styles44.bubble, { backgroundColor: theme.textPrimary, borderRadius: radius3.md }], children: /* @__PURE__ */ jsx59(Text17, { style: [styles44.bubbleText, { color: theme.surface0 }], children: formatValue(v) }) }) : null
         },
         i
       ))
     ] }),
-    marks2?.length && !vertical ? /* @__PURE__ */ jsx58(View51, { "aria-hidden": true, style: styles43.marks, children: marks2.map((m) => /* @__PURE__ */ jsx58(Text17, { style: [styles43.mark, { left: pct(m.value) * length, color: theme.textSecondary, transform: [{ translateX: m.value === min ? 0 : m.value === max ? -40 : -20 }], textAlign: m.value === min ? "left" : m.value === max ? "right" : "center" }], children: m.label }, m.value)) }) : null
+    marks2?.length && !vertical ? /* @__PURE__ */ jsx59(View52, { "aria-hidden": true, style: styles44.marks, children: marks2.map((m) => /* @__PURE__ */ jsx59(Text17, { style: [styles44.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 styles43 = StyleSheet43.create({
+var styles44 = StyleSheet44.create({
   root: { gap: 8, alignSelf: "stretch" },
   rootVertical: { alignSelf: "flex-start", alignItems: "center" },
   header: { flexDirection: "row", justifyContent: "space-between", alignItems: "baseline", gap: 12 },
@@ -5204,10 +5260,10 @@ var styles43 = StyleSheet43.create({
 
 // src/native/spinner.tsx
 import { ActivityIndicator as ActivityIndicator2 } from "react-native";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function Spinner({ label, size = "md", ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     ActivityIndicator2,
     {
       accessible: true,
@@ -5222,15 +5278,15 @@ function Spinner({ label, size = "md", ...props }) {
 }
 
 // src/native/splash-handoff.tsx
-import * as React39 from "react";
-import { Animated as Animated23, Easing as Easing13, StyleSheet as StyleSheet44, View as View52 } from "react-native";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import * as React40 from "react";
+import { Animated as Animated23, Easing as Easing13, StyleSheet as StyleSheet45, View as View53 } from "react-native";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function SplashHandoff({ product, ready, onShown, onDone, size = 96, background, label, duration = 320, style }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
-  const [opacity] = React39.useState(() => new Animated23.Value(1));
-  const [gone, setGone] = React39.useState(false);
-  React39.useEffect(() => {
+  const [opacity] = React40.useState(() => new Animated23.Value(1));
+  const [gone, setGone] = React40.useState(false);
+  React40.useEffect(() => {
     if (!ready) return;
     const animation = Animated23.timing(opacity, { toValue: 0, duration: reduce ? 0 : duration, easing: Easing13.out(Easing13.ease), useNativeDriver: true });
     animation.start(({ finished }) => {
@@ -5242,7 +5298,7 @@ function SplashHandoff({ product, ready, onShown, onDone, size = 96, background,
     return () => animation.stop();
   }, [ready, reduce, duration, opacity, onDone]);
   if (gone) return null;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     Animated23.View,
     {
       accessible: true,
@@ -5251,30 +5307,30 @@ function SplashHandoff({ product, ready, onShown, onDone, size = 96, background,
       "aria-busy": true,
       pointerEvents: ready ? "none" : "auto",
       onLayout: onShown,
-      style: [StyleSheet44.absoluteFill, styles44.root, { backgroundColor: background ?? theme.surface0, opacity }, style],
-      children: /* @__PURE__ */ jsx60(View52, { children: /* @__PURE__ */ jsx60(ProductMark, { id: product, size, animated: true }) })
+      style: [StyleSheet45.absoluteFill, styles45.root, { backgroundColor: background ?? theme.surface0, opacity }, style],
+      children: /* @__PURE__ */ jsx61(View53, { children: /* @__PURE__ */ jsx61(ProductMark, { id: product, size, animated: true }) })
     }
   );
 }
-var styles44 = StyleSheet44.create({ root: { alignItems: "center", justifyContent: "center", zIndex: 100 } });
+var styles45 = StyleSheet45.create({ root: { alignItems: "center", justifyContent: "center", zIndex: 100 } });
 
 // src/native/step-progress.tsx
-import { Pressable as Pressable22, StyleSheet as StyleSheet45, View as View53 } from "react-native";
-import Svg28, { Path as Path23 } from "react-native-svg";
-import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Pressable as Pressable23, StyleSheet as StyleSheet46, View as View54 } from "react-native";
+import Svg29, { Path as Path24 } from "react-native-svg";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
 function StepProgress({ step, total, label, backLabel, onBack, trailing, style }) {
   const { theme, insets } = useTheme();
   const words2 = label(step, total);
-  return /* @__PURE__ */ jsxs52(View53, { style: [styles45.root, { paddingTop: insets.top + 8 }, style], children: [
-    /* @__PURE__ */ jsxs52(View53, { style: styles45.row, children: [
-      onBack && backLabel ? /* @__PURE__ */ jsx61(Pressable22, { role: "button", "aria-label": backLabel, hitSlop: 10, onPress: onBack, style: styles45.back, children: /* @__PURE__ */ jsx61(Svg28, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx61(Path23, { d: "M15 5l-7 7 7 7", stroke: theme.textPrimary, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx61(View53, { style: styles45.back }),
-      /* @__PURE__ */ jsx61(View53, { accessible: true, role: "progressbar", "aria-label": words2, "aria-valuemin": 1, "aria-valuemax": total, "aria-valuenow": step, "aria-valuetext": words2, style: styles45.bars, children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsx61(View53, { style: [styles45.bar, { backgroundColor: i < step ? theme.accent : theme.surface3 }] }, i)) }),
-      /* @__PURE__ */ jsx61(View53, { style: styles45.trailing, children: trailing })
+  return /* @__PURE__ */ jsxs53(View54, { style: [styles46.root, { paddingTop: insets.top + 8 }, style], children: [
+    /* @__PURE__ */ jsxs53(View54, { style: styles46.row, children: [
+      onBack && backLabel ? /* @__PURE__ */ jsx62(Pressable23, { role: "button", "aria-label": backLabel, hitSlop: 10, onPress: onBack, style: styles46.back, children: /* @__PURE__ */ jsx62(Svg29, { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx62(Path24, { d: "M15 5l-7 7 7 7", stroke: theme.textPrimary, strokeWidth: 2.4, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx62(View54, { style: styles46.back }),
+      /* @__PURE__ */ jsx62(View54, { accessible: true, role: "progressbar", "aria-label": words2, "aria-valuemin": 1, "aria-valuemax": total, "aria-valuenow": step, "aria-valuetext": words2, style: styles46.bars, children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsx62(View54, { style: [styles46.bar, { backgroundColor: i < step ? theme.accent : theme.surface3 }] }, i)) }),
+      /* @__PURE__ */ jsx62(View54, { style: styles46.trailing, children: trailing })
     ] }),
-    /* @__PURE__ */ jsx61(Txt, { variant: "caption", tone: "secondary", style: styles45.words, "aria-hidden": true, children: words2 })
+    /* @__PURE__ */ jsx62(Txt, { variant: "caption", tone: "secondary", style: styles46.words, "aria-hidden": true, children: words2 })
   ] });
 }
-var styles45 = StyleSheet45.create({
+var styles46 = StyleSheet46.create({
   root: { paddingHorizontal: 12, gap: 6 },
   row: { flexDirection: "row", alignItems: "center", gap: 8 },
   back: { width: 40, height: 40, alignItems: "center", justifyContent: "center" },
@@ -5285,36 +5341,36 @@ var styles45 = StyleSheet45.create({
 });
 
 // src/native/stepper.tsx
-import { StyleSheet as StyleSheet46, View as View54 } from "react-native";
-import Svg29, { Circle as Circle16, Path as Path24 } from "react-native-svg";
-import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet47, View as View55 } from "react-native";
+import Svg30, { Circle as Circle16, Path as Path25 } from "react-native-svg";
+import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 var WORDS = { done: "done", current: "in progress", upcoming: "to come", error: "failed" };
 function Stepper({ steps, current = 0, orientation = "vertical", statusLabels, "aria-label": label, style }) {
   const { theme } = useTheme();
   const words2 = { ...WORDS, ...statusLabels };
   const vertical = orientation === "vertical";
-  return /* @__PURE__ */ jsx62(View54, { role: "list", "aria-label": label, style: [vertical ? styles46.column : styles46.row, style], children: steps.map((step, i) => {
+  return /* @__PURE__ */ jsx63(View55, { role: "list", "aria-label": label, style: [vertical ? styles47.column : styles47.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__ */ jsx62(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx62(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs53(Svg29, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx62(Circle16, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
-      status === "done" ? /* @__PURE__ */ jsx62(Path24, { d: "M7.5 12.3l3 3 6-6.3", stroke: theme.onAccent, strokeWidth: 2.2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) : null
+    const node = status === "current" ? /* @__PURE__ */ jsx63(LoaderGlyph, { value: step.value ?? null, size: 24 }) : status === "error" ? /* @__PURE__ */ jsx63(LoaderGlyph, { state: "error", size: 24 }) : /* @__PURE__ */ jsxs54(Svg30, { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx63(Circle16, { cx: 12, cy: 12, r: 10, fill: status === "done" ? theme.accent : "none", stroke: status === "done" ? theme.accent : theme.borderStrong, strokeWidth: 2 }),
+      status === "done" ? /* @__PURE__ */ jsx63(Path25, { 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__ */ jsx62(View54, { "aria-hidden": true, style: [vertical ? styles46.vLine : styles46.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
-    return /* @__PURE__ */ jsxs53(View54, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words2[status]}`, style: vertical ? styles46.vStep : styles46.hStep, children: [
-      /* @__PURE__ */ jsxs53(View54, { style: vertical ? styles46.vRail : styles46.hRail, children: [
+    const connector = !last ? /* @__PURE__ */ jsx63(View55, { "aria-hidden": true, style: [vertical ? styles47.vLine : styles47.hLine, { backgroundColor: status === "done" ? theme.accent : theme.borderDefault }] }) : null;
+    return /* @__PURE__ */ jsxs54(View55, { role: "listitem", accessible: true, "aria-label": `${step.title}, ${words2[status]}`, style: vertical ? styles47.vStep : styles47.hStep, children: [
+      /* @__PURE__ */ jsxs54(View55, { style: vertical ? styles47.vRail : styles47.hRail, children: [
         node,
         connector
       ] }),
-      /* @__PURE__ */ jsxs53(View54, { style: [styles46.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
-        /* @__PURE__ */ jsx62(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
-        step.description ? /* @__PURE__ */ jsx62(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
-        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx62(View54, { style: styles46.content, children: step.content }) : null
+      /* @__PURE__ */ jsxs54(View55, { style: [styles47.body, vertical && !last ? { paddingBottom: 20 } : null], children: [
+        /* @__PURE__ */ jsx63(Txt, { variant: "label", tone: status === "upcoming" ? "secondary" : "text", numberOfLines: vertical ? void 0 : 2, children: step.title }),
+        step.description ? /* @__PURE__ */ jsx63(Txt, { variant: "caption", tone: "secondary", children: step.description }) : null,
+        step.content && (status === "current" || status === "error") ? /* @__PURE__ */ jsx63(View55, { style: styles47.content, children: step.content }) : null
       ] })
     ] }, i);
   }) });
 }
-var styles46 = StyleSheet46.create({
+var styles47 = StyleSheet47.create({
   column: { gap: 0 },
   row: { flexDirection: "row" },
   vStep: { flexDirection: "row", gap: 12 },
@@ -5328,59 +5384,59 @@ var styles46 = StyleSheet46.create({
 });
 
 // src/native/swipe-deck.tsx
-import * as React40 from "react";
-import { AccessibilityInfo as AccessibilityInfo14, Animated as Animated24, Image as Image5, PanResponder as PanResponder3, Platform as Platform4, Pressable as Pressable23, StyleSheet as StyleSheet47, useWindowDimensions as useWindowDimensions2, View as View55 } from "react-native";
-import Svg30, { Defs as Defs15, LinearGradient as LinearGradient12, Path as Path25, Rect as Rect5, Stop as Stop15 } from "react-native-svg";
-import { Fragment as Fragment8, jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
+import * as React41 from "react";
+import { AccessibilityInfo as AccessibilityInfo14, Animated as Animated24, Image as Image5, PanResponder as PanResponder3, Platform as Platform4, Pressable as Pressable24, StyleSheet as StyleSheet48, useWindowDimensions as useWindowDimensions2, View as View56 } from "react-native";
+import Svg31, { Defs as Defs15, LinearGradient as LinearGradient12, Path as Path26, Rect as Rect5, Stop as Stop15 } from "react-native-svg";
+import { Fragment as Fragment10, jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 function PersonCard({ photos, name, age, badge, meta, bio, footer, photoLabel = (n, t) => `Photo ${n} of ${t}`, style }) {
   const { theme, radius: radius3 } = useTheme();
-  const [index, setIndex] = React40.useState(0);
+  const [index, setIndex] = React41.useState(0);
   const gradient = useSvgId("kz-profile-");
-  const [box, setBox] = React40.useState(null);
+  const [box, setBox] = React41.useState(null);
   const photo = photos[index];
-  return /* @__PURE__ */ jsxs54(
-    View55,
+  return /* @__PURE__ */ jsxs55(
+    View56,
     {
       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: [styles47.card, { borderRadius: radius3.xl, backgroundColor: theme.media }, style],
+      style: [styles48.card, { borderRadius: radius3.xl, backgroundColor: theme.media }, style],
       children: [
-        photo ? /* @__PURE__ */ jsx63(Image5, { testID: "person-card-photo", source: { uri: photo.uri }, style: StyleSheet47.absoluteFill, resizeMode: "cover" }) : null,
-        photos.length > 1 ? /* @__PURE__ */ jsxs54(Fragment8, { children: [
-          /* @__PURE__ */ jsx63(View55, { style: styles47.bars, "aria-hidden": true, children: photos.map((_, i) => /* @__PURE__ */ jsx63(View55, { style: [styles47.bar, { backgroundColor: theme.textOnMedia, opacity: i === index ? 1 : 0.4 }] }, i)) }),
-          /* @__PURE__ */ jsx63(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles47.half, { left: 0 }], onPress: () => setIndex((i) => Math.max(0, i - 1)) }),
-          /* @__PURE__ */ jsx63(Pressable23, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles47.half, { right: 0 }], onPress: () => setIndex((i) => Math.min(photos.length - 1, i + 1)) })
+        photo ? /* @__PURE__ */ jsx64(Image5, { testID: "person-card-photo", source: { uri: photo.uri }, style: StyleSheet48.absoluteFill, resizeMode: "cover" }) : null,
+        photos.length > 1 ? /* @__PURE__ */ jsxs55(Fragment10, { children: [
+          /* @__PURE__ */ jsx64(View56, { style: styles48.bars, "aria-hidden": true, children: photos.map((_, i) => /* @__PURE__ */ jsx64(View56, { style: [styles48.bar, { backgroundColor: theme.textOnMedia, opacity: i === index ? 1 : 0.4 }] }, i)) }),
+          /* @__PURE__ */ jsx64(Pressable24, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles48.half, { left: 0 }], onPress: () => setIndex((i) => Math.max(0, i - 1)) }),
+          /* @__PURE__ */ jsx64(Pressable24, { "aria-hidden": true, accessible: false, focusable: false, tabIndex: -1, style: [styles48.half, { right: 0 }], onPress: () => setIndex((i) => Math.min(photos.length - 1, i + 1)) })
         ] }) : null,
-        /* @__PURE__ */ jsxs54(
-          View55,
+        /* @__PURE__ */ jsxs55(
+          View56,
           {
             testID: "person-card-overlay",
             pointerEvents: "box-none",
-            style: styles47.bottom,
+            style: styles48.bottom,
             onLayout: (e) => setBox({ width: e.nativeEvent.layout.width, height: e.nativeEvent.layout.height }),
             children: [
-              box ? /* @__PURE__ */ jsxs54(Svg30, { testID: "person-card-scrim", style: styles47.scrim, width: box.width, height: box.height, "aria-hidden": true, children: [
-                /* @__PURE__ */ jsx63(Defs15, { children: /* @__PURE__ */ jsxs54(LinearGradient12, { id: gradient, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                  /* @__PURE__ */ jsx63(Stop15, { offset: "0", stopColor: theme.scrimStrong, stopOpacity: 0 }),
-                  /* @__PURE__ */ jsx63(Stop15, { offset: "0.5", stopColor: theme.scrimStrong, stopOpacity: 0.8 }),
-                  /* @__PURE__ */ jsx63(Stop15, { offset: "1", stopColor: theme.scrimStrong, stopOpacity: 1 })
+              box ? /* @__PURE__ */ jsxs55(Svg31, { testID: "person-card-scrim", style: styles48.scrim, width: box.width, height: box.height, "aria-hidden": true, children: [
+                /* @__PURE__ */ jsx64(Defs15, { children: /* @__PURE__ */ jsxs55(LinearGradient12, { id: gradient, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                  /* @__PURE__ */ jsx64(Stop15, { offset: "0", stopColor: theme.scrimStrong, stopOpacity: 0 }),
+                  /* @__PURE__ */ jsx64(Stop15, { offset: "0.5", stopColor: theme.scrimStrong, stopOpacity: 0.8 }),
+                  /* @__PURE__ */ jsx64(Stop15, { offset: "1", stopColor: theme.scrimStrong, stopOpacity: 1 })
                 ] }) }),
-                /* @__PURE__ */ jsx63(Rect5, { x: 0, y: 0, width: box.width, height: box.height, fill: `url(#${gradient})` })
+                /* @__PURE__ */ jsx64(Rect5, { x: 0, y: 0, width: box.width, height: box.height, fill: `url(#${gradient})` })
               ] }) : null,
-              /* @__PURE__ */ jsxs54(View55, { style: styles47.text, children: [
-                /* @__PURE__ */ jsxs54(View55, { style: styles47.nameRow, children: [
-                  /* @__PURE__ */ jsxs54(Txt, { variant: "display", tone: "onMedia", style: styles47.name, numberOfLines: 1, children: [
+              /* @__PURE__ */ jsxs55(View56, { style: styles48.text, children: [
+                /* @__PURE__ */ jsxs55(View56, { style: styles48.nameRow, children: [
+                  /* @__PURE__ */ jsxs55(Txt, { variant: "display", tone: "onMedia", style: styles48.name, numberOfLines: 1, children: [
                     name,
-                    age !== void 0 ? /* @__PURE__ */ jsx63(Txt, { variant: "display", tone: "onMedia", style: styles47.age, children: `  ${age}` }) : null
+                    age !== void 0 ? /* @__PURE__ */ jsx64(Txt, { variant: "display", tone: "onMedia", style: styles48.age, children: `  ${age}` }) : null
                   ] }),
                   badge
                 ] }),
                 meta,
-                bio ? /* @__PURE__ */ jsx63(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
-                footer ? /* @__PURE__ */ jsx63(View55, { style: styles47.footer, children: footer }) : null
+                bio ? /* @__PURE__ */ jsx64(Txt, { tone: "onMedia", numberOfLines: 2, children: bio }) : null,
+                footer ? /* @__PURE__ */ jsx64(View56, { style: styles48.footer, children: footer }) : null
               ] })
             ]
           }
@@ -5393,9 +5449,9 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
   const { theme, haptic } = useTheme();
   const reduce = useReducedMotion();
   const { width } = useWindowDimensions2();
-  const [x] = React40.useState(() => new Animated24.Value(0));
+  const [x] = React41.useState(() => new Animated24.Value(0));
   const top = items2[0];
-  const decide = React40.useCallback(
+  const decide = React41.useCallback(
     (direction) => {
       if (!top) return;
       haptic("impact");
@@ -5409,7 +5465,7 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
     },
     [top, haptic, reduce, x, width, onSwipe, items2.length, labels.empty]
   );
-  const pan = React40.useMemo(
+  const pan = React41.useMemo(
     () => PanResponder3.create({
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 8 && Math.abs(g.dx) > Math.abs(g.dy),
       onPanResponderMove: (_, g) => x.setValue(g.dx),
@@ -5424,26 +5480,26 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
   const rotate = x.interpolate({ inputRange: [-width, 0, width], outputRange: ["-14deg", "0deg", "14deg"] });
   const likeOpacity = x.interpolate({ inputRange: [0, width / 4], outputRange: [0, 1], extrapolate: "clamp" });
   const passOpacity = x.interpolate({ inputRange: [-width / 4, 0], outputRange: [1, 0], extrapolate: "clamp" });
-  const button = (direction) => /* @__PURE__ */ jsx63(
-    Pressable23,
+  const button = (direction) => /* @__PURE__ */ jsx64(
+    Pressable24,
     {
       role: "button",
       "aria-label": direction === "like" ? labels.like : labels.pass,
       disabled: !top,
       onPress: () => decide(direction),
       style: ({ pressed }) => [
-        styles47.button,
+        styles48.button,
         { borderColor: direction === "like" ? theme.success : theme.danger, backgroundColor: theme.surface1, transform: [{ scale: pressed ? 0.92 : 1 }], opacity: top ? 1 : 0.4 }
       ],
-      children: /* @__PURE__ */ jsx63(Svg30, { width: 28, height: 28, viewBox: "0 0 24 24", "aria-hidden": true, children: direction === "like" ? /* @__PURE__ */ jsx63(Path25, { d: "M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z", fill: theme.success }) : /* @__PURE__ */ jsx63(Path25, { d: "M6 6l12 12M18 6 6 18", stroke: theme.danger, strokeWidth: 3, strokeLinecap: "round" }) })
+      children: /* @__PURE__ */ jsx64(Svg31, { width: 28, height: 28, viewBox: "0 0 24 24", "aria-hidden": true, children: direction === "like" ? /* @__PURE__ */ jsx64(Path26, { 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__ */ jsx64(Path26, { d: "M6 6l12 12M18 6 6 18", stroke: theme.danger, strokeWidth: 3, strokeLinecap: "round" }) })
     }
   );
-  return /* @__PURE__ */ jsxs54(View55, { style: [styles47.deck, style], children: [
-    /* @__PURE__ */ jsxs54(View55, { style: styles47.stack, children: [
+  return /* @__PURE__ */ jsxs55(View56, { style: [styles48.deck, style], children: [
+    /* @__PURE__ */ jsxs55(View56, { style: styles48.stack, children: [
       !top ? empty2 ?? null : null,
       items2.slice(0, 2).reverse().map((item) => {
         const isTop = item === top;
-        return /* @__PURE__ */ jsxs54(
+        return /* @__PURE__ */ jsxs55(
           Animated24.View,
           {
             ...isTop ? pan.panHandlers : {},
@@ -5452,12 +5508,12 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
             "aria-hidden": !isTop,
             importantForAccessibility: isTop ? "auto" : "no-hide-descendants",
             pointerEvents: isTop ? "auto" : "none",
-            style: [StyleSheet47.absoluteFill, isTop ? { transform: [{ translateX: x }, { rotate }] } : { transform: [{ scale: 0.96 }], opacity: 0.9 }],
+            style: [StyleSheet48.absoluteFill, isTop ? { transform: [{ translateX: x }, { rotate }] } : { transform: [{ scale: 0.96 }], opacity: 0.9 }],
             children: [
               renderCard(item),
-              isTop ? /* @__PURE__ */ jsxs54(Fragment8, { children: [
-                /* @__PURE__ */ jsx63(Animated24.View, { pointerEvents: "none", style: [styles47.stamp, styles47.stampLike, { borderColor: theme.success, opacity: likeOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx63(Txt, { variant: "title", style: { color: theme.success }, children: labels.likeStamp ?? labels.like.toUpperCase() }) }),
-                /* @__PURE__ */ jsx63(Animated24.View, { pointerEvents: "none", style: [styles47.stamp, styles47.stampPass, { borderColor: theme.danger, opacity: passOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx63(Txt, { variant: "title", style: { color: theme.danger }, children: labels.passStamp ?? labels.pass.toUpperCase() }) })
+              isTop ? /* @__PURE__ */ jsxs55(Fragment10, { children: [
+                /* @__PURE__ */ jsx64(Animated24.View, { pointerEvents: "none", style: [styles48.stamp, styles48.stampLike, { borderColor: theme.success, opacity: likeOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx64(Txt, { variant: "title", style: { color: theme.success }, children: labels.likeStamp ?? labels.like.toUpperCase() }) }),
+                /* @__PURE__ */ jsx64(Animated24.View, { pointerEvents: "none", style: [styles48.stamp, styles48.stampPass, { borderColor: theme.danger, opacity: passOpacity }], "aria-hidden": true, children: /* @__PURE__ */ jsx64(Txt, { variant: "title", style: { color: theme.danger }, children: labels.passStamp ?? labels.pass.toUpperCase() }) })
               ] }) : null
             ]
           },
@@ -5465,13 +5521,13 @@ function SwipeDeck({ items: items2, getId, renderCard, onSwipe, empty: empty2, l
         );
       })
     ] }),
-    hideButtons ? null : /* @__PURE__ */ jsxs54(View55, { style: styles47.buttons, children: [
+    hideButtons ? null : /* @__PURE__ */ jsxs55(View56, { style: styles48.buttons, children: [
       button("pass"),
       button("like")
     ] })
   ] });
 }
-var styles47 = StyleSheet47.create({
+var styles48 = StyleSheet48.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 },
@@ -5493,18 +5549,18 @@ var styles47 = StyleSheet47.create({
 });
 
 // src/native/swipeable-row.tsx
-import * as React41 from "react";
-import { Animated as Animated25, PanResponder as PanResponder4, Pressable as Pressable24, StyleSheet as StyleSheet48, View as View56 } from "react-native";
-import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
+import * as React42 from "react";
+import { Animated as Animated25, PanResponder as PanResponder4, Pressable as Pressable25, StyleSheet as StyleSheet49, View as View57 } from "react-native";
+import { jsx as jsx65, jsxs as jsxs56 } 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] = React41.useState(() => new Animated25.Value(0));
-  const [width, setWidth] = React41.useState(0);
-  const rest = React41.useRef(0);
-  const armed = React41.useRef(false);
+  const [x] = React42.useState(() => new Animated25.Value(0));
+  const [width, setWidth] = React42.useState(0);
+  const rest = React42.useRef(0);
+  const armed = React42.useRef(false);
   const settle = (to) => {
     rest.current = to;
     if (reduce) x.setValue(to);
@@ -5514,7 +5570,7 @@ function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6,
     settle(0);
     action.onPress();
   };
-  const pan = React41.useMemo(
+  const pan = React42.useMemo(
     () => PanResponder4.create({
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 8 && Math.abs(g.dx) > Math.abs(g.dy) * 1.5,
       onPanResponderMove: (_, g) => {
@@ -5543,18 +5599,18 @@ function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6,
     [trailing, leading, fullSwipe, width, actionWidth]
     // eslint-disable-line react-hooks/exhaustive-deps -- run/settle are stable in effect
   );
-  const side = (actions, edge) => /* @__PURE__ */ jsx64(View56, { "aria-hidden": true, style: [styles48.side, edge === "left" ? { left: 0 } : { right: 0, flexDirection: "row-reverse" }], children: actions.map((action, i) => (
+  const side = (actions, edge) => /* @__PURE__ */ jsx65(View57, { "aria-hidden": true, style: [styles49.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__ */ jsxs55(Pressable24, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles48.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
+    /* @__PURE__ */ jsxs56(Pressable25, { focusable: false, tabIndex: -1, onPress: () => run(action), style: [styles49.action, { width: actionWidth, backgroundColor: toneColor(theme, action.tone) }], children: [
       action.icon,
-      /* @__PURE__ */ jsx64(Txt, { variant: "caption", tone: toneText(action.tone), style: styles48.actionText, numberOfLines: 1, children: action.label })
+      /* @__PURE__ */ jsx65(Txt, { variant: "caption", tone: toneText(action.tone), style: styles49.actionText, numberOfLines: 1, children: action.label })
     ] }, i)
   )) });
   const all = [...leading, ...trailing];
-  return /* @__PURE__ */ jsxs55(View56, { style: [styles48.root, style], onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+  return /* @__PURE__ */ jsxs56(View57, { style: [styles49.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__ */ jsx64(
+    /* @__PURE__ */ jsx65(
       Animated25.View,
       {
         ...pan.panHandlers,
@@ -5566,13 +5622,13 @@ function SwipeableRow({ children, trailing = [], leading = [], fullSwipe = 0.6,
           const action = all.find((a) => a.label === e.nativeEvent.actionName);
           if (action) action.onPress();
         },
-        style: [styles48.front, { backgroundColor: theme.surface0, transform: [{ translateX: x }] }],
+        style: [styles49.front, { backgroundColor: theme.surface0, transform: [{ translateX: x }] }],
         children
       }
     )
   ] });
 }
-var styles48 = StyleSheet48.create({
+var styles49 = StyleSheet49.create({
   root: { overflow: "hidden" },
   side: { position: "absolute", top: 0, bottom: 0, flexDirection: "row" },
   action: { alignItems: "center", justifyContent: "center", gap: 4, paddingHorizontal: 6 },
@@ -5581,18 +5637,18 @@ var styles48 = StyleSheet48.create({
 });
 
 // src/native/switch.tsx
-import * as React42 from "react";
-import { Animated as Animated26, Pressable as Pressable25, StyleSheet as StyleSheet49, Text as Text18, View as View57 } from "react-native";
-import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
+import * as React43 from "react";
+import { Animated as Animated26, Pressable as Pressable26, StyleSheet as StyleSheet50, Text as Text18, View as View58 } from "react-native";
+import { jsx as jsx66, jsxs as jsxs57 } 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] = React42.useState(defaultChecked);
+  const [own, setOwn] = React43.useState(defaultChecked);
   const on = checked ?? own;
   const d = SIZES[size];
   const travel = d.w - d.knob - (d.h - d.knob);
-  const [x] = React42.useState(() => new Animated26.Value(on ? 1 : 0));
-  React42.useEffect(() => {
+  const [x] = React43.useState(() => new Animated26.Value(on ? 1 : 0));
+  React43.useEffect(() => {
     Animated26.timing(x, { toValue: on ? 1 : 0, duration: motion3.duration.base, useNativeDriver: true }).start();
   }, [on, x, motion3.duration.base]);
   const toggle = () => {
@@ -5600,11 +5656,11 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     if (checked === void 0) setOwn(!on);
     onCheckedChange?.(!on);
   };
-  const track = /* @__PURE__ */ jsx65(View57, { style: [styles49.track, { width: d.w, height: d.h, borderRadius: d.h / 2, backgroundColor: on ? theme.accent : theme.surface3, borderColor: error ? theme.danger : on ? theme.accent : theme.borderDefault }], children: /* @__PURE__ */ jsx65(
+  const track = /* @__PURE__ */ jsx66(View58, { style: [styles50.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__ */ jsx66(
     Animated26.View,
     {
       style: [
-        styles49.knob,
+        styles50.knob,
         {
           width: d.knob,
           height: d.knob,
@@ -5626,19 +5682,19 @@ function Switch({ label, checked, defaultChecked = false, onCheckedChange, descr
     onPress: toggle
   };
   if (!showLabel)
-    return /* @__PURE__ */ jsx65(Pressable25, { ...a11y, hitSlop: { top: (44 - d.h) / 2, bottom: (44 - d.h) / 2, left: Math.max(0, (44 - d.w) / 2), right: Math.max(0, (44 - d.w) / 2) }, style: [disabled ? styles49.disabled : null, style], children: track });
-  return /* @__PURE__ */ jsxs56(View57, { style: [styles49.root, style], children: [
-    /* @__PURE__ */ jsxs56(Pressable25, { ...a11y, style: [styles49.row, disabled ? styles49.disabled : null], children: [
-      /* @__PURE__ */ jsxs56(View57, { style: styles49.text, children: [
-        /* @__PURE__ */ jsx65(Text18, { style: [styles49.label, { color: theme.textPrimary }], children: label }),
-        description ? /* @__PURE__ */ jsx65(Text18, { style: [styles49.description, { color: theme.textSecondary }], children: description }) : null
+    return /* @__PURE__ */ jsx66(Pressable26, { ...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 ? styles50.disabled : null, style], children: track });
+  return /* @__PURE__ */ jsxs57(View58, { style: [styles50.root, style], children: [
+    /* @__PURE__ */ jsxs57(Pressable26, { ...a11y, style: [styles50.row, disabled ? styles50.disabled : null], children: [
+      /* @__PURE__ */ jsxs57(View58, { style: styles50.text, children: [
+        /* @__PURE__ */ jsx66(Text18, { style: [styles50.label, { color: theme.textPrimary }], children: label }),
+        description ? /* @__PURE__ */ jsx66(Text18, { style: [styles50.description, { color: theme.textSecondary }], children: description }) : null
       ] }),
       track
     ] }),
-    error ? /* @__PURE__ */ jsx65(Text18, { role: "alert", "aria-live": "polite", style: [styles49.description, { color: theme.dangerText }], children: error }) : null
+    error ? /* @__PURE__ */ jsx66(Text18, { role: "alert", "aria-live": "polite", style: [styles50.description, { color: theme.dangerText }], children: error }) : null
   ] });
 }
-var styles49 = StyleSheet49.create({
+var styles50 = StyleSheet50.create({
   root: { gap: 2, alignSelf: "stretch" },
   row: { flexDirection: "row", alignItems: "center", gap: 16, minHeight: 48 },
   text: { flex: 1, gap: 2 },
@@ -5650,16 +5706,16 @@ var styles49 = StyleSheet49.create({
 });
 
 // src/native/tab-bar.tsx
-import { Pressable as Pressable26, StyleSheet as StyleSheet50, Text as Text19, View as View58 } from "react-native";
-import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Pressable as Pressable27, StyleSheet as StyleSheet51, Text as Text19, View as View59 } from "react-native";
+import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
 function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label": label, style }) {
   const { theme, insets, haptic } = useTheme();
-  return /* @__PURE__ */ jsx66(View58, { role: "tablist", "aria-label": label, style: [styles50.bar, { backgroundColor: theme.glassBg, borderTopColor: theme.glassBorder, paddingBottom: Math.max(6, insets.bottom) }, style], children: items2.map((item) => {
+  return /* @__PURE__ */ jsx67(View59, { role: "tablist", "aria-label": label, style: [styles51.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__ */ jsxs57(
-      Pressable26,
+    return /* @__PURE__ */ jsxs58(
+      Pressable27,
       {
         role: "tab",
         "aria-selected": selected,
@@ -5668,22 +5724,22 @@ function TabBar({ items: items2, value, onValueChange, onReselect, "aria-label":
           if (selected) onReselect?.(item.value);
           else onValueChange(item.value);
         },
-        style: ({ pressed }) => [styles50.item, { opacity: pressed ? 0.7 : 1 }],
+        style: ({ pressed }) => [styles51.item, { opacity: pressed ? 0.7 : 1 }],
         children: [
-          /* @__PURE__ */ jsxs57(View58, { "aria-hidden": true, style: styles50.icon, children: [
+          /* @__PURE__ */ jsxs58(View59, { "aria-hidden": true, style: styles51.icon, children: [
             item.icon(selected, color),
-            badge !== null ? /* @__PURE__ */ jsx66(View58, { style: [badge ? styles50.count : styles50.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx66(Text19, { style: [styles50.countText, { color: theme.onAccent }], children: badge }) : null }) : null
+            badge !== null ? /* @__PURE__ */ jsx67(View59, { style: [badge ? styles51.count : styles51.dot, { backgroundColor: theme.danger, borderColor: theme.surface1 }], children: badge ? /* @__PURE__ */ jsx67(Text19, { style: [styles51.countText, { color: theme.onAccent }], children: badge }) : null }) : null
           ] }),
-          /* @__PURE__ */ jsx66(Text19, { numberOfLines: 1, style: [styles50.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
-          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx66(Text19, { style: styles50.unseen, children: `, ${item.badgeLabel}` }) : null
+          /* @__PURE__ */ jsx67(Text19, { numberOfLines: 1, style: [styles51.label, { color, fontWeight: selected ? "700" : "500" }], children: item.label }),
+          badge !== null && item.badgeLabel ? /* @__PURE__ */ jsx67(Text19, { style: styles51.unseen, children: `, ${item.badgeLabel}` }) : null
         ]
       },
       item.value
     );
   }) });
 }
-var styles50 = StyleSheet50.create({
-  bar: { flexDirection: "row", borderTopWidth: StyleSheet50.hairlineWidth, paddingTop: 6 },
+var styles51 = StyleSheet51.create({
+  bar: { flexDirection: "row", borderTopWidth: StyleSheet51.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 },
@@ -5694,12 +5750,12 @@ var styles50 = StyleSheet50.create({
 });
 
 // src/native/tabs.tsx
-import * as React43 from "react";
-import { Pressable as Pressable27, ScrollView as ScrollView7, StyleSheet as StyleSheet51, View as View59 } from "react-native";
-import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
+import * as React44 from "react";
+import { Pressable as Pressable28, ScrollView as ScrollView7, StyleSheet as StyleSheet52, View as View60 } from "react-native";
+import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
 function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label": label, variant = "underline", style }) {
   const { theme, radius: radius3, haptic } = useTheme();
-  const [own, setOwn] = React43.useState(defaultValue ?? items2[0]?.value);
+  const [own, setOwn] = React44.useState(defaultValue ?? items2[0]?.value);
   const current = value ?? own;
   const select = (next) => {
     if (next === current) return;
@@ -5710,8 +5766,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__ */ jsx67(
-      Pressable27,
+    return /* @__PURE__ */ jsx68(
+      Pressable28,
       {
         role: "tab",
         "aria-selected": selected,
@@ -5719,45 +5775,45 @@ function Tabs({ items: items2, value, defaultValue, onValueChange, "aria-label":
         disabled: item.disabled,
         onPress: () => select(item.value),
         style: [
-          segmented ? styles51.segment : styles51.tab,
+          segmented ? styles52.segment : styles52.tab,
           segmented && selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault, borderRadius: radius3.sm } : null,
           !segmented ? { borderBottomColor: selected ? theme.accent : "transparent" } : null,
-          item.disabled ? styles51.disabled : null
+          item.disabled ? styles52.disabled : null
         ],
-        children: /* @__PURE__ */ jsxs58(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
+        children: /* @__PURE__ */ jsxs59(Txt, { variant: "label", tone: selected ? "text" : "secondary", numberOfLines: 1, children: [
           item.label,
-          item.count !== void 0 ? /* @__PURE__ */ jsx67(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
+          item.count !== void 0 ? /* @__PURE__ */ jsx68(Txt, { variant: "caption", tone: "secondary", children: `  ${item.count}` }) : null
         ] })
       },
       item.value
     );
   });
   const panel = items2.find((i) => i.value === current)?.content;
-  return /* @__PURE__ */ jsxs58(View59, { style: [styles51.root, style], children: [
-    segmented ? /* @__PURE__ */ jsx67(View59, { role: "tablist", "aria-label": label, style: [styles51.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx67(View59, { style: [styles51.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx67(ScrollView7, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles51.scroll, children: tabs }) }),
-    panel !== void 0 ? /* @__PURE__ */ jsx67(View59, { role: "tabpanel", children: panel }) : null
+  return /* @__PURE__ */ jsxs59(View60, { style: [styles52.root, style], children: [
+    segmented ? /* @__PURE__ */ jsx68(View60, { role: "tablist", "aria-label": label, style: [styles52.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md }], children: tabs }) : /* @__PURE__ */ jsx68(View60, { style: [styles52.underline, { borderBottomColor: theme.borderSubtle }], children: /* @__PURE__ */ jsx68(ScrollView7, { horizontal: true, showsHorizontalScrollIndicator: false, role: "tablist", "aria-label": label, contentContainerStyle: styles52.scroll, children: tabs }) }),
+    panel !== void 0 ? /* @__PURE__ */ jsx68(View60, { role: "tabpanel", children: panel }) : null
   ] });
 }
-var styles51 = StyleSheet51.create({
+var styles52 = StyleSheet52.create({
   root: { gap: 12 },
-  underline: { borderBottomWidth: StyleSheet51.hairlineWidth },
+  underline: { borderBottomWidth: StyleSheet52.hairlineWidth },
   scroll: { gap: 4, paddingHorizontal: 4 },
   tab: { minHeight: 44, justifyContent: "center", paddingHorizontal: 12, borderBottomWidth: 2 },
-  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet51.hairlineWidth, height: 40 },
-  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet51.hairlineWidth, borderColor: "transparent" },
+  track: { flexDirection: "row", padding: 3, gap: 3, borderWidth: StyleSheet52.hairlineWidth, height: 40 },
+  segment: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 8, borderWidth: StyleSheet52.hairlineWidth, borderColor: "transparent" },
   disabled: { opacity: 0.4 }
 });
 
 // src/native/tag-selector.tsx
-import { StyleSheet as StyleSheet52, View as View60 } from "react-native";
-import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet53, View as View61 } from "react-native";
+import { jsx as jsx69, jsxs as jsxs60 } 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__ */ jsxs59(View60, { style: [styles52.root, style], children: [
-    /* @__PURE__ */ jsx68(View60, { role: "group", "aria-label": label, style: styles52.wrap, children: options.map((option) => {
+  return /* @__PURE__ */ jsxs60(View61, { style: [styles53.root, style], children: [
+    /* @__PURE__ */ jsx69(View61, { role: "group", "aria-label": label, style: styles53.wrap, children: options.map((option) => {
       const on = value.includes(option.value);
-      return /* @__PURE__ */ jsx68(
+      return /* @__PURE__ */ jsx69(
         Chip,
         {
           selected: on,
@@ -5771,15 +5827,15 @@ function TagSelector({ label, options, value, onValueChange, max, countLabel, st
         option.value
       );
     }) }),
-    max !== void 0 && countLabel ? /* @__PURE__ */ jsx68(Txt, { variant: "caption", tone: full ? "accent" : "secondary", "aria-live": "polite", children: countLabel(value.length, max) }) : null
+    max !== void 0 && countLabel ? /* @__PURE__ */ jsx69(Txt, { variant: "caption", tone: full ? "accent" : "secondary", "aria-live": "polite", children: countLabel(value.length, max) }) : null
   ] });
 }
-var styles52 = StyleSheet52.create({ root: { gap: 8 }, wrap: { flexDirection: "row", flexWrap: "wrap", gap: 8 } });
+var styles53 = StyleSheet53.create({ root: { gap: 8 }, wrap: { flexDirection: "row", flexWrap: "wrap", gap: 8 } });
 
 // src/native/toast.tsx
-import * as React44 from "react";
-import { AccessibilityInfo as AccessibilityInfo15, Animated as Animated27, PanResponder as PanResponder5, Pressable as Pressable28, StyleSheet as StyleSheet53, Text as Text20, View as View61 } from "react-native";
-import { Fragment as Fragment9, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
+import * as React45 from "react";
+import { AccessibilityInfo as AccessibilityInfo15, Animated as Animated27, PanResponder as PanResponder5, Pressable as Pressable29, StyleSheet as StyleSheet54, Text as Text20, View as View62 } from "react-native";
+import { Fragment as Fragment11, jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
 var items = [];
 var listeners2 = /* @__PURE__ */ new Set();
 var counter = 0;
@@ -5814,8 +5870,8 @@ var toast = Object.assign(show, {
 function ToastView({ item, closeLabel, duration }) {
   const { theme, radius: radius3, haptic } = useTheme();
   const reduce = useReducedMotion();
-  const [swipe] = React44.useState(() => new Animated27.Value(0));
-  const drag = React44.useMemo(
+  const [swipe] = React45.useState(() => new Animated27.Value(0));
+  const drag = React45.useMemo(
     () => PanResponder5.create({
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 8 && Math.abs(g.dx) > Math.abs(g.dy),
       onPanResponderMove: (_, g) => swipe.setValue(g.dx),
@@ -5827,80 +5883,80 @@ function ToastView({ item, closeLabel, duration }) {
     }),
     [swipe, item.id]
   );
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (item.tone === "success" || item.tone === "warning") haptic(item.tone);
     if (item.tone === "error") haptic("warning");
   }, [item.id]);
-  const [enter] = React44.useState(() => new Animated27.Value(reduce ? 1 : 0));
-  React44.useEffect(() => {
+  const [enter] = React45.useState(() => new Animated27.Value(reduce ? 1 : 0));
+  React45.useEffect(() => {
     if (reduce) enter.setValue(1);
     else Animated27.timing(enter, { toValue: 1, duration: 220, useNativeDriver: true }).start();
   }, [enter, reduce]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     AccessibilityInfo15.announceForAccessibility(item.description ? `${item.title}. ${item.description}` : item.title);
   }, [item.title, item.description]);
   const ms = item.duration ?? duration;
-  React44.useEffect(() => {
+  React45.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__ */ jsxs60(Fragment9, { children: [
-    item.icon ? /* @__PURE__ */ jsx69(View61, { "aria-hidden": true, children: item.icon }) : null,
-    /* @__PURE__ */ jsxs60(View61, { style: styles53.content, children: [
-      /* @__PURE__ */ jsx69(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
-      item.description ? /* @__PURE__ */ jsx69(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
+  const text = /* @__PURE__ */ jsxs61(Fragment11, { children: [
+    item.icon ? /* @__PURE__ */ jsx70(View62, { "aria-hidden": true, children: item.icon }) : null,
+    /* @__PURE__ */ jsxs61(View62, { style: styles54.content, children: [
+      /* @__PURE__ */ jsx70(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
+      item.description ? /* @__PURE__ */ jsx70(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
     ] })
   ] });
-  const body = /* @__PURE__ */ jsxs60(Fragment9, { children: [
-    item.onPress ? /* @__PURE__ */ jsx69(
-      Pressable28,
+  const body = /* @__PURE__ */ jsxs61(Fragment11, { children: [
+    item.onPress ? /* @__PURE__ */ jsx70(
+      Pressable29,
       {
         role: "button",
         onPress: () => {
           item.onPress?.();
           dismiss(item.id);
         },
-        style: ({ pressed }) => [styles53.main, { opacity: pressed ? 0.8 : 1 }],
+        style: ({ pressed }) => [styles54.main, { opacity: pressed ? 0.8 : 1 }],
         children: text
       }
-    ) : /* @__PURE__ */ jsx69(View61, { style: styles53.main, children: text }),
-    item.action ? /* @__PURE__ */ jsx69(
-      Pressable28,
+    ) : /* @__PURE__ */ jsx70(View62, { style: styles54.main, children: text }),
+    item.action ? /* @__PURE__ */ jsx70(
+      Pressable29,
       {
         role: "button",
         onPress: () => {
           item.action?.onPress();
           dismiss(item.id);
         },
-        style: [styles53.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
-        children: /* @__PURE__ */ jsx69(Text20, { style: [styles53.actionLabel, { color: theme.onAccent }], children: item.action.label })
+        style: [styles54.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
+        children: /* @__PURE__ */ jsx70(Text20, { style: [styles54.actionLabel, { color: theme.onAccent }], children: item.action.label })
       }
     ) : null,
-    /* @__PURE__ */ jsx69(Pressable28, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles53.close, children: /* @__PURE__ */ jsx69(Text20, { style: [styles53.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    /* @__PURE__ */ jsx70(Pressable29, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles54.close, children: /* @__PURE__ */ jsx70(Text20, { style: [styles54.cross, { color: theme.textSecondary }], children: "\xD7" }) })
   ] });
   const frame = [
-    styles53.toast,
+    styles54.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__ */ jsx69(Animated27.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx69(View61, { style: frame, children: body }) });
+  return /* @__PURE__ */ jsx70(Animated27.View, { "aria-live": "polite", style: motion3, ...drag.panHandlers, children: /* @__PURE__ */ jsx70(View62, { style: frame, children: body }) });
 }
 function Toaster({ closeLabel, position = "top", offset = 12, duration = 6e3, max = 3 }) {
-  const all = React44.useSyncExternalStore(subscribe2, snapshot, snapshot);
+  const all = React45.useSyncExternalStore(subscribe2, snapshot, snapshot);
   const shown = all.slice(-max);
   if (shown.length === 0) return null;
-  return /* @__PURE__ */ jsx69(View61, { pointerEvents: "box-none", style: [styles53.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx69(ToastView, { item, closeLabel, duration }, item.id)) });
+  return /* @__PURE__ */ jsx70(View62, { pointerEvents: "box-none", style: [styles54.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx70(ToastView, { item, closeLabel, duration }, item.id)) });
 }
-var styles53 = StyleSheet53.create({
+var styles54 = StyleSheet54.create({
   stack: { position: "absolute", left: 12, right: 12, gap: 8, zIndex: 100 },
   toast: {
     flexDirection: "row",
     alignItems: "center",
     gap: 10,
     padding: 12,
-    borderWidth: StyleSheet53.hairlineWidth,
+    borderWidth: StyleSheet54.hairlineWidth,
     borderLeftWidth: 4,
     shadowOpacity: 0.3,
     shadowRadius: 16,
@@ -5916,35 +5972,35 @@ var styles53 = StyleSheet53.create({
 });
 
 // src/native/update-prompt.tsx
-import { StyleSheet as StyleSheet54, View as View62 } from "react-native";
-import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet55, View as View63 } from "react-native";
+import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
 function UpdatePrompt({ title, message, versionLabel, mark, updateLabel, onUpdate, laterLabel, onLater, style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsxs61(
-    View62,
+  return /* @__PURE__ */ jsxs62(
+    View63,
     {
       role: "region",
       "aria-label": title,
-      style: [styles54.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style],
+      style: [styles55.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style],
       children: [
-        /* @__PURE__ */ jsxs61(View62, { style: styles54.head, children: [
-          mark ? /* @__PURE__ */ jsx70(View62, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: styles54.mark, children: mark }) : null,
-          /* @__PURE__ */ jsxs61(View62, { style: styles54.text, children: [
-            /* @__PURE__ */ jsx70(Txt, { variant: "label", children: title }),
-            message ? /* @__PURE__ */ jsx70(Txt, { tone: "secondary", children: message }) : null,
-            versionLabel ? /* @__PURE__ */ jsx70(Txt, { variant: "mono", tone: "secondary", children: versionLabel }) : null
+        /* @__PURE__ */ jsxs62(View63, { style: styles55.head, children: [
+          mark ? /* @__PURE__ */ jsx71(View63, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: styles55.mark, children: mark }) : null,
+          /* @__PURE__ */ jsxs62(View63, { style: styles55.text, children: [
+            /* @__PURE__ */ jsx71(Txt, { variant: "label", children: title }),
+            message ? /* @__PURE__ */ jsx71(Txt, { tone: "secondary", children: message }) : null,
+            versionLabel ? /* @__PURE__ */ jsx71(Txt, { variant: "mono", tone: "secondary", children: versionLabel }) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsxs61(View62, { style: styles54.actions, children: [
-          /* @__PURE__ */ jsx70(Button, { label: laterLabel, variant: "ghost", size: "sm", onPress: onLater }),
-          /* @__PURE__ */ jsx70(Button, { label: updateLabel, variant: "primary", size: "sm", onPress: onUpdate })
+        /* @__PURE__ */ jsxs62(View63, { style: styles55.actions, children: [
+          /* @__PURE__ */ jsx71(Button, { label: laterLabel, variant: "ghost", size: "sm", onPress: onLater }),
+          /* @__PURE__ */ jsx71(Button, { label: updateLabel, variant: "primary", size: "sm", onPress: onUpdate })
         ] })
       ]
     }
   );
 }
-var styles54 = StyleSheet54.create({
-  root: { gap: 12, padding: 16, borderWidth: StyleSheet54.hairlineWidth },
+var styles55 = StyleSheet55.create({
+  root: { gap: 12, padding: 16, borderWidth: StyleSheet55.hairlineWidth },
   head: { flexDirection: "row", gap: 12, alignItems: "center" },
   mark: { width: 40, height: 40, alignItems: "center", justifyContent: "center" },
   text: { flex: 1, gap: 2 },
@@ -5952,15 +6008,15 @@ var styles54 = StyleSheet54.create({
 });
 
 // src/native/verified-badge.tsx
-import { StyleSheet as StyleSheet55, View as View63 } from "react-native";
-import Svg31, { Path as Path26 } from "react-native-svg";
-import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet56, View as View64 } from "react-native";
+import Svg32, { Path as Path27 } from "react-native-svg";
+import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
 function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsxs62(View63, { accessible: true, role: "img", "aria-label": label, style: styles55.row, children: [
-    /* @__PURE__ */ jsxs62(Svg31, { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx71(
-        Path26,
+  return /* @__PURE__ */ jsxs63(View64, { accessible: true, role: "img", "aria-label": label, style: styles56.row, children: [
+    /* @__PURE__ */ jsxs63(Svg32, { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx72(
+        Path27,
         {
           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,
@@ -5968,16 +6024,16 @@ function VerifiedBadge({ label, showLabel, size = 16, on = "surface" }) {
           strokeWidth: 1.2
         }
       ),
-      /* @__PURE__ */ jsx71(Path26, { d: "M8.3 12.3l2.5 2.5 4.9-5.2", fill: "none", stroke: theme.onAccent, strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" })
+      /* @__PURE__ */ jsx72(Path27, { 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__ */ jsx71(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles55.text, children: label }) : null
+    showLabel ? /* @__PURE__ */ jsx72(Txt, { variant: "caption", tone: on === "media" ? "onMedia" : "accent", style: styles56.text, children: label }) : null
   ] });
 }
-var styles55 = StyleSheet55.create({ row: { flexDirection: "row", alignItems: "center", gap: 4 }, text: { fontWeight: "700" } });
+var styles56 = StyleSheet56.create({ row: { flexDirection: "row", alignItems: "center", gap: 4 }, text: { fontWeight: "700" } });
 
 // src/native/waveform.tsx
-import * as React45 from "react";
-import { Animated as Animated28, AppState as AppState2, Easing as Easing14, StyleSheet as StyleSheet56, View as View64 } from "react-native";
+import * as React46 from "react";
+import { Animated as Animated28, AppState as AppState2, Easing as Easing14, StyleSheet as StyleSheet57, View as View65 } from "react-native";
 
 // src/waveform/bars.ts
 function resamplePeaks(peaks, count) {
@@ -5992,20 +6048,20 @@ function resamplePeaks(peaks, count) {
 }
 
 // src/native/waveform.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var HEIGHT = { sm: 24, md: 40, lg: 64 };
 function Waveform({ peaks, bars = 32, size = "md", tone: tone3 = "accent", playing = false, label, style, ...props }) {
   const { theme } = useTheme();
   const reduce = useReducedMotion();
-  const [active, setActive] = React45.useState(() => AppState2.currentState === "active");
-  React45.useEffect(() => {
+  const [active, setActive] = React46.useState(() => AppState2.currentState === "active");
+  React46.useEffect(() => {
     const subscription = AppState2.addEventListener("change", (state) => setActive(state === "active"));
     return () => subscription.remove();
   }, []);
-  const shape = React45.useMemo(() => resamplePeaks(peaks ?? [], bars), [peaks, bars]);
-  const values = React45.useMemo(() => shape.map(() => new Animated28.Value(1)), [shape]);
+  const shape = React46.useMemo(() => resamplePeaks(peaks ?? [], bars), [peaks, bars]);
+  const values = React46.useMemo(() => shape.map(() => new Animated28.Value(1)), [shape]);
   const moving = playing && !reduce && active;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!moving) {
       values.forEach((value) => value.setValue(1));
       return;
@@ -6025,8 +6081,8 @@ function Waveform({ peaks, bars = 32, size = "md", tone: tone3 = "accent", playi
   }, [moving, values]);
   const named = label !== void 0;
   const barColour = tone3 === "neutral" ? theme.borderStrong : theme.accent;
-  return /* @__PURE__ */ jsx72(
-    View64,
+  return /* @__PURE__ */ jsx73(
+    View65,
     {
       ...props,
       accessible: named,
@@ -6034,13 +6090,13 @@ function Waveform({ peaks, bars = 32, size = "md", tone: tone3 = "accent", playi
       accessibilityLabel: label,
       "aria-hidden": named ? void 0 : true,
       importantForAccessibility: named ? "yes" : "no-hide-descendants",
-      style: [styles56.root, { height: HEIGHT[size] }, style],
-      children: shape.map((peak, i) => /* @__PURE__ */ jsx72(
+      style: [styles57.root, { height: HEIGHT[size] }, style],
+      children: shape.map((peak, i) => /* @__PURE__ */ jsx73(
         Animated28.View,
         {
           testID: "waveform-bar",
           style: [
-            styles56.bar,
+            styles57.bar,
             { height: `${Math.round(peak * 100)}%`, backgroundColor: barColour },
             { transform: [{ scaleY: values[i].interpolate({ inputRange: [0, 1], outputRange: [0.45, 1] }) }] }
           ]
@@ -6050,7 +6106,7 @@ function Waveform({ peaks, bars = 32, size = "md", tone: tone3 = "accent", playi
     }
   );
 }
-var styles56 = StyleSheet56.create({
+var styles57 = StyleSheet57.create({
   root: { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "center", columnGap: 2 },
   bar: { flex: 1, minWidth: 2, borderRadius: 9999 }
 });
@@ -6124,6 +6180,8 @@ export {
   SearchField,
   Segmented,
   Select,
+  SettingsGroup,
+  SettingsRow,
   Sheet,
   Showcase,
   Skeleton,