@btndprojects/loam-ui-native 0.1.1 → 0.3.1

package/dist/chunk-SG3J4R45.js

@@ -0,0 +1,1428 @@
+import { DescriptionList } from './chunk-PFLNFIVB.js';
+import { Stepper } from './chunk-HP6ST2OW.js';
+import { useCaptureResultLabels, BusyWrap, PhaseAnnouncement, ConfidenceBadge, MatchRow, NoteBlock } from './chunk-SZLI34TA.js';
+import { IconTile } from './chunk-XBXUBBJZ.js';
+import { Card, CardHeader, CardTitle, CardContent, CardFooter } from './chunk-PWFRDRGS.js';
+import { PlaceholderFeed } from './chunk-RJA3RXO3.js';
+import { decorativeProps, useAnalyzerCopy, GuidanceChip, camInk } from './chunk-OCHPK5YV.js';
+import { measureBox } from './chunk-AQ5FIG74.js';
+import { Button } from './chunk-5DTKORLI.js';
+import { Badge } from './chunk-LGNTP5XA.js';
+import { Skeleton } from './chunk-YJ5PXOX3.js';
+import { Input } from './chunk-KXLDK6HB.js';
+import { useLoamLocale } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-PCEFCOLN.js';
+import { useReducedMotion, useResolvedMotion, springConfig, motionTiming } from './chunk-J64KGCGX.js';
+import * as React5 from 'react';
+import { Animated, View, Text, Pressable, Platform, findNodeHandle, AccessibilityInfo, PanResponder, ScrollView, Easing } from 'react-native';
+import Svg, { Defs, LinearGradient, Stop, Rect } from 'react-native-svg';
+import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
+import { localizeProfile, profile, pipelineFrom, estimateRange, failure, failureBody, failurePrimaryLabel, resultPrimaryLabel, fieldFlagged } from '@btndprojects/loam-analyzer';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { money } from '@btndprojects/loam-pay';
+
+function ScanSweep({
+  active = true,
+  tone = "good",
+  size = "md",
+  label: labelProp,
+  motion,
+  loading = false
+}) {
+  const theme = useLoamTheme("capture-result");
+  const t = useCaptureResultLabels();
+  const label = labelProp ?? (loading ? t.analysing : void 0);
+  const reduced = useReducedMotion();
+  const { styles } = useStyles(analysisSheet);
+  const [band, setBand] = React5.useState(0);
+  const phase = React5.useRef(new Animated.Value(0)).current;
+  const level = useResolvedMotion(motion, "capture-result");
+  const still = reduced || theme.reduceMotion || level !== "full" || loading;
+  const hue = theme.color[tone === "info" ? "info" : tone === "accent" ? "accent" : tone];
+  React5.useEffect(() => {
+    if (!active || still || band === 0) {
+      phase.setValue(0);
+      return;
+    }
+    const leg = (to) => Animated.timing(phase, {
+      toValue: to,
+      duration: theme.loop.spin * 2,
+      easing: Easing.bezier(...theme.easing.inOut),
+      useNativeDriver: true
+    });
+    const loop = Animated.loop(Animated.sequence([leg(1), leg(0)]));
+    loop.start();
+    return () => loop.stop();
+  }, [active, still, band, phase, theme.loop.spin, theme.easing.inOut]);
+  if (!active) return null;
+  const onLayout = (e) => setBand(e.nativeEvent.layout.height);
+  const translateY = still ? band : phase.interpolate({ inputRange: [0, 1], outputRange: [-band, band * 4] });
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      accessible: label ? true : false,
+      role: label ? "img" : void 0,
+      accessibilityLabel: label,
+      testID: "loam-scan-sweep",
+      accessibilityState: loading ? { busy: true } : void 0,
+      "aria-busy": loading || void 0,
+      style: styles.sweepRoot,
+      ...label ? null : decorativeProps(),
+      children: /* @__PURE__ */ jsx(
+        Animated.View,
+        {
+          testID: still ? "loam-scan-sweep-static" : "loam-scan-sweep-band",
+          onLayout,
+          style: [
+            styles.sweepBand,
+            size === "sm" ? styles.sweepSm : size === "lg" ? styles.sweepLg : null,
+            { transform: [{ translateY }] }
+          ],
+          children: /* @__PURE__ */ jsxs(Svg, { width: "100%", height: "100%", children: [
+            /* @__PURE__ */ jsx(Defs, { children: /* @__PURE__ */ jsxs(LinearGradient, { id: "loam-cam-sweep", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx(Stop, { offset: "0", stopColor: hue, stopOpacity: theme.opacity[0] }),
+              /* @__PURE__ */ jsx(Stop, { offset: "0.5", stopColor: hue, stopOpacity: theme.opacity[100] }),
+              /* @__PURE__ */ jsx(Stop, { offset: "1", stopColor: hue, stopOpacity: theme.opacity[0] })
+            ] }) }),
+            /* @__PURE__ */ jsx(Rect, { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#loam-cam-sweep)" })
+          ] })
+        }
+      )
+    }
+  );
+}
+function StageBadge({ where, copy }) {
+  const words = useAnalyzerCopy(copy);
+  const privacy = where === "device" ? words.pipeline.device : words.pipeline.server;
+  return /* @__PURE__ */ jsx(View, { accessible: false, importantForAccessibility: "no-hide-descendants", ...decorativeProps(), children: /* @__PURE__ */ jsx(Badge, { variant: where === "device" ? "good" : "neutral", size: "sm", children: privacy }) });
+}
+function DoneCheck({ motion }) {
+  const theme = useLoamTheme("capture-result");
+  const reducedOs = useReducedMotion();
+  const lvl = useResolvedMotion(motion, "capture-result");
+  const reduced = reducedOs || lvl !== "full";
+  const v = React5.useRef(new Animated.Value(0)).current;
+  React5.useEffect(() => {
+    if (reduced) {
+      Animated.timing(v, {
+        duration: theme.duration.fast,
+        toValue: 1,
+        useNativeDriver: true
+      }).start();
+      return;
+    }
+    Animated.spring(v, { ...springConfig(theme, "fs"), toValue: 1, useNativeDriver: true }).start();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      style: {
+        opacity: v,
+        transform: reduced ? [] : [{ scale: v.interpolate({ inputRange: [0, 1], outputRange: [0.5, 1] }) }]
+      },
+      children: /* @__PURE__ */ jsx(Icon, { name: "check-circle", size: theme.icon.sm, color: theme.color.good })
+    }
+  );
+}
+function StageDot({
+  status,
+  motion
+}) {
+  const theme = useLoamTheme("capture-result");
+  const { styles } = useStyles(analysisSheet, { status });
+  if (status === "done") return /* @__PURE__ */ jsx(DoneCheck, { motion });
+  if (status === "failed") {
+    return /* @__PURE__ */ jsx(Icon, { name: "alert-circle", size: theme.icon.sm, color: theme.color.danger });
+  }
+  return /* @__PURE__ */ jsx(View, { accessible: false, style: styles.dot });
+}
+function StageRow({
+  stage,
+  status = "pending",
+  labels,
+  copy,
+  motion
+}) {
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const { styles } = useStyles(analysisSheet, { status });
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      role: "listitem",
+      accessible: true,
+      accessibilityLabel: `${stage.label}${t.stageNote(t.stageStatus[status], words.pipeline[stage.where])}`,
+      testID: `loam-stage-${status}`,
+      style: styles.stageRow,
+      children: [
+        /* @__PURE__ */ jsx(StageDot, { status, motion }),
+        /* @__PURE__ */ jsx(Text, { style: styles.stageLabel, children: stage.label }),
+        /* @__PURE__ */ jsx(StageBadge, { where: stage.where, copy })
+      ]
+    }
+  );
+}
+function defaultTitle(p, t) {
+  return p.id === "car" ? t.readingAngles : t.analysing;
+}
+function AnalysisProgress({
+  profile: profileProp,
+  index = 0,
+  title,
+  cancelLabel,
+  onCancel,
+  footer: footerProp,
+  announce = true,
+  labels,
+  copy,
+  tone,
+  size = "md",
+  variant = "elevated",
+  loading = false,
+  motion
+}) {
+  const { styles } = useStyles(analysisSheet);
+  const theme = useLoamTheme("capture-result");
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const footer = footerProp === void 0 ? words.pipeline.footer : footerProp;
+  const p = React5.useMemo(() => localizeProfile(profile(profileProp), words), [profileProp, words]);
+  const pipeline = pipelineFrom(p, index);
+  const heading = title ?? defaultTitle(p, t);
+  const active = pipeline.index >= 0 ? pipeline.stages[pipeline.index] : void 0;
+  const message = announce ? active ? words.pipeline.stageAria(active.stage.label, words.pipeline[active.stage.where]) : heading : null;
+  return /* @__PURE__ */ jsx(BusyWrap, { busy: loading, children: /* @__PURE__ */ jsxs(
+    Card,
+    {
+      variant,
+      style: [
+        styles.card,
+        tone ? { borderColor: theme.edge[tone], borderWidth: theme.borderWidth.base } : null
+      ],
+      children: [
+        /* @__PURE__ */ jsx(PhaseAnnouncement, { message }),
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            accessibilityRole: "header",
+            style: [
+              styles.heading,
+              size === "sm" ? styles.headingSm : size === "lg" ? styles.headingLg : null
+            ],
+            children: heading
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs(CardContent, { children: [
+          loading ? /* @__PURE__ */ jsx(View, { testID: "loam-analysis-loading", style: styles.stageList, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Skeleton, { variant: "text" }, i)) }) : pipeline.stages.length > 0 ? /* @__PURE__ */ jsx(View, { role: "list", style: styles.stageList, children: pipeline.stages.map((s) => /* @__PURE__ */ jsx(
+            StageRow,
+            {
+              stage: s.stage,
+              status: s.status,
+              labels,
+              copy,
+              motion
+            },
+            s.stage.label
+          )) }) : /* @__PURE__ */ jsx(Text, { style: styles.noPipeline, children: words.pipeline.noPipeline(p.label) }),
+          footer ? /* @__PURE__ */ jsx(Text, { style: styles.footer, children: footer }) : null
+        ] }),
+        onCancel && pipeline.cancellable ? /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "lg", onPress: onCancel, children: cancelLabel ?? t.cancel }) }) : null
+      ]
+    }
+  ) });
+}
+var analysisSheet = createStyleSheet((theme) => ({
+  sweepRoot: {
+    pointerEvents: "none",
+    position: "absolute",
+    top: theme.space[0],
+    bottom: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0],
+    overflow: "hidden"
+  },
+  sweepBand: {
+    position: "absolute",
+    left: theme.space[0],
+    right: theme.space[0],
+    top: theme.space[0],
+    height: "25%"
+  },
+  sweepSm: { height: "15%" },
+  sweepLg: { height: "40%" },
+  card: {
+    width: "100%",
+    maxWidth: theme.panel.lg
+  },
+  headingSm: { fontSize: theme.type.headline.fontSize },
+  headingLg: { fontSize: theme.type.title2.fontSize },
+  heading: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.type.title3.fontSize,
+    fontWeight: theme.fontWeight.semibold,
+    color: theme.color.text
+  },
+  stageList: {
+    flexDirection: "column"
+  },
+  stageRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space[12],
+    minHeight: theme.ctl.lg
+  },
+  dot: {
+    flexGrow: 0,
+    flexShrink: 0,
+    width: theme.space[10],
+    height: theme.space[10],
+    borderRadius: theme.radius.full,
+    variants: {
+      status: {
+        pending: {
+          backgroundColor: theme.color.surface3,
+          borderWidth: theme.borderWidth.strong,
+          borderColor: theme.color.borderStrong
+        },
+        active: { backgroundColor: theme.color.accent },
+        done: {},
+        failed: {}
+      }
+    }
+  },
+  stageLabel: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: theme.space[0],
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[14],
+    variants: {
+      status: {
+        pending: { color: theme.color.text2 },
+        active: { color: theme.color.text, fontWeight: theme.fontWeight.semibold },
+        done: { color: theme.color.text },
+        failed: { color: theme.color.text }
+      }
+    }
+  },
+  noPipeline: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[13],
+    color: theme.color.text2
+  },
+  footer: {
+    marginTop: theme.space[12],
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[12],
+    lineHeight: theme.fontSize[12] * theme.lineHeight.relaxed,
+    color: theme.color.text2
+  }
+}));
+function Money({
+  minor,
+  currency,
+  emphasis = false
+}) {
+  const { styles } = useStyles(bodySheet, { emphasis });
+  return /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles.money, children: money(minor, currency) });
+}
+function ResultNote({ children }) {
+  const { styles } = useStyles(bodySheet);
+  return /* @__PURE__ */ jsx(Text, { style: styles.note, children });
+}
+function Body({
+  kind,
+  children
+}) {
+  const { styles } = useStyles(bodySheet);
+  return /* @__PURE__ */ jsx(View, { testID: `loam-result-${kind}`, style: styles.body, children });
+}
+function SpeciesResult({
+  result,
+  onPickAlternate,
+  alternatesLabel,
+  labels,
+  copy
+}) {
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const locale = useLoamLocale();
+  const { styles } = useStyles(bodySheet);
+  const { top, alternates, facts } = result;
+  return /* @__PURE__ */ jsxs(Body, { kind: "species", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.headRow, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.headText, children: [
+        /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.heading, children: top.common }),
+        /* @__PURE__ */ jsxs(Text, { style: styles.subheading, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.italic, children: top.name }),
+          top.family ? ` \xB7 ${top.family}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ConfidenceBadge, { value: top.confidence, size: "md", labels })
+    ] }),
+    alternates.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.overline, children: (alternatesLabel ?? t.orPossibly).toLocaleUpperCase(locale) }),
+      /* @__PURE__ */ jsx(View, { style: styles.list, children: alternates.map((m) => /* @__PURE__ */ jsx(MatchRow, { match: m, onPick: onPickAlternate, labels }, m.name)) })
+    ] }) : null,
+    facts.length > 0 ? /* @__PURE__ */ jsx(
+      DescriptionList,
+      {
+        layout: "inline",
+        density: "compact",
+        dividers: true,
+        items: facts.map(([term, description]) => ({ term, description }))
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(ResultNote, { children: words.result.notes.species })
+  ] });
+}
+var SEVERITY_VARIANT = {
+  none: "good",
+  minor: "info",
+  moderate: "warn"
+};
+function PanelsResult({
+  result,
+  currency = "HUF",
+  estimateLabel,
+  labels,
+  copy
+}) {
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const locale = useLoamLocale();
+  const { styles } = useStyles(bodySheet);
+  const { vehicle, findings } = result;
+  const [low, high] = estimateRange(findings);
+  return /* @__PURE__ */ jsxs(Body, { kind: "panels", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+      /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.heading, children: `${vehicle.year} ${vehicle.make} ${vehicle.model}` }),
+      /* @__PURE__ */ jsx(Text, { style: styles.subheading, children: `${vehicle.plate} \xB7 ${vehicle.colour}` }),
+      /* @__PURE__ */ jsx(Text, { style: styles.mono, children: vehicle.vin })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { testID: "loam-estimate", style: styles.estimate, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.overline, children: (estimateLabel ?? t.estimate).toLocaleUpperCase(locale) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.estimateRow, children: [
+        /* @__PURE__ */ jsx(Money, { minor: low, currency, emphasis: true }),
+        /* @__PURE__ */ jsx(Text, { style: styles.dash, children: "\u2013" }),
+        /* @__PURE__ */ jsx(Money, { minor: high, currency, emphasis: true })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: styles.list, children: findings.map((f) => {
+      return /* @__PURE__ */ jsxs(View, { style: styles.finding, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.findingTop, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.findingPanel, children: f.panel }),
+          /* @__PURE__ */ jsx(Badge, { variant: SEVERITY_VARIANT[f.severity], size: "sm", children: words.result.severity[f.severity] })
+        ] }),
+        /* @__PURE__ */ jsxs(View, { style: styles.findingBottom, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.findingDamage, children: f.damage }),
+          /* @__PURE__ */ jsxs(View, { style: styles.findingMeta, children: [
+            /* @__PURE__ */ jsx(Money, { minor: f.cost, currency }),
+            /* @__PURE__ */ jsx(ConfidenceBadge, { value: f.confidence, labels })
+          ] })
+        ] })
+      ] }, f.panel);
+    }) }),
+    /* @__PURE__ */ jsx(ResultNote, { children: words.result.notes.panels })
+  ] });
+}
+function FieldRow({
+  field,
+  onChange,
+  labels,
+  copy
+}) {
+  const words = useAnalyzerCopy(copy);
+  const theme = useLoamTheme("capture-result");
+  const { styles } = useStyles(bodySheet, { flagged: fieldFlagged(field) });
+  const flagged = fieldFlagged(field);
+  return /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.fieldHead, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.fieldLabel, children: field.key }),
+      /* @__PURE__ */ jsx(ConfidenceBadge, { value: field.confidence, labels })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: styles.fieldInput, children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        size: "md",
+        value: field.value,
+        editable: !!onChange,
+        accessibilityLabel: flagged ? `${field.key}, ${words.result.fieldFlag}` : field.key,
+        accessibilityHint: flagged ? words.result.fieldFlag : void 0,
+        onChangeText: (next) => onChange?.(field.key, next)
+      }
+    ) }),
+    flagged ? /* @__PURE__ */ jsxs(View, { style: styles.flagChip, children: [
+      /* @__PURE__ */ jsx(Icon, { name: "alert-triangle", size: theme.icon.xs, color: theme.color.warnOnSoft }),
+      /* @__PURE__ */ jsx(Text, { style: styles.flagText, children: words.result.fieldFlag })
+    ] }) : null
+  ] });
+}
+function FieldsResult({
+  result,
+  onFieldChange,
+  labels,
+  copy
+}) {
+  const words = useAnalyzerCopy(copy);
+  const { styles } = useStyles(bodySheet);
+  return /* @__PURE__ */ jsxs(Body, { kind: "fields", children: [
+    /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.heading, children: result.doc }),
+    /* @__PURE__ */ jsx(View, { style: styles.fieldList, children: result.fields.map((f) => /* @__PURE__ */ jsx(FieldRow, { field: f, onChange: onFieldChange, labels, copy }, f.key)) }),
+    /* @__PURE__ */ jsx(ResultNote, { children: words.result.notes.fields })
+  ] });
+}
+function CodeResult({
+  result,
+  currency = "HUF",
+  quantity = 1,
+  onQuantityChange,
+  quantityLabel: quantityProp,
+  labels,
+  copy
+}) {
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const quantityLabel = quantityProp ?? t.quantity;
+  const { styles } = useStyles(bodySheet);
+  const { product, format, value } = result;
+  const mono = [format, value, product?.sku].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs(Body, { kind: "code", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+      /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.heading, children: product ? product.name : value }),
+      /* @__PURE__ */ jsx(Text, { style: styles.subheading, children: product ? product.stock : t.noProduct })
+    ] }),
+    product ? /* @__PURE__ */ jsx(Money, { minor: product.price, currency, emphasis: true }) : null,
+    onQuantityChange ? /* @__PURE__ */ jsxs(View, { style: styles.quantityRow, children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          accessible: false,
+          importantForAccessibility: "no-hide-descendants",
+          style: styles.fieldLabel,
+          children: quantityLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Stepper,
+        {
+          value: quantity,
+          min: 1,
+          accessibilityLabel: quantityLabel,
+          onValueChange: onQuantityChange
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsx(Text, { style: styles.mono, children: mono }),
+    /* @__PURE__ */ jsx(ResultNote, { children: words.result.notes.code })
+  ] });
+}
+function VerdictResult({ result, labels, copy }) {
+  const words = useAnalyzerCopy(copy);
+  const { styles } = useStyles(bodySheet);
+  return /* @__PURE__ */ jsxs(Body, { kind: "verdict", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.headRow, children: [
+      /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.heading, children: result.outcome }),
+      /* @__PURE__ */ jsx(ConfidenceBadge, { value: result.confidence, size: "md", icon: true, labels })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DescriptionList,
+      {
+        layout: "stacked",
+        density: "compact",
+        dividers: true,
+        items: result.lines.map(([term, description]) => ({ term, description }))
+      }
+    ),
+    /* @__PURE__ */ jsx(ResultNote, { children: words.result.notes.verdict })
+  ] });
+}
+var bodySheet = createStyleSheet((theme) => ({
+  body: {
+    flexDirection: "column",
+    gap: theme.space[16]
+  },
+  headRow: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: theme.space[12]
+  },
+  headText: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: theme.space[0],
+    flexDirection: "column",
+    gap: theme.space[4]
+  },
+  heading: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.type.title3.fontSize,
+    fontWeight: theme.fontWeight.semibold,
+    color: theme.color.text
+  },
+  subheading: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[13],
+    color: theme.color.text2
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  mono: {
+    fontFamily: theme.font.mono,
+    fontSize: theme.fontSize[12],
+    color: theme.color.text2
+  },
+  overline: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[10],
+    letterSpacing: theme.tracking.caps,
+    color: theme.color.text3
+  },
+  group: {
+    flexDirection: "column",
+    gap: theme.space[6]
+  },
+  list: {
+    flexDirection: "column",
+    gap: theme.space[6]
+  },
+  fieldList: {
+    flexDirection: "column",
+    gap: theme.space[12]
+  },
+  note: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[12],
+    lineHeight: theme.fontSize[12] * theme.lineHeight.relaxed,
+    color: theme.color.text2
+  },
+  money: {
+    fontFamily: theme.font.sans,
+    fontVariant: ["tabular-nums"],
+    color: theme.color.text,
+    variants: {
+      emphasis: {
+        true: { fontSize: theme.fontSize[20], fontWeight: theme.fontWeight.semibold },
+        false: { fontSize: theme.fontSize[13] }
+      }
+    }
+  },
+  estimate: {
+    flexDirection: "column",
+    gap: theme.space[4],
+    padding: theme.space[8],
+    borderRadius: theme.radius.md,
+    backgroundColor: theme.color.surface2,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.color.border
+  },
+  estimateRow: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    flexWrap: "wrap",
+    gap: theme.space[6]
+  },
+  dash: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[15],
+    color: theme.color.text3
+  },
+  finding: {
+    flexDirection: "column",
+    gap: theme.space[6],
+    paddingVertical: theme.space[12],
+    borderBottomWidth: theme.borderWidth.base,
+    borderBottomColor: theme.color.border
+  },
+  findingTop: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: theme.space[12]
+  },
+  findingPanel: {
+    flexShrink: 1,
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[13],
+    fontWeight: theme.fontWeight.semibold,
+    color: theme.color.text
+  },
+  findingBottom: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.space[12]
+  },
+  findingDamage: {
+    flexShrink: 1,
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[13],
+    color: theme.color.text2
+  },
+  findingMeta: {
+    flexGrow: 0,
+    flexShrink: 0,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space[8]
+  },
+  fieldHead: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    justifyContent: "space-between",
+    gap: theme.space[8]
+  },
+  fieldLabel: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[12],
+    fontWeight: theme.fontWeight.semibold,
+    color: theme.color.text2
+  },
+  // A warn *edge*, not a warn fill: the value stays on the field surface its
+  // ink was measured against, and the flag says the rest in words.
+  fieldInput: {
+    borderRadius: theme.ctl.r.sm,
+    variants: {
+      flagged: {
+        true: { borderWidth: theme.borderWidth.base, borderColor: theme.color.warn },
+        false: {}
+      }
+    }
+  },
+  flagChip: {
+    alignSelf: "flex-start",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space[4],
+    paddingHorizontal: theme.space[8],
+    paddingVertical: theme.space[2],
+    borderRadius: theme.radius.full,
+    backgroundColor: theme.color.warnSoft,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.edge.warn
+  },
+  flagText: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[12],
+    color: theme.color.warnOnSoft
+  },
+  quantityRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.space[12]
+  }
+}));
+var NOOP = () => void 0;
+function FailureCard({
+  failure: failure$1 = "low_confidence",
+  alternates = [],
+  onRetake,
+  onManualEntry,
+  onPickAlternate,
+  alternatesLabel: alternatesProp,
+  manualLabel: manualProp,
+  announce = true,
+  labels,
+  copy,
+  tone = "danger",
+  variant = "elevated",
+  elevation = "default",
+  padding = "md",
+  loading = false,
+  interactive = false,
+  onPress,
+  accessibilityLabel
+}) {
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const locale = useLoamLocale();
+  const alternatesLabel = alternatesProp ?? t.closestWeGot;
+  const manualLabel = manualProp ?? words.failure.enterManually;
+  const { styles } = useStyles(failureSheet);
+  const theme = useLoamTheme("capture-result");
+  const base = failure(failure$1);
+  const resolved = { ...base, ...words.failures[base.id] };
+  const body = failureBody(resolved.id, words);
+  const showAlternates = resolved.id === "low_confidence" && alternates.length > 0;
+  return /* @__PURE__ */ jsx(BusyWrap, { busy: loading, children: /* @__PURE__ */ jsxs(
+    Card,
+    {
+      variant,
+      onPress: interactive ? onPress ?? NOOP : void 0,
+      accessibilityLabel: interactive ? accessibilityLabel ?? resolved.label : void 0,
+      style: [
+        styles.card,
+        elevation === "flat" ? styles.flat : elevation === "raised" ? styles.raised : null,
+        padding === "lg" ? styles.padLg : null,
+        tone !== "danger" ? { borderColor: theme.edge[tone], borderWidth: theme.borderWidth.base } : null
+      ],
+      children: [
+        /* @__PURE__ */ jsx(PhaseAnnouncement, { message: announce ? `${resolved.label}. ${body}` : null }),
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(View, { accessible: false, ...decorativeProps(), children: /* @__PURE__ */ jsx(IconTile, { icon: "alert-triangle", tone, size: "lg" }) }),
+          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.heading, children: resolved.label }) }),
+          /* @__PURE__ */ jsx(Text, { style: styles.body, children: body })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
+          View,
+          {
+            style: [
+              styles.stack,
+              padding === "sm" ? styles.stackSm : padding === "lg" ? styles.stackLg : null
+            ],
+            children: [
+              /* @__PURE__ */ jsx(NoteBlock, { title: words.failure.offerPrefix, description: resolved.offer }),
+              showAlternates ? /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+                /* @__PURE__ */ jsx(Text, { style: styles.overline, children: alternatesLabel.toLocaleUpperCase(locale) }),
+                /* @__PURE__ */ jsx(View, { style: styles.list, children: alternates.map((m) => /* @__PURE__ */ jsx(MatchRow, { match: m, onPick: onPickAlternate, labels }, m.name)) })
+              ] }) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+          /* @__PURE__ */ jsx(View, { style: styles.actionSlot, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "lg", fullWidth: true, onPress: onManualEntry, children: manualLabel }) }),
+          /* @__PURE__ */ jsx(View, { style: styles.actionSlot, children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", fullWidth: true, loading, onPress: onRetake, children: failurePrimaryLabel(resolved.id, words) }) })
+        ] }) })
+      ]
+    }
+  ) });
+}
+var failureSheet = createStyleSheet((theme) => ({
+  card: {
+    width: "100%",
+    maxWidth: theme.panel.lg
+  },
+  flat: { shadowOpacity: 0, elevation: 0 },
+  raised: { ...theme.shadow.lg },
+  padLg: { padding: theme.space.s2 },
+  stackSm: { gap: theme.space[8] },
+  stackLg: { gap: theme.space[16] },
+  headRow: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: theme.space[12]
+  },
+  toneMark: {
+    flexGrow: 0,
+    flexShrink: 0,
+    width: theme.space[32],
+    height: theme.space[32],
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: theme.radius.full,
+    backgroundColor: theme.color.warnSoft,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.edge.warn
+  },
+  headText: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: theme.space[0],
+    flexDirection: "column",
+    gap: theme.space[4]
+  },
+  heading: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.type.title3.fontSize,
+    fontWeight: theme.fontWeight.semibold,
+    color: theme.color.text
+  },
+  body: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[15],
+    lineHeight: theme.fontSize[15] * theme.lineHeight.relaxed,
+    color: theme.color.text2
+  },
+  stack: {
+    flexDirection: "column",
+    gap: theme.space[12]
+  },
+  group: {
+    flexDirection: "column",
+    gap: theme.space[6]
+  },
+  list: {
+    flexDirection: "column",
+    gap: theme.space[6]
+  },
+  overline: {
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[10],
+    letterSpacing: theme.tracking.caps,
+    color: theme.color.text3
+  },
+  // Shared row when both labels fit, a full-width stack when they do not —
+  // never a label broken across two lines inside its own button.
+  actions: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: theme.space[8],
+    width: "100%"
+  },
+  actionSlot: {
+    flexGrow: 1,
+    flexShrink: 0,
+    flexBasis: "auto"
+  }
+}));
+var SCRIM = {
+  captured: "a6",
+  done: "a7",
+  result: "a8",
+  analysing: "a10",
+  failure: "a11",
+  none: null
+};
+function CapturePreview({
+  preview,
+  label,
+  scrim = "captured",
+  pill: pillProp,
+  labels,
+  copy,
+  tracking,
+  announce = true,
+  size = "md",
+  motion,
+  children,
+  tone,
+  loading = false
+}) {
+  const theme = useLoamTheme("capture-result");
+  const { styles } = useStyles(reviewSheet);
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const pill = pillProp === void 0 ? words.capturedPill : pillProp;
+  const stop = SCRIM[scrim];
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      testID: `loam-capture-preview-${scrim}`,
+      "aria-busy": loading || void 0,
+      style: [
+        styles.frozen,
+        tone ? { borderColor: theme.edge[tone], borderWidth: theme.borderWidth.thick } : null
+      ],
+      children: [
+        /* @__PURE__ */ jsx(PhaseAnnouncement, { message: announce && pill ? pill : null }),
+        preview ?? /* @__PURE__ */ jsx(PlaceholderFeed, { label: label ?? t.frozenFrame, drift: false }),
+        stop ? /* @__PURE__ */ jsx(
+          View,
+          {
+            accessible: false,
+            testID: `loam-capture-scrim-${scrim}`,
+            style: [styles.scrim, { backgroundColor: theme.black[stop] }],
+            ...decorativeProps()
+          }
+        ) : null,
+        loading ? /* @__PURE__ */ jsx(View, { testID: "loam-capture-loading", style: styles.loadingPlate, children: /* @__PURE__ */ jsx(Skeleton, { variant: "rect", motion }) }) : null,
+        tracking,
+        pill ? /* @__PURE__ */ jsx(View, { style: [styles.pillRow, size === "lg" ? styles.pillRowLg : null], children: /* @__PURE__ */ jsx(GuidanceChip, { text: pill, size: size === "sm" ? "sm" : "md", motion }) }) : null,
+        children
+      ]
+    }
+  );
+}
+function RetakeBar({
+  analyse = true,
+  retakeLabel: retakeProp,
+  acceptLabel,
+  labels,
+  onRetake,
+  onAccept,
+  size = "lg",
+  density = "standard",
+  orientation = "horizontal",
+  variant = "glass",
+  tone,
+  loading = false
+}) {
+  const t = useCaptureResultLabels(labels);
+  const retakeLabel = retakeProp ?? t.retake;
+  const theme = useLoamTheme("capture-result");
+  const { styles } = useStyles(reviewSheet);
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      testID: "loam-retake-bar",
+      "aria-busy": loading || void 0,
+      style: [
+        styles.retakeBar,
+        orientation === "vertical" ? styles.barVertical : null,
+        density === "compact" ? styles.barCompact : density === "comfortable" ? styles.barSpacious : null
+      ],
+      children: [
+        variant === "solid" ? /* @__PURE__ */ jsx(View, { style: [styles.retakeSlot, orientation === "vertical" ? styles.fullWidth : null], children: /* @__PURE__ */ jsx(Button, { variant: "outline", size, fullWidth: true, disabled: loading, onPress: onRetake, children: retakeLabel }) }) : /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: retakeLabel,
+            accessibilityState: { disabled: loading },
+            disabled: loading,
+            style: [
+              styles.retakeSlot,
+              styles.glassAction,
+              { height: theme.ctl[size] },
+              tone ? { borderColor: theme.edge[tone] } : null,
+              orientation === "vertical" ? styles.fullWidth : null
+            ],
+            onPress: onRetake,
+            children: /* @__PURE__ */ jsx(Text, { style: [styles.glassActionLabel, { color: camInk(theme) }], children: retakeLabel })
+          }
+        ),
+        /* @__PURE__ */ jsx(View, { style: [styles.acceptSlot, orientation === "vertical" ? styles.fullWidth : null], children: /* @__PURE__ */ jsx(Button, { variant: "primary", size, fullWidth: true, loading, onPress: onAccept, children: acceptLabel ?? (analyse ? t.analyse : t.usePhoto) }) })
+      ]
+    }
+  );
+}
+var FROZEN_PHASES = [
+  "captured",
+  "analysing",
+  "result",
+  "failure",
+  "done"
+];
+var reviewSheet = createStyleSheet((theme) => ({
+  frozen: {
+    position: "absolute",
+    top: theme.space[0],
+    bottom: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0],
+    overflow: "hidden"
+  },
+  scrim: {
+    pointerEvents: "none",
+    position: "absolute",
+    top: theme.space[0],
+    bottom: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0]
+  },
+  loadingPlate: {
+    pointerEvents: "none",
+    position: "absolute",
+    top: theme.space[0],
+    bottom: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0]
+  },
+  pillRow: {
+    pointerEvents: "box-none",
+    position: "absolute",
+    top: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0],
+    alignItems: "center",
+    padding: theme.space[8]
+  },
+  pillRowLg: { padding: theme.space[16] },
+  retakeBar: {
+    width: "100%",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: theme.space[8]
+  },
+  barVertical: { flexDirection: "column", alignItems: "stretch" },
+  barCompact: { gap: theme.space[4] },
+  barSpacious: { gap: theme.space[16] },
+  fullWidth: { width: "100%", flexGrow: 0 },
+  // Floored at their labels' widths and the bar wraps, so no label breaks
+  // inside its button; when both fit, accept keeps the 2:1 share.
+  retakeSlot: {
+    flexGrow: 1,
+    flexShrink: 0,
+    flexBasis: "auto"
+  },
+  acceptSlot: {
+    flexGrow: 2,
+    flexShrink: 0,
+    flexBasis: "auto"
+  },
+  glassAction: {
+    height: theme.ctl.lg,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: theme.ctl.px.lg,
+    borderRadius: theme.ctl.r.lg,
+    backgroundColor: theme.black.a12,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.white.a5
+  },
+  glassActionLabel: {
+    // The lg tier's label role, so this plate reads beside the Button (R12).
+    ...theme.ctl.label.lg,
+    fontFamily: theme.font.sans
+  }
+}));
+function ResultCard({
+  result,
+  profile: profileProp,
+  currency = "HUF",
+  quantity = 1,
+  onFieldChange,
+  onPickAlternate,
+  onQuantityChange,
+  labels,
+  copy,
+  tone,
+  variant = "plain",
+  elevation = "default",
+  padding,
+  loading = false,
+  interactive = false,
+  onPress,
+  accessibilityLabel
+}) {
+  const stamp = typeof profileProp === "string" ? profileProp : profileProp ? profileProp.id : void 0;
+  const { styles } = useStyles(cardSheet);
+  const theme = useLoamTheme("capture-result");
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      testID: stamp ? `loam-result-profile-${stamp}` : void 0,
+      "aria-busy": loading || void 0,
+      "data-interactive": interactive || void 0,
+      style: [
+        interactive ? styles.rel : null,
+        variant !== "plain" ? styles.panel : null,
+        variant === "filled" ? styles.filled : null,
+        elevation === "raised" ? styles.raised : null,
+        padding === "sm" ? styles.padSm : padding === "md" ? styles.padMd : padding === "lg" ? styles.padLg : null,
+        tone ? {
+          borderColor: theme.edge[tone],
+          borderWidth: theme.borderWidth.base,
+          borderRadius: theme.radius.lg
+        } : null
+      ],
+      children: [
+        interactive ? /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: accessibilityLabel ?? stamp ?? result.kind,
+            testID: "loam-result-press",
+            onPress,
+            style: ({ pressed }) => [styles.pressLayer, pressed ? styles.pressed : null]
+          }
+        ) : null,
+        loading ? /* @__PURE__ */ jsxs(View, { testID: "loam-result-loading", style: styles.loading, children: [
+          /* @__PURE__ */ jsx(Skeleton, { variant: "text" }),
+          /* @__PURE__ */ jsx(Skeleton, { variant: "text" }),
+          /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: theme.space[48] })
+        ] }) : null,
+        loading ? null : result.kind === "species" ? /* @__PURE__ */ jsx(
+          SpeciesResult,
+          {
+            result,
+            onPickAlternate,
+            labels,
+            copy
+          }
+        ) : null,
+        !loading && result.kind === "panels" ? /* @__PURE__ */ jsx(PanelsResult, { result, currency, labels, copy }) : null,
+        !loading && result.kind === "fields" ? /* @__PURE__ */ jsx(FieldsResult, { result, onFieldChange, labels, copy }) : null,
+        !loading && result.kind === "code" ? /* @__PURE__ */ jsx(
+          CodeResult,
+          {
+            result,
+            currency,
+            quantity,
+            onQuantityChange,
+            labels,
+            copy
+          }
+        ) : null,
+        !loading && result.kind === "verdict" ? /* @__PURE__ */ jsx(VerdictResult, { result, labels, copy }) : null
+      ]
+    }
+  );
+}
+var cardSheet = createStyleSheet((theme) => ({
+  panel: {
+    borderRadius: theme.radius.lg,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.color.border
+  },
+  filled: { backgroundColor: theme.color.surface },
+  raised: { ...theme.shadow.lg },
+  padSm: { padding: theme.space[8] },
+  padMd: { padding: theme.space[12] },
+  padLg: { padding: theme.space[16] },
+  loading: { gap: theme.space[8] },
+  rel: { position: "relative" },
+  pressLayer: {
+    position: "absolute",
+    top: theme.space[0],
+    bottom: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0],
+    borderRadius: theme.radius.lg
+  },
+  pressed: { backgroundColor: theme.color.border, opacity: theme.opacity[38] }
+}));
+function ResultSheet({
+  title: titleProp,
+  primaryLabel: primaryProp,
+  scanAnotherLabel: scanProp,
+  labels,
+  copy,
+  onScanAnother,
+  onKeep,
+  onDismiss,
+  autoFocus = true,
+  maxHeight: maxHeightProp,
+  tone,
+  size = "md",
+  presentation = "overlay",
+  side = "bottom",
+  loading = false,
+  dismissRatio = 0.3,
+  grabberLabel: grabberProp,
+  morphFrom,
+  children
+}) {
+  const t = useCaptureResultLabels(labels);
+  const words = useAnalyzerCopy(copy);
+  const title = titleProp ?? t.result;
+  const primaryLabel = primaryProp ?? resultPrimaryLabel("plant", 0, words);
+  const scanAnotherLabel = scanProp ?? t.scanAnother;
+  const grabberLabel = grabberProp ?? t.dismissResult;
+  const theme = useLoamTheme("capture-result");
+  const { styles } = useStyles(sheetSheet);
+  const panel = React5.useRef(null);
+  const height = React5.useRef(0);
+  const offset = React5.useRef(new Animated.Value(0)).current;
+  const maxHeight = maxHeightProp ?? (size === "sm" ? "60%" : size === "lg" ? "94%" : "82%");
+  const level = useResolvedMotion(void 0, "capture-result");
+  const enter = React5.useRef(new Animated.Value(0)).current;
+  const [sheetH, setSheetH] = React5.useState(600);
+  const [startDy, setStartDy] = React5.useState(null);
+  const entered = React5.useRef(false);
+  const themeRef = React5.useRef(theme);
+  themeRef.current = theme;
+  const levelRef = React5.useRef(level);
+  levelRef.current = level;
+  const dismiss = React5.useRef(onDismiss);
+  dismiss.current = onDismiss;
+  const dir = side === "top" ? -1 : 1;
+  const dirRef = React5.useRef(dir);
+  dirRef.current = dir;
+  const ratio = React5.useRef(dismissRatio);
+  ratio.current = dismissRatio;
+  React5.useLayoutEffect(() => {
+    if (!autoFocus) return;
+    const node = panel.current;
+    if (!node || Platform.OS === "web") return;
+    const tag = findNodeHandle(node);
+    if (tag !== null) AccessibilityInfo.setAccessibilityFocus(tag);
+  }, [autoFocus]);
+  const grabberSlop = Math.max(0, (theme.hit.lg - theme.space[24]) / 2);
+  const pan = React5.useRef(
+    // eslint-disable-next-line loam/no-pan-responder
+    PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
+      onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dy) > 2,
+      onPanResponderMove: (_e, g) => {
+        if (!dismiss.current) return;
+        offset.setValue(dirRef.current * Math.max(0, dirRef.current * g.dy));
+      },
+      onPanResponderRelease: (_e, g) => {
+        if (dismiss.current && height.current > 0 && Math.max(0, dirRef.current * g.dy) > height.current * ratio.current) {
+          offset.setValue(0);
+          dismiss.current();
+          return;
+        }
+        if (levelRef.current === "full") {
+          Animated.spring(offset, {
+            ...springConfig(themeRef.current, "ds", {
+              velocity: dirRef.current * g.vy,
+              thrown: true
+            }),
+            toValue: 0,
+            useNativeDriver: true
+          }).start();
+        } else {
+          offset.setValue(0);
+        }
+      },
+      onPanResponderTerminate: () => offset.setValue(0)
+    })
+  ).current;
+  const grabber = onDismiss ? /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityLabel: grabberLabel,
+      testID: "loam-result-grabber",
+      hitSlop: { top: grabberSlop, bottom: grabberSlop },
+      style: styles.grabberHit,
+      onPress: onDismiss,
+      ...pan.panHandlers,
+      children: /* @__PURE__ */ jsx(View, { accessible: false, style: styles.grabber })
+    }
+  ) : /* @__PURE__ */ jsx(View, { accessible: false, style: styles.grabberHit, children: /* @__PURE__ */ jsx(View, { style: styles.grabber }) });
+  return /* @__PURE__ */ jsxs(
+    Animated.View,
+    {
+      ref: panel,
+      role: "dialog",
+      accessibilityViewIsModal: true,
+      accessibilityLabel: title,
+      testID: "loam-result-sheet",
+      "aria-busy": loading || void 0,
+      onLayout: (e) => {
+        height.current = e.nativeEvent.layout.height;
+        if (entered.current) return;
+        entered.current = true;
+        setSheetH(height.current);
+        const rise = () => {
+          if (level === "none") enter.setValue(1);
+          else if (level === "reduced")
+            Animated.timing(enter, {
+              ...motionTiming(level),
+              toValue: 1,
+              useNativeDriver: true
+            }).start();
+          else
+            Animated.spring(enter, {
+              ...springConfig(theme, "ds"),
+              toValue: 1,
+              useNativeDriver: true
+            }).start();
+        };
+        const node = panel.current;
+        if (!morphFrom?.current || level !== "full" || !node || side === "top") return rise();
+        void Promise.all([measureBox(morphFrom.current), measureBox(node)]).then(([src, dst]) => {
+          if (!src || !dst) return rise();
+          setStartDy(src.y - (dst.y - height.current));
+          Animated.timing(enter, {
+            toValue: 1,
+            duration: theme.motion.expand.duration,
+            easing: Easing.bezier(...theme.motion.expand.easing),
+            useNativeDriver: true
+          }).start();
+        });
+      },
+      style: [
+        styles.sheet,
+        side === "top" ? styles.sheetTop : null,
+        presentation === "inline" ? styles.inline : null,
+        tone ? side === "top" ? { borderBottomColor: theme.edge[tone] } : { borderTopColor: theme.edge[tone] } : null,
+        {
+          maxHeight,
+          opacity: level !== "full" ? enter : startDy === null ? 1 : enter.interpolate({
+            inputRange: [0, 0.3],
+            outputRange: [0, 1],
+            extrapolate: "clamp"
+          }),
+          transform: [
+            { translateY: offset },
+            ...level === "full" ? [
+              {
+                translateY: enter.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: [startDy ?? dir * sheetH, 0]
+                })
+              }
+            ] : []
+          ]
+        }
+      ],
+      children: [
+        side === "top" ? null : grabber,
+        /* @__PURE__ */ jsx(ScrollView, { style: styles.body, contentContainerStyle: styles.bodyContent, focusable: true, children }),
+        /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+          /* @__PURE__ */ jsx(View, { style: styles.secondarySlot, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "lg", fullWidth: true, onPress: onScanAnother, children: scanAnotherLabel }) }),
+          /* @__PURE__ */ jsx(View, { style: styles.primarySlot, children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", fullWidth: true, loading, onPress: onKeep, children: primaryLabel }) })
+        ] }),
+        side === "top" ? grabber : null
+      ]
+    }
+  );
+}
+var sheetSheet = createStyleSheet((theme) => ({
+  sheet: {
+    position: "absolute",
+    left: theme.space[0],
+    right: theme.space[0],
+    bottom: theme.space[0],
+    zIndex: theme.z.modal,
+    flexDirection: "column",
+    overflow: "hidden",
+    borderTopLeftRadius: theme.radius.xl,
+    borderTopRightRadius: theme.radius.xl,
+    borderTopWidth: theme.borderWidth.base,
+    borderTopColor: theme.color.border,
+    backgroundColor: theme.color.surface,
+    ...theme.shadow.lg
+  },
+  inline: { position: "relative", zIndex: theme.z.base },
+  sheetTop: {
+    bottom: "auto",
+    top: theme.space[0],
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderBottomLeftRadius: theme.radius.xl,
+    borderBottomRightRadius: theme.radius.xl,
+    borderTopWidth: 0,
+    borderBottomWidth: theme.borderWidth.base,
+    borderBottomColor: theme.color.border
+  },
+  grabberHit: {
+    width: "100%",
+    height: theme.space[24],
+    flexGrow: 0,
+    flexShrink: 0,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  grabber: {
+    width: theme.space[36],
+    height: theme.layout.sheetGrabber,
+    borderRadius: theme.radius.full,
+    backgroundColor: theme.color.text3
+  },
+  body: {
+    flexGrow: 1,
+    flexShrink: 1,
+    // Content-sized up to the sheet's maxHeight, then it scrolls (a zero basis collapses the body in an auto-height sheet).
+    flexBasis: "auto"
+  },
+  bodyContent: {
+    paddingHorizontal: theme.space[16],
+    paddingBottom: theme.space[12]
+  },
+  actions: {
+    flexGrow: 0,
+    flexShrink: 0,
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: theme.space[8],
+    paddingHorizontal: theme.space[16],
+    paddingVertical: theme.space[12],
+    borderTopWidth: theme.borderWidth.base,
+    borderTopColor: theme.color.border
+  },
+  // Both slots are floored at their own label's width and the row wraps, so a
+  // label never breaks inside its button ("Save to collection" did at 140pt);
+  // when both fit, the primary still takes two thirds of the spare width.
+  secondarySlot: {
+    flexGrow: 1,
+    flexShrink: 0,
+    flexBasis: "auto"
+  },
+  primarySlot: {
+    flexGrow: 2,
+    flexShrink: 0,
+    flexBasis: "auto"
+  }
+}));
+
+export { AnalysisProgress, CapturePreview, CodeResult, FROZEN_PHASES, FailureCard, FieldsResult, PanelsResult, ResultCard, ResultSheet, RetakeBar, ScanSweep, SpeciesResult, StageBadge, StageRow, VerdictResult };