@tallyui/components 3.2.0 → 3.3.0

package/dist/index.d.ts

@@ -1240,6 +1240,10 @@ declare function Tender({ sale }: {
     sale: ReturnType<typeof useSale>;
 }): react_jsx_runtime.JSX.Element | null;
 
+declare function SplitTender({ sale }: {
+    sale: ReturnType<typeof useSale>;
+}): JSX.Element | null;
+
 /** The cashier's entry as a TallyUI Discount (a percent, or integer minor units), or the inline error to show. */
 declare function parseDiscount(type: Discount['type'], text: string, currency: string): Discount | string;
 /** "10%", or a fixed discount's amount as it actually comes off (amountMinor), never the amount requested. */
@@ -1450,4 +1454,4 @@ interface StoreSettingsChoiceScreenProps extends Omit<ViewProps, 'children'> {
  */
 declare function StoreSettingsChoiceScreen({ choices, initial, onSubmit, countryName, locale, title, body, regionLabel, countryLabel, channelLabel, submitLabel, className, ...viewProps }: StoreSettingsChoiceScreenProps): react_jsx_runtime.JSX.Element;
 
-export { APPROVAL_REQUIRED_TEXT, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cart, type CartAction, CartBar, CartLine, CartLineActions, type CartLineActionsProps, type CartLineProps, CartNoteInput, type CartNoteInputProps, CartPanel, type CartPanelProps, CartTotal, type CartTotalProps, CashCountInput, type CashCountInputProps, CashTendered, type CashTenderedProps, Catalogue, type CategoryItem, CategoryNav, type CategoryNavProps, ChangeDisplay, type ChangeDisplayProps, Checkbox, CheckoutLayout, type CheckoutLayoutProps, type ChipItem, ClosureSheet, type ClosureSheetProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxTrigger, type ConnectionStatus, ConnectorStatus, type ConnectorStatusProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomerCard, type CustomerCardProps, CustomerForm, type CustomerFormProps, type CustomerFormValues, CustomerOrderHistory, type CustomerOrderHistoryProps, CustomerPicker, type CustomerPickerProps, CustomerSelect, type CustomerSelectProps, type Denomination, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscountBadge, type DiscountBadgeProps, DiscountChips, DiscountForm, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterChip, FilterChipGroup, type FilterChipGroupProps, type FilterChipProps, HStack, type HStackProps, HoverCard, HoverCardContent, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconProps, Input, InputField, InputRoot, type InputRootProps, InputSlot, Label, type LabelProps, LiveTabScreen, type LiveTabScreenProps, type LiveTabScreenState, Loader, type LoaderProps, MovementSheet, type MovementSheetProps, OpenRegisterCard, type OpenRegisterCardProps, OrderCard, type OrderCardProps, OrderDetail, type OrderDetailLineItem, type OrderDetailProps, OrderList, type OrderListProps, type OrderStatus, OrderStatusBadge, type OrderStatusBadgeProps, OrderSummary, OrderSummaryLine, type OrderSummaryLineProps, type OrderSummaryPayment, type OrderSummaryProps, OrdersList, POSLayout, type POSLayoutProps, ParkedSales, type ParkedSalesProps, type PaymentMethod, PaymentMethodCard, type PaymentMethodCardProps, PaymentSelector, type PaymentSelectorProps, Popover, PopoverContent, PopoverTrigger, PriceForm, ProductCard, type ProductCardProps, ProductGrid, type ProductGridProps, ProductImage, type ProductImageProps, ProductList, type ProductListProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, ProductStockBadge, type ProductStockBadgeProps, ProductTitle, type ProductTitleProps, ProductVariantPicker, type ProductVariantPickerProps, Progress, type ProgressProps, QuantityStepper, type QuantityStepperProps, RadioGroup, RadioGroupItem, Receipt, type ReceiptItem, ReceiptPreview, type ReceiptPreviewProps, RegisterBar, type RegisterBarPill, type RegisterBarProps, RegisterColumn, type RegisterColumnProps, RegisterCount, type RegisterCountProps, RegisterOpenClose, type RegisterOpenCloseProps, RegisterPanel, type RegisterPanelProps, RegisterPicker, type RegisterPickerProps, type RegisterPickerRegister, RegisterSummary, type RegisterSummaryProps, SearchIcon, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, SettingsGroup, type SettingsGroupProps, SettingsLayout, type SettingsLayoutProps, SettingsRow, type SettingsRowProps, Slider, type SliderProps, StoreSettingsChoiceScreen, type StoreSettingsChoiceScreenProps, type SvgIconProps, Switch, SyncStatus, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tender, Text, type TextProps, Textarea, type TextareaProps, Toast, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, type TransactionSummary, VStack, type VStackProps, type VariantOption, XIcon, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, createSvgIcon, describeRegisterBarPill, discountLabel, formatStockSyncTime, hstackVariants, iconButtonVariants, iconVariants, injectPrintStyle, loaderVariants, orderReference, parseDiscount, parsePrice, textVariants, toastVariants, toggleTextVariants, toggleVariants, useInputContext, vstackVariants };
+export { APPROVAL_REQUIRED_TEXT, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cart, type CartAction, CartBar, CartLine, CartLineActions, type CartLineActionsProps, type CartLineProps, CartNoteInput, type CartNoteInputProps, CartPanel, type CartPanelProps, CartTotal, type CartTotalProps, CashCountInput, type CashCountInputProps, CashTendered, type CashTenderedProps, Catalogue, type CategoryItem, CategoryNav, type CategoryNavProps, ChangeDisplay, type ChangeDisplayProps, Checkbox, CheckoutLayout, type CheckoutLayoutProps, type ChipItem, ClosureSheet, type ClosureSheetProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxTrigger, type ConnectionStatus, ConnectorStatus, type ConnectorStatusProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomerCard, type CustomerCardProps, CustomerForm, type CustomerFormProps, type CustomerFormValues, CustomerOrderHistory, type CustomerOrderHistoryProps, CustomerPicker, type CustomerPickerProps, CustomerSelect, type CustomerSelectProps, type Denomination, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscountBadge, type DiscountBadgeProps, DiscountChips, DiscountForm, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterChip, FilterChipGroup, type FilterChipGroupProps, type FilterChipProps, HStack, type HStackProps, HoverCard, HoverCardContent, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconProps, Input, InputField, InputRoot, type InputRootProps, InputSlot, Label, type LabelProps, LiveTabScreen, type LiveTabScreenProps, type LiveTabScreenState, Loader, type LoaderProps, MovementSheet, type MovementSheetProps, OpenRegisterCard, type OpenRegisterCardProps, OrderCard, type OrderCardProps, OrderDetail, type OrderDetailLineItem, type OrderDetailProps, OrderList, type OrderListProps, type OrderStatus, OrderStatusBadge, type OrderStatusBadgeProps, OrderSummary, OrderSummaryLine, type OrderSummaryLineProps, type OrderSummaryPayment, type OrderSummaryProps, OrdersList, POSLayout, type POSLayoutProps, ParkedSales, type ParkedSalesProps, type PaymentMethod, PaymentMethodCard, type PaymentMethodCardProps, PaymentSelector, type PaymentSelectorProps, Popover, PopoverContent, PopoverTrigger, PriceForm, ProductCard, type ProductCardProps, ProductGrid, type ProductGridProps, ProductImage, type ProductImageProps, ProductList, type ProductListProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, ProductStockBadge, type ProductStockBadgeProps, ProductTitle, type ProductTitleProps, ProductVariantPicker, type ProductVariantPickerProps, Progress, type ProgressProps, QuantityStepper, type QuantityStepperProps, RadioGroup, RadioGroupItem, Receipt, type ReceiptItem, ReceiptPreview, type ReceiptPreviewProps, RegisterBar, type RegisterBarPill, type RegisterBarProps, RegisterColumn, type RegisterColumnProps, RegisterCount, type RegisterCountProps, RegisterOpenClose, type RegisterOpenCloseProps, RegisterPanel, type RegisterPanelProps, RegisterPicker, type RegisterPickerProps, type RegisterPickerRegister, RegisterSummary, type RegisterSummaryProps, SearchIcon, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, SettingsGroup, type SettingsGroupProps, SettingsLayout, type SettingsLayoutProps, SettingsRow, type SettingsRowProps, Slider, type SliderProps, SplitTender, StoreSettingsChoiceScreen, type StoreSettingsChoiceScreenProps, type SvgIconProps, Switch, SyncStatus, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tender, Text, type TextProps, Textarea, type TextareaProps, Toast, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, type TransactionSummary, VStack, type VStackProps, type VariantOption, XIcon, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, createSvgIcon, describeRegisterBarPill, discountLabel, formatStockSyncTime, hstackVariants, iconButtonVariants, iconVariants, injectPrintStyle, loaderVariants, orderReference, parseDiscount, parsePrice, textVariants, toastVariants, toggleTextVariants, toggleVariants, useInputContext, vstackVariants };

package/dist/index.js

@@ -4334,12 +4334,144 @@ function Tender({ sale }) {
   ] });
 }
 
+// src/sale/split-tender.tsx
+import { useState as useState19 } from "react";
+import { Pressable as Pressable28, Text as Text37, TextInput as TextInput12, View as View58 } from "react-native";
+import { formatMoney as formatMoney14, minorUnitDigits as minorUnitDigits9 } from "@tallyui/core";
+import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
+function SplitTender({ sale }) {
+  const { order, stage } = sale;
+  const [method, setMethod] = useState19("cash");
+  const [amount, setAmount] = useState19(null);
+  const [reference, setReference] = useState19("");
+  const [error, setError] = useState19(null);
+  if (stage.kind !== "tender") return null;
+  const money = (value) => formatMoney14({ amount: value, currency: order.currency });
+  const digits = minorUnitDigits9(order.currency);
+  const amountText = amount ?? (order.balanceDueMinor / 10 ** digits).toFixed(digits);
+  const incomplete = order.balanceDueMinor > 0 || order.payments.length === 0;
+  function add() {
+    const parsed = parsePrice(amountText, order.currency);
+    if (typeof parsed === "string") {
+      setError(parsed);
+      return;
+    }
+    const id = sale.addTender({
+      method,
+      amountMinor: parsed,
+      ...method === "external" && reference ? { reference } : {}
+    });
+    if (id === null) {
+      setError("That tender wasn't added: nothing is due, or the amount isn't valid.");
+      return;
+    }
+    setError(null);
+    setReference("");
+    setAmount(null);
+  }
+  return /* @__PURE__ */ jsxs52(View58, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs52(View58, { testID: "split-tender-summary", className: "gap-2", children: [
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+        "Total: ",
+        money(order.totalMinor)
+      ] }),
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+        "Paid: ",
+        money(order.paidMinor)
+      ] }),
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+        "Remaining: ",
+        money(order.balanceDueMinor)
+      ] }),
+      order.changeDueMinor > 0 ? /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+        "Change: ",
+        money(order.changeDueMinor)
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx93(View58, { testID: "split-tender-list", className: "gap-2", children: order.payments.map((payment) => /* @__PURE__ */ jsxs52(View58, { testID: `split-tender-row-${payment.id}`, className: "gap-2", children: [
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+        tenderLabel(payment.method),
+        " ",
+        money(payment.amountMinor)
+      ] }),
+      payment.reference ? /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: payment.reference }) : null,
+      /* @__PURE__ */ jsx93(
+        Pressable28,
+        {
+          testID: `split-tender-remove-${payment.id}`,
+          accessibilityRole: "button",
+          accessibilityLabel: "Remove tender",
+          onPress: () => sale.removeTender(payment.id),
+          className: "rounded-md border border-border bg-card px-4 py-3",
+          children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Remove" })
+        }
+      )
+    ] }, payment.id)) }),
+    /* @__PURE__ */ jsxs52(View58, { testID: "split-tender-add", className: "gap-2", children: [
+      /* @__PURE__ */ jsx93(View58, { className: "flex-row gap-2", children: ["cash", "external"].map((value) => /* @__PURE__ */ jsx93(
+        Pressable28,
+        {
+          testID: `split-tender-method-${value === "cash" ? "cash" : "card"}`,
+          accessibilityRole: "button",
+          accessibilityState: { selected: method === value },
+          onPress: () => setMethod(value),
+          className: `rounded-md border border-border px-4 py-3 ${method === value ? "bg-primary" : "bg-card"}`,
+          children: /* @__PURE__ */ jsx93(Text37, { className: `text-center ${method === value ? "text-primary-foreground" : "text-foreground"}`, children: tenderLabel(value) })
+        },
+        value
+      )) }),
+      /* @__PURE__ */ jsx93(
+        TextInput12,
+        {
+          testID: "split-tender-amount",
+          accessibilityLabel: "Tender amount",
+          inputMode: "decimal",
+          value: amountText,
+          onChangeText: setAmount,
+          className: "rounded-md border border-border px-3 py-2 text-foreground"
+        }
+      ),
+      method === "external" ? /* @__PURE__ */ jsx93(
+        TextInput12,
+        {
+          testID: "split-tender-reference",
+          accessibilityLabel: "Terminal reference",
+          placeholder: "Terminal reference",
+          maxLength: 255,
+          value: reference,
+          onChangeText: setReference,
+          className: "rounded-md border border-border px-3 py-2 text-foreground"
+        }
+      ) : null,
+      error ? /* @__PURE__ */ jsx93(Text37, { testID: "split-tender-error", accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+      /* @__PURE__ */ jsx93(Pressable28, { testID: "split-tender-add-button", accessibilityRole: "button", onPress: add, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Add" }) })
+    ] }),
+    /* @__PURE__ */ jsx93(
+      Pressable28,
+      {
+        testID: "split-tender-complete",
+        accessibilityRole: "button",
+        disabled: incomplete,
+        onPress: sale.complete,
+        className: `rounded-md bg-primary px-4 py-3 ${incomplete ? "opacity-50" : ""}`,
+        children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" })
+      }
+    ),
+    sale.error ? /* @__PURE__ */ jsx93(Text37, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs52(Fragment7, { children: [
+      /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
+    ] }) : null,
+    /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Back" }) })
+  ] });
+}
+
 // src/sale/catalogue.tsx
-import { useEffect as useEffect5, useMemo as useMemo2, useState as useState19 } from "react";
-import { Pressable as Pressable28, Text as Text37, View as View58 } from "react-native";
+import { useEffect as useEffect5, useMemo as useMemo2, useState as useState20 } from "react";
+import { Pressable as Pressable29, Text as Text38, View as View59 } from "react-native";
 import { useStockOverlaid, useStockOverlayAsOf } from "@tallyui/core";
 import { catalogueEntries, findEntryByCode, searchProducts, variantPriceLabel } from "@tallyui/pos";
-import { jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
 var MIN_TILE_WIDTH = 160;
 var STOCK_LABEL = {
   in_stock: "In Stock",
@@ -4365,9 +4497,9 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
   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] = useState19("");
-  const [chooserId, setChooserId] = useState19(null);
-  const [width, setWidth] = useState19(0);
+  const [query, setQuery] = useState20("");
+  const [chooserId, setChooserId] = useState20(null);
+  const [width, setWidth] = useState20(0);
   const columns = Math.max(2, Math.min(6, Math.floor((width - 8) / (MIN_TILE_WIDTH + 8))));
   const entries = useMemo2(() => catalogueEntries(shown, traits, { currency }), [shown, traits, currency]);
   const results = useMemo2(() => searchProducts(shown, query, traits), [shown, query, traits]);
@@ -4379,9 +4511,9 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
     onSelect(entry);
     setChooserId(null);
   }
-  return /* @__PURE__ */ jsxs52(View58, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsxs52(View58, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
-      /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsxs53(View59, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsxs53(View59, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ jsx94(
         SearchInput,
         {
           value: query,
@@ -4398,25 +4530,25 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           }
         }
       ),
-      statusText || statusAccessory ? /* @__PURE__ */ jsxs52(View58, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
-        statusText ? /* @__PURE__ */ jsxs52(Text37, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
+      statusText || statusAccessory ? /* @__PURE__ */ jsxs53(View59, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
+        statusText ? /* @__PURE__ */ jsxs53(Text38, { 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__ */ jsxs52(View58, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
-        choices.map((entry) => /* @__PURE__ */ jsxs52(
-          Pressable28,
+      choices.length > 0 ? /* @__PURE__ */ jsxs53(View59, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
+        choices.map((entry) => /* @__PURE__ */ jsxs53(
+          Pressable29,
           {
             accessibilityRole: "button",
             onPress: () => select(entry),
             className: "gap-1 rounded-md border border-border p-3",
             children: [
-              /* @__PURE__ */ jsx93(Text37, { className: "font-semibold text-foreground", children: entry.variant.title }),
-              /* @__PURE__ */ jsx93(Text37, { className: "text-muted-foreground", children: entry.variant.sku }),
-              /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
-              /* @__PURE__ */ jsxs52(Text37, { className: "text-muted-foreground", children: [
+              /* @__PURE__ */ jsx94(Text38, { className: "font-semibold text-foreground", children: entry.variant.title }),
+              /* @__PURE__ */ jsx94(Text38, { className: "text-muted-foreground", children: entry.variant.sku }),
+              /* @__PURE__ */ jsx94(Text38, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
+              /* @__PURE__ */ jsxs53(Text38, { className: "text-muted-foreground", children: [
                 STOCK_LABEL[entry.variant.stock.status],
                 " \xB7 ",
                 stockAsOf ? `as of ${formatStockSyncTime(stockAsOf, void 0, hour12)}` : "not yet synced"
@@ -4425,10 +4557,10 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           },
           entry.variant.id
         )),
-        /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Cancel" }) })
+        /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx94(Text38, { className: "text-center text-foreground", children: "Cancel" }) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       ProductGrid,
       {
         items: results,
@@ -4437,18 +4569,18 @@ 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__ */ jsx93(Pressable28, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
+          /* @__PURE__ */ jsx94(Pressable29, { 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__ */ jsxs52(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
-            /* @__PURE__ */ jsx93(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
-            /* @__PURE__ */ jsx93(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
-            /* @__PURE__ */ jsx93(ProductPrice, { doc: product }),
-            /* @__PURE__ */ jsx93(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
+          }, children: /* @__PURE__ */ jsxs53(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx94(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
+            /* @__PURE__ */ jsx94(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
+            /* @__PURE__ */ jsx94(ProductPrice, { doc: product }),
+            /* @__PURE__ */ jsx94(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
           ] }) })
         ),
-        emptyState: /* @__PURE__ */ jsx93(Text37, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : isLoading ? "Loading products\u2026" : "No products yet." })
+        emptyState: /* @__PURE__ */ jsx94(Text38, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : isLoading ? "Loading products\u2026" : "No products yet." })
       }
     )
   ] });
@@ -4456,8 +4588,8 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
 
 // src/sale/receipt.tsx
 import { useEffect as useEffect6 } from "react";
-import { Pressable as Pressable29, Text as Text38, View as View59 } from "react-native";
-import { formatMoney as formatMoney14 } from "@tallyui/core";
+import { Pressable as Pressable30, Text as Text39, View as View60 } from "react-native";
+import { formatMoney as formatMoney15 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData3 } from "@tallyui/pos";
 
 // src/sale/print-style.ts
@@ -4477,7 +4609,7 @@ function orderReference(order) {
 }
 
 // src/sale/receipt.tsx
-import { Fragment as Fragment7, jsx as jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
 var defaultFormatDate = (iso) => new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(iso));
 function Receipt({
   order,
@@ -4497,33 +4629,33 @@ function Receipt({
     cashier,
     register: registerId
   });
-  const money = (amount) => formatMoney14({ amount, currency: receipt.currency }) ?? "";
-  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs53(View59, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
-    /* @__PURE__ */ jsx94(Text38, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
-    /* @__PURE__ */ jsx94(Text38, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
+  const money = (amount) => formatMoney15({ amount, currency: receipt.currency }) ?? "";
+  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs54(View60, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
+    /* @__PURE__ */ jsx95(Text39, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
+    /* @__PURE__ */ jsx95(Text39, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
   ] }, key);
   const { totals } = receipt;
   const lineDiscountMinor = totals.discountMinor - receipt.orderDiscountMinor;
   const taxRows = totals.taxLines.map((line, index) => row(`${totals.taxInclusive ? "incl. " : ""}${taxLabel(line.ratePpm)}`, money(line.amountMinor), false, index));
-  return /* @__PURE__ */ jsxs53(Fragment7, { children: [
-    topInset > 0 ? /* @__PURE__ */ jsx94(View59, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
-    /* @__PURE__ */ jsxs53(View59, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
-      /* @__PURE__ */ jsx94(Text38, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
-      receipt.header.storeAddress ? /* @__PURE__ */ jsx94(Text38, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
-      /* @__PURE__ */ jsx94(Text38, { testID: "receipt-order", className: "text-foreground", children: posOrder ? `Order ${orderReference(posOrder)}` : `Order ${receipt.header.orderNumber.slice(-8)} (draft)` }),
-      /* @__PURE__ */ jsx94(Text38, { className: "text-muted-foreground", children: formatDate(posOrder?.createdAt ?? receipt.header.date) }),
-      /* @__PURE__ */ jsxs53(Text38, { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs54(Fragment8, { children: [
+    topInset > 0 ? /* @__PURE__ */ jsx95(View60, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
+    /* @__PURE__ */ jsxs54(View60, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
+      /* @__PURE__ */ jsx95(Text39, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
+      receipt.header.storeAddress ? /* @__PURE__ */ jsx95(Text39, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
+      /* @__PURE__ */ jsx95(Text39, { testID: "receipt-order", className: "text-foreground", children: posOrder ? `Order ${orderReference(posOrder)}` : `Order ${receipt.header.orderNumber.slice(-8)} (draft)` }),
+      /* @__PURE__ */ jsx95(Text39, { className: "text-muted-foreground", children: formatDate(posOrder?.createdAt ?? receipt.header.date) }),
+      /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
         "Cashier: ",
         receipt.header.cashier
       ] }),
-      receipt.header.customer && /* @__PURE__ */ jsxs53(Text38, { className: "text-muted-foreground", children: [
+      receipt.header.customer && /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
         "Customer: ",
         receipt.header.customer
       ] }),
-      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs53(View59, { children: [
-        /* @__PURE__ */ jsx94(Text38, { className: "text-foreground", children: line.name }),
+      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs54(View60, { children: [
+        /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: line.name }),
         row(`${line.quantity} \xD7 ${money(line.unitPriceMinor)}`, money(line.displayAmountMinor)),
-        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx94(View59, { className: "pl-4", children: row(`${discountLabel(
+        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx95(View60, { className: "pl-4", children: row(`${discountLabel(
           order.lineItems[index].discounts[i],
           receipt.currency
         )} off`, `\u2212${money(discount.amountMinor)}`) }, i))
@@ -4540,19 +4672,19 @@ function Receipt({
         index
       )),
       row("Change", money(receipt.changeDueMinor)),
-      /* @__PURE__ */ jsxs53(View59, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
-        /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", onPress: () => {
+      /* @__PURE__ */ jsxs54(View60, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
+        /* @__PURE__ */ jsx95(Pressable30, { 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__ */ jsx94(Text38, { className: "text-center text-foreground", children: "Print receipt" }) }),
-        /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx94(Text38, { 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__ */ jsx95(Text39, { className: "text-center text-foreground", children: "Print receipt" }) }),
+        /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx95(Text39, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
       ] })
     ] })
   ] });
 }
 
 // src/sale/sync-status.tsx
-import { useEffect as useEffect7, useRef as useRef6, useState as useState20 } from "react";
-import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text39, View as View60 } from "react-native";
+import { useEffect as useEffect7, useRef as useRef6, useState as useState21 } from "react";
+import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text40, View as View61 } from "react-native";
 
 // src/sale/since-text.ts
 function sinceText(clock) {
@@ -4561,7 +4693,7 @@ function sinceText(clock) {
 }
 
 // src/sale/sync-status.tsx
-import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx96, jsxs as jsxs55 } 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.",
@@ -4613,7 +4745,7 @@ function useAnnounceOnIos(...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] = useState20(Date.now);
+  const [now, setNow] = useState21(Date.now);
   useEffect7(() => {
     setNow(Date.now());
     if (!outbox.nextAttemptAt) return;
@@ -4637,24 +4769,24 @@ function SyncStatus({ state, registerState, pluginName = "the POS plugin", pullN
   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__ */ jsxs54(View60, { children: [
-    notice ? /* @__PURE__ */ jsxs54(Fragment8, { children: [
-      /* @__PURE__ */ jsx95(Text39, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
-      oneDetail ? null : /* @__PURE__ */ jsx95(Text39, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
+  return /* @__PURE__ */ jsxs55(View61, { children: [
+    notice ? /* @__PURE__ */ jsxs55(Fragment9, { children: [
+      /* @__PURE__ */ jsx96(Text40, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
+      oneDetail ? null : /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
     ] }) : null,
-    /* @__PURE__ */ jsx95(Text39, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
-    doing ? /* @__PURE__ */ jsx95(Text39, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
-    refused ? /* @__PURE__ */ jsx95(Text39, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
-    oneDetail && notice ? /* @__PURE__ */ jsx95(Text39, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx95(Text39, { 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
+    /* @__PURE__ */ jsx96(Text40, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
+    doing ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
+    refused ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
+    oneDetail && notice ? /* @__PURE__ */ jsx96(Text40, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx96(Text40, { 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 useEffect8, useRef as useRef7, useState as useState21 } from "react";
-import { Pressable as Pressable30, ScrollView as ScrollView13, Text as Text40, View as View61 } from "react-native";
-import { formatMoney as formatMoney15, knownWarnings } from "@tallyui/core";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState22 } from "react";
+import { Pressable as Pressable31, ScrollView as ScrollView13, Text as Text41, View as View62 } from "react-native";
+import { formatMoney as formatMoney16, knownWarnings } from "@tallyui/core";
 import { needsAttention } from "@tallyui/pos";
-import { jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs56 } 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([
@@ -4678,26 +4810,26 @@ function defaultFormatDate2(iso) {
 }
 function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer, stuck }) {
   const retrying = useRef7(/* @__PURE__ */ new Set());
-  const [retryingIds, setRetryingIds] = useState21(/* @__PURE__ */ new Set());
-  const [expanded, setExpanded] = useState21(/* @__PURE__ */ new Set());
+  const [retryingIds, setRetryingIds] = useState22(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState22(/* @__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__ */ jsxs55(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__ */ jsxs55(View61, { className: "mb-6 gap-3", children: [
-      /* @__PURE__ */ jsx96(Text40, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
-      section.title === "Recent" && orders.length === 0 ? /* @__PURE__ */ jsx96(Text40, { testID: "orders-empty", className: "text-muted-foreground", children: "No sales yet. Completed sales appear here." }) : null,
+  return /* @__PURE__ */ jsxs56(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__ */ jsxs56(View62, { className: "mb-6 gap-3", children: [
+      /* @__PURE__ */ jsx97(Text41, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
+      section.title === "Recent" && orders.length === 0 ? /* @__PURE__ */ jsx97(Text41, { testID: "orders-empty", className: "text-muted-foreground", children: "No sales yet. Completed sales appear here." }) : null,
       section.orders.map((order) => {
         const count2 = order.lines.reduce((sum, line) => sum + line.quantity, 0);
         const key = `${section.title}:${order.id}`;
         const isExpanded = expanded.has(key);
         const stuckEntry = order.syncStatus === "pending" ? stuck?.orders.find((entry) => entry.commandId === order.commandId) : void 0;
-        return /* @__PURE__ */ jsxs55(View61, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs55(
-            Pressable30,
+        return /* @__PURE__ */ jsxs56(View62, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs56(
+            Pressable31,
             {
               accessibilityRole: "button",
               "aria-expanded": isExpanded,
@@ -4711,26 +4843,26 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
                 return next;
               }),
               children: [
-                /* @__PURE__ */ jsx96(Text40, { className: "text-foreground", children: `Order ${orderReference(order)} \xB7 ${count2} ${count2 === 1 ? "item" : "items"}` }),
-                /* @__PURE__ */ jsxs55(Text40, { className: "text-muted-foreground", children: [
+                /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: `Order ${orderReference(order)} \xB7 ${count2} ${count2 === 1 ? "item" : "items"}` }),
+                /* @__PURE__ */ jsxs56(Text41, { className: "text-muted-foreground", children: [
                   formatDate(order.createdAt),
                   " \xB7 ",
-                  formatMoney15({ amount: order.totalMinor, currency: order.currency }),
+                  formatMoney16({ amount: order.totalMinor, currency: order.currency }),
                   " \xB7 ",
                   STATUS_LABEL[order.syncStatus]
                 ] })
               ]
             }
           ),
-          isExpanded ? /* @__PURE__ */ jsxs55(View61, { testID: `order-detail-${order.id}`, className: "mt-1 gap-1 border-t border-border pt-2", children: [
-            order.lines.map((line) => /* @__PURE__ */ jsx96(Text40, { className: "text-foreground", children: `${line.quantity} \xD7 ${line.name}` }, line.id)),
-            order.payments.map((payment) => /* @__PURE__ */ jsx96(Text40, { className: "text-muted-foreground", children: `${payment.method === "cash" ? "Cash" : "Card terminal"} ${formatMoney15({ amount: payment.amountMinor, currency: order.currency })}${payment.reference ? ` \xB7 ${payment.reference}` : ""}` }, payment.id))
+          isExpanded ? /* @__PURE__ */ jsxs56(View62, { testID: `order-detail-${order.id}`, className: "mt-1 gap-1 border-t border-border pt-2", children: [
+            order.lines.map((line) => /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: `${line.quantity} \xD7 ${line.name}` }, line.id)),
+            order.payments.map((payment) => /* @__PURE__ */ jsx97(Text41, { className: "text-muted-foreground", children: `${payment.method === "cash" ? "Cash" : "Card terminal"} ${formatMoney16({ amount: payment.amountMinor, currency: order.currency })}${payment.reference ? ` \xB7 ${payment.reference}` : ""}` }, payment.id))
           ] }) : null,
-          stuckEntry ? /* @__PURE__ */ jsx96(Text40, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
-          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx96(Text40, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
-          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx96(Text40, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
-          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx96(Text40, { 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__ */ jsx96(Pressable30, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
+          stuckEntry ? /* @__PURE__ */ jsx97(Text41, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
+          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx97(Text41, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
+          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx97(Text41, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
+          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx97(Text41, { 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__ */ jsx97(Pressable31, { 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));
@@ -4738,8 +4870,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__ */ jsx96(Text40, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
-          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx96(View61, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx96(Text40, { 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 ${formatMoney15({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney15({ 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 ${formatMoney15({ amount: tillMinor, currency: order.currency })}, store ${formatMoney15({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney15({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney15({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney15({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney15({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney15({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
+          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx97(Text41, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
+          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx97(View62, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx97(Text41, { 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 ${formatMoney16({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney16({ 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 ${formatMoney16({ amount: tillMinor, currency: order.currency })}, store ${formatMoney16({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney16({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney16({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney16({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney16({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney16({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
         ] }, order.id);
       })
     ] }, section.title)),
@@ -4748,15 +4880,15 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
 }
 
 // src/sale/parked-sales.tsx
-import { useState as useState22 } from "react";
-import { ScrollView as ScrollView14, useWindowDimensions as useWindowDimensions3, View as View62 } from "react-native";
-import { formatMoney as formatMoney16 } from "@tallyui/core";
-import { Fragment as Fragment9, jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
+import { useState as useState23 } from "react";
+import { ScrollView as ScrollView14, useWindowDimensions as useWindowDimensions3, View as View63 } from "react-native";
+import { formatMoney as formatMoney17 } from "@tallyui/core";
+import { Fragment as Fragment10, jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
 function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open, onOpenChange, hour12 }) {
   const { height: windowHeight } = useWindowDimensions3();
   const maxHeight = Math.max(280, windowHeight - 64);
-  const [confirming, setConfirming] = useState22(null);
-  const [error, setError] = useState22("");
+  const [confirming, setConfirming] = useState23(null);
+  const [error, setError] = useState23("");
   const attempt = async (action) => {
     setError("");
     try {
@@ -4765,28 +4897,28 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
       setError(String(e));
     }
   };
-  return /* @__PURE__ */ jsx97(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs56(DialogContent, { testID: "parked-sales", className: "flex-col overflow-hidden", style: { maxHeight }, children: [
-    /* @__PURE__ */ jsxs56(View62, { className: "flex-row items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx97(DialogTitle, { children: "Parked sales" }),
-      /* @__PURE__ */ jsx97(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx97(IconButton, { variant: "ghost", size: "sm", testID: "parked-sales-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx97(XIcon, { size: 16 }) }) })
+  return /* @__PURE__ */ jsx98(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs57(DialogContent, { testID: "parked-sales", className: "flex-col overflow-hidden", style: { maxHeight }, children: [
+    /* @__PURE__ */ jsxs57(View63, { className: "flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx98(DialogTitle, { children: "Parked sales" }),
+      /* @__PURE__ */ jsx98(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx98(IconButton, { variant: "ghost", size: "sm", testID: "parked-sales-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx98(XIcon, { size: 16 }) }) })
     ] }),
-    /* @__PURE__ */ jsxs56(ScrollView14, { className: "flex-1", contentContainerClassName: "gap-3", children: [
-      /* @__PURE__ */ jsx97(
+    /* @__PURE__ */ jsxs57(ScrollView14, { className: "flex-1", contentContainerClassName: "gap-3", children: [
+      /* @__PURE__ */ jsx98(
         Button,
         {
           testID: "parked-sales-park",
           accessibilityLabel: "Park this sale",
           disabled: sale.order.lineItems.length === 0,
           onPress: () => attempt(async () => setError(await (onPark ?? sale.park)() ?? "")),
-          children: /* @__PURE__ */ jsx97(Text, { children: "Park this sale" })
+          children: /* @__PURE__ */ jsx98(Text, { children: "Park this sale" })
         }
       ),
-      !!error && /* @__PURE__ */ jsx97(Text, { testID: "parked-sales-error", className: "text-destructive", children: error }),
-      parked.length === 0 && /* @__PURE__ */ jsx97(Text, { testID: "parked-sales-empty", children: "No parked sales." }),
-      parked.map((row) => /* @__PURE__ */ jsx97(View62, { testID: `parked-row-${row.id}`, className: "gap-2 rounded-md border border-border p-3", children: confirming === row.id ? /* @__PURE__ */ jsxs56(Fragment9, { children: [
-        /* @__PURE__ */ jsx97(Text, { children: "Discard this parked sale?" }),
-        /* @__PURE__ */ jsxs56(View62, { className: "flex-row gap-2", children: [
-          /* @__PURE__ */ jsx97(
+      !!error && /* @__PURE__ */ jsx98(Text, { testID: "parked-sales-error", className: "text-destructive", children: error }),
+      parked.length === 0 && /* @__PURE__ */ jsx98(Text, { testID: "parked-sales-empty", children: "No parked sales." }),
+      parked.map((row) => /* @__PURE__ */ jsx98(View63, { testID: `parked-row-${row.id}`, className: "gap-2 rounded-md border border-border p-3", children: confirming === row.id ? /* @__PURE__ */ jsxs57(Fragment10, { children: [
+        /* @__PURE__ */ jsx98(Text, { children: "Discard this parked sale?" }),
+        /* @__PURE__ */ jsxs57(View63, { className: "flex-row gap-2", children: [
+          /* @__PURE__ */ jsx98(
             Button,
             {
               testID: `parked-discard-confirm-${row.id}`,
@@ -4795,22 +4927,22 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
                 await onDiscard(row.id);
                 setConfirming(null);
               }),
-              children: /* @__PURE__ */ jsx97(Text, { children: "Discard" })
+              children: /* @__PURE__ */ jsx98(Text, { children: "Discard" })
             }
           ),
-          /* @__PURE__ */ jsx97(Button, { testID: `parked-discard-cancel-${row.id}`, variant: "outline", onPress: () => setConfirming(null), children: /* @__PURE__ */ jsx97(Text, { children: "Cancel" }) })
+          /* @__PURE__ */ jsx98(Button, { testID: `parked-discard-cancel-${row.id}`, variant: "outline", onPress: () => setConfirming(null), children: /* @__PURE__ */ jsx98(Text, { children: "Cancel" }) })
         ] })
-      ] }) : /* @__PURE__ */ jsxs56(Fragment9, { children: [
-        /* @__PURE__ */ jsx97(Text, { children: formatStockSyncTime(new Date(row.parkedAt), void 0, hour12) }),
-        /* @__PURE__ */ jsxs56(Text, { children: [
+      ] }) : /* @__PURE__ */ jsxs57(Fragment10, { children: [
+        /* @__PURE__ */ jsx98(Text, { children: formatStockSyncTime(new Date(row.parkedAt), void 0, hour12) }),
+        /* @__PURE__ */ jsxs57(Text, { children: [
           row.itemCount,
           " ",
           row.itemCount === 1 ? "item" : "items"
         ] }),
-        /* @__PURE__ */ jsx97(Text, { children: formatMoney16({ amount: row.totalMinor, currency }) }),
-        !!row.customerName && /* @__PURE__ */ jsx97(Text, { children: row.customerName }),
-        /* @__PURE__ */ jsxs56(View62, { className: "flex-row gap-2", children: [
-          /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx98(Text, { children: formatMoney17({ amount: row.totalMinor, currency }) }),
+        !!row.customerName && /* @__PURE__ */ jsx98(Text, { children: row.customerName }),
+        /* @__PURE__ */ jsxs57(View63, { className: "flex-row gap-2", children: [
+          /* @__PURE__ */ jsx98(
             Button,
             {
               testID: `parked-resume-${row.id}`,
@@ -4820,17 +4952,17 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
                 if (refusal === null) onOpenChange(false);
                 else setError(refusal);
               }),
-              children: /* @__PURE__ */ jsx97(Text, { children: "Resume" })
+              children: /* @__PURE__ */ jsx98(Text, { children: "Resume" })
             }
           ),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx98(
             Button,
             {
               testID: `parked-discard-${row.id}`,
               accessibilityLabel: "Discard parked sale",
               variant: "outline",
               onPress: () => setConfirming(row.id),
-              children: /* @__PURE__ */ jsx97(Text, { children: "Discard" })
+              children: /* @__PURE__ */ jsx98(Text, { children: "Discard" })
             }
           )
         ] })
@@ -4840,10 +4972,10 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
 }
 
 // src/layout/pos-layout.tsx
-import { useState as useState23 } from "react";
-import { Pressable as Pressable31, Text as Text41, View as View63, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import { useState as useState24 } from "react";
+import { Pressable as Pressable32, Text as Text42, View as View64, useWindowDimensions as useWindowDimensions4 } from "react-native";
 import { cn as cn80 } from "@tallyui/theme";
-import { Fragment as Fragment10, jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
 function POSLayout({
   browseSlot,
   cartSlot,
@@ -4855,40 +4987,40 @@ function POSLayout({
 }) {
   const { width } = useWindowDimensions4();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  const [activeTab, setActiveTab] = useState23("browse");
-  return /* @__PURE__ */ jsxs57(View63, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx98(View63, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs57(View63, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx98(View63, { className: "flex-[3]", children: browseSlot }),
-      /* @__PURE__ */ jsx98(View63, { className: "flex-[2] border-l border-border", children: cartSlot })
-    ] }) : /* @__PURE__ */ jsxs57(Fragment10, { children: [
-      /* @__PURE__ */ jsxs57(View63, { className: "flex-row border-b border-border", children: [
-        /* @__PURE__ */ jsx98(
-          Pressable31,
+  const [activeTab, setActiveTab] = useState24("browse");
+  return /* @__PURE__ */ jsxs58(View64, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx99(View64, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs58(View64, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx99(View64, { className: "flex-[3]", children: browseSlot }),
+      /* @__PURE__ */ jsx99(View64, { className: "flex-[2] border-l border-border", children: cartSlot })
+    ] }) : /* @__PURE__ */ jsxs58(Fragment11, { children: [
+      /* @__PURE__ */ jsxs58(View64, { className: "flex-row border-b border-border", children: [
+        /* @__PURE__ */ jsx99(
+          Pressable32,
           {
             onPress: () => setActiveTab("browse"),
             className: cn80("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx98(Text41, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
+            children: /* @__PURE__ */ jsx99(Text42, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
           }
         ),
-        /* @__PURE__ */ jsx98(
-          Pressable31,
+        /* @__PURE__ */ jsx99(
+          Pressable32,
           {
             onPress: () => setActiveTab("cart"),
             className: cn80("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx98(Text41, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
+            children: /* @__PURE__ */ jsx99(Text42, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx98(View63, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
+      /* @__PURE__ */ jsx99(View64, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
     ] })
   ] });
 }
 
 // src/layout/checkout-layout.tsx
-import { ScrollView as ScrollView15, View as View64, useWindowDimensions as useWindowDimensions5 } from "react-native";
+import { ScrollView as ScrollView15, View as View65, useWindowDimensions as useWindowDimensions5 } from "react-native";
 import { cn as cn81 } from "@tallyui/theme";
-import { jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
 function CheckoutLayout({
   summarySlot,
   paymentSlot,
@@ -4900,12 +5032,12 @@ function CheckoutLayout({
 }) {
   const { width } = useWindowDimensions5();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  return /* @__PURE__ */ jsxs58(View64, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx99(View64, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs58(View64, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx99(View64, { className: "flex-1 border-r border-border", children: summarySlot }),
-      /* @__PURE__ */ jsx99(View64, { className: "flex-1", children: paymentSlot })
-    ] }) : /* @__PURE__ */ jsx99(ScrollView15, { className: "flex-1", children: /* @__PURE__ */ jsxs58(View64, { className: "gap-4 p-4", children: [
+  return /* @__PURE__ */ jsxs59(View65, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx100(View65, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs59(View65, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx100(View65, { className: "flex-1 border-r border-border", children: summarySlot }),
+      /* @__PURE__ */ jsx100(View65, { className: "flex-1", children: paymentSlot })
+    ] }) : /* @__PURE__ */ jsx100(ScrollView15, { className: "flex-1", children: /* @__PURE__ */ jsxs59(View65, { className: "gap-4 p-4", children: [
       summarySlot,
       paymentSlot
     ] }) })
@@ -4913,10 +5045,10 @@ function CheckoutLayout({
 }
 
 // src/layout/settings-layout.tsx
-import { useState as useState24 } from "react";
-import { Pressable as Pressable32, Text as Text42, View as View65, useWindowDimensions as useWindowDimensions6 } from "react-native";
+import { useState as useState25 } from "react";
+import { Pressable as Pressable33, Text as Text43, View as View66, useWindowDimensions as useWindowDimensions6 } from "react-native";
 import { cn as cn82 } from "@tallyui/theme";
-import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs60 } from "react/jsx-runtime";
 function SettingsLayout({
   navSlot,
   contentSlot,
@@ -4928,26 +5060,26 @@ function SettingsLayout({
 }) {
   const { width } = useWindowDimensions6();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  const [showNav, setShowNav] = useState24(false);
-  return /* @__PURE__ */ jsxs59(View65, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx100(View65, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs59(View65, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx100(View65, { className: "w-64 border-r border-border", children: navSlot }),
-      /* @__PURE__ */ jsx100(View65, { className: "flex-1", children: contentSlot })
-    ] }) : /* @__PURE__ */ jsx100(View65, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs59(View65, { className: "flex-1", children: [
+  const [showNav, setShowNav] = useState25(false);
+  return /* @__PURE__ */ jsxs60(View66, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx101(View66, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs60(View66, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx101(View66, { className: "w-64 border-r border-border", children: navSlot }),
+      /* @__PURE__ */ jsx101(View66, { className: "flex-1", children: contentSlot })
+    ] }) : /* @__PURE__ */ jsx101(View66, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs60(View66, { className: "flex-1", children: [
       navSlot,
-      /* @__PURE__ */ jsx100(Pressable32, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx100(Text42, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
-    ] }) : /* @__PURE__ */ jsxs59(View65, { className: "flex-1", children: [
-      /* @__PURE__ */ jsx100(Pressable32, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx100(Text42, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
+      /* @__PURE__ */ jsx101(Pressable33, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx101(Text43, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
+    ] }) : /* @__PURE__ */ jsxs60(View66, { className: "flex-1", children: [
+      /* @__PURE__ */ jsx101(Pressable33, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx101(Text43, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
       contentSlot
     ] }) })
   ] });
 }
 
 // src/layout/live-tab-screen.tsx
-import { Pressable as Pressable33, Text as Text43, View as View66 } from "react-native";
+import { Pressable as Pressable34, Text as Text44, View as View67 } from "react-native";
 import { cn as cn83 } from "@tallyui/theme";
-import { jsx as jsx101, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs61 } from "react/jsx-runtime";
 function LiveTabScreen({
   state,
   onUseHere,
@@ -4964,21 +5096,21 @@ function LiveTabScreen({
   const body = state === "parked" ? parkedBody : blockedBody;
   const buttonLabel = state === "parked" ? useHereLabel : reloadLabel;
   const onPress = state === "parked" ? onUseHere : onReload;
-  return /* @__PURE__ */ jsxs60(View66, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx101(Text43, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
-    /* @__PURE__ */ jsx101(Text43, { className: "text-center text-sm text-muted-foreground", children: body }),
-    /* @__PURE__ */ jsx101(Pressable33, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx101(Text43, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
+  return /* @__PURE__ */ jsxs61(View67, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx102(Text44, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
+    /* @__PURE__ */ jsx102(Text44, { className: "text-center text-sm text-muted-foreground", children: body }),
+    /* @__PURE__ */ jsx102(Pressable34, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx102(Text44, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
   ] });
 }
 
 // src/layout/store-settings-choice-screen.tsx
-import { useState as useState25 } from "react";
-import { Pressable as Pressable34, Text as Text44, View as View67 } from "react-native";
+import { useState as useState26 } from "react";
+import { Pressable as Pressable35, Text as Text45, View as View68 } from "react-native";
 import { cn as cn84 } from "@tallyui/theme";
-import { jsx as jsx102, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs62 } from "react/jsx-runtime";
 function useSectionSelection(options, initialValue) {
   const preset = options.length === 1 ? options[0].value : options.find((o) => o.value === initialValue)?.value;
-  return useState25(preset);
+  return useState26(preset);
 }
 function defaultCountryName(code, locale) {
   try {
@@ -5024,32 +5156,32 @@ function StoreSettingsChoiceScreen({
     else if (initial?.channel !== void 0) choice.channel = initial.channel;
     onSubmit(choice);
   };
-  return /* @__PURE__ */ jsxs61(View67, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs61(View67, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx102(Text44, { className: "text-lg font-bold text-foreground", children: title }),
-      /* @__PURE__ */ jsx102(Text44, { className: "text-sm text-muted-foreground", children: body })
+  return /* @__PURE__ */ jsxs62(View68, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs62(View68, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx103(Text45, { className: "text-lg font-bold text-foreground", children: title }),
+      /* @__PURE__ */ jsx103(Text45, { className: "text-sm text-muted-foreground", children: body })
     ] }),
-    showRegions && /* @__PURE__ */ jsx102(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
-    showCountries && /* @__PURE__ */ jsx102(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
-    showChannels && /* @__PURE__ */ jsx102(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
-    /* @__PURE__ */ jsx102(
-      Pressable34,
+    showRegions && /* @__PURE__ */ jsx103(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
+    showCountries && /* @__PURE__ */ jsx103(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
+    showChannels && /* @__PURE__ */ jsx103(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
+    /* @__PURE__ */ jsx103(
+      Pressable35,
       {
         onPress: handleSubmit,
         disabled: !complete,
         className: cn84("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
-        children: /* @__PURE__ */ jsx102(Text44, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
+        children: /* @__PURE__ */ jsx103(Text45, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
       }
     )
   ] });
 }
 function ChoiceSection({ label, options, selected, onSelect }) {
-  return /* @__PURE__ */ jsxs61(View67, { className: "gap-1.5", children: [
-    /* @__PURE__ */ jsx102(Text44, { className: "text-xs font-semibold text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx102(View67, { className: "rounded-lg border border-border", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs62(View68, { className: "gap-1.5", children: [
+    /* @__PURE__ */ jsx103(Text45, { className: "text-xs font-semibold text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx103(View68, { className: "rounded-lg border border-border", children: options.map((option, index) => {
       const checked = option.value === selected;
-      return /* @__PURE__ */ jsxs61(
-        Pressable34,
+      return /* @__PURE__ */ jsxs62(
+        Pressable35,
         {
           onPress: () => onSelect(option.value),
           accessibilityRole: "radio",
@@ -5057,8 +5189,8 @@ function ChoiceSection({ label, options, selected, onSelect }) {
           testID: `choice-option-${option.value}`,
           className: cn84("flex-row items-center gap-3 px-4 py-3", index > 0 && "border-t border-border", checked && "bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx102(View67, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx102(View67, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
-            /* @__PURE__ */ jsx102(Text44, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
+            /* @__PURE__ */ jsx103(View68, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx103(View68, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
+            /* @__PURE__ */ jsx103(Text45, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
           ]
         },
         option.value
@@ -5232,6 +5364,7 @@ export {
   SettingsLayout,
   SettingsRow,
   Slider,
+  SplitTender,
   StoreSettingsChoiceScreen,
   Switch,
   SyncStatus,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tallyui/components",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "type": "module",
   "description": "Universal POS UI components for Tally UI",
   "main": "./dist/index.js",
@@ -27,22 +27,22 @@
     "directory": "packages/components"
   },
   "peerDependencies": {
-    "@tallyui/core": "^3.2.0",
-    "@tallyui/primitives": "^3.2.0",
-    "@tallyui/theme": "^3.2.0",
+    "@tallyui/core": "^3.3.0",
+    "@tallyui/primitives": "^3.3.0",
+    "@tallyui/theme": "^3.3.0",
     "react": ">=18",
     "react-native": ">=0.74",
     "react-native-svg": ">=15"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
-    "@tallyui/pos": "3.2.0"
+    "@tallyui/pos": "3.3.0"
   },
   "devDependencies": {
-    "@tallyui/connector-medusa": "3.2.0",
-    "@tallyui/connector-vendure": "3.2.0",
-    "@tallyui/connector-woocommerce": "3.2.0",
-    "@tallyui/mock-api": "3.2.0",
+    "@tallyui/connector-medusa": "3.3.0",
+    "@tallyui/connector-vendure": "3.3.0",
+    "@tallyui/connector-woocommerce": "3.3.0",
+    "@tallyui/mock-api": "3.3.0",
     "@types/react": ">=18",
     "react": "^19.2.4",
     "react-native-svg": "15.12.1",

package/src/index.ts

@@ -154,7 +154,7 @@ export {
 
 // Sale components
 export {
-  Cart, CartBar, Tender, DiscountForm, DiscountChips, parseDiscount, discountLabel,
+  Cart, CartBar, Tender, SplitTender, DiscountForm, DiscountChips, parseDiscount, discountLabel,
   PriceForm, parsePrice,
   Catalogue, formatStockSyncTime, Receipt, injectPrintStyle, SyncStatus, OrdersList, orderReference,
   ParkedSales, type ParkedSalesProps,

package/src/sale/index.ts

@@ -1,6 +1,7 @@
 export { Cart } from './cart';
 export { CartBar } from './cart-bar';
 export { Tender } from './tender';
+export { SplitTender } from './split-tender';
 export { DiscountForm, DiscountChips, parseDiscount, discountLabel } from './discount-form';
 export { PriceForm, parsePrice } from './price-form';
 export { Catalogue, formatStockSyncTime } from './catalogue';

package/src/sale/split-tender.tsx

@@ -0,0 +1,81 @@
+import { useState, type JSX } from 'react';
+import { Pressable, Text, TextInput, View } from 'react-native';
+import { formatMoney, minorUnitDigits } from '@tallyui/core';
+import type { useSale } from '@tallyui/pos';
+import { tenderLabel } from '../register/register-count';
+import { parsePrice } from './price-form';
+
+export function SplitTender({ sale }: { sale: ReturnType<typeof useSale> }): JSX.Element | null {
+  const { order, stage } = sale;
+  const [method, setMethod] = useState<'cash' | 'external'>('cash');
+  const [amount, setAmount] = useState<string | null>(null);
+  const [reference, setReference] = useState('');
+  const [error, setError] = useState<string | null>(null);
+  if (stage.kind !== 'tender') return null;
+  const money = (value: number) => formatMoney({ amount: value, currency: order.currency });
+  const digits = minorUnitDigits(order.currency);
+  const amountText = amount ?? (order.balanceDueMinor / 10 ** digits).toFixed(digits);
+  const incomplete = order.balanceDueMinor > 0 || order.payments.length === 0;
+  function add() {
+    const parsed = parsePrice(amountText, order.currency);
+    if (typeof parsed === 'string') { setError(parsed); return; }
+    const id = sale.addTender({ method, amountMinor: parsed,
+      ...(method === 'external' && reference ? { reference } : {}) });
+    if (id === null) {
+      setError("That tender wasn't added: nothing is due, or the amount isn't valid.");
+      return;
+    }
+    setError(null);
+    setReference('');
+    setAmount(null);
+  }
+  return <View dataSet={{ print: 'hide' }} className="gap-4 p-4">
+    <View testID="split-tender-summary" className="gap-2">
+      <Text className="text-foreground">Total: {money(order.totalMinor)}</Text>
+      <Text className="text-foreground">Paid: {money(order.paidMinor)}</Text>
+      <Text className="text-foreground">Remaining: {money(order.balanceDueMinor)}</Text>
+      {order.changeDueMinor > 0 ? <Text className="text-foreground">Change: {money(order.changeDueMinor)}</Text> : null}
+    </View>
+    <View testID="split-tender-list" className="gap-2">
+      {order.payments.map((payment) => <View key={payment.id} testID={`split-tender-row-${payment.id}`} className="gap-2">
+        <Text className="text-foreground">{tenderLabel(payment.method)} {money(payment.amountMinor)}</Text>
+        {payment.reference ? <Text className="text-foreground">{payment.reference}</Text> : null}
+        <Pressable testID={`split-tender-remove-${payment.id}`} accessibilityRole="button" accessibilityLabel="Remove tender"
+          onPress={() => sale.removeTender(payment.id)} className="rounded-md border border-border bg-card px-4 py-3">
+          <Text className="text-center text-foreground">Remove</Text>
+        </Pressable>
+      </View>)}
+    </View>
+    <View testID="split-tender-add" className="gap-2">
+      <View className="flex-row gap-2">
+        {(['cash', 'external'] as const).map((value) => <Pressable key={value}
+          testID={`split-tender-method-${value === 'cash' ? 'cash' : 'card'}`} accessibilityRole="button"
+          accessibilityState={{ selected: method === value }} onPress={() => setMethod(value)}
+          className={`rounded-md border border-border px-4 py-3 ${method === value ? 'bg-primary' : 'bg-card'}`}>
+          <Text className={`text-center ${method === value ? 'text-primary-foreground' : 'text-foreground'}`}>{tenderLabel(value)}</Text>
+        </Pressable>)}
+      </View>
+      <TextInput testID="split-tender-amount" accessibilityLabel="Tender amount" inputMode="decimal"
+        value={amountText} onChangeText={setAmount} className="rounded-md border border-border px-3 py-2 text-foreground" />
+      {method === 'external' ? <TextInput testID="split-tender-reference" accessibilityLabel="Terminal reference"
+        placeholder="Terminal reference" maxLength={255} value={reference} onChangeText={setReference}
+        className="rounded-md border border-border px-3 py-2 text-foreground" /> : null}
+      {error ? <Text testID="split-tender-error" accessibilityRole="alert" className="text-destructive">{error}</Text> : null}
+      <Pressable testID="split-tender-add-button" accessibilityRole="button" onPress={add} className="rounded-md bg-primary px-4 py-3">
+        <Text className="text-center font-semibold text-primary-foreground">Add</Text>
+      </Pressable>
+    </View>
+    <Pressable testID="split-tender-complete" accessibilityRole="button" disabled={incomplete} onPress={sale.complete}
+      className={`rounded-md bg-primary px-4 py-3 ${incomplete ? 'opacity-50' : ''}`}>
+      <Text className="text-center font-semibold text-primary-foreground">Complete sale</Text>
+    </Pressable>
+    {sale.error ? <Text accessibilityRole="alert" className="text-destructive">{sale.error}</Text> : null}
+    {sale.canContinue ? <>
+      <Text className="text-foreground">This sale is stored and will be sent. Continue to the next sale.</Text>
+      <Pressable accessibilityRole="button" onPress={() => sale.continueSale()} className="rounded-md bg-primary px-4 py-3">
+        <Text className="text-center font-semibold text-primary-foreground">Continue</Text>
+      </Pressable>
+    </> : null}
+    <Pressable accessibilityRole="button" onPress={sale.cancelTender} className="rounded-md border border-border bg-card px-4 py-3"><Text className="text-center text-foreground">Back</Text></Pressable>
+  </View>;
+}