@tallyui/components 2.0.0 → 3.0.0-next.0

package/dist/index.js

@@ -1694,9 +1694,9 @@ import { cn as cn39 } from "@tallyui/theme";
 import { jsx as jsx41 } from "react/jsx-runtime";
 function ProductSku({ doc, fallback = "\u2014", className, ...textProps }) {
   const { getSku, getVariantCount } = useProductTraits4();
-  const count = getVariantCount(doc);
+  const count2 = getVariantCount(doc);
   const sku = getSku(doc);
-  return /* @__PURE__ */ jsx41(Text, { className: cn39("text-xs text-muted-foreground", className), ...textProps, children: count > 1 ? `${count} variants` : sku ?? fallback });
+  return /* @__PURE__ */ jsx41(Text, { className: cn39("text-xs text-muted-foreground", className), ...textProps, children: count2 > 1 ? `${count2} variants` : sku ?? fallback });
 }
 
 // src/product/product-stock-badge.tsx
@@ -1794,10 +1794,13 @@ function ProductCard({ doc, onPress, imageSize = 80, currencySymbol: currencySym
 }
 
 // src/product/product-grid.tsx
-import { ScrollView as ScrollView2, View as View19 } from "react-native";
+import { FlatList, View as View19 } from "react-native";
 import { cn as cn42 } from "@tallyui/theme";
 import { useProductTraits as useProductTraits6 } from "@tallyui/core";
 import { jsx as jsx44, jsxs as jsxs8 } from "react/jsx-runtime";
+var INITIAL_ROWS = 8;
+var BATCH_ROWS = 8;
+var WINDOW_SIZE = 5;
 function ProductGrid({
   items,
   renderItem,
@@ -1820,12 +1823,25 @@ function ProductGrid({
   return /* @__PURE__ */ jsxs8(VStack, { space: "none", className: cn42("flex-1", className), ...viewProps, children: [
     searchSlot && /* @__PURE__ */ jsx44(View19, { className: "px-3 py-2", children: searchSlot }),
     filterSlot && /* @__PURE__ */ jsx44(View19, { className: "px-3 pb-2", children: filterSlot }),
-    hasItems ? /* @__PURE__ */ jsx44(ScrollView2, { contentContainerClassName: "flex-row flex-wrap p-1", children: visibleItems.map((item, index) => /* @__PURE__ */ jsx44(View19, { style: { width: `${100 / numColumns}%` }, className: "p-1", children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+    hasItems ? /* @__PURE__ */ jsx44(
+      FlatList,
+      {
+        data: visibleItems,
+        numColumns,
+        keyExtractor: (item, index) => String(item.id ?? index),
+        contentContainerClassName: "p-1",
+        initialNumToRender: INITIAL_ROWS,
+        maxToRenderPerBatch: BATCH_ROWS,
+        windowSize: WINDOW_SIZE,
+        renderItem: ({ item, index }) => /* @__PURE__ */ jsx44(View19, { style: { width: `${100 / numColumns}%` }, className: "p-1", children: renderItem(item, index) })
+      },
+      numColumns
+    ) : emptyState ?? null
   ] });
 }
 
 // src/product/product-list.tsx
-import { ScrollView as ScrollView3, View as View20 } from "react-native";
+import { ScrollView as ScrollView2, View as View20 } from "react-native";
 import { cn as cn43 } from "@tallyui/theme";
 import { jsx as jsx45, jsxs as jsxs9 } from "react/jsx-runtime";
 function ProductList({
@@ -1841,12 +1857,12 @@ function ProductList({
   return /* @__PURE__ */ jsxs9(View20, { className: cn43("flex-1", className), ...viewProps, children: [
     searchSlot && /* @__PURE__ */ jsx45(View20, { className: "px-3 py-2", children: searchSlot }),
     filterSlot && /* @__PURE__ */ jsx45(View20, { className: "px-3 pb-2", children: filterSlot }),
-    hasItems ? /* @__PURE__ */ jsx45(ScrollView3, { className: "flex-1", children: items.map((item, index) => /* @__PURE__ */ jsx45(View20, { className: "border-b border-border", children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+    hasItems ? /* @__PURE__ */ jsx45(ScrollView2, { className: "flex-1", children: items.map((item, index) => /* @__PURE__ */ jsx45(View20, { className: "border-b border-border", children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
   ] });
 }
 
 // src/product/category-nav.tsx
-import { Pressable as Pressable8, ScrollView as ScrollView4, Text as Text11, View as View21 } from "react-native";
+import { Pressable as Pressable8, ScrollView as ScrollView3, Text as Text11, View as View21 } from "react-native";
 import { cn as cn44 } from "@tallyui/theme";
 import { jsx as jsx46 } from "react/jsx-runtime";
 function CategoryNav({
@@ -1884,7 +1900,7 @@ function CategoryNav({
   });
   if (isHorizontal) {
     return /* @__PURE__ */ jsx46(
-      ScrollView4,
+      ScrollView3,
       {
         horizontal: true,
         showsHorizontalScrollIndicator: false,
@@ -1993,7 +2009,7 @@ function CartTotal({
 }
 
 // src/cart/cart-panel.tsx
-import { ScrollView as ScrollView5, View as View23 } from "react-native";
+import { ScrollView as ScrollView4, View as View23 } from "react-native";
 import { cn as cn48 } from "@tallyui/theme";
 import { jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
 function defaultKey(item, index) {
@@ -2014,7 +2030,7 @@ function CartPanel({
   const hasItems = items.length > 0;
   return /* @__PURE__ */ jsxs13(VStack, { space: "none", className: cn48("flex-1 min-h-0", className), ...props, children: [
     header && /* @__PURE__ */ jsx50(View23, { className: "border-b border-border px-3 py-2", children: header }),
-    /* @__PURE__ */ jsxs13(ScrollView5, { className: "flex-1 min-h-0", contentContainerClassName: "flex-grow", children: [
+    /* @__PURE__ */ jsxs13(ScrollView4, { className: "flex-1 min-h-0", contentContainerClassName: "flex-grow", children: [
       hasItems ? items.map((item, index) => /* @__PURE__ */ jsx50(View23, { children: renderItem(item, index) }, keyExtractor ? keyExtractor(item, index) : defaultKey(item, index))) : emptyState ?? null,
       afterItems
     ] }),
@@ -2138,7 +2154,7 @@ function SearchInput({ value, onChangeText, className, placeholder = "Search..."
 
 // src/input/filter-chip.tsx
 import { useMemo } from "react";
-import { Pressable as Pressable12, ScrollView as ScrollView6 } from "react-native";
+import { Pressable as Pressable12, ScrollView as ScrollView5 } from "react-native";
 import { ToggleGroup as ToggleGroup3 } from "@tallyui/primitives";
 import { cn as cn53 } from "@tallyui/theme";
 import { jsx as jsx55 } from "react/jsx-runtime";
@@ -2191,7 +2207,7 @@ function FilterChipGroup({ chips, onChipPress, className, ...viewProps }) {
       onValueChange: handleValueChange,
       asChild: true,
       children: /* @__PURE__ */ jsx55(
-        ScrollView6,
+        ScrollView5,
         {
           horizontal: true,
           showsHorizontalScrollIndicator: false,
@@ -2267,9 +2283,12 @@ function QuantityStepper({
 import { useCustomerTraits } from "@tallyui/core";
 import { cn as cn55 } from "@tallyui/theme";
 import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
-function CustomerCard({ doc, className, ...props }) {
+function CustomerCardFromContext(props) {
   const traits = useCustomerTraits();
-  if (!traits) return null;
+  return traits ? /* @__PURE__ */ jsx57(CustomerCard, { ...props, traits }) : null;
+}
+function CustomerCard({ doc, traits, className, ...props }) {
+  if (!traits) return /* @__PURE__ */ jsx57(CustomerCardFromContext, { doc, className, ...props });
   const name = traits.getName(doc);
   const email = traits.getEmail(doc);
   const address = traits.getAddressSummary(doc);
@@ -2281,21 +2300,27 @@ function CustomerCard({ doc, className, ...props }) {
 }
 
 // src/customer/customer-select.tsx
-import { ScrollView as ScrollView7, View as View29 } from "react-native";
+import { Pressable as Pressable14, ScrollView as ScrollView6, View as View29 } from "react-native";
 import { Select as Select2 } from "@tallyui/primitives";
 import { useCustomerTraits as useCustomerTraits2 } from "@tallyui/core";
 import { cn as cn56 } from "@tallyui/theme";
 import { jsx as jsx58, jsxs as jsxs18 } from "react/jsx-runtime";
-function CustomerSelect({
+function CustomerSelect(props) {
+  return props.traits ? /* @__PURE__ */ jsx58(CustomerSelectView, { ...props }) : /* @__PURE__ */ jsx58(CustomerSelectFromContext, { ...props });
+}
+function CustomerSelectFromContext(props) {
+  return /* @__PURE__ */ jsx58(CustomerSelectView, { ...props, traits: useCustomerTraits2() });
+}
+function CustomerSelectView({
   customers,
   selected,
   onSelect,
   onSearch,
   placeholder = "Search customers...",
   className,
+  traits,
   ...props
 }) {
-  const traits = useCustomerTraits2();
   const selectedOption = selected && traits ? { value: traits.getId(selected), label: traits.getName(selected) } : void 0;
   const customerById = /* @__PURE__ */ new Map();
   if (traits) {
@@ -2314,17 +2339,18 @@ function CustomerSelect({
       onValueChange: handleValueChange,
       defaultOpen: true,
       children: /* @__PURE__ */ jsxs18(VStack, { space: "sm", className: cn56(className), ...props, children: [
-        selected && traits && /* @__PURE__ */ jsx58(Select2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx58(View29, { className: "rounded-lg border border-primary bg-primary/5 px-3 py-2", children: /* @__PURE__ */ jsx58(CustomerCard, { doc: selected }) }) }),
-        customers.length > 0 && /* @__PURE__ */ jsx58(Select2.Content, { asChild: true, forceMount: true, disablePositioningStyle: true, children: /* @__PURE__ */ jsx58(ScrollView7, { className: "max-h-60", children: customers.map((customer, index) => {
+        selected && traits && /* @__PURE__ */ jsx58(Select2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx58(View29, { className: "rounded-lg border border-primary bg-primary/5 px-3 py-2", children: /* @__PURE__ */ jsx58(CustomerCard, { doc: selected, traits }) }) }),
+        customers.length > 0 && /* @__PURE__ */ jsx58(Select2.Content, { asChild: true, forceMount: true, disablePositioningStyle: true, children: /* @__PURE__ */ jsx58(ScrollView6, { className: "max-h-60", children: customers.map((customer, index) => {
           const id = traits?.getId(customer) ?? String(index);
           const label = traits?.getName(customer) ?? "";
+          const email = traits?.getEmail(customer);
           return /* @__PURE__ */ jsx58(
             Select2.Item,
             {
               value: id,
               label,
               asChild: true,
-              children: /* @__PURE__ */ jsx58(View29, { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx58(CustomerCard, { doc: customer }) })
+              children: /* @__PURE__ */ jsx58(Pressable14, { accessibilityLabel: email ? `${label}, ${email}` : label, className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx58(CustomerCard, { doc: customer, traits }) })
             },
             id
           );
@@ -2335,7 +2361,7 @@ function CustomerSelect({
 }
 
 // src/customer/customer-form.tsx
-import { Pressable as Pressable14, Text as Text17, TextInput as TextInput6, View as View30 } from "react-native";
+import { Pressable as Pressable15, Text as Text17, TextInput as TextInput6, View as View30 } from "react-native";
 import { cn as cn57 } from "@tallyui/theme";
 import { jsx as jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
 function FormField({
@@ -2363,6 +2389,7 @@ function CustomerForm({
   onChangeField,
   onSubmit,
   submitLabel = "Save Customer",
+  showAddress = true,
   className,
   ...viewProps
 }) {
@@ -2373,13 +2400,13 @@ function CustomerForm({
     ] }),
     /* @__PURE__ */ jsx59(FormField, { label: "Email", value: values.email, onChangeText: (v) => onChangeField("email", v), placeholder: "email@example.com", keyboardType: "email-address" }),
     /* @__PURE__ */ jsx59(FormField, { label: "Phone", value: values.phone, onChangeText: (v) => onChangeField("phone", v), placeholder: "Phone number", keyboardType: "phone-pad" }),
-    /* @__PURE__ */ jsx59(FormField, { label: "Address", value: values.address, onChangeText: (v) => onChangeField("address", v), placeholder: "Street address", multiline: true }),
-    onSubmit && /* @__PURE__ */ jsx59(Pressable14, { onPress: onSubmit, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx59(Text17, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel }) })
+    showAddress && /* @__PURE__ */ jsx59(FormField, { label: "Address", value: values.address, onChangeText: (v) => onChangeField("address", v), placeholder: "Street address", multiline: true }),
+    onSubmit && /* @__PURE__ */ jsx59(Pressable15, { onPress: onSubmit, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx59(Text17, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel }) })
   ] });
 }
 
 // src/customer/customer-order-history.tsx
-import { ScrollView as ScrollView8, Text as Text18, View as View31 } from "react-native";
+import { ScrollView as ScrollView7, Text as Text18, View as View31 } from "react-native";
 import { cn as cn58 } from "@tallyui/theme";
 import { jsx as jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
 function CustomerOrderHistory({
@@ -2391,45 +2418,198 @@ function CustomerOrderHistory({
 }) {
   return /* @__PURE__ */ jsxs20(View31, { className: cn58("flex-1", className), ...viewProps, children: [
     /* @__PURE__ */ jsx60(Text18, { className: "px-3 py-2 text-xs font-semibold text-muted-foreground", children: "Order History" }),
-    orders.length > 0 ? /* @__PURE__ */ jsx60(ScrollView8, { contentContainerClassName: "gap-2 px-3 pb-3", children: orders.map((order, index) => /* @__PURE__ */ jsx60(View31, { children: renderItem(order, index) }, order.id ?? index)) }) : emptyState ?? null
+    orders.length > 0 ? /* @__PURE__ */ jsx60(ScrollView7, { contentContainerClassName: "gap-2 px-3 pb-3", children: orders.map((order, index) => /* @__PURE__ */ jsx60(View31, { children: renderItem(order, index) }, order.id ?? index)) }) : emptyState ?? null
   ] });
 }
 
-// src/checkout/payment-method-card.tsx
-import { Pressable as Pressable15, View as View32 } from "react-native";
+// src/customer/customer-picker.tsx
+import { useEffect, useRef, useState as useState6 } from "react";
+import { Pressable as Pressable16, Text as Text19, TextInput as TextInput7, View as View32 } from "react-native";
+import { customerTraits, CustomerServiceError, ConnectorUnauthorizedError } from "@tallyui/core";
 import { cn as cn59 } from "@tallyui/theme";
 import { jsx as jsx61, jsxs as jsxs21 } from "react/jsx-runtime";
+var EMAIL_MAX = 254;
+var EMAIL_SHAPE = /^[^\s@\u0000]+@[^\s@\u0000]+\.[^\s@\u0000]+$/u;
+function CustomerPicker({ search, create, selected, onSelect, onError, online, debounceMs = 250, className }) {
+  const [query, setQuery] = useState6("");
+  const [customers, setCustomers] = useState6([]);
+  const [error, setError] = useState6(null);
+  const [showForm, setShowForm] = useState6(false);
+  const [creating, setCreating] = useState6(false);
+  const [values, setValues] = useState6({ firstName: "", lastName: "", email: "", phone: "", address: "" });
+  const sequence = useRef(0);
+  const searchRef = useRef(search);
+  searchRef.current = search;
+  const [noResults, setNoResults] = useState6(false);
+  function handleError(error2) {
+    if (error2 instanceof CustomerServiceError) {
+      setError(error2.code === "network" ? "Couldn't reach the store. Try again." : error2.code === "server" ? "The store couldn't do that. Try again." : error2.message);
+    } else {
+      setError(error2 instanceof ConnectorUnauthorizedError ? "Sign in again to continue." : "Something went wrong. Try again.");
+      onError?.(error2);
+    }
+  }
+  useEffect(() => {
+    const current = ++sequence.current;
+    setNoResults(false);
+    setError(null);
+    if (!online || !query.trim()) {
+      setCustomers([]);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      try {
+        const results = await searchRef.current(query);
+        if (current === sequence.current) {
+          setCustomers(results);
+          setNoResults(results.length === 0);
+        }
+      } catch (error2) {
+        if (current === sequence.current) handleError(error2);
+      }
+    }, debounceMs);
+    return () => {
+      clearTimeout(timer);
+      sequence.current++;
+    };
+  }, [query, online, debounceMs]);
+  async function submit() {
+    const email = values.email.trim();
+    if (!online || !create || creating || !email) return;
+    if (email.length > EMAIL_MAX || !EMAIL_SHAPE.test(email)) return setError(`Enter a valid email address (up to ${EMAIL_MAX} characters)`);
+    setCreating(true);
+    setError(null);
+    try {
+      const created = await create({
+        email,
+        ...values.firstName.trim() ? { firstName: values.firstName.trim() } : {},
+        ...values.lastName.trim() ? { lastName: values.lastName.trim() } : {},
+        ...values.phone.trim() ? { phone: values.phone.trim() } : {}
+      });
+      onSelect(created);
+      setValues({ firstName: "", lastName: "", email: "", phone: "", address: "" });
+      setShowForm(false);
+    } catch (error2) {
+      handleError(error2);
+    } finally {
+      setCreating(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs21(View32, { className: cn59("gap-3", className), children: [
+    selected && /* @__PURE__ */ jsxs21(View32, { children: [
+      /* @__PURE__ */ jsx61(CustomerCard, { doc: selected, traits: customerTraits }),
+      /* @__PURE__ */ jsx61(Pressable16, { accessibilityRole: "button", className: "items-center rounded-lg border border-border px-4 py-3", onPress: () => onSelect(null), children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-foreground", children: "Remove customer" }) })
+    ] }),
+    /* @__PURE__ */ jsx61(Text19, { className: "text-xs font-medium text-muted-foreground", children: "Search customers" }),
+    /* @__PURE__ */ jsx61(
+      TextInput7,
+      {
+        accessibilityLabel: "Search customers",
+        value: query,
+        onChangeText: setQuery,
+        editable: online,
+        className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground",
+        placeholderTextColorClassName: "accent-muted-foreground",
+        placeholder: "Name or email"
+      }
+    ),
+    !online && /* @__PURE__ */ jsx61(Text19, { className: "text-sm text-muted-foreground", children: "Connect to search or add customers." }),
+    noResults && /* @__PURE__ */ jsx61(Text19, { className: "text-sm text-muted-foreground", children: "No customers found." }),
+    error && /* @__PURE__ */ jsx61(Text19, { accessibilityRole: "alert", className: "text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsx61(
+      CustomerSelect,
+      {
+        customers,
+        traits: customerTraits,
+        onSearch: setQuery,
+        onSelect: (customer) => {
+          onSelect(customer);
+          setQuery("");
+        }
+      }
+    ),
+    create && /* @__PURE__ */ jsx61(
+      Pressable16,
+      {
+        accessibilityRole: "button",
+        disabled: !online || creating,
+        onPress: () => setShowForm(true),
+        className: cn59("items-center rounded-lg border border-border px-4 py-3", (!online || creating) && "opacity-50"),
+        children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-foreground", children: "New customer" })
+      }
+    ),
+    showForm && /* @__PURE__ */ jsxs21(View32, { children: [
+      /* @__PURE__ */ jsx61(
+        CustomerForm,
+        {
+          values,
+          showAddress: false,
+          onChangeField: (field, value) => setValues((current) => ({ ...current, [field]: value }))
+        }
+      ),
+      /* @__PURE__ */ jsxs21(View32, { className: "flex-row gap-3", children: [
+        /* @__PURE__ */ jsx61(
+          Pressable16,
+          {
+            accessibilityRole: "button",
+            disabled: !online || creating || !values.email.trim(),
+            onPress: submit,
+            className: cn59("items-center rounded-lg bg-primary px-4 py-3", (!online || creating || !values.email.trim()) && "opacity-50"),
+            children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-primary-foreground", children: "Save Customer" })
+          }
+        ),
+        /* @__PURE__ */ jsx61(
+          Pressable16,
+          {
+            accessibilityRole: "button",
+            className: "items-center rounded-lg border border-border px-4 py-3",
+            onPress: () => {
+              setShowForm(false);
+              setValues({ firstName: "", lastName: "", email: "", phone: "", address: "" });
+            },
+            children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-foreground", children: "Cancel" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/checkout/payment-method-card.tsx
+import { Pressable as Pressable17, View as View33 } from "react-native";
+import { cn as cn60 } from "@tallyui/theme";
+import { jsx as jsx62, jsxs as jsxs22 } from "react/jsx-runtime";
 function PaymentMethodCard({ label, selected, onPress, icon, className, ...props }) {
-  return /* @__PURE__ */ jsx61(Pressable15, { onPress, ...props, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx62(Pressable17, { onPress, ...props, children: /* @__PURE__ */ jsxs22(
     HStack,
     {
-      className: cn59(
+      className: cn60(
         "rounded-lg border px-4 py-3",
         selected ? "border-primary bg-primary/5" : "border-border bg-card",
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx61(View32, { children: icon }),
-        /* @__PURE__ */ jsx61(Text, { className: cn59("flex-1 text-sm font-medium", selected ? "text-primary" : ""), children: label }),
-        selected && /* @__PURE__ */ jsx61(View32, { className: "h-5 w-5 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx61(Text, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
+        icon && /* @__PURE__ */ jsx62(View33, { children: icon }),
+        /* @__PURE__ */ jsx62(Text, { className: cn60("flex-1 text-sm font-medium", selected ? "text-primary" : ""), children: label }),
+        selected && /* @__PURE__ */ jsx62(View33, { className: "h-5 w-5 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx62(Text, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
       ]
     }
   ) });
 }
 
 // src/checkout/order-summary-line.tsx
-import { cn as cn60 } from "@tallyui/theme";
-import { jsx as jsx62, jsxs as jsxs22 } from "react/jsx-runtime";
+import { cn as cn61 } from "@tallyui/theme";
+import { jsx as jsx63, jsxs as jsxs23 } from "react/jsx-runtime";
 function OrderSummaryLine({ label, amount, bold = false, className, ...props }) {
-  return /* @__PURE__ */ jsxs22(HStack, { space: "none", className: cn60("justify-between", className), ...props, children: [
-    /* @__PURE__ */ jsx62(Text, { className: cn60("text-sm", bold ? "font-bold" : "text-muted-foreground"), children: label }),
-    /* @__PURE__ */ jsx62(Text, { className: cn60("text-sm", bold && "font-bold"), children: amount })
+  return /* @__PURE__ */ jsxs23(HStack, { space: "none", className: cn61("justify-between", className), ...props, children: [
+    /* @__PURE__ */ jsx63(Text, { className: cn61("text-sm", bold ? "font-bold" : "text-muted-foreground"), children: label }),
+    /* @__PURE__ */ jsx63(Text, { className: cn61("text-sm", bold && "font-bold"), children: amount })
   ] });
 }
 
 // src/checkout/payment-selector.tsx
-import { cn as cn61 } from "@tallyui/theme";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { cn as cn62 } from "@tallyui/theme";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function PaymentSelector({
   methods,
   selected,
@@ -2437,7 +2617,7 @@ function PaymentSelector({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx63(VStack, { space: "sm", className: cn61(className), ...props, children: methods.map((method) => /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(VStack, { space: "sm", className: cn62(className), ...props, children: methods.map((method) => /* @__PURE__ */ jsx64(
     PaymentMethodCard,
     {
       label: method.label,
@@ -2450,9 +2630,9 @@ function PaymentSelector({
 }
 
 // src/checkout/order-summary.tsx
-import { View as View33 } from "react-native";
-import { cn as cn62 } from "@tallyui/theme";
-import { jsx as jsx64, jsxs as jsxs23 } from "react/jsx-runtime";
+import { View as View34 } from "react-native";
+import { cn as cn63 } from "@tallyui/theme";
+import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
 function OrderSummary({
   subtotal,
   tax,
@@ -2464,34 +2644,34 @@ function OrderSummary({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs23(VStack, { space: "none", className: cn62("gap-1.5 px-3 py-3", className), ...props, children: [
-    header && /* @__PURE__ */ jsx64(View33, { className: "mb-2", children: header }),
-    /* @__PURE__ */ jsx64(OrderSummaryLine, { label: "Subtotal", amount: subtotal }),
-    tax && /* @__PURE__ */ jsx64(OrderSummaryLine, { label: taxLabel, amount: tax }),
-    /* @__PURE__ */ jsx64(OrderSummaryLine, { label: "Total", amount: total, bold: true }),
-    payments && payments.length > 0 && /* @__PURE__ */ jsx64(VStack, { space: "none", className: "mt-2 gap-1.5 border-t border-border pt-2", children: payments.map((payment) => /* @__PURE__ */ jsx64(OrderSummaryLine, { label: payment.label, amount: payment.amount }, payment.label)) }),
-    footer && /* @__PURE__ */ jsx64(View33, { className: "mt-2", children: footer })
+  return /* @__PURE__ */ jsxs24(VStack, { space: "none", className: cn63("gap-1.5 px-3 py-3", className), ...props, children: [
+    header && /* @__PURE__ */ jsx65(View34, { className: "mb-2", children: header }),
+    /* @__PURE__ */ jsx65(OrderSummaryLine, { label: "Subtotal", amount: subtotal }),
+    tax && /* @__PURE__ */ jsx65(OrderSummaryLine, { label: taxLabel, amount: tax }),
+    /* @__PURE__ */ jsx65(OrderSummaryLine, { label: "Total", amount: total, bold: true }),
+    payments && payments.length > 0 && /* @__PURE__ */ jsx65(VStack, { space: "none", className: "mt-2 gap-1.5 border-t border-border pt-2", children: payments.map((payment) => /* @__PURE__ */ jsx65(OrderSummaryLine, { label: payment.label, amount: payment.amount }, payment.label)) }),
+    footer && /* @__PURE__ */ jsx65(View34, { className: "mt-2", children: footer })
   ] });
 }
 
 // src/checkout/change-display.tsx
-import { Text as Text19, View as View34 } from "react-native";
+import { Text as Text20, View as View35 } from "react-native";
 import { formatMoney as formatMoney4 } from "@tallyui/core";
-import { cn as cn63 } from "@tallyui/theme";
-import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
+import { cn as cn64 } from "@tallyui/theme";
+import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
 function ChangeDisplay({ change, locale, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs24(View34, { className: cn63("items-center gap-1 rounded-xl bg-muted p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx65(Text19, { className: "text-sm text-muted-foreground", children: "Change Due" }),
-    /* @__PURE__ */ jsx65(Text19, { className: "text-3xl font-bold text-success", children: formatMoney4(change, locale) ?? "\u2014" })
+  return /* @__PURE__ */ jsxs25(View35, { className: cn64("items-center gap-1 rounded-xl bg-muted p-4", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx66(Text20, { className: "text-sm text-muted-foreground", children: "Change Due" }),
+    /* @__PURE__ */ jsx66(Text20, { className: "text-3xl font-bold text-success", children: formatMoney4(change, locale) ?? "\u2014" })
   ] });
 }
 
 // src/checkout/cash-tendered.tsx
-import { useEffect, useRef, useState as useState6 } from "react";
-import { Pressable as Pressable16, Text as Text20, TextInput as TextInput7, View as View35 } from "react-native";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState7 } from "react";
+import { Pressable as Pressable18, Text as Text21, TextInput as TextInput8, View as View36 } from "react-native";
 import { formatMoney as formatMoney5, minorUnitDigits as minorUnitDigits2, moneyFromDecimalString } from "@tallyui/core";
-import { cn as cn64 } from "@tallyui/theme";
-import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+import { cn as cn65 } from "@tallyui/theme";
+import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
 function defaultQuickAmounts(total) {
   const unit = 10 ** minorUnitDigits2(total.currency);
   const amounts = [
@@ -2512,15 +2692,15 @@ function CashTendered({
   className,
   ...viewProps
 }) {
-  const [internalAmount, setInternalAmount] = useState6(defaultAmount ?? total);
+  const [internalAmount, setInternalAmount] = useState7(defaultAmount ?? total);
   const amount = controlledAmount ?? internalAmount;
   const buttons = quickAmounts ?? defaultQuickAmounts(total);
   const digits = minorUnitDigits2(amount.currency);
   const amountText = String(Math.abs(amount.amount)).padStart(digits + 1, "0");
   const decimal2 = (amount.amount < 0 ? "-" : "") + (digits ? `${amountText.slice(0, -digits)}.${amountText.slice(-digits)}` : amountText);
-  const [text, setText] = useState6(decimal2);
-  const lastTextAmount = useRef(amount);
-  useEffect(() => {
+  const [text, setText] = useState7(decimal2);
+  const lastTextAmount = useRef2(amount);
+  useEffect2(() => {
     if (amount.amount !== lastTextAmount.current.amount || amount.currency !== lastTextAmount.current.currency) {
       setText(decimal2);
       lastTextAmount.current = amount;
@@ -2530,20 +2710,20 @@ function CashTendered({
     if (controlledAmount === void 0) setInternalAmount(value);
     onChangeAmount?.(value);
   };
-  return /* @__PURE__ */ jsxs25(View35, { className: cn64("gap-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx66(Text20, { className: "text-sm font-semibold text-foreground", children: "Cash Tendered" }),
-    /* @__PURE__ */ jsx66(View35, { className: "flex-row flex-wrap gap-2", children: buttons.map((val) => /* @__PURE__ */ jsx66(
-      Pressable16,
+  return /* @__PURE__ */ jsxs26(View36, { className: cn65("gap-3", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx67(Text21, { className: "text-sm font-semibold text-foreground", children: "Cash Tendered" }),
+    /* @__PURE__ */ jsx67(View36, { className: "flex-row flex-wrap gap-2", children: buttons.map((val) => /* @__PURE__ */ jsx67(
+      Pressable18,
       {
         onPress: () => handleChange(val),
-        className: cn64(
+        className: cn65(
           "rounded-lg border px-4 py-2",
           amount.amount === val.amount && amount.currency === val.currency ? "border-primary bg-primary" : "border-input bg-card"
         ),
-        children: /* @__PURE__ */ jsx66(
-          Text20,
+        children: /* @__PURE__ */ jsx67(
+          Text21,
           {
-            className: cn64(
+            className: cn65(
               "text-sm font-semibold",
               amount.amount === val.amount && amount.currency === val.currency ? "text-primary-foreground" : "text-foreground"
             ),
@@ -2553,8 +2733,8 @@ function CashTendered({
       },
       `${val.currency}:${val.amount}`
     )) }),
-    /* @__PURE__ */ jsx66(
-      TextInput7,
+    /* @__PURE__ */ jsx67(
+      TextInput8,
       {
         value: text,
         onChangeText: (text2) => {
@@ -2575,9 +2755,9 @@ function CashTendered({
 }
 
 // src/checkout/receipt-preview.tsx
-import { Text as Text21, View as View36 } from "react-native";
-import { cn as cn65 } from "@tallyui/theme";
-import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Text as Text22, View as View37 } from "react-native";
+import { cn as cn66 } from "@tallyui/theme";
+import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
 function ReceiptPreview({
   items,
   subtotal,
@@ -2589,42 +2769,42 @@ function ReceiptPreview({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs26(View36, { className: cn65("rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx67(View36, { className: "mb-3 items-center border-b border-dashed border-border pb-3", children: headerSlot }),
-    /* @__PURE__ */ jsx67(View36, { className: "gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs26(View36, { className: "flex-row justify-between", children: [
-      /* @__PURE__ */ jsxs26(Text21, { className: "flex-1 text-sm text-foreground", children: [
+  return /* @__PURE__ */ jsxs27(View37, { className: cn66("rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx68(View37, { className: "mb-3 items-center border-b border-dashed border-border pb-3", children: headerSlot }),
+    /* @__PURE__ */ jsx68(View37, { className: "gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
+      /* @__PURE__ */ jsxs27(Text22, { className: "flex-1 text-sm text-foreground", children: [
         item.name,
         " x",
         item.quantity
       ] }),
-      /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-foreground", children: item.total })
+      /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: item.total })
     ] }, i)) }),
-    /* @__PURE__ */ jsxs26(View36, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: [
-      /* @__PURE__ */ jsxs26(View36, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-        /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-foreground", children: subtotal })
+    /* @__PURE__ */ jsxs27(View37, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: [
+      /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
+        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: subtotal })
       ] }),
-      /* @__PURE__ */ jsxs26(View36, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-muted-foreground", children: "Tax" }),
-        /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-foreground", children: tax })
+      /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-muted-foreground", children: "Tax" }),
+        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: tax })
       ] }),
-      /* @__PURE__ */ jsxs26(View36, { className: "flex-row justify-between border-t border-border pt-1", children: [
-        /* @__PURE__ */ jsx67(Text21, { className: "text-sm font-bold text-foreground", children: "Total" }),
-        /* @__PURE__ */ jsx67(Text21, { className: "text-sm font-bold text-foreground", children: total })
+      /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between border-t border-border pt-1", children: [
+        /* @__PURE__ */ jsx68(Text22, { className: "text-sm font-bold text-foreground", children: "Total" }),
+        /* @__PURE__ */ jsx68(Text22, { className: "text-sm font-bold text-foreground", children: total })
       ] })
     ] }),
-    payments && payments.length > 0 && /* @__PURE__ */ jsx67(View36, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: payments.map((p, i) => /* @__PURE__ */ jsxs26(View36, { className: "flex-row justify-between", children: [
-      /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-muted-foreground", children: p.method }),
-      /* @__PURE__ */ jsx67(Text21, { className: "text-sm text-foreground", children: p.amount })
+    payments && payments.length > 0 && /* @__PURE__ */ jsx68(View37, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: payments.map((p, i) => /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
+      /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-muted-foreground", children: p.method }),
+      /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: p.amount })
     ] }, i)) }),
-    footerSlot && /* @__PURE__ */ jsx67(View36, { className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot })
+    footerSlot && /* @__PURE__ */ jsx68(View37, { className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot })
   ] });
 }
 
 // src/order/order-status-badge.tsx
-import { Text as Text22, View as View37 } from "react-native";
-import { cn as cn66 } from "@tallyui/theme";
-import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Text as Text23, View as View38 } from "react-native";
+import { cn as cn67 } from "@tallyui/theme";
+import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
 var STATUS_CONFIG = {
   pending: { label: "Pending", badge: "bg-warning/15", dot: "bg-warning", text: "text-foreground" },
   processing: { label: "Processing", badge: "bg-info/15", dot: "bg-info", text: "text-foreground" },
@@ -2634,23 +2814,23 @@ var STATUS_CONFIG = {
 };
 function OrderStatusBadge({ status, className, ...viewProps }) {
   const config = STATUS_CONFIG[status] ?? STATUS_CONFIG.pending;
-  return /* @__PURE__ */ jsxs27(
-    View37,
+  return /* @__PURE__ */ jsxs28(
+    View38,
     {
-      className: cn66("flex-row items-center self-start gap-1.5 rounded-xl px-2 py-1", config.badge, className),
+      className: cn67("flex-row items-center self-start gap-1.5 rounded-xl px-2 py-1", config.badge, className),
       ...viewProps,
       children: [
-        /* @__PURE__ */ jsx68(View37, { className: cn66("h-1.5 w-1.5 rounded-full", config.dot) }),
-        /* @__PURE__ */ jsx68(Text22, { className: cn66("text-xs font-semibold", config.text), children: config.label })
+        /* @__PURE__ */ jsx69(View38, { className: cn67("h-1.5 w-1.5 rounded-full", config.dot) }),
+        /* @__PURE__ */ jsx69(Text23, { className: cn67("text-xs font-semibold", config.text), children: config.label })
       ]
     }
   );
 }
 
 // src/order/order-card.tsx
-import { Pressable as Pressable17, Text as Text23, View as View38 } from "react-native";
-import { cn as cn67 } from "@tallyui/theme";
-import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Pressable as Pressable19, Text as Text24, View as View39 } from "react-native";
+import { cn as cn68 } from "@tallyui/theme";
+import { jsx as jsx70, jsxs as jsxs29 } from "react/jsx-runtime";
 function OrderCard({
   orderNumber,
   date,
@@ -2661,24 +2841,24 @@ function OrderCard({
   className,
   ...viewProps
 }) {
-  const Wrapper = onPress ? Pressable17 : View38;
-  return /* @__PURE__ */ jsxs28(
+  const Wrapper = onPress ? Pressable19 : View39;
+  return /* @__PURE__ */ jsxs29(
     Wrapper,
     {
       onPress,
-      className: cn67("gap-2 rounded-lg border border-border bg-card p-3", className),
+      className: cn68("gap-2 rounded-lg border border-border bg-card p-3", className),
       ...viewProps,
       children: [
-        /* @__PURE__ */ jsxs28(View38, { className: "flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsx69(Text23, { className: "text-sm font-semibold text-foreground", children: orderNumber }),
-          /* @__PURE__ */ jsx69(OrderStatusBadge, { status })
+        /* @__PURE__ */ jsxs29(View39, { className: "flex-row items-center justify-between", children: [
+          /* @__PURE__ */ jsx70(Text24, { className: "text-sm font-semibold text-foreground", children: orderNumber }),
+          /* @__PURE__ */ jsx70(OrderStatusBadge, { status })
         ] }),
-        /* @__PURE__ */ jsxs28(View38, { className: "flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsxs28(View38, { className: "gap-0.5", children: [
-            /* @__PURE__ */ jsx69(Text23, { className: "text-xs text-muted-foreground", children: date }),
-            customerName && /* @__PURE__ */ jsx69(Text23, { className: "text-xs text-muted-foreground", children: customerName })
+        /* @__PURE__ */ jsxs29(View39, { className: "flex-row items-center justify-between", children: [
+          /* @__PURE__ */ jsxs29(View39, { className: "gap-0.5", children: [
+            /* @__PURE__ */ jsx70(Text24, { className: "text-xs text-muted-foreground", children: date }),
+            customerName && /* @__PURE__ */ jsx70(Text24, { className: "text-xs text-muted-foreground", children: customerName })
           ] }),
-          /* @__PURE__ */ jsx69(Text23, { className: "text-sm font-semibold text-foreground", children: total })
+          /* @__PURE__ */ jsx70(Text24, { className: "text-sm font-semibold text-foreground", children: total })
         ] })
       ]
     }
@@ -2686,9 +2866,9 @@ function OrderCard({
 }
 
 // src/order/order-list.tsx
-import { ScrollView as ScrollView9, View as View39 } from "react-native";
-import { cn as cn68 } from "@tallyui/theme";
-import { jsx as jsx70, jsxs as jsxs29 } from "react/jsx-runtime";
+import { ScrollView as ScrollView8, View as View40 } from "react-native";
+import { cn as cn69 } from "@tallyui/theme";
+import { jsx as jsx71, jsxs as jsxs30 } from "react/jsx-runtime";
 function OrderList({
   items,
   renderItem,
@@ -2698,16 +2878,16 @@ function OrderList({
   ...viewProps
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs29(View39, { className: cn68("flex-1", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx70(View39, { className: "px-3 py-2", children: headerSlot }),
-    hasItems ? /* @__PURE__ */ jsx70(ScrollView9, { contentContainerClassName: "gap-2 p-3", children: items.map((item, index) => /* @__PURE__ */ jsx70(View39, { children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+  return /* @__PURE__ */ jsxs30(View40, { className: cn69("flex-1", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx71(View40, { className: "px-3 py-2", children: headerSlot }),
+    hasItems ? /* @__PURE__ */ jsx71(ScrollView8, { contentContainerClassName: "gap-2 p-3", children: items.map((item, index) => /* @__PURE__ */ jsx71(View40, { children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
   ] });
 }
 
 // src/order/order-detail.tsx
-import { ScrollView as ScrollView10, Text as Text24, View as View40 } from "react-native";
-import { cn as cn69 } from "@tallyui/theme";
-import { jsx as jsx71, jsxs as jsxs30 } from "react/jsx-runtime";
+import { ScrollView as ScrollView9, Text as Text25, View as View41 } from "react-native";
+import { cn as cn70 } from "@tallyui/theme";
+import { jsx as jsx72, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrderDetail({
   orderNumber,
   status,
@@ -2721,47 +2901,47 @@ function OrderDetail({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsx71(ScrollView10, { className: cn69("flex-1", className), ...viewProps, children: /* @__PURE__ */ jsxs30(View40, { className: "gap-4 p-4", children: [
-    /* @__PURE__ */ jsxs30(View40, { className: "flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsx71(Text24, { className: "text-lg font-bold text-foreground", children: orderNumber }),
-      /* @__PURE__ */ jsx71(OrderStatusBadge, { status })
+  return /* @__PURE__ */ jsx72(ScrollView9, { className: cn70("flex-1", className), ...viewProps, children: /* @__PURE__ */ jsxs31(View41, { className: "gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsx72(Text25, { className: "text-lg font-bold text-foreground", children: orderNumber }),
+      /* @__PURE__ */ jsx72(OrderStatusBadge, { status })
     ] }),
-    customerSlot && /* @__PURE__ */ jsx71(View40, { className: "border-b border-border pb-3", children: customerSlot }),
-    /* @__PURE__ */ jsxs30(View40, { className: "gap-1", children: [
-      /* @__PURE__ */ jsx71(Text24, { className: "text-xs font-semibold text-muted-foreground", children: "Items" }),
-      lineItems.map((item, i) => /* @__PURE__ */ jsxs30(View40, { className: "flex-row items-center justify-between py-1", children: [
-        /* @__PURE__ */ jsxs30(Text24, { className: "flex-1 text-sm text-foreground", children: [
+    customerSlot && /* @__PURE__ */ jsx72(View41, { className: "border-b border-border pb-3", children: customerSlot }),
+    /* @__PURE__ */ jsxs31(View41, { className: "gap-1", children: [
+      /* @__PURE__ */ jsx72(Text25, { className: "text-xs font-semibold text-muted-foreground", children: "Items" }),
+      lineItems.map((item, i) => /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between py-1", children: [
+        /* @__PURE__ */ jsxs31(Text25, { className: "flex-1 text-sm text-foreground", children: [
           item.name,
           " x",
           item.quantity
         ] }),
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm text-foreground", children: item.total })
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-foreground", children: item.total })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsxs30(View40, { className: "gap-1 border-t border-border pt-3", children: [
-      /* @__PURE__ */ jsxs30(View40, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm text-foreground", children: subtotal })
+    /* @__PURE__ */ jsxs31(View41, { className: "gap-1 border-t border-border pt-3", children: [
+      /* @__PURE__ */ jsxs31(View41, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-foreground", children: subtotal })
       ] }),
-      /* @__PURE__ */ jsxs30(View40, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm text-muted-foreground", children: "Tax" }),
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm text-foreground", children: tax })
+      /* @__PURE__ */ jsxs31(View41, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-muted-foreground", children: "Tax" }),
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-foreground", children: tax })
       ] }),
-      /* @__PURE__ */ jsxs30(View40, { className: "flex-row justify-between pt-1", children: [
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm font-bold text-foreground", children: "Total" }),
-        /* @__PURE__ */ jsx71(Text24, { className: "text-sm font-bold text-foreground", children: total })
+      /* @__PURE__ */ jsxs31(View41, { className: "flex-row justify-between pt-1", children: [
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm font-bold text-foreground", children: "Total" }),
+        /* @__PURE__ */ jsx72(Text25, { className: "text-sm font-bold text-foreground", children: total })
       ] })
     ] }),
-    paymentSlot && /* @__PURE__ */ jsx71(View40, { className: "border-t border-border pt-3", children: paymentSlot }),
-    footerSlot && /* @__PURE__ */ jsx71(View40, { className: "border-t border-border pt-3", children: footerSlot })
+    paymentSlot && /* @__PURE__ */ jsx72(View41, { className: "border-t border-border pt-3", children: paymentSlot }),
+    footerSlot && /* @__PURE__ */ jsx72(View41, { className: "border-t border-border pt-3", children: footerSlot })
   ] }) });
 }
 
 // src/register/cash-count-input.tsx
-import { useState as useState7 } from "react";
-import { Text as Text25, View as View41 } from "react-native";
-import { cn as cn70 } from "@tallyui/theme";
-import { jsx as jsx72, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { Text as Text26, View as View42 } from "react-native";
+import { cn as cn71 } from "@tallyui/theme";
+import { jsx as jsx73, jsxs as jsxs32 } from "react/jsx-runtime";
 var DEFAULT_DENOMINATIONS = [
   { label: "$100", value: 100 },
   { label: "$50", value: 50 },
@@ -2783,7 +2963,7 @@ function CashCountInput({
   className,
   ...viewProps
 }) {
-  const [internalCounts, setInternalCounts] = useState7(defaultCounts ?? {});
+  const [internalCounts, setInternalCounts] = useState8(defaultCounts ?? {});
   const counts = controlledCounts ?? internalCounts;
   const total = denominations2.reduce(
     (sum, d) => sum + d.value * (counts[d.value] ?? 0),
@@ -2799,10 +2979,10 @@ function CashCountInput({
     );
     onChangeTotal?.(newTotal);
   };
-  return /* @__PURE__ */ jsxs31(View41, { className: cn70("gap-2", className), ...viewProps, children: [
-    denominations2.map((d) => /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between px-3 py-1", children: [
-      /* @__PURE__ */ jsx72(Text25, { className: "w-16 text-sm font-medium text-foreground", children: d.label }),
-      /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs32(View42, { className: cn71("gap-2", className), ...viewProps, children: [
+    denominations2.map((d) => /* @__PURE__ */ jsxs32(View42, { className: "flex-row items-center justify-between px-3 py-1", children: [
+      /* @__PURE__ */ jsx73(Text26, { className: "w-16 text-sm font-medium text-foreground", children: d.label }),
+      /* @__PURE__ */ jsx73(
         QuantityStepper,
         {
           quantity: counts[d.value] ?? 0,
@@ -2810,9 +2990,9 @@ function CashCountInput({
           onChangeQuantity: (qty) => handleCountChange(d.value, qty)
         }
       ),
-      /* @__PURE__ */ jsx72(Text25, { className: "w-20 text-right text-sm text-muted-foreground", children: (d.value * (counts[d.value] ?? 0)).toFixed(2) })
+      /* @__PURE__ */ jsx73(Text26, { className: "w-20 text-right text-sm text-muted-foreground", children: (d.value * (counts[d.value] ?? 0)).toFixed(2) })
     ] }, d.value)),
-    /* @__PURE__ */ jsx72(View41, { className: "border-t border-border px-3 pt-2", children: /* @__PURE__ */ jsxs31(Text25, { className: "text-right text-base font-bold text-foreground", children: [
+    /* @__PURE__ */ jsx73(View42, { className: "border-t border-border px-3 pt-2", children: /* @__PURE__ */ jsxs32(Text26, { className: "text-right text-base font-bold text-foreground", children: [
       "Total: ",
       total.toFixed(2)
     ] }) })
@@ -2820,9 +3000,9 @@ function CashCountInput({
 }
 
 // src/register/register-summary.tsx
-import { Text as Text26, View as View42 } from "react-native";
-import { cn as cn71 } from "@tallyui/theme";
-import { jsx as jsx73, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Text as Text27, View as View43 } from "react-native";
+import { cn as cn72 } from "@tallyui/theme";
+import { jsx as jsx74, jsxs as jsxs33 } from "react/jsx-runtime";
 function RegisterSummary({
   expectedCash,
   actualCash,
@@ -2833,37 +3013,37 @@ function RegisterSummary({
   ...viewProps
 }) {
   const discrepancy = actualCash - expectedCash;
-  return /* @__PURE__ */ jsxs32(View42, { className: cn71("gap-4 rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
+  return /* @__PURE__ */ jsxs33(View43, { className: cn72("gap-4 rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
     headerSlot,
-    /* @__PURE__ */ jsxs32(View42, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx73(Text26, { className: "text-xs font-semibold text-muted-foreground", children: "Cash Drawer" }),
-      /* @__PURE__ */ jsxs32(View42, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx73(Text26, { className: "text-sm text-foreground", children: "Expected" }),
-        /* @__PURE__ */ jsx73(Text26, { className: "text-sm text-foreground", children: expectedCash.toFixed(2) })
+    /* @__PURE__ */ jsxs33(View43, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx74(Text27, { className: "text-xs font-semibold text-muted-foreground", children: "Cash Drawer" }),
+      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: "Expected" }),
+        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: expectedCash.toFixed(2) })
       ] }),
-      /* @__PURE__ */ jsxs32(View42, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx73(Text26, { className: "text-sm text-foreground", children: "Actual" }),
-        /* @__PURE__ */ jsx73(Text26, { className: "text-sm text-foreground", children: actualCash.toFixed(2) })
+      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: "Actual" }),
+        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: actualCash.toFixed(2) })
       ] }),
-      /* @__PURE__ */ jsxs32(View42, { className: "flex-row justify-between border-t border-border pt-1", children: [
-        /* @__PURE__ */ jsx73(Text26, { className: "text-sm font-semibold text-foreground", children: "Discrepancy" }),
-        /* @__PURE__ */ jsxs32(Text26, { className: cn71("text-sm font-semibold", discrepancy === 0 ? "text-success" : "text-destructive"), children: [
+      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between border-t border-border pt-1", children: [
+        /* @__PURE__ */ jsx74(Text27, { className: "text-sm font-semibold text-foreground", children: "Discrepancy" }),
+        /* @__PURE__ */ jsxs33(Text27, { className: cn72("text-sm font-semibold", discrepancy === 0 ? "text-success" : "text-destructive"), children: [
           discrepancy >= 0 ? "" : "-",
           Math.abs(discrepancy).toFixed(2)
         ] })
       ] })
     ] }),
-    transactions.length > 0 && /* @__PURE__ */ jsxs32(View42, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx73(Text26, { className: "text-xs font-semibold text-muted-foreground", children: "Transactions" }),
-      transactions.map((t) => /* @__PURE__ */ jsxs32(View42, { className: "flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsxs32(View42, { className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx73(Text26, { className: "text-sm text-foreground", children: t.method }),
-          /* @__PURE__ */ jsxs32(Text26, { className: "text-xs text-muted-foreground", children: [
+    transactions.length > 0 && /* @__PURE__ */ jsxs33(View43, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx74(Text27, { className: "text-xs font-semibold text-muted-foreground", children: "Transactions" }),
+      transactions.map((t) => /* @__PURE__ */ jsxs33(View43, { className: "flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsxs33(View43, { className: "gap-0.5", children: [
+          /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: t.method }),
+          /* @__PURE__ */ jsxs33(Text27, { className: "text-xs text-muted-foreground", children: [
             t.count,
             " transactions"
           ] })
         ] }),
-        /* @__PURE__ */ jsx73(Text26, { className: "text-sm font-semibold text-foreground", children: t.total.toFixed(2) })
+        /* @__PURE__ */ jsx74(Text27, { className: "text-sm font-semibold text-foreground", children: t.total.toFixed(2) })
       ] }, t.method))
     ] }),
     footerSlot
@@ -2871,9 +3051,9 @@ function RegisterSummary({
 }
 
 // src/register/register-open-close.tsx
-import { Pressable as Pressable18, Text as Text27, View as View43 } from "react-native";
-import { cn as cn72 } from "@tallyui/theme";
-import { jsx as jsx74, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Pressable as Pressable20, Text as Text28, View as View44 } from "react-native";
+import { cn as cn73 } from "@tallyui/theme";
+import { jsx as jsx75, jsxs as jsxs34 } from "react/jsx-runtime";
 function RegisterOpenClose({
   isOpen,
   onOpen,
@@ -2884,67 +3064,67 @@ function RegisterOpenClose({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs33(View43, { className: cn72("gap-4 p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx74(Text27, { className: "text-lg font-bold text-foreground", children: isOpen ? "Close Register" : "Open Register" }),
-    isOpen && expectedBalance != null && /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between rounded-lg bg-muted px-3 py-2", children: [
-      /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-muted-foreground", children: "Expected Balance" }),
-      /* @__PURE__ */ jsx74(Text27, { className: "text-sm font-semibold text-foreground", children: expectedBalance.toFixed(2) })
+  return /* @__PURE__ */ jsxs34(View44, { className: cn73("gap-4 p-4", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx75(Text28, { className: "text-lg font-bold text-foreground", children: isOpen ? "Close Register" : "Open Register" }),
+    isOpen && expectedBalance != null && /* @__PURE__ */ jsxs34(View44, { className: "flex-row justify-between rounded-lg bg-muted px-3 py-2", children: [
+      /* @__PURE__ */ jsx75(Text28, { className: "text-sm text-muted-foreground", children: "Expected Balance" }),
+      /* @__PURE__ */ jsx75(Text28, { className: "text-sm font-semibold text-foreground", children: expectedBalance.toFixed(2) })
     ] }),
-    cashCountSlot && /* @__PURE__ */ jsx74(View43, { children: cashCountSlot }),
-    notesSlot && /* @__PURE__ */ jsx74(View43, { children: notesSlot }),
-    /* @__PURE__ */ jsx74(
-      Pressable18,
+    cashCountSlot && /* @__PURE__ */ jsx75(View44, { children: cashCountSlot }),
+    notesSlot && /* @__PURE__ */ jsx75(View44, { children: notesSlot }),
+    /* @__PURE__ */ jsx75(
+      Pressable20,
       {
         onPress: isOpen ? onClose : onOpen,
         className: "items-center rounded-lg bg-primary px-4 py-3",
-        children: /* @__PURE__ */ jsx74(Text27, { className: "text-sm font-semibold text-primary-foreground", children: isOpen ? "Close Register" : "Open Register" })
+        children: /* @__PURE__ */ jsx75(Text28, { className: "text-sm font-semibold text-primary-foreground", children: isOpen ? "Close Register" : "Open Register" })
       }
     )
   ] });
 }
 
 // src/register/register-picker.tsx
-import { ScrollView as ScrollView11 } from "react-native";
-import { jsx as jsx75, jsxs as jsxs34 } from "react/jsx-runtime";
+import { ScrollView as ScrollView10 } from "react-native";
+import { jsx as jsx76, jsxs as jsxs35 } from "react/jsx-runtime";
 function RegisterPicker({ registers, onPick, className }) {
-  return /* @__PURE__ */ jsxs34(Card, { testID: "register-picker", className, children: [
-    /* @__PURE__ */ jsx75(CardHeader, { children: /* @__PURE__ */ jsx75(CardTitle, { children: "Choose a register" }) }),
-    /* @__PURE__ */ jsx75(CardContent, { children: /* @__PURE__ */ jsxs34(ScrollView11, { children: [
-      registers.map((register) => /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsxs35(Card, { testID: "register-picker", className, children: [
+    /* @__PURE__ */ jsx76(CardHeader, { children: /* @__PURE__ */ jsx76(CardTitle, { children: "Choose a register" }) }),
+    /* @__PURE__ */ jsx76(CardContent, { children: /* @__PURE__ */ jsxs35(ScrollView10, { children: [
+      registers.map((register) => /* @__PURE__ */ jsx76(
         Button,
         {
           testID: `register-picker-row-${register.id}`,
           variant: "ghost",
           className: "h-auto min-h-11 items-start justify-start py-2",
           onPress: () => onPick(register.id),
-          children: /* @__PURE__ */ jsxs34(VStack, { space: "none", children: [
-            /* @__PURE__ */ jsx75(Text, { numberOfLines: 1, children: register.name }),
-            /* @__PURE__ */ jsx75(Text, { testID: `register-picker-row-${register.id}-status`, className: "text-muted-foreground text-sm", children: "Not opened" })
+          children: /* @__PURE__ */ jsxs35(VStack, { space: "none", children: [
+            /* @__PURE__ */ jsx76(Text, { numberOfLines: 1, children: register.name }),
+            /* @__PURE__ */ jsx76(Text, { testID: `register-picker-row-${register.id}-status`, className: "text-muted-foreground text-sm", children: "Not opened" })
           ] })
         },
         register.id
       )),
-      registers.length === 0 && /* @__PURE__ */ jsx75(Text, { testID: "register-picker-empty", className: "text-muted-foreground p-4", children: "No registers are set up for this store yet." })
+      registers.length === 0 && /* @__PURE__ */ jsx76(Text, { testID: "register-picker-empty", className: "text-muted-foreground p-4", children: "No registers are set up for this store yet." })
     ] }) })
   ] });
 }
 
 // src/register/open-register-card.tsx
-import { useState as useState8 } from "react";
-import { View as View44 } from "react-native";
+import { useState as useState9 } from "react";
+import { View as View45 } from "react-native";
 import { parseMinor, validAmount } from "@tallyui/pos";
 import { currencySymbol, formatMoney as formatMoney6, minorUnitDigits as minorUnitDigits3 } from "@tallyui/core";
-import { cn as cn73 } from "@tallyui/theme";
-import { jsx as jsx76, jsxs as jsxs35 } from "react/jsx-runtime";
+import { cn as cn74 } from "@tallyui/theme";
+import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
 var AMOUNT_LABEL_ID = "open-register-amount-label";
 function OpenRegisterCard({ register, currency, configuredFloatMinor, className }) {
   const digits = minorUnitDigits3(currency);
   const lastCountedMinor = register.lastClosure?.counted?.cash ?? null;
   const expectedFloatMinor = configuredFloatMinor ?? lastCountedMinor ?? null;
-  const [enteredAmount, setEnteredAmount] = useState8(null);
+  const [enteredAmount, setEnteredAmount] = useState9(null);
   const amount = enteredAmount ?? (expectedFloatMinor != null ? decimal(expectedFloatMinor, digits) : "");
-  const [busy, setBusy] = useState8(false);
-  const [error, setError] = useState8("");
+  const [busy, setBusy] = useState9(false);
+  const [error, setError] = useState9("");
   const valid = validAmount(amount, digits);
   const countedMinor = valid ? parseMinor(amount, digits) : NaN;
   const open = async () => {
@@ -2960,10 +3140,10 @@ function OpenRegisterCard({ register, currency, configuredFloatMinor, className
     }
   };
   const amountLabel = `Cash in the drawer to start (${currencySymbol(currency)})`;
-  return /* @__PURE__ */ jsxs35(View44, { testID: "open-register-card", className: cn73("bg-card gap-3 rounded-md p-4", className), children: [
-    /* @__PURE__ */ jsx76(Text, { className: "text-lg font-semibold", children: "Open register" }),
-    /* @__PURE__ */ jsx76(Label, { testID: "open-register-amount-label", nativeID: AMOUNT_LABEL_ID, children: amountLabel }),
-    /* @__PURE__ */ jsx76(Input, { children: /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs36(View45, { testID: "open-register-card", className: cn74("bg-card gap-3 rounded-md p-4", className), children: [
+    /* @__PURE__ */ jsx77(Text, { className: "text-lg font-semibold", children: "Open register" }),
+    /* @__PURE__ */ jsx77(Label, { testID: "open-register-amount-label", nativeID: AMOUNT_LABEL_ID, children: amountLabel }),
+    /* @__PURE__ */ jsx77(Input, { children: /* @__PURE__ */ jsx77(
       Input.Field,
       {
         testID: "open-register-amount",
@@ -2974,40 +3154,40 @@ function OpenRegisterCard({ register, currency, configuredFloatMinor, className
         accessibilityLabelledBy: AMOUNT_LABEL_ID
       }
     ) }),
-    configuredFloatMinor != null && /* @__PURE__ */ jsx76(
+    configuredFloatMinor != null && /* @__PURE__ */ jsx77(
       Button,
       {
         testID: "open-register-chip-configured",
         variant: "outline",
         className: "min-h-11",
         onPress: () => setEnteredAmount(decimal(configuredFloatMinor, digits)),
-        children: /* @__PURE__ */ jsxs35(Text, { children: [
+        children: /* @__PURE__ */ jsxs36(Text, { children: [
           "Use the configured float (",
           formatMoney6({ amount: configuredFloatMinor, currency }),
           ")"
         ] })
       }
     ),
-    lastCountedMinor != null && /* @__PURE__ */ jsx76(
+    lastCountedMinor != null && /* @__PURE__ */ jsx77(
       Button,
       {
         testID: "open-register-chip-last",
         variant: "outline",
         className: "min-h-11",
         onPress: () => setEnteredAmount(decimal(lastCountedMinor, digits)),
-        children: /* @__PURE__ */ jsxs35(Text, { children: [
+        children: /* @__PURE__ */ jsxs36(Text, { children: [
           "Use the last counted cash (",
           formatMoney6({ amount: lastCountedMinor, currency }),
           ")"
         ] })
       }
     ),
-    expectedFloatMinor !== null && valid && countedMinor !== expectedFloatMinor && /* @__PURE__ */ jsxs35(Text, { testID: "opening-variance", children: [
+    expectedFloatMinor !== null && valid && countedMinor !== expectedFloatMinor && /* @__PURE__ */ jsxs36(Text, { testID: "opening-variance", children: [
       formatMoney6({ amount: countedMinor - expectedFloatMinor, currency }),
       " vs the expected float"
     ] }),
-    !!error && /* @__PURE__ */ jsx76(Text, { className: "text-destructive", children: error }),
-    /* @__PURE__ */ jsx76(Button, { testID: "open-register-button", className: "min-h-14", disabled: busy || !valid, onPress: open, children: /* @__PURE__ */ jsx76(Text, { children: busy ? "Opening\u2026" : "Open register" }) })
+    !!error && /* @__PURE__ */ jsx77(Text, { className: "text-destructive", children: error }),
+    /* @__PURE__ */ jsx77(Button, { testID: "open-register-button", className: "min-h-14", disabled: busy || !valid, onPress: open, children: /* @__PURE__ */ jsx77(Text, { children: busy ? "Opening\u2026" : "Open register" }) })
   ] });
 }
 function decimal(minor, digits) {
@@ -3016,8 +3196,8 @@ function decimal(minor, digits) {
 }
 
 // src/register/register-bar.tsx
-import { Pressable as Pressable19, View as View45 } from "react-native";
-import { cn as cn74 } from "@tallyui/theme";
+import { Pressable as Pressable21, View as View46 } from "react-native";
+import { cn as cn75 } from "@tallyui/theme";
 
 // src/register/register-bar.helpers.ts
 function describeRegisterBarPill({
@@ -3040,7 +3220,7 @@ function describeRegisterBarPill({
 }
 
 // src/register/register-bar.tsx
-import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
 function RegisterBar({
   register,
   registerId,
@@ -3061,10 +3241,10 @@ function RegisterBar({
     sessionsOn: enabled,
     closing
   });
-  return /* @__PURE__ */ jsxs36(HStack, { testID: "register-bar", className: cn74("bg-card border-border h-12 border-b px-3", className), children: [
-    /* @__PURE__ */ jsx77(View45, { className: "min-w-0 flex-1 shrink", children: multiRegister && registerId !== null && /* @__PURE__ */ jsx77(Text, { testID: "register-bar-name", numberOfLines: 1, children: registerName }) }),
-    pill && (onPressPill ? /* @__PURE__ */ jsx77(Pressable19, { testID: "register-bar-pill", accessibilityRole: "button", accessibilityLabel: pill, onPress: onPressPill, children: /* @__PURE__ */ jsx77(Badge, { label: pill, variant: "warning" }) }) : /* @__PURE__ */ jsx77(Badge, { testID: "register-bar-pill", label: pill, variant: "warning" })),
-    (session || lastClosure) && /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs37(HStack, { testID: "register-bar", className: cn75("bg-card border-border h-12 border-b px-3", className), children: [
+    /* @__PURE__ */ jsx78(View46, { className: "min-w-0 flex-1 shrink", children: multiRegister && registerId !== null && /* @__PURE__ */ jsx78(Text, { testID: "register-bar-name", numberOfLines: 1, children: registerName }) }),
+    pill && (onPressPill ? /* @__PURE__ */ jsx78(Pressable21, { testID: "register-bar-pill", accessibilityRole: "button", accessibilityLabel: pill, onPress: onPressPill, children: /* @__PURE__ */ jsx78(Badge, { label: pill, variant: "warning" }) }) : /* @__PURE__ */ jsx78(Badge, { testID: "register-bar-pill", label: pill, variant: "warning" })),
+    (session || lastClosure) && /* @__PURE__ */ jsx78(
       Button,
       {
         variant: "ghost",
@@ -3072,17 +3252,17 @@ function RegisterBar({
         testID: "register-bar-open-panel",
         accessibilityLabel: "Open register panel",
         onPress: onOpenPanel,
-        children: /* @__PURE__ */ jsx77(Text, { className: overdue ? "text-warning" : void 0, children: "Register \u203A" })
+        children: /* @__PURE__ */ jsx78(Text, { className: overdue ? "text-warning" : void 0, children: "Register \u203A" })
       }
     )
   ] });
 }
 
 // src/register/movement-sheet.tsx
-import { useRef as useRef2, useState as useState9 } from "react";
+import { useRef as useRef3, useState as useState10 } from "react";
 import { movementFieldError, normalizeAmount, parseMinor as parseMinor2 } from "@tallyui/pos";
 import { currencySymbol as currencySymbol2, minorUnitDigits as minorUnitDigits4 } from "@tallyui/core";
-import { Fragment as Fragment2, jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
 var LABELS = {
   paid_in: "Paid in",
   paid_out: "Paid out",
@@ -3092,11 +3272,11 @@ var AMOUNT_LABEL_ID2 = "movement-amount-label";
 var REASON_LABEL_ID = "movement-reason-label";
 function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenDrawer }) {
   const digits = minorUnitDigits4(currency);
-  const [amount, setAmount] = useState9("");
-  const [reason, setReason] = useState9("");
-  const [busy, setBusy] = useState9(false);
-  const busyRef = useRef2(false);
-  const [error, setError] = useState9("");
+  const [amount, setAmount] = useState10("");
+  const [reason, setReason] = useState10("");
+  const [busy, setBusy] = useState10(false);
+  const busyRef = useRef3(false);
+  const [error, setError] = useState10("");
   const invalid = movementFieldError({ type, amount, reason });
   const confirm = async () => {
     if (invalid || busyRef.current) return;
@@ -3118,11 +3298,11 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx78(Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ jsxs37(DialogContent, { testID: "movement-sheet", children: [
-    /* @__PURE__ */ jsx78(DialogTitle, { children: LABELS[type] }),
-    type !== "no_sale" && /* @__PURE__ */ jsxs37(Fragment2, { children: [
-      /* @__PURE__ */ jsx78(Label, { testID: "movement-amount-label", nativeID: AMOUNT_LABEL_ID2, children: `Amount (${currencySymbol2(currency)})` }),
-      /* @__PURE__ */ jsx78(Input, { children: /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ jsxs38(DialogContent, { testID: "movement-sheet", children: [
+    /* @__PURE__ */ jsx79(DialogTitle, { children: LABELS[type] }),
+    type !== "no_sale" && /* @__PURE__ */ jsxs38(Fragment2, { children: [
+      /* @__PURE__ */ jsx79(Label, { testID: "movement-amount-label", nativeID: AMOUNT_LABEL_ID2, children: `Amount (${currencySymbol2(currency)})` }),
+      /* @__PURE__ */ jsx79(Input, { children: /* @__PURE__ */ jsx79(
         Input.Field,
         {
           testID: "movement-amount",
@@ -3134,8 +3314,8 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx78(Label, { testID: "movement-reason-label", nativeID: REASON_LABEL_ID, children: "Reason" }),
-    /* @__PURE__ */ jsx78(Input, { children: /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(Label, { testID: "movement-reason-label", nativeID: REASON_LABEL_ID, children: "Reason" }),
+    /* @__PURE__ */ jsx79(Input, { children: /* @__PURE__ */ jsx79(
       Input.Field,
       {
         testID: "movement-reason",
@@ -3146,25 +3326,25 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
         accessibilityLabelledBy: REASON_LABEL_ID
       }
     ) }),
-    !!error && /* @__PURE__ */ jsx78(Text, { className: "text-destructive", children: error }),
-    !!invalid && /* @__PURE__ */ jsx78(Text, { testID: "movement-invalid", className: "text-muted-foreground", children: invalid === "amount" ? "Enter a valid amount." : "Enter a reason." }),
-    /* @__PURE__ */ jsx78(Button, { testID: "movement-confirm", disabled: !!invalid || busy, onPress: confirm, children: /* @__PURE__ */ jsx78(Text, { children: busy ? "Recording\u2026" : "Record" }) })
+    !!error && /* @__PURE__ */ jsx79(Text, { className: "text-destructive", children: error }),
+    !!invalid && /* @__PURE__ */ jsx79(Text, { testID: "movement-invalid", className: "text-muted-foreground", children: invalid === "amount" ? "Enter a valid amount." : "Enter a reason." }),
+    /* @__PURE__ */ jsx79(Button, { testID: "movement-confirm", disabled: !!invalid || busy, onPress: confirm, children: /* @__PURE__ */ jsx79(Text, { children: busy ? "Recording\u2026" : "Record" }) })
   ] }) });
 }
 
 // src/register/register-panel.tsx
-import { useState as useState10 } from "react";
-import { ScrollView as ScrollView12, useWindowDimensions, View as View46 } from "react-native";
+import { useState as useState11 } from "react";
+import { ScrollView as ScrollView11, useWindowDimensions, View as View47 } from "react-native";
 import { formatMoney as formatMoney7 } from "@tallyui/core";
-import { jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
 var DIALOG_VERTICAL_MARGIN = 64;
 function RegisterPanel({ register, currency, registerName, open, onOpenChange, className }) {
   const { session, expected, salesCount, blind, movements, lastClosure, actions } = register;
   const { height: windowHeight } = useWindowDimensions();
   const maxHeight = Math.max(280, windowHeight - DIALOG_VERTICAL_MARGIN);
-  const [movementType, setMovementType] = useState10(null);
-  const [expanded, setExpanded] = useState10(false);
-  const [error, setError] = useState10("");
+  const [movementType, setMovementType] = useState11(null);
+  const [expanded, setExpanded] = useState11(false);
+  const [error, setError] = useState11("");
   const attempt = async (action) => {
     try {
       await action();
@@ -3176,22 +3356,22 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
   const activeMovements = movements.filter(
     (row) => row.type !== "void" && !row.voided_by && !movements.some((entry) => entry.voids === row.id)
   );
-  return /* @__PURE__ */ jsx79(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsx80(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs39(
     DialogContent,
     {
       testID: "register-panel",
       className: `flex-col overflow-hidden ${className ?? ""}`,
       style: { maxHeight },
       children: [
-        /* @__PURE__ */ jsx79(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
-        /* @__PURE__ */ jsxs38(Text, { testID: "register-panel-sales-count", children: [
+        /* @__PURE__ */ jsx80(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
+        /* @__PURE__ */ jsxs39(Text, { testID: "register-panel-sales-count", children: [
           salesCount,
           " sale",
           salesCount === 1 ? "" : "s",
           " this session"
         ] }),
-        /* @__PURE__ */ jsxs38(ScrollView12, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
-          /* @__PURE__ */ jsx79(View46, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsxs39(ScrollView11, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
+          /* @__PURE__ */ jsx80(View47, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx80(
             Button,
             {
               testID: `register-panel-${type.replace("_", "-")}`,
@@ -3199,33 +3379,33 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
               variant: "outline",
               disabled: session?.status !== "open",
               onPress: () => setMovementType(type),
-              children: /* @__PURE__ */ jsx79(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
+              children: /* @__PURE__ */ jsx80(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
             },
             type
           )) }),
-          !blind && /* @__PURE__ */ jsxs38(View46, { testID: "register-panel-expected", className: "gap-1", children: [
-            /* @__PURE__ */ jsx79(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
-            Object.entries(expected).map(([method, amount]) => /* @__PURE__ */ jsxs38(View46, { className: "min-h-11 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsx79(Text, { className: "capitalize", children: method === "cash" ? "Cash" : method }),
-              /* @__PURE__ */ jsx79(Text, { className: "tabular-nums", children: formatMoney7({ amount, currency }) })
+          !blind && /* @__PURE__ */ jsxs39(View47, { testID: "register-panel-expected", className: "gap-1", children: [
+            /* @__PURE__ */ jsx80(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
+            Object.entries(expected).map(([method, amount]) => /* @__PURE__ */ jsxs39(View47, { className: "min-h-11 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsx80(Text, { className: "capitalize", children: method === "cash" ? "Cash" : method }),
+              /* @__PURE__ */ jsx80(Text, { className: "tabular-nums", children: formatMoney7({ amount, currency }) })
             ] }, method))
           ] }),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx80(
             Button,
             {
               testID: "register-panel-movements",
               variant: "ghost",
               className: "min-h-11",
               onPress: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ jsx79(Text, { children: "Paid in / out" })
+              children: /* @__PURE__ */ jsx80(Text, { children: "Paid in / out" })
             }
           ),
-          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs38(View46, { className: "min-h-11 flex-row items-center gap-2", children: [
-            /* @__PURE__ */ jsxs38(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
+          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs39(View47, { className: "min-h-11 flex-row items-center gap-2", children: [
+            /* @__PURE__ */ jsxs39(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
               row.type === "paid_in" ? "Paid in" : row.type === "paid_out" ? "Paid out" : "No sale",
               !blind ? ` \xB7 ${formatMoney7({ amount: row.amountMinor, currency })} \xB7 ${row.reason}` : ""
             ] }),
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80(
               Button,
               {
                 variant: "ghost",
@@ -3233,12 +3413,12 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
                 testID: `movement-void-${row.id}`,
                 disabled: session?.status !== "open",
                 onPress: () => attempt(() => actions.voidMovement(row.id)),
-                children: /* @__PURE__ */ jsx79(Text, { children: "Undo" })
+                children: /* @__PURE__ */ jsx80(Text, { children: "Undo" })
               }
             )
           ] }, row.id)),
-          !!error && /* @__PURE__ */ jsx79(Text, { className: "text-destructive", children: error }),
-          /* @__PURE__ */ jsx79(
+          !!error && /* @__PURE__ */ jsx80(Text, { className: "text-destructive", children: error }),
+          /* @__PURE__ */ jsx80(
             Button,
             {
               testID: "register-panel-close",
@@ -3249,11 +3429,11 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
                 await actions.startCounting();
                 onOpenChange(false);
               }),
-              children: /* @__PURE__ */ jsx79(Text, { children: "Close register" })
+              children: /* @__PURE__ */ jsx80(Text, { children: "Close register" })
             }
           )
         ] }),
-        movementType && /* @__PURE__ */ jsx79(
+        movementType && /* @__PURE__ */ jsx80(
           MovementSheet,
           {
             register,
@@ -3271,9 +3451,9 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
 }
 
 // src/register/register-column.tsx
-import { useState as useState11 } from "react";
-import { View as View47 } from "react-native";
-import { Fragment as Fragment3, jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { View as View48 } from "react-native";
+import { Fragment as Fragment3, jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
 function RegisterColumn({
   register,
   registerId,
@@ -3285,30 +3465,30 @@ function RegisterColumn({
   cartEmpty,
   children
 }) {
-  const [finishing, setFinishing] = useState11(false);
+  const [finishing, setFinishing] = useState12(false);
   if (registerId === null) {
-    return /* @__PURE__ */ jsx80(RegisterPicker, { registers, onPick, className: "flex-1" });
+    return /* @__PURE__ */ jsx81(RegisterPicker, { registers, onPick, className: "flex-1" });
   }
   if (register.session?.status === "closed") {
-    return register.closing && !finishing ? /* @__PURE__ */ jsx80(Fragment3, { children: countSlot }) : /* @__PURE__ */ jsx80(FinishClose, { register, busy: finishing, setBusy: setFinishing });
+    return register.closing && !finishing ? /* @__PURE__ */ jsx81(Fragment3, { children: countSlot }) : /* @__PURE__ */ jsx81(FinishClose, { register, busy: finishing, setBusy: setFinishing });
   }
   if (!register.session) {
-    return /* @__PURE__ */ jsx80(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
+    return /* @__PURE__ */ jsx81(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
   }
   if (register.session.status === "counting") {
-    return /* @__PURE__ */ jsx80(Fragment3, { children: countSlot });
+    return /* @__PURE__ */ jsx81(Fragment3, { children: countSlot });
   }
-  return /* @__PURE__ */ jsxs39(View47, { testID: "register-column", className: "flex-1", children: [
-    register.overdue && cartEmpty && /* @__PURE__ */ jsxs39(View47, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx80(Text, { className: "flex-1", children: "This register is overdue for closing." }),
-      /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs40(View48, { testID: "register-column", className: "flex-1", children: [
+    register.overdue && cartEmpty && /* @__PURE__ */ jsxs40(View48, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx81(Text, { className: "flex-1", children: "This register is overdue for closing." }),
+      /* @__PURE__ */ jsx81(
         Button,
         {
           testID: "register-column-close-overdue",
           variant: "outline",
           className: "min-h-11",
           onPress: () => register.actions.startCounting(),
-          children: /* @__PURE__ */ jsx80(Text, { children: "Close register" })
+          children: /* @__PURE__ */ jsx81(Text, { children: "Close register" })
         }
       )
     ] }),
@@ -3316,7 +3496,7 @@ function RegisterColumn({
   ] });
 }
 function FinishClose({ register, busy, setBusy }) {
-  const [error, setError] = useState11("");
+  const [error, setError] = useState12("");
   const finish = async () => {
     setBusy(true);
     setError("");
@@ -3328,16 +3508,16 @@ function FinishClose({ register, busy, setBusy }) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs39(View47, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
-    /* @__PURE__ */ jsx80(Text, { children: "The last close didn't finish." }),
-    /* @__PURE__ */ jsx80(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx80(Text, { children: "Finish closing" }) }),
-    !!error && /* @__PURE__ */ jsx80(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
+  return /* @__PURE__ */ jsxs40(View48, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
+    /* @__PURE__ */ jsx81(Text, { children: "The last close didn't finish." }),
+    /* @__PURE__ */ jsx81(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx81(Text, { children: "Finish closing" }) }),
+    !!error && /* @__PURE__ */ jsx81(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
   ] });
 }
 
 // src/register/register-count.tsx
-import { useEffect as useEffect2, useRef as useRef3, useState as useState12 } from "react";
-import { Platform, Pressable as Pressable20, ScrollView as ScrollView13, useWindowDimensions as useWindowDimensions2, View as View48 } from "react-native";
+import { useEffect as useEffect3, useRef as useRef4, useState as useState13 } from "react";
+import { Platform, Pressable as Pressable22, ScrollView as ScrollView12, useWindowDimensions as useWindowDimensions2, View as View49 } from "react-native";
 import {
   closeNeedsApproval,
   countVariance,
@@ -3349,8 +3529,8 @@ import {
   varianceText
 } from "@tallyui/pos";
 import { currencySymbol as currencySymbol3, formatMoney as formatMoney8, minorUnitDigits as minorUnitDigits5 } from "@tallyui/core";
-import { cn as cn75 } from "@tallyui/theme";
-import { jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
+import { cn as cn76 } from "@tallyui/theme";
+import { jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
 var AMOUNT_LABEL_ID3 = "count-amount-label";
 var APPROVAL_REQUIRED_TEXT = "Manager approval needed. Ask a manager to approve, or count again.";
 function varianceWord(key) {
@@ -3372,17 +3552,17 @@ function tileLabel(value, currency) {
   return formatter.format(value / 10 ** minorUnitDigits5(currency));
 }
 var tenderLabel = (method) => method.charAt(0).toUpperCase() + method.slice(1);
-function DenominationTile({ value, count, currency, onAdd }) {
+function DenominationTile({ value, count: count2, currency, onAdd }) {
   const label = tileLabel(value, currency);
-  const held = useRef3(false);
-  const timer = useRef3(void 0);
+  const held = useRef4(false);
+  const timer = useRef4(void 0);
   const stop = () => {
     if (timer.current !== void 0) clearInterval(timer.current);
     timer.current = void 0;
   };
-  useEffect2(() => stop, []);
-  return /* @__PURE__ */ jsxs40(
-    Pressable20,
+  useEffect3(() => stop, []);
+  return /* @__PURE__ */ jsxs41(
+    Pressable22,
     {
       testID: `den-tile-${value}`,
       accessibilityRole: "button",
@@ -3403,8 +3583,8 @@ function DenominationTile({ value, count, currency, onAdd }) {
         if (!held.current) onAdd(1);
       },
       children: [
-        /* @__PURE__ */ jsx81(Text, { className: "text-sm tabular-nums", numberOfLines: 1, children: label }),
-        /* @__PURE__ */ jsx81(Text, { testID: `den-count-${value}`, className: "bg-background min-w-6 rounded-full px-1.5 text-center text-xs tabular-nums", children: count })
+        /* @__PURE__ */ jsx82(Text, { className: "text-sm tabular-nums", numberOfLines: 1, children: label }),
+        /* @__PURE__ */ jsx82(Text, { testID: `den-count-${value}`, className: "bg-background min-w-6 rounded-full px-1.5 text-center text-xs tabular-nums", children: count2 })
       ]
     }
   );
@@ -3415,18 +3595,18 @@ function RegisterCount({ register, currency, approve, className }) {
   const faces = denominations[currency] ?? denominations.default;
   const { width } = useWindowDimensions2();
   const columns = width < 480 ? 3 : 4;
-  const [pieces, setPieces] = useState12({});
-  const [cashText, setCashText] = useState12(
+  const [pieces, setPieces] = useState13({});
+  const [cashText, setCashText] = useState13(
     () => session?.counted?.cash != null ? minorToDecimal(session.counted.cash, digits) : ""
   );
-  const [others, setOthers] = useState12(
+  const [others, setOthers] = useState13(
     () => Object.fromEntries(
       Object.entries(session?.counted ?? {}).filter(([method]) => method !== "cash").map(([method, minor]) => [method, minorToDecimal(minor, digits)])
     )
   );
-  const [busy, setBusy] = useState12(false);
-  const [error, setError] = useState12("");
-  const [refusal, setRefusal] = useState12("");
+  const [busy, setBusy] = useState13(false);
+  const [error, setError] = useState13("");
+  const [refusal, setRefusal] = useState13("");
   const usingTiles = Object.keys(pieces).length > 0;
   const tilesTotal = denominationTotal(pieces);
   const displayAmount = usingTiles ? minorToDecimal(tilesTotal, digits) : cashText;
@@ -3474,11 +3654,11 @@ function RegisterCount({ register, currency, approve, className }) {
     void attempt(() => actions.closeSession({ counted }));
   };
   if (!session) return null;
-  return /* @__PURE__ */ jsxs40(View48, { testID: "register-count", className: cn75("bg-card flex-1 rounded-md", className), children: [
-    /* @__PURE__ */ jsxs40(ScrollView13, { className: "flex-1", contentContainerClassName: "gap-3 p-4", children: [
-      /* @__PURE__ */ jsx81(Text, { className: "min-h-11 text-lg font-semibold", children: "Count the drawer" }),
-      /* @__PURE__ */ jsx81(Label, { testID: "count-amount-label", nativeID: AMOUNT_LABEL_ID3, children: `Cash counted (${currencySymbol3(currency)})` }),
-      /* @__PURE__ */ jsx81(Input, { children: /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsxs41(View49, { testID: "register-count", className: cn76("bg-card flex-1 rounded-md", className), children: [
+    /* @__PURE__ */ jsxs41(ScrollView12, { className: "flex-1", contentContainerClassName: "gap-3 p-4", children: [
+      /* @__PURE__ */ jsx82(Text, { className: "min-h-11 text-lg font-semibold", children: "Count the drawer" }),
+      /* @__PURE__ */ jsx82(Label, { testID: "count-amount-label", nativeID: AMOUNT_LABEL_ID3, children: `Cash counted (${currencySymbol3(currency)})` }),
+      /* @__PURE__ */ jsx82(Input, { children: /* @__PURE__ */ jsx82(
         Input.Field,
         {
           testID: "count-amount",
@@ -3492,16 +3672,16 @@ function RegisterCount({ register, currency, approve, className }) {
           accessibilityLabelledBy: AMOUNT_LABEL_ID3
         }
       ) }),
-      !blind && valid && /* @__PURE__ */ jsx81(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney8({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
+      !blind && valid && /* @__PURE__ */ jsx82(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney8({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
         variance,
         digits,
         (major) => formatMoney8({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
         varianceWord
       )}` }),
-      /* @__PURE__ */ jsxs40(View48, { testID: "count-denominations", className: "gap-2", children: [
-        Array.from({ length: Math.ceil(faces.length / columns) }, (_, row) => /* @__PURE__ */ jsx81(View48, { className: "flex-row gap-2", children: Array.from({ length: columns }, (_2, column) => {
+      /* @__PURE__ */ jsxs41(View49, { testID: "count-denominations", className: "gap-2", children: [
+        Array.from({ length: Math.ceil(faces.length / columns) }, (_, row) => /* @__PURE__ */ jsx82(View49, { className: "flex-row gap-2", children: Array.from({ length: columns }, (_2, column) => {
           const value = faces[row * columns + column];
-          return value ? /* @__PURE__ */ jsx81(
+          return value ? /* @__PURE__ */ jsx82(
             DenominationTile,
             {
               value,
@@ -3510,9 +3690,9 @@ function RegisterCount({ register, currency, approve, className }) {
               onAdd: (n) => addPieces(value, n)
             },
             value
-          ) : /* @__PURE__ */ jsx81(View48, { className: "flex-1" }, column);
+          ) : /* @__PURE__ */ jsx82(View49, { className: "flex-1" }, column);
         }) }, row)),
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82(
           Button,
           {
             testID: "count-clear",
@@ -3522,16 +3702,16 @@ function RegisterCount({ register, currency, approve, className }) {
               setPieces({});
               setCashText(minorToDecimal(0, digits));
             },
-            children: /* @__PURE__ */ jsx81(Text, { children: "Clear" })
+            children: /* @__PURE__ */ jsx82(Text, { children: "Clear" })
           }
         )
       ] }),
       otherMethods.map((method) => {
         const labelId = `count-tender-${method}-label`;
         const label = `${tenderLabel(method)} counted (${currencySymbol3(currency)})`;
-        return /* @__PURE__ */ jsxs40(View48, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx81(Label, { testID: labelId, nativeID: labelId, children: label }),
-          /* @__PURE__ */ jsx81(Input, { children: /* @__PURE__ */ jsx81(
+        return /* @__PURE__ */ jsxs41(View49, { className: "gap-2", children: [
+          /* @__PURE__ */ jsx82(Label, { testID: labelId, nativeID: labelId, children: label }),
+          /* @__PURE__ */ jsx82(Input, { children: /* @__PURE__ */ jsx82(
             Input.Field,
             {
               testID: `count-tender-${method}`,
@@ -3544,11 +3724,11 @@ function RegisterCount({ register, currency, approve, className }) {
           ) })
         ] }, method);
       }),
-      !!refusal && /* @__PURE__ */ jsx81(Text, { testID: "count-manager-line", className: "text-warning min-h-11", children: refusal }),
-      !!error && /* @__PURE__ */ jsx81(Text, { testID: "count-error", className: "text-destructive min-h-11", children: error })
+      !!refusal && /* @__PURE__ */ jsx82(Text, { testID: "count-manager-line", className: "text-warning min-h-11", children: refusal }),
+      !!error && /* @__PURE__ */ jsx82(Text, { testID: "count-error", className: "text-destructive min-h-11", children: error })
     ] }),
-    /* @__PURE__ */ jsxs40(View48, { className: "gap-2 border-t border-border p-4", children: [
-      /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsxs41(View49, { className: "gap-2 border-t border-border p-4", children: [
+      /* @__PURE__ */ jsx82(
         Button,
         {
           testID: "count-back",
@@ -3556,17 +3736,17 @@ function RegisterCount({ register, currency, approve, className }) {
           className: "min-h-11",
           disabled: busy,
           onPress: () => attempt(actions.backToSelling),
-          children: /* @__PURE__ */ jsx81(Text, { children: "Back to selling" })
+          children: /* @__PURE__ */ jsx82(Text, { children: "Back to selling" })
         }
       ),
-      /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx82(
         Button,
         {
           testID: "count-close",
           className: "min-h-14",
           disabled: !valid || otherTendersInvalid || busy,
           onPress: onClose,
-          children: /* @__PURE__ */ jsx81(Text, { children: busy ? "Closing\u2026" : "Close register" })
+          children: /* @__PURE__ */ jsx82(Text, { children: busy ? "Closing\u2026" : "Close register" })
         }
       )
     ] })
@@ -3574,15 +3754,15 @@ function RegisterCount({ register, currency, approve, className }) {
 }
 
 // src/register/closure-sheet.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState13 } from "react";
-import { AccessibilityInfo, Animated, View as View49 } from "react-native";
-import { countVariance as countVariance2, varianceText as varianceText2 } from "@tallyui/pos";
+import { useEffect as useEffect4, useRef as useRef5, useState as useState14 } from "react";
+import { AccessibilityInfo, Animated, View as View50 } from "react-native";
+import { countVariance as countVariance2, TAX_ROUNDING_MIXED_NOTE, varianceText as varianceText2 } from "@tallyui/pos";
 import { formatMoney as formatMoney9, minorUnitDigits as minorUnitDigits6 } from "@tallyui/core";
-import { jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
 function useCompletionMotion() {
-  const opacity = useRef4(new Animated.Value(0)).current;
-  const scale = useRef4(new Animated.Value(0.6)).current;
-  useEffect3(() => {
+  const opacity = useRef5(new Animated.Value(0)).current;
+  const scale = useRef5(new Animated.Value(0.6)).current;
+  useEffect4(() => {
     let cancelled = false;
     AccessibilityInfo.isReduceMotionEnabled().then((reduced) => {
       if (cancelled) return;
@@ -3606,8 +3786,8 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
   const { lastClosure: closure, blind } = register;
   const digits = minorUnitDigits6(currency);
   const { opacity, scale } = useCompletionMotion();
-  const [busy, setBusy] = useState13(false);
-  const [error, setError] = useState13("");
+  const [busy, setBusy] = useState14(false);
+  const [error, setError] = useState14("");
   if (!closure) return null;
   const methods = Object.keys(closure.counted);
   const approvedByName = closure.breakdowns.approved_by_name;
@@ -3625,34 +3805,34 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     Dialog,
     {
       open: true,
       onOpenChange: (open) => {
         if (!open) onDone();
       },
-      children: /* @__PURE__ */ jsxs41(DialogContent, { testID: "closure-sheet", children: [
-        /* @__PURE__ */ jsx82(
+      children: /* @__PURE__ */ jsxs42(DialogContent, { testID: "closure-sheet", children: [
+        /* @__PURE__ */ jsx83(
           Animated.View,
           {
             testID: "closure-check",
             style: { opacity, transform: [{ scale }] },
             className: "bg-success/10 h-10 w-10 items-center justify-center rounded-full",
-            children: /* @__PURE__ */ jsx82(Text, { className: "text-success text-lg font-bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: "\u2713" })
+            children: /* @__PURE__ */ jsx83(Text, { className: "text-success text-lg font-bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: "\u2713" })
           }
         ),
-        /* @__PURE__ */ jsx82(DialogTitle, { testID: "closure-title", children: "Register closed" }),
-        /* @__PURE__ */ jsx82(Text, { testID: "closure-number", className: "text-muted-foreground min-h-11", children: `Closure #${closure.number}` }),
-        !blind && /* @__PURE__ */ jsx82(View49, { testID: "closure-figures", className: "gap-3", children: methods.map((method) => {
+        /* @__PURE__ */ jsx83(DialogTitle, { testID: "closure-title", children: "Register closed" }),
+        /* @__PURE__ */ jsx83(Text, { testID: "closure-number", className: "text-muted-foreground min-h-11", children: `Closure #${closure.number}` }),
+        !blind && /* @__PURE__ */ jsx83(View50, { testID: "closure-figures", className: "gap-3", children: methods.map((method) => {
           const countedMinor = closure.counted[method] ?? 0;
           const expectedMinor = closure.expected[method] ?? 0;
           const varianceMinor = closure.variance[method] ?? countVariance2(countedMinor, expectedMinor);
-          return /* @__PURE__ */ jsxs41(View49, { className: "gap-1", children: [
-            /* @__PURE__ */ jsx82(Text, { className: "text-muted-foreground text-xs font-semibold", children: tenderLabel(method) }),
-            /* @__PURE__ */ jsx82(Text, { testID: `closure-counted-${method}`, className: "min-h-11 tabular-nums", children: `Counted ${formatMoney9({ amount: countedMinor, currency })}` }),
-            /* @__PURE__ */ jsx82(Text, { testID: `closure-expected-${method}`, className: "min-h-11 tabular-nums", children: `Expected ${formatMoney9({ amount: expectedMinor, currency })}` }),
-            /* @__PURE__ */ jsx82(Text, { testID: `closure-variance-${method}`, className: "min-h-11 tabular-nums", children: varianceText2(
+          return /* @__PURE__ */ jsxs42(View50, { className: "gap-1", children: [
+            /* @__PURE__ */ jsx83(Text, { className: "text-muted-foreground text-xs font-semibold", children: tenderLabel(method) }),
+            /* @__PURE__ */ jsx83(Text, { testID: `closure-counted-${method}`, className: "min-h-11 tabular-nums", children: `Counted ${formatMoney9({ amount: countedMinor, currency })}` }),
+            /* @__PURE__ */ jsx83(Text, { testID: `closure-expected-${method}`, className: "min-h-11 tabular-nums", children: `Expected ${formatMoney9({ amount: expectedMinor, currency })}` }),
+            /* @__PURE__ */ jsx83(Text, { testID: `closure-variance-${method}`, className: "min-h-11 tabular-nums", children: varianceText2(
               varianceMinor,
               digits,
               (major) => formatMoney9({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
@@ -3660,52 +3840,53 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
             ) })
           ] }, method);
         }) }),
-        !!approvedBy && /* @__PURE__ */ jsxs41(Text, { testID: "closure-approved-by", children: [
+        !!approvedBy && /* @__PURE__ */ jsxs42(Text, { testID: "closure-approved-by", children: [
           "Approved by ",
           approvedBy
         ] }),
-        !!error && /* @__PURE__ */ jsx82(Text, { testID: "closure-print-error", className: "text-destructive", children: error }),
-        !blind && !!onPrint && /* @__PURE__ */ jsx82(Button, { testID: "closure-print", className: "min-h-14", disabled: busy, onPress: print, children: /* @__PURE__ */ jsx82(Text, { children: busy ? "Printing\u2026" : "Print the Z report" }) }),
-        /* @__PURE__ */ jsx82(Button, { testID: "closure-done", variant: "outline", className: "min-h-14", onPress: onDone, children: /* @__PURE__ */ jsx82(Text, { children: "Done" }) })
+        closure.breakdowns.tax_rounding_mixed === true && /* @__PURE__ */ jsx83(Text, { testID: "closure-tax-rounding-mixed", className: "text-muted-foreground", children: TAX_ROUNDING_MIXED_NOTE }),
+        !!error && /* @__PURE__ */ jsx83(Text, { testID: "closure-print-error", className: "text-destructive", children: error }),
+        !blind && !!onPrint && /* @__PURE__ */ jsx83(Button, { testID: "closure-print", className: "min-h-14", disabled: busy, onPress: print, children: /* @__PURE__ */ jsx83(Text, { children: busy ? "Printing\u2026" : "Print the Z report" }) }),
+        /* @__PURE__ */ jsx83(Button, { testID: "closure-done", variant: "outline", className: "min-h-14", onPress: onDone, children: /* @__PURE__ */ jsx83(Text, { children: "Done" }) })
       ] })
     }
   );
 }
 
 // src/settings/settings-row.tsx
-import { Text as Text28, View as View50 } from "react-native";
-import { cn as cn76 } from "@tallyui/theme";
-import { jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Text as Text29, View as View51 } from "react-native";
+import { cn as cn77 } from "@tallyui/theme";
+import { jsx as jsx84, jsxs as jsxs43 } from "react/jsx-runtime";
 function SettingsRow({ label, description, action, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs42(View50, { className: cn76("flex-row items-center gap-3 px-4 py-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs42(View50, { className: "flex-1 gap-0.5", children: [
-      /* @__PURE__ */ jsx83(Text28, { className: "text-sm font-medium text-foreground", children: label }),
-      description && /* @__PURE__ */ jsx83(Text28, { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs43(View51, { className: cn77("flex-row items-center gap-3 px-4 py-3", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs43(View51, { className: "flex-1 gap-0.5", children: [
+      /* @__PURE__ */ jsx84(Text29, { className: "text-sm font-medium text-foreground", children: label }),
+      description && /* @__PURE__ */ jsx84(Text29, { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    action && /* @__PURE__ */ jsx83(View50, { children: action })
+    action && /* @__PURE__ */ jsx84(View51, { children: action })
   ] });
 }
 
 // src/settings/settings-group.tsx
-import { Text as Text29, View as View51 } from "react-native";
-import { cn as cn77 } from "@tallyui/theme";
-import { jsx as jsx84, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Text as Text30, View as View52 } from "react-native";
+import { cn as cn78 } from "@tallyui/theme";
+import { jsx as jsx85, jsxs as jsxs44 } from "react/jsx-runtime";
 function SettingsGroup({ title, description, children, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs43(View51, { className: cn77("gap-1", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs43(View51, { className: "px-4 py-2", children: [
-      /* @__PURE__ */ jsx84(Text29, { className: "text-sm font-semibold text-foreground", children: title }),
-      description && /* @__PURE__ */ jsx84(Text29, { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs44(View52, { className: cn78("gap-1", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs44(View52, { className: "px-4 py-2", children: [
+      /* @__PURE__ */ jsx85(Text30, { className: "text-sm font-semibold text-foreground", children: title }),
+      description && /* @__PURE__ */ jsx85(Text30, { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ jsx84(View51, { className: "rounded-lg border border-border bg-card", children })
+    /* @__PURE__ */ jsx85(View52, { className: "rounded-lg border border-border bg-card", children })
   ] });
 }
 
 // src/settings/connector-status.tsx
-import { Text as Text30, View as View52 } from "react-native";
-import { cn as cn78 } from "@tallyui/theme";
-import { jsx as jsx85, jsxs as jsxs44 } from "react/jsx-runtime";
-function defaultFormatUnsold(count, stale) {
-  return `${count} ${count === 1 ? "product" : "products"} not sold in this channel${stale ? " (last check failed)" : ""}`;
+import { Text as Text31, View as View53 } from "react-native";
+import { cn as cn79 } from "@tallyui/theme";
+import { jsx as jsx86, jsxs as jsxs45 } from "react/jsx-runtime";
+function defaultFormatUnsold(count2, stale) {
+  return `${count2} ${count2 === 1 ? "product" : "products"} not sold in this channel${stale ? " (last check failed)" : ""}`;
 }
 var STATUS_CONFIG2 = {
   connected: { label: "Connected", dot: "bg-success", text: "text-success" },
@@ -3725,33 +3906,33 @@ function ConnectorStatus({
   ...viewProps
 }) {
   const config = STATUS_CONFIG2[status];
-  return /* @__PURE__ */ jsxs44(View52, { className: cn78("gap-2 rounded-lg border border-border bg-card p-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs44(View52, { className: "flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsx85(Text30, { className: "text-sm font-semibold text-foreground", children: name }),
-      /* @__PURE__ */ jsxs44(View52, { className: "flex-row items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx85(View52, { className: cn78("h-2 w-2 rounded-full", config.dot) }),
-        /* @__PURE__ */ jsx85(Text30, { className: cn78("text-xs font-medium", config.text), children: config.label })
+  return /* @__PURE__ */ jsxs45(View53, { className: cn79("gap-2 rounded-lg border border-border bg-card p-3", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs45(View53, { className: "flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsx86(Text31, { className: "text-sm font-semibold text-foreground", children: name }),
+      /* @__PURE__ */ jsxs45(View53, { className: "flex-row items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx86(View53, { className: cn79("h-2 w-2 rounded-full", config.dot) }),
+        /* @__PURE__ */ jsx86(Text31, { className: cn79("text-xs font-medium", config.text), children: config.label })
       ] })
     ] }),
-    lastSync && /* @__PURE__ */ jsxs44(Text30, { className: "text-xs text-muted-foreground", children: [
+    lastSync && /* @__PURE__ */ jsxs45(Text31, { className: "text-xs text-muted-foreground", children: [
       "Last sync: ",
       lastSync
     ] }),
-    error && /* @__PURE__ */ jsx85(Text30, { className: "text-xs text-destructive", children: error }),
-    !!unsoldCount && /* @__PURE__ */ jsx85(Text30, { className: cn78("text-xs", unsoldStale ? "text-muted-foreground" : "text-warning"), children: formatUnsold(unsoldCount, !!unsoldStale) })
+    error && /* @__PURE__ */ jsx86(Text31, { className: "text-xs text-destructive", children: error }),
+    !!unsoldCount && /* @__PURE__ */ jsx86(Text31, { className: cn79("text-xs", unsoldStale ? "text-muted-foreground" : "text-warning"), children: formatUnsold(unsoldCount, !!unsoldStale) })
   ] });
 }
 
 // src/sale/cart.tsx
-import { useState as useState15 } from "react";
-import { Pressable as Pressable22, Text as Text32, View as View54 } from "react-native";
+import { useState as useState16 } from "react";
+import { Pressable as Pressable24, Text as Text33, View as View55 } from "react-native";
 import { buildReceiptData } from "@tallyui/pos";
 
 // src/sale/discount-form.tsx
-import { useState as useState14 } from "react";
-import { Pressable as Pressable21, Text as Text31, TextInput as TextInput8, View as View53 } from "react-native";
+import { useState as useState15 } from "react";
+import { Pressable as Pressable23, Text as Text32, TextInput as TextInput9, View as View54 } from "react-native";
 import { formatMoney as formatMoney10, minorUnitDigits as minorUnitDigits7, moneyFromDecimalString as moneyFromDecimalString2 } from "@tallyui/core";
-import { jsx as jsx86, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs46 } from "react/jsx-runtime";
 function parseDiscount(type, text, currency) {
   const raw = text.trim();
   const trimmed = raw.split(",").length === 2 ? raw.replace(",", ".") : raw;
@@ -3768,31 +3949,31 @@ function parseDiscount(type, text, currency) {
 var discountLabel = (discount, currency) => discount.type === "percentage" ? `${discount.value}%` : formatMoney10({ amount: discount.amountMinor, currency }) ?? String(discount.amountMinor);
 var button = "rounded-md border border-border px-3 py-2 min-h-11 items-center justify-center";
 function DiscountForm({ title, currency, onApply, onClose }) {
-  const [type, setType] = useState14("percentage");
-  const [text, setText] = useState14("");
-  const [error, setError] = useState14(null);
+  const [type, setType] = useState15("percentage");
+  const [text, setText] = useState15("");
+  const [error, setError] = useState15(null);
   function apply() {
     const parsed = parseDiscount(type, text, currency);
     const refused = typeof parsed === "string" ? parsed : onApply(parsed);
     setError(refused);
     if (refused === null) onClose();
   }
-  return /* @__PURE__ */ jsxs45(View53, { role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx86(Text31, { className: "font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsxs45(View53, { className: "flex-row gap-2", children: [
-      ["percentage", "fixed"].map((option) => /* @__PURE__ */ jsx86(
-        Pressable21,
+  return /* @__PURE__ */ jsxs46(View54, { role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx87(Text32, { className: "font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsxs46(View54, { className: "flex-row gap-2", children: [
+      ["percentage", "fixed"].map((option) => /* @__PURE__ */ jsx87(
+        Pressable23,
         {
           accessibilityRole: "button",
           accessibilityState: { selected: type === option },
           onPress: () => setType(option),
           className: `${button} ${type === option ? "bg-primary" : "bg-card"}`,
-          children: /* @__PURE__ */ jsx86(Text31, { className: type === option ? "text-primary-foreground" : "text-foreground", children: option === "percentage" ? "Percent" : "Amount" })
+          children: /* @__PURE__ */ jsx87(Text32, { className: type === option ? "text-primary-foreground" : "text-foreground", children: option === "percentage" ? "Percent" : "Amount" })
         },
         option
       )),
-      /* @__PURE__ */ jsx86(
-        TextInput8,
+      /* @__PURE__ */ jsx87(
+        TextInput9,
         {
           accessibilityLabel: "Discount value",
           value: text,
@@ -3804,16 +3985,16 @@ function DiscountForm({ title, currency, onApply, onClose }) {
         }
       )
     ] }),
-    error ? /* @__PURE__ */ jsx86(Text31, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsxs45(View53, { className: "flex-row gap-2", children: [
-      /* @__PURE__ */ jsx86(Pressable21, { accessibilityRole: "button", onPress: apply, className: `${button} bg-primary`, children: /* @__PURE__ */ jsx86(Text31, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
-      /* @__PURE__ */ jsx86(Pressable21, { accessibilityRole: "button", onPress: onClose, className: `${button} bg-card`, children: /* @__PURE__ */ jsx86(Text31, { className: "text-foreground", children: "Cancel" }) })
+    error ? /* @__PURE__ */ jsx87(Text32, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs46(View54, { className: "flex-row gap-2", children: [
+      /* @__PURE__ */ jsx87(Pressable23, { accessibilityRole: "button", onPress: apply, className: `${button} bg-primary`, children: /* @__PURE__ */ jsx87(Text32, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
+      /* @__PURE__ */ jsx87(Pressable23, { accessibilityRole: "button", onPress: onClose, className: `${button} bg-card`, children: /* @__PURE__ */ jsx87(Text32, { className: "text-foreground", children: "Cancel" }) })
     ] })
   ] });
 }
 function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] }) {
   if (!discounts.length) return null;
-  return /* @__PURE__ */ jsx86(View53, { className: "flex-row flex-wrap gap-2 px-3", children: discounts.map((discount) => {
+  return /* @__PURE__ */ jsx87(View54, { className: "flex-row flex-wrap gap-2 px-3", children: discounts.map((discount) => {
     const amount = amounts.find((row) => row.discountId === discount.id)?.amountMinor;
     const own = discountLabel(discount, currency);
     const label = [
@@ -3821,16 +4002,16 @@ function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] })
       amount === void 0 ? prefix ? `\u2212${own}` : own : discount.type === "percentage" ? own : null,
       amount === void 0 ? null : `\u2212${formatMoney10({ amount, currency })}`
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxs45(
-      Pressable21,
+    return /* @__PURE__ */ jsxs46(
+      Pressable23,
       {
         accessibilityRole: "button",
         accessibilityLabel: `Remove discount ${label}`,
         onPress: () => onRemove(discount.id),
         className: "min-h-11 flex-row items-center gap-1",
         children: [
-          /* @__PURE__ */ jsx86(DiscountBadge, { label, className: "self-center" }),
-          /* @__PURE__ */ jsx86(Text31, { className: "text-muted-foreground", children: "\u2715" })
+          /* @__PURE__ */ jsx87(DiscountBadge, { label, className: "self-center" }),
+          /* @__PURE__ */ jsx87(Text32, { className: "text-muted-foreground", children: "\u2715" })
         ]
       },
       discount.id
@@ -3839,7 +4020,7 @@ function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] })
 }
 
 // src/sale/cart.tsx
-import { Fragment as Fragment4, jsx as jsx87, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx88, jsxs as jsxs47 } from "react/jsx-runtime";
 function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
   const { order } = sale;
   const money = (amount) => ({ amount, currency: order.currency });
@@ -3847,8 +4028,8 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
   const taxRows = totals.taxLines.map((line) => ({ label: taxLabel(line.ratePpm), amount: money(line.amountMinor) }));
   const display = (lineId) => order.display.lines.find((line) => line.lineId === lineId);
   const orderAmounts = order.discounts.length === 1 ? [{ discountId: order.discounts[0].id, amountMinor: order.display.orderDiscountMinor }] : [];
-  const [form, setForm] = useState15(null);
-  const discountForm = (lineId, title) => form?.lineId === lineId ? /* @__PURE__ */ jsx87(
+  const [form, setForm] = useState16(null);
+  const discountForm = (lineId, title) => form?.lineId === lineId ? /* @__PURE__ */ jsx88(
     DiscountForm,
     {
       title,
@@ -3859,8 +4040,8 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
     lineId ?? "order"
   ) : null;
   const pay = `min-h-12 flex-1 justify-center rounded-md bg-primary px-4 py-3 ${!order.lineItems.length ? "opacity-50" : ""}`;
-  const renderItem = (line) => /* @__PURE__ */ jsxs46(Fragment4, { children: [
-    /* @__PURE__ */ jsx87(CartLineActions, { actions: [{ id: "discount", label: "Discount", color: "text-primary", onPress: () => setForm({ lineId: line.id }) }], children: /* @__PURE__ */ jsx87(
+  const renderItem = (line) => /* @__PURE__ */ jsxs47(Fragment4, { children: [
+    /* @__PURE__ */ jsx88(CartLineActions, { actions: [{ id: "discount", label: "Discount", color: "text-primary", onPress: () => setForm({ lineId: line.id }) }], children: /* @__PURE__ */ jsx88(
       CartLine,
       {
         name: line.name,
@@ -3869,50 +4050,50 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
         lineTotal: money(display(line.id).amountMinor)
       }
     ) }),
-    /* @__PURE__ */ jsx87(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
-    /* @__PURE__ */ jsxs46(View54, { className: "flex-row gap-4 px-3 py-2", children: [
-      /* @__PURE__ */ jsx87(
-        Pressable22,
+    /* @__PURE__ */ jsx88(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
+    /* @__PURE__ */ jsxs47(View55, { className: "flex-row gap-4 px-3 py-2", children: [
+      /* @__PURE__ */ jsx88(
+        Pressable24,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Decrease ${line.name}`,
           onPress: () => sale.setQuantity(line.id, line.quantity - 1),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx87(Text32, { className: "text-center text-foreground", children: "\u2212" })
+          children: /* @__PURE__ */ jsx88(Text33, { className: "text-center text-foreground", children: "\u2212" })
         }
       ),
-      /* @__PURE__ */ jsx87(
-        Pressable22,
+      /* @__PURE__ */ jsx88(
+        Pressable24,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Increase ${line.name}`,
           onPress: () => sale.setQuantity(line.id, line.quantity + 1),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx87(Text32, { className: "text-center text-foreground", children: "+" })
+          children: /* @__PURE__ */ jsx88(Text33, { className: "text-center text-foreground", children: "+" })
         }
       ),
-      /* @__PURE__ */ jsx87(
-        Pressable22,
+      /* @__PURE__ */ jsx88(
+        Pressable24,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Remove ${line.name}`,
           onPress: () => sale.remove(line.id),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx87(Text32, { className: "text-center text-foreground", children: "Remove" })
+          children: /* @__PURE__ */ jsx88(Text33, { className: "text-center text-foreground", children: "Remove" })
         }
       )
     ] }),
     discountForm(line.id, `Discount on ${line.name}`)
   ] });
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     CartPanel,
     {
       dataSet: { print: "hide" },
       items: order.lineItems,
       renderItem,
-      emptyState: /* @__PURE__ */ jsx87(Text32, { className: "text-muted-foreground", children: "Scan or tap a product to start a sale." }),
-      afterItems: order.lineItems.length ? /* @__PURE__ */ jsxs46(View54, { className: "gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx87(
+      emptyState: /* @__PURE__ */ jsx88(Text33, { className: "text-muted-foreground", children: "Scan or tap a product to start a sale." }),
+      afterItems: order.lineItems.length ? /* @__PURE__ */ jsxs47(View55, { className: "gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx88(
           DiscountChips,
           {
             discounts: order.discounts,
@@ -3922,18 +4103,18 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
             prefix: "Order discount"
           }
         ),
-        form?.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx87(
-          Pressable22,
+        form?.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx88(
+          Pressable24,
           {
             accessibilityRole: "button",
             onPress: () => setForm({ lineId: null }),
             className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
-            children: /* @__PURE__ */ jsx87(Text32, { className: "text-foreground", children: "Order discount" })
+            children: /* @__PURE__ */ jsx88(Text33, { className: "text-foreground", children: "Order discount" })
           }
         )
       ] }) : void 0,
-      footer: /* @__PURE__ */ jsxs46(View54, { testID: "cart-footer", className: "gap-3 pb-4", children: [
-        /* @__PURE__ */ jsx87(
+      footer: /* @__PURE__ */ jsxs47(View55, { testID: "cart-footer", className: "gap-3 pb-4", children: [
+        /* @__PURE__ */ jsx88(
           CartTotal,
           {
             subtotal: money(totals.subtotalMinor),
@@ -3943,10 +4124,10 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
             taxInclusive: totals.taxInclusive
           }
         ),
-        sale.error ? /* @__PURE__ */ jsx87(Text32, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-        /* @__PURE__ */ jsxs46(View54, { className: "flex-row gap-3", children: [
-          /* @__PURE__ */ jsx87(Pressable22, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx87(Text32, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
-          /* @__PURE__ */ jsx87(Pressable22, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx87(Text32, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
+        sale.error ? /* @__PURE__ */ jsx88(Text33, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+        /* @__PURE__ */ jsxs47(View55, { className: "flex-row gap-3", children: [
+          /* @__PURE__ */ jsx88(Pressable24, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx88(Text33, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
+          /* @__PURE__ */ jsx88(Pressable24, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx88(Text33, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
         ] })
       ] })
     }
@@ -3954,26 +4135,26 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
 }
 
 // src/sale/cart-bar.tsx
-import { Pressable as Pressable23, Text as Text33 } from "react-native";
+import { Pressable as Pressable25, Text as Text34 } from "react-native";
 import { formatMoney as formatMoney11 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData2 } from "@tallyui/pos";
-import { jsx as jsx88, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs48 } from "react/jsx-runtime";
 function CartBar({ sale, onOpen }) {
   const { order } = sale;
-  const count = order.lineItems.reduce((sum, line) => sum + line.quantity, 0);
+  const count2 = order.lineItems.reduce((sum, line) => sum + line.quantity, 0);
   const total = formatMoney11({ amount: buildReceiptData2(order, { storeName: "" }).totals.totalMinor, currency: order.currency });
-  const items = `${count} ${count === 1 ? "item" : "items"}`;
-  return /* @__PURE__ */ jsxs47(
-    Pressable23,
+  const items = `${count2} ${count2 === 1 ? "item" : "items"}`;
+  return /* @__PURE__ */ jsxs48(
+    Pressable25,
     {
       accessibilityRole: "button",
-      accessibilityLabel: count ? `Open cart, ${items}, ${total}` : "Cart is empty",
-      disabled: !count,
+      accessibilityLabel: count2 ? `Open cart, ${items}, ${total}` : "Cart is empty",
+      disabled: !count2,
       onPress: onOpen,
-      className: `min-h-14 mx-3 mb-3 flex-row items-center justify-between rounded-md bg-primary px-4 py-3 ${count ? "" : "opacity-50"}`,
+      className: `min-h-14 mx-3 mb-3 flex-row items-center justify-between rounded-md bg-primary px-4 py-3 ${count2 ? "" : "opacity-50"}`,
       children: [
-        /* @__PURE__ */ jsx88(Text33, { className: "font-bold text-primary-foreground", children: count ? `Cart \xB7 ${items}` : "Cart is empty" }),
-        count ? /* @__PURE__ */ jsxs47(Text33, { className: "font-bold text-primary-foreground", children: [
+        /* @__PURE__ */ jsx89(Text34, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
+        count2 ? /* @__PURE__ */ jsxs48(Text34, { className: "font-bold text-primary-foreground", children: [
           total,
           " \u203A"
         ] }) : null
@@ -3983,16 +4164,17 @@ function CartBar({ sale, onOpen }) {
 }
 
 // src/sale/tender.tsx
-import { Pressable as Pressable24, Text as Text34, TextInput as TextInput9, View as View55 } from "react-native";
+import { Pressable as Pressable26, Text as Text35, TextInput as TextInput10, View as View56 } from "react-native";
 import { formatMoney as formatMoney12 } from "@tallyui/core";
-import { Fragment as Fragment5, jsx as jsx89, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx90, jsxs as jsxs49 } from "react/jsx-runtime";
+var REFERENCE_MAX = 255;
 function Tender({ sale }) {
   const { order, stage } = sale;
   if (stage.kind !== "tender") return null;
   const money = (amount) => ({ amount, currency: order.currency });
-  return /* @__PURE__ */ jsxs48(View55, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
-    stage.method === "cash" ? /* @__PURE__ */ jsxs48(Fragment5, { children: [
-      /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs49(View56, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    stage.method === "cash" ? /* @__PURE__ */ jsxs49(Fragment5, { children: [
+      /* @__PURE__ */ jsx90(
         CashTendered,
         {
           total: money(order.totalMinor),
@@ -4000,43 +4182,45 @@ function Tender({ sale }) {
           onChangeAmount: (amount) => sale.setTender({ method: "cash", amountMinor: amount.amount })
         }
       ),
-      /* @__PURE__ */ jsx89(ChangeDisplay, { change: money(order.changeDueMinor) }),
-      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs48(Text34, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx90(ChangeDisplay, { change: money(order.changeDueMinor) }),
+      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs49(Text35, { className: "text-foreground", children: [
         "Balance due: ",
         formatMoney12(money(order.balanceDueMinor))
       ] }) : null,
-      /* @__PURE__ */ jsx89(Pressable24, { accessibilityRole: "button", disabled: order.balanceDueMinor > 0, onPress: sale.complete, className: `rounded-md bg-primary px-4 py-3 ${order.balanceDueMinor > 0 ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsx89(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
-    ] }) : /* @__PURE__ */ jsxs48(Fragment5, { children: [
-      /* @__PURE__ */ jsxs48(Text34, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", disabled: order.balanceDueMinor > 0, onPress: sale.complete, className: `rounded-md bg-primary px-4 py-3 ${order.balanceDueMinor > 0 ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsx90(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
+    ] }) : /* @__PURE__ */ jsxs49(Fragment5, { children: [
+      /* @__PURE__ */ jsxs49(Text35, { className: "text-foreground", children: [
         "Card terminal: ",
         formatMoney12(money(order.totalMinor))
       ] }),
-      /* @__PURE__ */ jsx89(
-        TextInput9,
+      /* @__PURE__ */ jsx90(
+        TextInput10,
         {
           accessibilityLabel: "Terminal reference",
           placeholder: "Terminal reference",
+          maxLength: REFERENCE_MAX,
           value: order.payments[0]?.reference ?? "",
           onChangeText: (reference) => sale.setTender({ method: "external", amountMinor: order.totalMinor, reference }),
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ),
-      /* @__PURE__ */ jsx89(Pressable24, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx89(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
+      /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
     ] }),
-    sale.error ? /* @__PURE__ */ jsx89(Text34, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-    sale.canContinue ? /* @__PURE__ */ jsxs48(Fragment5, { children: [
-      /* @__PURE__ */ jsx89(Text34, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
-      /* @__PURE__ */ jsx89(Pressable24, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx89(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
+    sale.error ? /* @__PURE__ */ jsx90(Text35, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs49(Fragment5, { children: [
+      /* @__PURE__ */ jsx90(Text35, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
     ] }) : null,
-    /* @__PURE__ */ jsx89(Pressable24, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx89(Text34, { className: "text-center text-foreground", children: "Back" }) })
+    /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center text-foreground", children: "Back" }) })
   ] });
 }
 
 // src/sale/catalogue.tsx
-import { useEffect as useEffect4, useMemo as useMemo2, useState as useState16 } from "react";
-import { Pressable as Pressable25, Text as Text35, View as View56 } from "react-native";
+import { useEffect as useEffect5, useMemo as useMemo2, useState as useState17 } from "react";
+import { Pressable as Pressable27, Text as Text36, View as View57 } from "react-native";
+import { useStockOverlaid, useStockOverlayAsOf } from "@tallyui/core";
 import { catalogueEntries, findEntryByCode, searchProducts, variantPriceLabel } from "@tallyui/pos";
-import { jsx as jsx90, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs50 } from "react/jsx-runtime";
 var MIN_TILE_WIDTH = 160;
 var STOCK_LABEL = {
   in_stock: "In Stock",
@@ -4056,24 +4240,28 @@ function laterOf(a, b) {
   return a.getTime() >= b.getTime() ? a : b;
 }
 function Catalogue({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, lastStockCheckAt, hour12, minCodeLength }) {
-  const stockAsOf = laterOf(lastStockCheckAt, lastSyncedAt);
-  const [query, setQuery] = useState16("");
-  const [chooserId, setChooserId] = useState16(null);
-  const [width, setWidth] = useState16(0);
+  const shown = useStockOverlaid(products);
+  const overlayAsOf = useStockOverlayAsOf();
+  const parsedOverlayAsOf = overlayAsOf ? new Date(overlayAsOf) : void 0;
+  const validOverlayAsOf = parsedOverlayAsOf && !isNaN(parsedOverlayAsOf.getTime()) ? parsedOverlayAsOf : void 0;
+  const stockAsOf = laterOf(laterOf(lastStockCheckAt, validOverlayAsOf), lastSyncedAt);
+  const [query, setQuery] = useState17("");
+  const [chooserId, setChooserId] = useState17(null);
+  const [width, setWidth] = useState17(0);
   const columns = Math.max(2, Math.min(6, Math.floor((width - 8) / (MIN_TILE_WIDTH + 8))));
-  const entries = useMemo2(() => catalogueEntries(products, traits), [products, traits]);
-  const results = useMemo2(() => searchProducts(products, query, traits), [products, query, traits]);
+  const entries = useMemo2(() => catalogueEntries(shown, traits), [shown, traits]);
+  const results = useMemo2(() => searchProducts(shown, query, traits), [shown, query, traits]);
   const choices = useMemo2(() => chooserId === null ? [] : entries.filter((entry) => traits.getId(entry.product) === chooserId), [entries, chooserId, traits]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (chooserId !== null && choices.length === 0) setChooserId(null);
   }, [chooserId, choices]);
   function select(entry) {
     onSelect(entry);
     setChooserId(null);
   }
-  return /* @__PURE__ */ jsxs49(View56, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsxs49(View56, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
-      /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs50(View57, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsxs50(View57, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ jsx91(
         SearchInput,
         {
           value: query,
@@ -4090,25 +4278,25 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           }
         }
       ),
-      statusText || statusAccessory ? /* @__PURE__ */ jsxs49(View56, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
-        statusText ? /* @__PURE__ */ jsxs49(Text35, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
+      statusText || statusAccessory ? /* @__PURE__ */ jsxs50(View57, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
+        statusText ? /* @__PURE__ */ jsxs50(Text36, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
           statusText,
           query.trim() ? ` \xB7 ${results.length.toLocaleString()} matching` : ""
         ] }) : null,
         statusAccessory
       ] }) : null,
-      choices.length > 0 ? /* @__PURE__ */ jsxs49(View56, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
-        choices.map((entry) => /* @__PURE__ */ jsxs49(
-          Pressable25,
+      choices.length > 0 ? /* @__PURE__ */ jsxs50(View57, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
+        choices.map((entry) => /* @__PURE__ */ jsxs50(
+          Pressable27,
           {
             accessibilityRole: "button",
             onPress: () => select(entry),
             className: "gap-1 rounded-md border border-border p-3",
             children: [
-              /* @__PURE__ */ jsx90(Text35, { className: "font-semibold text-foreground", children: entry.variant.title }),
-              /* @__PURE__ */ jsx90(Text35, { className: "text-muted-foreground", children: entry.variant.sku }),
-              /* @__PURE__ */ jsx90(Text35, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
-              /* @__PURE__ */ jsxs49(Text35, { className: "text-muted-foreground", children: [
+              /* @__PURE__ */ jsx91(Text36, { className: "font-semibold text-foreground", children: entry.variant.title }),
+              /* @__PURE__ */ jsx91(Text36, { className: "text-muted-foreground", children: entry.variant.sku }),
+              /* @__PURE__ */ jsx91(Text36, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
+              /* @__PURE__ */ jsxs50(Text36, { className: "text-muted-foreground", children: [
                 STOCK_LABEL[entry.variant.stock.status],
                 " \xB7 ",
                 stockAsOf ? `as of ${formatStockSyncTime(stockAsOf, void 0, hour12)}` : "not yet synced"
@@ -4117,10 +4305,10 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           },
           entry.variant.id
         )),
-        /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center text-foreground", children: "Cancel" }) })
+        /* @__PURE__ */ jsx91(Pressable27, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx91(Text36, { className: "text-center text-foreground", children: "Cancel" }) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(
       ProductGrid,
       {
         items: results,
@@ -4129,26 +4317,26 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           // TallyUI's ProductCard has no children slot, so the tile is composed directly here
           // (same structure/classes as ProductCard) to add the stock badge as a fourth child,
           // inside the card and centred with the rest, rather than adding a slot to ProductCard (out of scope for TV6b).
-          /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
+          /* @__PURE__ */ jsx91(Pressable27, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
             const variants = entries.filter((entry) => entry.product === product);
             if (variants.length === 1) select(variants[0]);
             else setChooserId(traits.getId(product));
-          }, children: /* @__PURE__ */ jsxs49(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
-            /* @__PURE__ */ jsx90(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
-            /* @__PURE__ */ jsx90(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
-            /* @__PURE__ */ jsx90(ProductPrice, { doc: product }),
-            /* @__PURE__ */ jsx90(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
+          }, children: /* @__PURE__ */ jsxs50(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx91(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
+            /* @__PURE__ */ jsx91(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
+            /* @__PURE__ */ jsx91(ProductPrice, { doc: product }),
+            /* @__PURE__ */ jsx91(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
           ] }) })
         ),
-        emptyState: /* @__PURE__ */ jsx90(Text35, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : "No products yet." })
+        emptyState: /* @__PURE__ */ jsx91(Text36, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : "No products yet." })
       }
     )
   ] });
 }
 
 // src/sale/receipt.tsx
-import { useEffect as useEffect5 } from "react";
-import { Pressable as Pressable26, Text as Text36, View as View57 } from "react-native";
+import { useEffect as useEffect6 } from "react";
+import { Pressable as Pressable28, Text as Text37, View as View58 } from "react-native";
 import { formatMoney as formatMoney13 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData3 } from "@tallyui/pos";
 
@@ -4163,7 +4351,7 @@ function injectPrintStyle() {
 }
 
 // src/sale/receipt.tsx
-import { Fragment as Fragment6, jsx as jsx91, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
 var defaultFormatDate = (iso) => new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(iso));
 function Receipt({
   order,
@@ -4175,7 +4363,7 @@ function Receipt({
   topInset = 0,
   formatDate = defaultFormatDate
 }) {
-  useEffect5(injectPrintStyle, []);
+  useEffect6(injectPrintStyle, []);
   const receipt = buildReceiptData3(order, {
     storeName: store.name,
     storeAddress: store.address,
@@ -4183,30 +4371,34 @@ function Receipt({
     register: registerId
   });
   const money = (amount) => formatMoney13({ amount, currency: receipt.currency }) ?? "";
-  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs50(View57, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
-    /* @__PURE__ */ jsx91(Text36, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
-    /* @__PURE__ */ jsx91(Text36, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
+  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs51(View58, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
+    /* @__PURE__ */ jsx92(Text37, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
+    /* @__PURE__ */ jsx92(Text37, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
   ] }, key);
   const { totals } = receipt;
   const taxRows = totals.taxLines.map((line, index) => row(`${totals.taxInclusive ? "incl. " : ""}${taxLabel(line.ratePpm)}`, money(line.amountMinor), false, index));
-  return /* @__PURE__ */ jsxs50(Fragment6, { children: [
-    topInset > 0 ? /* @__PURE__ */ jsx91(View57, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
-    /* @__PURE__ */ jsxs50(View57, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
-      /* @__PURE__ */ jsx91(Text36, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
-      receipt.header.storeAddress ? /* @__PURE__ */ jsx91(Text36, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
-      /* @__PURE__ */ jsxs50(Text36, { className: "text-foreground", children: [
+  return /* @__PURE__ */ jsxs51(Fragment6, { children: [
+    topInset > 0 ? /* @__PURE__ */ jsx92(View58, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
+    /* @__PURE__ */ jsxs51(View58, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
+      /* @__PURE__ */ jsx92(Text37, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
+      receipt.header.storeAddress ? /* @__PURE__ */ jsx92(Text37, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
+      /* @__PURE__ */ jsxs51(Text37, { className: "text-foreground", children: [
         "Order ",
         receipt.header.orderNumber.slice(-8)
       ] }),
-      /* @__PURE__ */ jsx91(Text36, { className: "text-muted-foreground", children: formatDate(receipt.header.date) }),
-      /* @__PURE__ */ jsxs50(Text36, { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsx92(Text37, { className: "text-muted-foreground", children: formatDate(receipt.header.date) }),
+      /* @__PURE__ */ jsxs51(Text37, { className: "text-muted-foreground", children: [
         "Cashier: ",
         receipt.header.cashier
       ] }),
-      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs50(View57, { children: [
-        /* @__PURE__ */ jsx91(Text36, { className: "text-foreground", children: line.name }),
+      receipt.header.customer && /* @__PURE__ */ jsxs51(Text37, { className: "text-muted-foreground", children: [
+        "Customer: ",
+        receipt.header.customer
+      ] }),
+      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs51(View58, { children: [
+        /* @__PURE__ */ jsx92(Text37, { className: "text-foreground", children: line.name }),
         row(`${line.quantity} \xD7 ${money(line.unitPriceMinor)}`, money(line.displayAmountMinor)),
-        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx91(View57, { className: "pl-4", children: row(`${discountLabel(
+        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx92(View58, { className: "pl-4", children: row(`${discountLabel(
           order.lineItems[index].discounts[i],
           receipt.currency
         )} off`, `\u2212${money(discount.amountMinor)}`) }, i))
@@ -4223,82 +4415,165 @@ function Receipt({
         index
       )),
       row("Change", money(receipt.changeDueMinor)),
-      /* @__PURE__ */ jsxs50(View57, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
-        /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", onPress: () => {
+      /* @__PURE__ */ jsxs51(View58, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
+        /* @__PURE__ */ jsx92(Pressable28, { accessibilityRole: "button", onPress: () => {
           if (typeof window !== "undefined" && typeof window.print === "function") window.print();
-        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx91(Text36, { className: "text-center text-foreground", children: "Print receipt" }) }),
-        /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx91(Text36, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
+        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx92(Text37, { className: "text-center text-foreground", children: "Print receipt" }) }),
+        /* @__PURE__ */ jsx92(Pressable28, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx92(Text37, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
       ] })
     ] })
   ] });
 }
 
 // src/sale/sync-status.tsx
-import { useEffect as useEffect6, useState as useState17 } from "react";
-import { Text as Text37 } from "react-native";
-import { jsxs as jsxs51 } from "react/jsx-runtime";
-function SyncStatus({ state }) {
-  const [now, setNow] = useState17(Date.now);
-  useEffect6(() => {
+import { useEffect as useEffect7, useRef as useRef6, useState as useState18 } from "react";
+import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text38, View as View59 } from "react-native";
+import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
+var PULL_NOTICE_TEXT = {
+  unauthorized: {
+    line: () => "Products aren't updating: this till needs to sign in to the online store again.",
+    detail: () => "You can keep selling. Products, prices and stock stay as they were until someone signs in again."
+  },
+  till_update_required: {
+    line: () => "Products aren't updating: this till needs updating.",
+    detail: () => "You can keep selling. Products, prices and stock stay as they were until this till is updated."
+  },
+  unsupported_store: {
+    line: () => "Products aren't updating: the online store needs a software update.",
+    detail: ({ software, minVersion }) => software && minVersion ? `You can keep selling. Ask the store owner to update ${software} to version ${minVersion} or later.` : "You can keep selling. Ask the store owner to update the store's software."
+  },
+  missing_plugin: {
+    line: (pluginName) => `Products aren't updating: the online store is missing ${pluginName}.`,
+    detail: (_notice, pluginName) => `You can keep selling. This till couldn't find ${pluginName} on the online store. Ask the store owner to check that it is installed and switched on, and that the store address in this till's settings is right.`
+  },
+  store_misconfigured: {
+    line: () => "Products aren't updating: a setting on the online store needs changing.",
+    detail: ({ fix }) => fix ? `You can keep selling. Ask the store owner to ${fix}.` : "You can keep selling. Ask the store owner to check the store's settings."
+  }
+};
+var PULL_NOTICE_FALLBACK = {
+  line: () => "Products aren't updating.",
+  detail: () => "You can keep selling. Products, prices and stock stay as they were. Restart the app; if it keeps happening, tell the store owner."
+};
+var BACKEND_MISSING = "Sales aren't reaching the online store. Keep selling: they're saved on this till and will send by themselves.";
+var BACKEND_MISSING_SINCE = "Sales haven't reached the online store since {time}. Keep selling: they're saved on this till and will send by themselves.";
+var TILL_UPDATES_MISSING = "Till updates aren't reaching the online store. Keep selling: they're saved on this till and will send by themselves.";
+var TILL_UPDATES_MISSING_SINCE = "Till updates haven't reached the online store since {time}. Keep selling: they're saved on this till and will send by themselves.";
+var BACKEND_MISSING_DETAIL = "This till couldn't find {pluginName} on the online store{lastTime}. Ask the store owner to check that it is installed and switched on, and that the store address in this till's settings is right.";
+var REFUSED = (n, waiting) => n === 1 ? `1 sale needs attention${waiting} \xB7 The online store refused it. Ask the store owner to look at the till's sync log.` : `${n} sales need attention${waiting} \xB7 The online store refused them. Ask the store owner to look at the till's sync log.`;
+var REFUSED_DETAIL = "Refused sales stay on this till under Needs attention, each with what to do next.";
+var SALES_REFUSED = "The online store refused the last send. This till will try again with the next sale, or when the app is reopened.";
+var TILL_UPDATES_REFUSED = "The online store refused the last send. This till will try again with the next till update.";
+var count = (n, noun) => `${n} ${noun}${n === 1 ? "" : "s"}`;
+function useAnnounceOnIos(...texts) {
+  const announced = useRef6(texts);
+  useEffect7(() => {
+    const changed = texts.filter((text, index) => text && text !== announced.current[index]);
+    announced.current = texts;
+    if (changed.length > 0 && Platform3.OS === "ios") AccessibilityInfo2.announceForAccessibility(changed.join(" "));
+  }, texts);
+}
+function SyncStatus({ state, registerState, pluginName = "the POS plugin", pullNotice }) {
+  const updates = registerState?.pending ?? 0;
+  const outbox = state.pending === 0 && registerState?.pending ? registerState : state;
+  const [now, setNow] = useState18(Date.now);
+  useEffect7(() => {
     setNow(Date.now());
-    if (!state.nextAttemptAt) return;
+    if (!outbox.nextAttemptAt) return;
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
-  }, [state.nextAttemptAt]);
-  const seconds = Math.max(0, Math.ceil(((state.nextAttemptAt ?? now) - now) / 1e3));
-  const label = state.pending === 0 ? "All sales synced" : `${state.pending} sale${state.pending === 1 ? "" : "s"} waiting to sync`;
-  return /* @__PURE__ */ jsxs51(Text37, { accessibilityLabel: "Sync status", className: "px-4 py-2 text-xs text-muted-foreground", children: [
-    label,
-    state.sending ? " \xB7 sending" : state.lastRetryReason ? ` \xB7 retrying (${state.lastRetryReason}) in ${seconds}s` : ""
+  }, [outbox.nextAttemptAt]);
+  const seconds = Math.max(0, Math.ceil(((outbox.nextAttemptAt ?? now) - now) / 1e3));
+  const label = [
+    state.pending && count(state.pending, "sale"),
+    updates && count(updates, "till update")
+  ].filter(Boolean).join(" and ") + " waiting to sync";
+  const { stuck } = state;
+  const backendMissing = state.backendMissing ?? registerState?.backendMissing;
+  const at = (time) => new Date(time).toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
+  const backendMissingText = state.pending === 0 && updates > 0 ? registerState?.stuck ? TILL_UPDATES_MISSING_SINCE.replace("{time}", () => at(registerState.stuck.since)) : TILL_UPDATES_MISSING : stuck ? BACKEND_MISSING_SINCE.replace("{time}", () => at(stuck.since)) : BACKEND_MISSING;
+  const upToDate = state.pending === 0 && updates === 0;
+  const sentence = outbox.refused ? ` \xB7 ${outbox === state ? SALES_REFUSED : TILL_UPDATES_REFUSED}` : backendMissing || (state.pending === 0 && updates > 0 ? registerState?.stuck : stuck) ? ` \xB7 ${backendMissingText}` : "";
+  const refused = state.rejected ? REFUSED(state.rejected, upToDate ? "" : `, ${updates ? label : `${state.pending} waiting to sync`}`) : "";
+  const spoken = refused || (upToDate ? "Sales are up to date." : label + sentence);
+  const doing = refused || upToDate || backendMissing || outbox.refused ? "" : outbox.sending ? "Sending\u2026" : outbox.lastRetryReason ? `Retrying in ${seconds} s.` : "";
+  const text = pullNotice && (Object.hasOwn(PULL_NOTICE_TEXT, pullNotice.code) ? PULL_NOTICE_TEXT[pullNotice.code] : PULL_NOTICE_FALLBACK);
+  const notice = pullNotice && text && { line: text.line(pluginName), detail: text.detail(pullNotice, pluginName) };
+  useAnnounceOnIos(notice?.line, spoken);
+  const oneDetail = pullNotice?.code === "missing_plugin" && !!backendMissing;
+  return /* @__PURE__ */ jsxs52(View59, { children: [
+    notice ? /* @__PURE__ */ jsxs52(Fragment7, { children: [
+      /* @__PURE__ */ jsx93(Text38, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
+      oneDetail ? null : /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
+    ] }) : null,
+    /* @__PURE__ */ jsx93(Text38, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
+    doing ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
+    refused ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
+    oneDetail && notice ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: BACKEND_MISSING_DETAIL.replace("{pluginName}", () => pluginName).replace("{lastTime}", () => upToDate ? " the last time it checked" : "") }) : null
   ] });
 }
 
 // src/sale/orders-list.tsx
-import { useEffect as useEffect7, useRef as useRef5, useState as useState18 } from "react";
-import { Pressable as Pressable27, ScrollView as ScrollView14, Text as Text38, View as View58 } from "react-native";
-import { formatMoney as formatMoney14 } from "@tallyui/core";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState19 } from "react";
+import { Pressable as Pressable29, ScrollView as ScrollView13, Text as Text39, View as View60 } from "react-native";
+import { formatMoney as formatMoney14, knownWarnings } from "@tallyui/core";
 import { needsAttention } from "@tallyui/pos";
-import { jsx as jsx92, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
 var STATUS_LABEL = { pending: "Waiting to sync", applied: "Synced", rejected: "Not accepted" };
+var FIGURE_LABELS = /* @__PURE__ */ new Map([["subtotalMinor", "Subtotal"], ["taxMinor", "Tax"], ["discountMinor", "Discount"]]);
+var REFUSAL_SENTENCES = /* @__PURE__ */ new Map([
+  ["invalid_payload", "The online store refused this sale: this till sent it in a form the store can't read. Ask the store owner to look at the till's sync log."],
+  ["unsupported_version", "The online store refused this sale: the store's software is older than this till's. Ask the store owner to update the POS plugin."],
+  ["idempotency_mismatch", "The online store has a different sale under this sale's number. Don't send it again; ask the store owner to compare the two."],
+  ["store_configuration", "The online store refused this sale: a setting on the store needs changing. Once the store owner fixes it, press Retry."],
+  ["platform_error", "The online store refused this sale. Ask the store owner to look at the till's sync log."],
+  ["internal_error", "The online store hit a fault in its POS plugin and refused this sale. Ask the store owner to look at the till's sync log."],
+  ["insufficient_stock", "The online store refused this sale: it doesn't have enough stock of one of the items."],
+  ["unsupported_tax_mode", "The online store refused this sale: its tax settings can't take a sale like this one. Ask the store owner to check them."],
+  ["unknown_variant", "The online store refused this sale: that product variation no longer exists."],
+  ["invalid_quantity", "The online store refused this sale: a quantity or a discount on it isn't allowed."],
+  ["underpaid", "The online store refused this sale: the payments add up to less than the total."],
+  ["unsupported_currency", "The online store refused this sale: the store doesn't take this currency."]
+]);
+var refusalSentence = (code) => REFUSAL_SENTENCES.get(code ?? "") ?? REFUSAL_SENTENCES.get("platform_error");
 function defaultFormatDate2(iso) {
   const date = new Date(iso);
   return Number.isNaN(date.getTime()) ? iso : new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(date);
 }
-function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer }) {
-  const retrying = useRef5(/* @__PURE__ */ new Set());
-  const [retryingIds, setRetryingIds] = useState18(/* @__PURE__ */ new Set());
-  useEffect7(() => {
+function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer, stuck }) {
+  const retrying = useRef7(/* @__PURE__ */ new Set());
+  const [retryingIds, setRetryingIds] = useState19(/* @__PURE__ */ new Set());
+  useEffect8(() => {
     for (const id of retrying.current) {
       if (!orders.some((order) => order.id === id && order.syncStatus === "rejected")) retrying.current.delete(id);
     }
     setRetryingIds(new Set(retrying.current));
   }, [orders]);
-  return /* @__PURE__ */ jsxs52(ScrollView14, { className: "flex-1 bg-background p-4", children: [
-    [{ title: "Needs attention", orders: needsAttention(orders) }, { title: "Recent", orders }].filter((section) => section.title === "Recent" || section.orders.length > 0).map((section) => /* @__PURE__ */ jsxs52(View58, { className: "mb-6 gap-3", children: [
-      /* @__PURE__ */ jsx92(Text38, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
+  return /* @__PURE__ */ jsxs53(ScrollView13, { className: "flex-1 bg-background p-4", children: [
+    [{ title: "Needs attention", orders: needsAttention(orders, { stuckCommandIds: stuck?.commandIds }) }, { title: "Recent", orders }].filter((section) => section.title === "Recent" || section.orders.length > 0).map((section) => /* @__PURE__ */ jsxs53(View60, { className: "mb-6 gap-3", children: [
+      /* @__PURE__ */ jsx94(Text39, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
       section.orders.map((order) => {
-        const count = order.lines.reduce((sum, line) => sum + line.quantity, 0);
-        return /* @__PURE__ */ jsxs52(View58, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs52(Text38, { className: "text-foreground", children: [
+        const count2 = order.lines.reduce((sum, line) => sum + line.quantity, 0);
+        const stuckEntry = order.syncStatus === "pending" ? stuck?.orders.find((entry) => entry.commandId === order.commandId) : void 0;
+        return /* @__PURE__ */ jsxs53(View60, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs53(Text39, { className: "text-foreground", children: [
             order.serverRefs?.displayId ? `Order #${order.serverRefs.displayId} \xB7 ` : "",
-            count,
+            count2,
             " ",
-            count === 1 ? "item" : "items"
+            count2 === 1 ? "item" : "items"
           ] }),
-          /* @__PURE__ */ jsxs52(Text38, { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs53(Text39, { className: "text-muted-foreground", children: [
             formatDate(order.createdAt),
             " \xB7 ",
             formatMoney14({ amount: order.totalMinor, currency: order.currency }),
             " \xB7 ",
             STATUS_LABEL[order.syncStatus]
           ] }),
-          order.syncStatus === "rejected" && order.error ? /* @__PURE__ */ jsxs52(Text38, { className: "text-destructive", children: [
-            order.error.code,
-            ": ",
-            order.error.message
-          ] }) : null,
-          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx92(Text38, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
-          section.title === "Needs attention" && order.syncStatus === "rejected" ? order.error?.code === "idempotency_mismatch" ? /* @__PURE__ */ jsx92(Text38, { className: "text-foreground", children: "This sale needs checking against the store before it can be sent again." }) : /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
+          stuckEntry ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: `Hasn't reached the online store since ${new Date(stuckEntry.since).toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" })}.` }) : null,
+          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
+          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
+          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: warning.code === "customer_omitted" ? `The customer's ${warning.field} couldn't be sent to the store, so the order isn't linked to them.` : "The terminal's payment reference couldn't be kept; the payment is recorded without it." }, index)),
+          section.title === "Needs attention" && order.syncStatus === "rejected" && order.error?.code !== "idempotency_mismatch" ? /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
             if (retrying.current.has(order.id)) return;
             retrying.current.add(order.id);
             setRetryingIds(new Set(retrying.current));
@@ -4306,8 +4581,8 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer }
               retrying.current.delete(order.id);
               setRetryingIds(new Set(retrying.current));
             }
-          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx92(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
-          order.warnings?.map((warning, index) => /* @__PURE__ */ jsx92(View58, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx92(Text38, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `Stock short by ${warning.quantity} for ${order.lines.find((line) => line.variantId === warning.variantId)?.name}` : `Store total ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
+          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx94(Text39, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
+          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx94(View60, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `Stock short by ${warning.quantity} for ${order.lines.find((line) => line.variantId === warning.variantId)?.name}` : warning.code === "tax_rate_mismatch" ? `Tax at ${(warning.ratePpm / 1e4).toLocaleString(void 0, { maximumFractionDigits: 4 })}%: store ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` : warning.code === "customer_ignored" ? `The online store didn't recognise the customer on this sale, so it was saved as a guest sale. Customer id: ${warning.customerId}.` : warning.code === "figures_mismatch" ? `The online store worked out different figures for this sale. ${warning.fields.map(({ field, tillMinor, serverMinor }) => `${FIGURE_LABELS.get(field) ?? field}: till ${formatMoney14({ amount: tillMinor, currency: order.currency })}, store ${formatMoney14({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney14({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
         ] }, order.id);
       })
     ] }, section.title)),
@@ -4316,10 +4591,10 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer }
 }
 
 // src/layout/pos-layout.tsx
-import { useState as useState19 } from "react";
-import { Pressable as Pressable28, Text as Text39, View as View59, useWindowDimensions as useWindowDimensions3 } from "react-native";
-import { cn as cn79 } from "@tallyui/theme";
-import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs53 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { Pressable as Pressable30, Text as Text40, View as View61, useWindowDimensions as useWindowDimensions3 } from "react-native";
+import { cn as cn80 } from "@tallyui/theme";
+import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
 function POSLayout({
   browseSlot,
   cartSlot,
@@ -4331,40 +4606,40 @@ function POSLayout({
 }) {
   const { width } = useWindowDimensions3();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  const [activeTab, setActiveTab] = useState19("browse");
-  return /* @__PURE__ */ jsxs53(View59, { className: cn79("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx93(View59, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs53(View59, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx93(View59, { className: "flex-[3]", children: browseSlot }),
-      /* @__PURE__ */ jsx93(View59, { className: "flex-[2] border-l border-border", children: cartSlot })
-    ] }) : /* @__PURE__ */ jsxs53(Fragment7, { children: [
-      /* @__PURE__ */ jsxs53(View59, { className: "flex-row border-b border-border", children: [
-        /* @__PURE__ */ jsx93(
-          Pressable28,
+  const [activeTab, setActiveTab] = useState20("browse");
+  return /* @__PURE__ */ jsxs54(View61, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx95(View61, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs54(View61, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx95(View61, { className: "flex-[3]", children: browseSlot }),
+      /* @__PURE__ */ jsx95(View61, { className: "flex-[2] border-l border-border", children: cartSlot })
+    ] }) : /* @__PURE__ */ jsxs54(Fragment8, { children: [
+      /* @__PURE__ */ jsxs54(View61, { className: "flex-row border-b border-border", children: [
+        /* @__PURE__ */ jsx95(
+          Pressable30,
           {
             onPress: () => setActiveTab("browse"),
-            className: cn79("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx93(Text39, { className: cn79("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
+            className: cn80("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
+            children: /* @__PURE__ */ jsx95(Text40, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
           }
         ),
-        /* @__PURE__ */ jsx93(
-          Pressable28,
+        /* @__PURE__ */ jsx95(
+          Pressable30,
           {
             onPress: () => setActiveTab("cart"),
-            className: cn79("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx93(Text39, { className: cn79("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
+            className: cn80("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
+            children: /* @__PURE__ */ jsx95(Text40, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx93(View59, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
+      /* @__PURE__ */ jsx95(View61, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
     ] })
   ] });
 }
 
 // src/layout/checkout-layout.tsx
-import { ScrollView as ScrollView15, View as View60, useWindowDimensions as useWindowDimensions4 } from "react-native";
-import { cn as cn80 } from "@tallyui/theme";
-import { jsx as jsx94, jsxs as jsxs54 } from "react/jsx-runtime";
+import { ScrollView as ScrollView14, View as View62, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import { cn as cn81 } from "@tallyui/theme";
+import { jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
 function CheckoutLayout({
   summarySlot,
   paymentSlot,
@@ -4376,12 +4651,12 @@ function CheckoutLayout({
 }) {
   const { width } = useWindowDimensions4();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  return /* @__PURE__ */ jsxs54(View60, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx94(View60, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs54(View60, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx94(View60, { className: "flex-1 border-r border-border", children: summarySlot }),
-      /* @__PURE__ */ jsx94(View60, { className: "flex-1", children: paymentSlot })
-    ] }) : /* @__PURE__ */ jsx94(ScrollView15, { className: "flex-1", children: /* @__PURE__ */ jsxs54(View60, { className: "gap-4 p-4", children: [
+  return /* @__PURE__ */ jsxs55(View62, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx96(View62, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs55(View62, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx96(View62, { className: "flex-1 border-r border-border", children: summarySlot }),
+      /* @__PURE__ */ jsx96(View62, { className: "flex-1", children: paymentSlot })
+    ] }) : /* @__PURE__ */ jsx96(ScrollView14, { className: "flex-1", children: /* @__PURE__ */ jsxs55(View62, { className: "gap-4 p-4", children: [
       summarySlot,
       paymentSlot
     ] }) })
@@ -4389,10 +4664,10 @@ function CheckoutLayout({
 }
 
 // src/layout/settings-layout.tsx
-import { useState as useState20 } from "react";
-import { Pressable as Pressable29, Text as Text40, View as View61, useWindowDimensions as useWindowDimensions5 } from "react-native";
-import { cn as cn81 } from "@tallyui/theme";
-import { jsx as jsx95, jsxs as jsxs55 } from "react/jsx-runtime";
+import { useState as useState21 } from "react";
+import { Pressable as Pressable31, Text as Text41, View as View63, useWindowDimensions as useWindowDimensions5 } from "react-native";
+import { cn as cn82 } from "@tallyui/theme";
+import { jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
 function SettingsLayout({
   navSlot,
   contentSlot,
@@ -4404,26 +4679,26 @@ function SettingsLayout({
 }) {
   const { width } = useWindowDimensions5();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  const [showNav, setShowNav] = useState20(false);
-  return /* @__PURE__ */ jsxs55(View61, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx95(View61, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs55(View61, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx95(View61, { className: "w-64 border-r border-border", children: navSlot }),
-      /* @__PURE__ */ jsx95(View61, { className: "flex-1", children: contentSlot })
-    ] }) : /* @__PURE__ */ jsx95(View61, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs55(View61, { className: "flex-1", children: [
+  const [showNav, setShowNav] = useState21(false);
+  return /* @__PURE__ */ jsxs56(View63, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx97(View63, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs56(View63, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx97(View63, { className: "w-64 border-r border-border", children: navSlot }),
+      /* @__PURE__ */ jsx97(View63, { className: "flex-1", children: contentSlot })
+    ] }) : /* @__PURE__ */ jsx97(View63, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs56(View63, { className: "flex-1", children: [
       navSlot,
-      /* @__PURE__ */ jsx95(Pressable29, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx95(Text40, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
-    ] }) : /* @__PURE__ */ jsxs55(View61, { className: "flex-1", children: [
-      /* @__PURE__ */ jsx95(Pressable29, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx95(Text40, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
+      /* @__PURE__ */ jsx97(Pressable31, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx97(Text41, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
+    ] }) : /* @__PURE__ */ jsxs56(View63, { className: "flex-1", children: [
+      /* @__PURE__ */ jsx97(Pressable31, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx97(Text41, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
       contentSlot
     ] }) })
   ] });
 }
 
 // src/layout/live-tab-screen.tsx
-import { Pressable as Pressable30, Text as Text41, View as View62 } from "react-native";
-import { cn as cn82 } from "@tallyui/theme";
-import { jsx as jsx96, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Pressable as Pressable32, Text as Text42, View as View64 } from "react-native";
+import { cn as cn83 } from "@tallyui/theme";
+import { jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
 function LiveTabScreen({
   state,
   onUseHere,
@@ -4440,21 +4715,21 @@ function LiveTabScreen({
   const body = state === "parked" ? parkedBody : blockedBody;
   const buttonLabel = state === "parked" ? useHereLabel : reloadLabel;
   const onPress = state === "parked" ? onUseHere : onReload;
-  return /* @__PURE__ */ jsxs56(View62, { className: cn82("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx96(Text41, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
-    /* @__PURE__ */ jsx96(Text41, { className: "text-center text-sm text-muted-foreground", children: body }),
-    /* @__PURE__ */ jsx96(Pressable30, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx96(Text41, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
+  return /* @__PURE__ */ jsxs57(View64, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx98(Text42, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
+    /* @__PURE__ */ jsx98(Text42, { className: "text-center text-sm text-muted-foreground", children: body }),
+    /* @__PURE__ */ jsx98(Pressable32, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx98(Text42, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
   ] });
 }
 
 // src/layout/store-settings-choice-screen.tsx
-import { useState as useState21 } from "react";
-import { Pressable as Pressable31, Text as Text42, View as View63 } from "react-native";
-import { cn as cn83 } from "@tallyui/theme";
-import { jsx as jsx97, jsxs as jsxs57 } from "react/jsx-runtime";
+import { useState as useState22 } from "react";
+import { Pressable as Pressable33, Text as Text43, View as View65 } from "react-native";
+import { cn as cn84 } from "@tallyui/theme";
+import { jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
 function useSectionSelection(options, initialValue) {
   const preset = options.length === 1 ? options[0].value : options.find((o) => o.value === initialValue)?.value;
-  return useState21(preset);
+  return useState22(preset);
 }
 function defaultCountryName(code, locale) {
   try {
@@ -4500,41 +4775,41 @@ function StoreSettingsChoiceScreen({
     else if (initial?.channel !== void 0) choice.channel = initial.channel;
     onSubmit(choice);
   };
-  return /* @__PURE__ */ jsxs57(View63, { className: cn83("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs57(View63, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx97(Text42, { className: "text-lg font-bold text-foreground", children: title }),
-      /* @__PURE__ */ jsx97(Text42, { className: "text-sm text-muted-foreground", children: body })
+  return /* @__PURE__ */ jsxs58(View65, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs58(View65, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx99(Text43, { className: "text-lg font-bold text-foreground", children: title }),
+      /* @__PURE__ */ jsx99(Text43, { className: "text-sm text-muted-foreground", children: body })
     ] }),
-    showRegions && /* @__PURE__ */ jsx97(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
-    showCountries && /* @__PURE__ */ jsx97(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
-    showChannels && /* @__PURE__ */ jsx97(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
-    /* @__PURE__ */ jsx97(
-      Pressable31,
+    showRegions && /* @__PURE__ */ jsx99(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
+    showCountries && /* @__PURE__ */ jsx99(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
+    showChannels && /* @__PURE__ */ jsx99(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
+    /* @__PURE__ */ jsx99(
+      Pressable33,
       {
         onPress: handleSubmit,
         disabled: !complete,
-        className: cn83("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
-        children: /* @__PURE__ */ jsx97(Text42, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
+        className: cn84("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
+        children: /* @__PURE__ */ jsx99(Text43, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
       }
     )
   ] });
 }
 function ChoiceSection({ label, options, selected, onSelect }) {
-  return /* @__PURE__ */ jsxs57(View63, { className: "gap-1.5", children: [
-    /* @__PURE__ */ jsx97(Text42, { className: "text-xs font-semibold text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx97(View63, { className: "rounded-lg border border-border", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs58(View65, { className: "gap-1.5", children: [
+    /* @__PURE__ */ jsx99(Text43, { className: "text-xs font-semibold text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx99(View65, { className: "rounded-lg border border-border", children: options.map((option, index) => {
       const checked = option.value === selected;
-      return /* @__PURE__ */ jsxs57(
-        Pressable31,
+      return /* @__PURE__ */ jsxs58(
+        Pressable33,
         {
           onPress: () => onSelect(option.value),
           accessibilityRole: "radio",
           "aria-checked": checked,
           testID: `choice-option-${option.value}`,
-          className: cn83("flex-row items-center gap-3 px-4 py-3", index > 0 && "border-t border-border", checked && "bg-primary/10"),
+          className: cn84("flex-row items-center gap-3 px-4 py-3", index > 0 && "border-t border-border", checked && "bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx97(View63, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx97(View63, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
-            /* @__PURE__ */ jsx97(Text42, { className: cn83("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
+            /* @__PURE__ */ jsx99(View65, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx99(View65, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
+            /* @__PURE__ */ jsx99(Text43, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
           ]
         },
         option.value
@@ -4610,6 +4885,7 @@ export {
   CustomerCard,
   CustomerForm,
   CustomerOrderHistory,
+  CustomerPicker,
   CustomerSelect,
   Dialog,
   DialogClose,