@tallyui/components 3.3.0 → 3.5.0

package/dist/index.js

@@ -1848,10 +1848,158 @@ function ProductGrid({
   ] });
 }
 
-// src/product/product-list.tsx
-import { ScrollView as ScrollView2, View as View20 } from "react-native";
+// src/product/view-toggle.tsx
+import { Pressable as Pressable8, Text as Text11, View as View20 } from "react-native";
 import { cn as cn43 } from "@tallyui/theme";
-import { jsx as jsx46, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
+function ViewToggle({ value, onChange, labels, className, ...viewProps }) {
+  return /* @__PURE__ */ jsx46(
+    View20,
+    {
+      ...viewProps,
+      role: "radiogroup",
+      accessibilityLabel: "View",
+      testID: "view-toggle",
+      className: cn43("flex-row self-start overflow-hidden rounded-md border border-border", className),
+      children: ["grid", "table"].map((view) => {
+        const selected = value === view;
+        const label = labels?.[view] ?? (view === "grid" ? "Grid" : "Table");
+        return /* @__PURE__ */ jsx46(
+          Pressable8,
+          {
+            role: "radio",
+            "aria-checked": selected,
+            testID: `view-toggle-${view}`,
+            accessibilityLabel: label,
+            onPress: () => {
+              if (!selected) onChange(view);
+            },
+            className: cn43("px-3 py-2", selected ? "bg-primary" : "bg-card"),
+            children: /* @__PURE__ */ jsx46(Text11, { className: cn43("text-sm font-medium", selected ? "text-primary-foreground" : "text-foreground"), children: label })
+          },
+          view
+        );
+      })
+    }
+  );
+}
+
+// src/product/product-table.tsx
+import { useMemo, useState as useState3 } from "react";
+import { FlatList as FlatList2, Pressable as Pressable9, View as View21 } from "react-native";
+import { useProductTraits as useProductTraits7, useTraitContext as useTraitContext2, useStockOverlaid } from "@tallyui/core";
+import { productSortValue, sortProducts } from "@tallyui/pos";
+import { cn as cn44 } from "@tallyui/theme";
+import { jsx as jsx47, jsxs as jsxs10 } from "react/jsx-runtime";
+var INITIAL_ROWS2 = 8;
+var BATCH_ROWS2 = 8;
+var WINDOW_SIZE2 = 5;
+function defaultProductColumns(traits, context, options) {
+  const columns = [
+    { id: "name", header: "Name", flex: 3, render: (doc) => /* @__PURE__ */ jsx47(ProductTitle, { doc, numberOfLines: 2 }) },
+    { id: "sku", header: "SKU", flex: 1, render: (doc) => /* @__PURE__ */ jsx47(ProductSku, { doc }) },
+    { id: "barcode", header: "Barcode", flex: 1, render: (doc) => /* @__PURE__ */ jsx47(Text, { children: traits.getBarcode(doc) ?? "\u2014" }) },
+    { id: "price", header: "Price", flex: 1, render: (doc) => /* @__PURE__ */ jsx47(ProductPrice, { doc, currencySymbol: options?.currencySymbol }) },
+    { id: "stock", header: "Stock", flex: 1, render: (doc) => /* @__PURE__ */ jsx47(ProductStockBadge, { doc, showQuantity: true, showAsOf: false }) },
+    { id: "category", header: "Category", flex: 2, render: (doc) => /* @__PURE__ */ jsx47(Text, { children: traits.getCategoryNames(doc).join(", ") || "\u2014" }) }
+  ];
+  return columns.map((column) => ({
+    ...column,
+    sortValue: (doc) => productSortValue(doc, column.id, traits, context)
+  }));
+}
+function useDefaultProductColumns(options) {
+  const traits = useProductTraits7();
+  const context = useTraitContext2();
+  const currencySymbol4 = options?.currencySymbol;
+  return useMemo(() => defaultProductColumns(traits, context, { currencySymbol: currencySymbol4 }), [traits, context, currencySymbol4]);
+}
+function ProductTable({
+  items,
+  columns,
+  sort,
+  defaultSort = null,
+  onSortChange,
+  sortItems = true,
+  onSelect,
+  searchSlot,
+  filterSlot,
+  emptyState,
+  showUnsellable = false,
+  currencySymbol: currencySymbol4,
+  className,
+  ...viewProps
+}) {
+  let traits;
+  try {
+    traits = useProductTraits7();
+  } catch {
+    traits = void 0;
+  }
+  const context = useTraitContext2();
+  const resolvedColumns = useMemo(() => columns ?? (traits ? defaultProductColumns(traits, context, { currencySymbol: currencySymbol4 }) : []), [columns, traits, context, currencySymbol4]);
+  const [internalSort, setInternalSort] = useState3(defaultSort);
+  const activeSort = sort === void 0 ? internalSort : sort;
+  const visibleItems = showUnsellable || !traits ? items : items.filter((item) => traits.isSellable(item));
+  const overlaidItems = useStockOverlaid(visibleItems);
+  const rows = sortItems ? sortProducts(
+    [...overlaidItems],
+    activeSort,
+    (doc, field) => resolvedColumns.find((column) => column.id === field)?.sortValue?.(doc)
+  ) : overlaidItems;
+  const changeSort = (id) => {
+    const next = activeSort?.field !== id ? { field: id, dir: "asc" } : activeSort.dir === "asc" ? { field: id, dir: "desc" } : null;
+    if (sort === void 0) setInternalSort(next);
+    onSortChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs10(VStack, { space: "none", className: cn44("flex-1", className), ...viewProps, children: [
+    searchSlot && /* @__PURE__ */ jsx47(View21, { className: "px-3 py-2", children: searchSlot }),
+    filterSlot && /* @__PURE__ */ jsx47(View21, { className: "px-3 pb-2", children: filterSlot }),
+    rows.length ? /* @__PURE__ */ jsxs10(Table, { className: "flex-1", children: [
+      /* @__PURE__ */ jsx47(TableHeader, { children: /* @__PURE__ */ jsx47(TableRow, { children: resolvedColumns.map((column) => /* @__PURE__ */ jsx47(
+        TableHead,
+        {
+          style: { flex: column.flex ?? 1 },
+          ...column.sortValue ? { "aria-sort": activeSort?.field === column.id ? activeSort.dir === "asc" ? "ascending" : "descending" : "none" } : {},
+          children: column.sortValue ? /* @__PURE__ */ jsx47(
+            Pressable9,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: "Sort by " + column.header,
+              testID: "product-table-sort-" + column.id,
+              onPress: () => changeSort(column.id),
+              children: /* @__PURE__ */ jsxs10(Text, { children: [
+                column.header,
+                activeSort?.field === column.id ? activeSort.dir === "asc" ? " \u25B2" : " \u25BC" : ""
+              ] })
+            }
+          ) : /* @__PURE__ */ jsx47(Text, { children: column.header })
+        },
+        column.id
+      )) }) }),
+      /* @__PURE__ */ jsx47(TableBody, { className: "flex-1", children: /* @__PURE__ */ jsx47(
+        FlatList2,
+        {
+          data: rows,
+          keyExtractor: (item, index) => String(item.id ?? index),
+          initialNumToRender: INITIAL_ROWS2,
+          maxToRenderPerBatch: BATCH_ROWS2,
+          windowSize: WINDOW_SIZE2,
+          renderItem: ({ item, index }) => {
+            const key = String(item.id ?? index);
+            const row = /* @__PURE__ */ jsx47(TableRow, { testID: onSelect ? void 0 : "product-row-" + key, children: resolvedColumns.map((column) => /* @__PURE__ */ jsx47(TableCell, { style: { flex: column.flex ?? 1 }, children: column.render(item) }, column.id)) });
+            return onSelect ? /* @__PURE__ */ jsx47(Pressable9, { accessibilityRole: "button", testID: "product-row-" + key, onPress: () => onSelect(item), children: row }) : row;
+          }
+        }
+      ) })
+    ] }) : emptyState ?? null
+  ] });
+}
+
+// src/product/product-list.tsx
+import { ScrollView as ScrollView2, View as View22 } from "react-native";
+import { cn as cn45 } from "@tallyui/theme";
+import { jsx as jsx48, jsxs as jsxs11 } from "react/jsx-runtime";
 function ProductList({
   items,
   renderItem,
@@ -1862,17 +2010,17 @@ function ProductList({
   ...viewProps
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs10(View20, { className: cn43("flex-1", className), ...viewProps, children: [
-    searchSlot && /* @__PURE__ */ jsx46(View20, { className: "px-3 py-2", children: searchSlot }),
-    filterSlot && /* @__PURE__ */ jsx46(View20, { className: "px-3 pb-2", children: filterSlot }),
-    hasItems ? /* @__PURE__ */ jsx46(ScrollView2, { className: "flex-1", children: items.map((item, index) => /* @__PURE__ */ jsx46(View20, { className: "border-b border-border", children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+  return /* @__PURE__ */ jsxs11(View22, { className: cn45("flex-1", className), ...viewProps, children: [
+    searchSlot && /* @__PURE__ */ jsx48(View22, { className: "px-3 py-2", children: searchSlot }),
+    filterSlot && /* @__PURE__ */ jsx48(View22, { className: "px-3 pb-2", children: filterSlot }),
+    hasItems ? /* @__PURE__ */ jsx48(ScrollView2, { className: "flex-1", children: items.map((item, index) => /* @__PURE__ */ jsx48(View22, { 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 ScrollView3, Text as Text11, View as View21 } from "react-native";
-import { cn as cn44 } from "@tallyui/theme";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { Pressable as Pressable10, ScrollView as ScrollView3, Text as Text12, View as View23 } from "react-native";
+import { cn as cn46 } from "@tallyui/theme";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function CategoryNav({
   categories,
   selectedId,
@@ -1884,18 +2032,21 @@ function CategoryNav({
   const isHorizontal = orientation === "horizontal";
   const content = categories.map((cat) => {
     const active = cat.id === selectedId;
-    return /* @__PURE__ */ jsx47(
-      Pressable8,
+    return /* @__PURE__ */ jsx49(
+      Pressable10,
       {
+        testID: `category-nav-${cat.id}`,
+        role: "radio",
+        "aria-checked": active,
         onPress: () => onSelect(cat.id),
-        className: cn44(
-          "rounded-full px-3 py-1.5",
+        className: cn46(
+          "rounded-md px-3 py-1.5",
           active ? "bg-primary" : "bg-muted"
         ),
-        children: /* @__PURE__ */ jsx47(
-          Text11,
+        children: /* @__PURE__ */ jsx49(
+          Text12,
           {
-            className: cn44(
+            className: cn46(
               "text-sm font-medium",
               active ? "text-primary-foreground" : "text-foreground"
             ),
@@ -1907,25 +2058,27 @@ function CategoryNav({
     );
   });
   if (isHorizontal) {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx49(
       ScrollView3,
       {
         horizontal: true,
         showsHorizontalScrollIndicator: false,
         contentContainerClassName: "flex-row gap-2 px-3 py-2",
         className,
+        role: "radiogroup",
+        accessibilityLabel: "Categories",
         ...viewProps,
         children: content
       }
     );
   }
-  return /* @__PURE__ */ jsx47(View21, { className: cn44("gap-1 p-2", className), ...viewProps, children: content });
+  return /* @__PURE__ */ jsx49(View23, { className: cn46("gap-1 p-2", className), role: "radiogroup", accessibilityLabel: "Categories", ...viewProps, children: content });
 }
 
 // src/product/product-variant-picker.tsx
-import { Pressable as Pressable9, Text as Text12, View as View22 } from "react-native";
-import { cn as cn45 } from "@tallyui/theme";
-import { jsx as jsx48, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Pressable as Pressable11, Text as Text13, View as View24 } from "react-native";
+import { cn as cn47 } from "@tallyui/theme";
+import { jsx as jsx50, jsxs as jsxs12 } from "react/jsx-runtime";
 function ProductVariantPicker({
   options,
   selected = {},
@@ -1936,22 +2089,22 @@ function ProductVariantPicker({
   const handleSelect = (optionName, value) => {
     onSelect?.({ ...selected, [optionName]: value });
   };
-  return /* @__PURE__ */ jsx48(View22, { className: cn45("gap-3", className), ...viewProps, children: options.map((option) => /* @__PURE__ */ jsxs11(View22, { className: "gap-1.5", children: [
-    /* @__PURE__ */ jsx48(Text12, { className: "text-xs font-semibold text-muted-foreground", children: option.name }),
-    /* @__PURE__ */ jsx48(View22, { className: "flex-row flex-wrap gap-2", children: option.values.map((value) => {
+  return /* @__PURE__ */ jsx50(View24, { className: cn47("gap-3", className), ...viewProps, children: options.map((option) => /* @__PURE__ */ jsxs12(View24, { className: "gap-1.5", children: [
+    /* @__PURE__ */ jsx50(Text13, { className: "text-xs font-semibold text-muted-foreground", children: option.name }),
+    /* @__PURE__ */ jsx50(View24, { className: "flex-row flex-wrap gap-2", children: option.values.map((value) => {
       const active = selected[option.name] === value;
-      return /* @__PURE__ */ jsx48(
-        Pressable9,
+      return /* @__PURE__ */ jsx50(
+        Pressable11,
         {
           onPress: () => handleSelect(option.name, value),
-          className: cn45(
+          className: cn47(
             "rounded-lg border px-3 py-1.5",
             active ? "border-primary bg-primary/10" : "border-border bg-card"
           ),
-          children: /* @__PURE__ */ jsx48(
-            Text12,
+          children: /* @__PURE__ */ jsx50(
+            Text13,
             {
-              className: cn45(
+              className: cn47(
                 "text-sm font-medium",
                 active ? "text-primary" : "text-foreground"
               ),
@@ -1967,22 +2120,22 @@ function ProductVariantPicker({
 
 // src/cart/cart-line.tsx
 import { formatMoney as formatMoney2 } from "@tallyui/core";
-import { cn as cn46 } from "@tallyui/theme";
-import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
+import { cn as cn48 } from "@tallyui/theme";
+import { jsx as jsx51, jsxs as jsxs13 } from "react/jsx-runtime";
 function CartLine({ name, quantity, unitPrice, lineTotal, locale, className, ...props }) {
-  return /* @__PURE__ */ jsxs12(HStack, { className: cn46("px-3 py-2.5", className), ...props, children: [
-    /* @__PURE__ */ jsxs12(VStack, { space: "none", className: "flex-1 gap-0.5", children: [
-      /* @__PURE__ */ jsx49(Text, { className: "text-sm font-medium", numberOfLines: 1, children: name }),
-      /* @__PURE__ */ jsx49(Text, { className: "text-xs text-muted-foreground", children: `${formatMoney2(unitPrice, locale) ?? "\u2014"} \xD7 ${quantity}` })
+  return /* @__PURE__ */ jsxs13(HStack, { className: cn48("px-3 py-2.5", className), ...props, children: [
+    /* @__PURE__ */ jsxs13(VStack, { space: "none", className: "flex-1 gap-0.5", children: [
+      /* @__PURE__ */ jsx51(Text, { className: "text-sm font-medium", numberOfLines: 1, children: name }),
+      /* @__PURE__ */ jsx51(Text, { className: "text-xs text-muted-foreground", children: `${formatMoney2(unitPrice, locale) ?? "\u2014"} \xD7 ${quantity}` })
     ] }),
-    /* @__PURE__ */ jsx49(Text, { className: "text-sm font-semibold", children: formatMoney2(lineTotal, locale) ?? "\u2014" })
+    /* @__PURE__ */ jsx51(Text, { className: "text-sm font-semibold", children: formatMoney2(lineTotal, locale) ?? "\u2014" })
   ] });
 }
 
 // src/cart/cart-total.tsx
 import { formatMoney as formatMoney3 } from "@tallyui/core";
-import { cn as cn47 } from "@tallyui/theme";
-import { jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
+import { cn as cn49 } from "@tallyui/theme";
+import { jsx as jsx52, jsxs as jsxs14 } from "react/jsx-runtime";
 function CartTotal({
   subtotal,
   taxLines,
@@ -1993,33 +2146,33 @@ function CartTotal({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(VStack, { space: "none", className: cn47("gap-1.5 px-3 py-3", className), ...props, children: [
-    /* @__PURE__ */ jsxs13(HStack, { space: "none", className: "justify-between", children: [
-      /* @__PURE__ */ jsx50(Text, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-      /* @__PURE__ */ jsx50(Text, { className: "text-sm", children: formatMoney3(subtotal, locale) ?? "\u2014" })
+  return /* @__PURE__ */ jsxs14(VStack, { space: "none", className: cn49("gap-1.5 px-3 py-3", className), ...props, children: [
+    /* @__PURE__ */ jsxs14(HStack, { space: "none", className: "justify-between", children: [
+      /* @__PURE__ */ jsx52(Text, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
+      /* @__PURE__ */ jsx52(Text, { className: "text-sm", children: formatMoney3(subtotal, locale) ?? "\u2014" })
     ] }),
-    discount && discount.amount > 0 && /* @__PURE__ */ jsxs13(HStack, { space: "none", className: "justify-between", children: [
-      /* @__PURE__ */ jsx50(Text, { className: "text-sm text-muted-foreground", children: "Discount" }),
-      /* @__PURE__ */ jsxs13(Text, { className: "text-sm", children: [
+    discount && discount.amount > 0 && /* @__PURE__ */ jsxs14(HStack, { space: "none", className: "justify-between", children: [
+      /* @__PURE__ */ jsx52(Text, { className: "text-sm text-muted-foreground", children: "Discount" }),
+      /* @__PURE__ */ jsxs14(Text, { className: "text-sm", children: [
         "\u2212",
         formatMoney3(discount, locale) ?? "\u2014"
       ] })
     ] }),
-    taxLines?.map((line, index) => /* @__PURE__ */ jsxs13(HStack, { space: "none", className: "justify-between", children: [
-      /* @__PURE__ */ jsx50(Text, { className: "text-sm text-muted-foreground", children: taxInclusive ? `incl. ${line.label}` : line.label }),
-      /* @__PURE__ */ jsx50(Text, { className: "text-sm", children: formatMoney3(line.amount, locale) ?? "\u2014" })
+    taxLines?.map((line, index) => /* @__PURE__ */ jsxs14(HStack, { space: "none", className: "justify-between", children: [
+      /* @__PURE__ */ jsx52(Text, { className: "text-sm text-muted-foreground", children: taxInclusive ? `incl. ${line.label}` : line.label }),
+      /* @__PURE__ */ jsx52(Text, { className: "text-sm", children: formatMoney3(line.amount, locale) ?? "\u2014" })
     ] }, index)),
-    /* @__PURE__ */ jsxs13(HStack, { space: "none", className: "mt-1.5 justify-between border-t border-border pt-2", children: [
-      /* @__PURE__ */ jsx50(Text, { className: "font-bold", children: "Total" }),
-      /* @__PURE__ */ jsx50(Text, { className: "font-bold", children: formatMoney3(total, locale) ?? "\u2014" })
+    /* @__PURE__ */ jsxs14(HStack, { space: "none", className: "mt-1.5 justify-between border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsx52(Text, { className: "font-bold", children: "Total" }),
+      /* @__PURE__ */ jsx52(Text, { className: "font-bold", children: formatMoney3(total, locale) ?? "\u2014" })
     ] })
   ] });
 }
 
 // src/cart/cart-panel.tsx
-import { ScrollView as ScrollView4, View as View23 } from "react-native";
-import { cn as cn48 } from "@tallyui/theme";
-import { jsx as jsx51, jsxs as jsxs14 } from "react/jsx-runtime";
+import { ScrollView as ScrollView4, View as View25 } from "react-native";
+import { cn as cn50 } from "@tallyui/theme";
+import { jsx as jsx53, jsxs as jsxs15 } from "react/jsx-runtime";
 function defaultKey(item, index) {
   const id = item?.id;
   return typeof id === "string" || typeof id === "number" ? String(id) : String(index);
@@ -2036,36 +2189,36 @@ function CartPanel({
   ...props
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs14(VStack, { space: "none", className: cn48("flex-1 min-h-0", className), ...props, children: [
-    header && /* @__PURE__ */ jsx51(View23, { className: "border-b border-border px-3 py-2", children: header }),
-    /* @__PURE__ */ jsxs14(ScrollView4, { className: "flex-1 min-h-0", contentContainerClassName: "flex-grow", children: [
-      hasItems ? items.map((item, index) => /* @__PURE__ */ jsx51(View23, { children: renderItem(item, index) }, keyExtractor ? keyExtractor(item, index) : defaultKey(item, index))) : emptyState ?? null,
+  return /* @__PURE__ */ jsxs15(VStack, { space: "none", className: cn50("flex-1 min-h-0", className), ...props, children: [
+    header && /* @__PURE__ */ jsx53(View25, { className: "border-b border-border px-3 py-2", children: header }),
+    /* @__PURE__ */ jsxs15(ScrollView4, { className: "flex-1 min-h-0", contentContainerClassName: "flex-grow", children: [
+      hasItems ? items.map((item, index) => /* @__PURE__ */ jsx53(View25, { children: renderItem(item, index) }, keyExtractor ? keyExtractor(item, index) : defaultKey(item, index))) : emptyState ?? null,
       afterItems
     ] }),
-    footer && /* @__PURE__ */ jsx51(View23, { className: "border-t border-border px-3 py-2", children: footer })
+    footer && /* @__PURE__ */ jsx53(View25, { className: "border-t border-border px-3 py-2", children: footer })
   ] });
 }
 
 // src/cart/discount-badge.tsx
-import { Text as Text13, View as View24 } from "react-native";
-import { cn as cn49 } from "@tallyui/theme";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { Text as Text14, View as View26 } from "react-native";
+import { cn as cn51 } from "@tallyui/theme";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function DiscountBadge({ label, className, ...viewProps }) {
-  return /* @__PURE__ */ jsx52(
-    View24,
+  return /* @__PURE__ */ jsx54(
+    View26,
     {
-      className: cn49("flex-row items-center self-start gap-1 rounded-md bg-sale/15 px-1.5 py-0.5", className),
+      className: cn51("flex-row items-center self-start gap-1 rounded-md bg-sale/15 px-1.5 py-0.5", className),
       ...viewProps,
-      children: /* @__PURE__ */ jsx52(Text13, { className: "text-xs font-semibold text-sale", children: label })
+      children: /* @__PURE__ */ jsx54(Text14, { className: "text-xs font-semibold text-sale", children: label })
     }
   );
 }
 
 // src/cart/cart-note-input.tsx
-import { useState as useState3 } from "react";
-import { Pressable as Pressable10, Text as Text14, TextInput as TextInput4, View as View25 } from "react-native";
-import { cn as cn50 } from "@tallyui/theme";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { useState as useState4 } from "react";
+import { Pressable as Pressable12, Text as Text15, TextInput as TextInput4, View as View27 } from "react-native";
+import { cn as cn52 } from "@tallyui/theme";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function CartNoteInput({
   value,
   onChangeText,
@@ -2073,19 +2226,19 @@ function CartNoteInput({
   className,
   ...viewProps
 }) {
-  const [expanded, setExpanded] = useState3(value.length > 0);
+  const [expanded, setExpanded] = useState4(value.length > 0);
   if (!expanded) {
-    return /* @__PURE__ */ jsx53(
-      Pressable10,
+    return /* @__PURE__ */ jsx55(
+      Pressable12,
       {
         onPress: () => setExpanded(true),
-        className: cn50("flex-row items-center gap-1.5 px-3 py-2", className),
+        className: cn52("flex-row items-center gap-1.5 px-3 py-2", className),
         ...viewProps,
-        children: /* @__PURE__ */ jsx53(Text14, { className: "text-xs text-primary", children: "Add note" })
+        children: /* @__PURE__ */ jsx55(Text15, { className: "text-xs text-primary", children: "Add note" })
       }
     );
   }
-  return /* @__PURE__ */ jsx53(View25, { className: cn50("px-3 py-2", className), ...viewProps, children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(View27, { className: cn52("px-3 py-2", className), ...viewProps, children: /* @__PURE__ */ jsx55(
     TextInput4,
     {
       value,
@@ -2099,20 +2252,20 @@ function CartNoteInput({
 }
 
 // src/cart/cart-line-actions.tsx
-import { Pressable as Pressable11, Text as Text15, View as View26 } from "react-native";
-import { cn as cn51 } from "@tallyui/theme";
-import { jsx as jsx54, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Pressable as Pressable13, Text as Text16, View as View28 } from "react-native";
+import { cn as cn53 } from "@tallyui/theme";
+import { jsx as jsx56, jsxs as jsxs16 } from "react/jsx-runtime";
 function CartLineActions({ children, actions, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs15(View26, { className: cn51("flex-row items-center", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx54(View26, { className: "flex-1", children }),
-    /* @__PURE__ */ jsx54(View26, { className: "flex-row gap-1 px-2", children: actions.map((action) => /* @__PURE__ */ jsxs15(
-      Pressable11,
+  return /* @__PURE__ */ jsxs16(View28, { className: cn53("flex-row items-center", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx56(View28, { className: "flex-1", children }),
+    /* @__PURE__ */ jsx56(View28, { className: "flex-row gap-1 px-2", children: actions.map((action) => /* @__PURE__ */ jsxs16(
+      Pressable13,
       {
         onPress: action.onPress,
         className: "rounded-md px-2 py-1.5",
         children: [
           action.iconSlot,
-          /* @__PURE__ */ jsx54(Text15, { className: cn51("text-xs font-medium", action.color ?? "text-destructive"), children: action.label })
+          /* @__PURE__ */ jsx56(Text16, { className: cn53("text-xs font-medium", action.color ?? "text-destructive"), children: action.label })
         ]
       },
       action.id
@@ -2121,21 +2274,21 @@ function CartLineActions({ children, actions, className, ...viewProps }) {
 }
 
 // src/input/search-input.tsx
-import { useId, useState as useState4 } from "react";
-import { TextInput as TextInput5, View as View27 } from "react-native";
+import { useId, useState as useState5 } from "react";
+import { TextInput as TextInput5, View as View29 } from "react-native";
 import { Label as Label3 } from "@tallyui/primitives";
-import { cn as cn52 } from "@tallyui/theme";
-import { jsx as jsx55, jsxs as jsxs16 } from "react/jsx-runtime";
+import { cn as cn54 } from "@tallyui/theme";
+import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
 function SearchInput({ value, onChangeText, className, placeholder = "Search...", style, onFocus, onBlur, ...props }) {
   const labelId = useId();
-  const [focused, setFocused] = useState4(false);
-  return /* @__PURE__ */ jsxs16(HStack, { space: "sm", className: cn52(
+  const [focused, setFocused] = useState5(false);
+  return /* @__PURE__ */ jsxs17(HStack, { space: "sm", className: cn54(
     "rounded-lg border bg-card px-3 py-2.5",
     focused ? "border-ring" : "border-border",
     className
   ), children: [
-    /* @__PURE__ */ jsx55(Label3.Root, { nativeID: labelId, asChild: true, children: /* @__PURE__ */ jsx55(View27, { "aria-hidden": true, className: "text-muted-foreground", children: /* @__PURE__ */ jsx55(SearchIcon, { size: 16 }) }) }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx57(Label3.Root, { nativeID: labelId, asChild: true, children: /* @__PURE__ */ jsx57(View29, { "aria-hidden": true, className: "text-muted-foreground", children: /* @__PURE__ */ jsx57(SearchIcon, { size: 16 }) }) }),
+    /* @__PURE__ */ jsx57(
       TextInput5,
       {
         role: "searchbox",
@@ -2161,39 +2314,39 @@ function SearchInput({ value, onChangeText, className, placeholder = "Search..."
 }
 
 // src/input/filter-chip.tsx
-import { useMemo } from "react";
-import { Pressable as Pressable12, ScrollView as ScrollView5 } from "react-native";
+import { useMemo as useMemo2 } from "react";
+import { Pressable as Pressable14, ScrollView as ScrollView5 } from "react-native";
 import { ToggleGroup as ToggleGroup3 } from "@tallyui/primitives";
-import { cn as cn53 } from "@tallyui/theme";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { cn as cn55 } from "@tallyui/theme";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function FilterChip({ label, active, onPress, className }) {
-  const value = useMemo(() => active ? [label] : [], [active, label]);
-  return /* @__PURE__ */ jsx56(
+  const value = useMemo2(() => active ? [label] : [], [active, label]);
+  return /* @__PURE__ */ jsx58(
     ToggleGroup3.Root,
     {
       type: "multiple",
       value,
       onValueChange: () => onPress(),
-      children: /* @__PURE__ */ jsx56(ToggleGroup3.Item, { value: label, asChild: true, children: /* @__PURE__ */ jsx56(
-        Pressable12,
+      children: /* @__PURE__ */ jsx58(ToggleGroup3.Item, { value: label, asChild: true, children: /* @__PURE__ */ jsx58(
+        Pressable14,
         {
-          className: cn53(
+          className: cn55(
             "rounded-full px-3 py-1.5",
             active ? "bg-primary" : "bg-accent",
             className
           ),
-          children: /* @__PURE__ */ jsx56(Text, { className: cn53("text-xs font-semibold", active ? "text-primary-foreground" : "text-muted-foreground"), children: label })
+          children: /* @__PURE__ */ jsx58(Text, { className: cn55("text-xs font-semibold", active ? "text-primary-foreground" : "text-muted-foreground"), children: label })
         }
       ) })
     }
   );
 }
 function FilterChipGroup({ chips, onChipPress, className, ...viewProps }) {
-  const activeValues = useMemo(
+  const activeValues = useMemo2(
     () => chips.filter((c) => c.active).map((c) => c.label),
     [chips]
   );
-  const labelToIndex = useMemo(() => {
+  const labelToIndex = useMemo2(() => {
     const map = /* @__PURE__ */ new Map();
     chips.forEach((chip, i) => map.set(chip.label, i));
     return map;
@@ -2207,28 +2360,28 @@ function FilterChipGroup({ chips, onChipPress, className, ...viewProps }) {
       if (index !== void 0) onChipPress(index);
     }
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     ToggleGroup3.Root,
     {
       type: "multiple",
       value: activeValues,
       onValueChange: handleValueChange,
       asChild: true,
-      children: /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsx58(
         ScrollView5,
         {
           horizontal: true,
           showsHorizontalScrollIndicator: false,
-          contentContainerClassName: cn53("flex-row gap-2", className),
+          contentContainerClassName: cn55("flex-row gap-2", className),
           ...viewProps,
-          children: chips.map((chip) => /* @__PURE__ */ jsx56(ToggleGroup3.Item, { value: chip.label, asChild: true, children: /* @__PURE__ */ jsx56(
-            Pressable12,
+          children: chips.map((chip) => /* @__PURE__ */ jsx58(ToggleGroup3.Item, { value: chip.label, asChild: true, children: /* @__PURE__ */ jsx58(
+            Pressable14,
             {
-              className: cn53(
+              className: cn55(
                 "rounded-full px-3 py-1.5",
                 chip.active ? "bg-primary" : "bg-accent"
               ),
-              children: /* @__PURE__ */ jsx56(Text, { className: cn53("text-xs font-semibold", chip.active ? "text-primary-foreground" : "text-muted-foreground"), children: chip.label })
+              children: /* @__PURE__ */ jsx58(Text, { className: cn55("text-xs font-semibold", chip.active ? "text-primary-foreground" : "text-muted-foreground"), children: chip.label })
             }
           ) }, chip.label))
         }
@@ -2238,10 +2391,10 @@ function FilterChipGroup({ chips, onChipPress, className, ...viewProps }) {
 }
 
 // src/input/quantity-stepper.tsx
-import { useState as useState5 } from "react";
-import { Pressable as Pressable13, Text as Text16, View as View28 } from "react-native";
-import { cn as cn54 } from "@tallyui/theme";
-import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useState as useState6 } from "react";
+import { Pressable as Pressable15, Text as Text17, View as View30 } from "react-native";
+import { cn as cn56 } from "@tallyui/theme";
+import { jsx as jsx59, jsxs as jsxs18 } from "react/jsx-runtime";
 function QuantityStepper({
   defaultQuantity = 1,
   quantity: controlledQuantity,
@@ -2251,37 +2404,37 @@ function QuantityStepper({
   className,
   ...viewProps
 }) {
-  const [internalQuantity, setInternalQuantity] = useState5(defaultQuantity);
+  const [internalQuantity, setInternalQuantity] = useState6(defaultQuantity);
   const quantity = controlledQuantity ?? internalQuantity;
   const handleChange = (next) => {
     if (next < min || next > max) return;
     if (controlledQuantity === void 0) setInternalQuantity(next);
     onChangeQuantity?.(next);
   };
-  return /* @__PURE__ */ jsxs17(View28, { className: cn54("flex-row items-center gap-2", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx57(
-      Pressable13,
+  return /* @__PURE__ */ jsxs18(View30, { className: cn56("flex-row items-center gap-2", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx59(
+      Pressable15,
       {
         onPress: () => handleChange(quantity - 1),
         disabled: quantity <= min,
-        className: cn54(
+        className: cn56(
           "h-8 w-8 items-center justify-center rounded-lg",
           quantity <= min ? "bg-muted/50" : "bg-muted"
         ),
-        children: /* @__PURE__ */ jsx57(Text16, { className: cn54("text-base font-semibold", quantity <= min ? "text-muted-foreground" : "text-foreground"), children: "\u2212" })
+        children: /* @__PURE__ */ jsx59(Text17, { className: cn56("text-base font-semibold", quantity <= min ? "text-muted-foreground" : "text-foreground"), children: "\u2212" })
       }
     ),
-    /* @__PURE__ */ jsx57(Text16, { className: "min-w-[2rem] text-center text-base font-semibold text-foreground", children: quantity }),
-    /* @__PURE__ */ jsx57(
-      Pressable13,
+    /* @__PURE__ */ jsx59(Text17, { className: "min-w-[2rem] text-center text-base font-semibold text-foreground", children: quantity }),
+    /* @__PURE__ */ jsx59(
+      Pressable15,
       {
         onPress: () => handleChange(quantity + 1),
         disabled: quantity >= max,
-        className: cn54(
+        className: cn56(
           "h-8 w-8 items-center justify-center rounded-lg",
           quantity >= max ? "bg-muted/50" : "bg-muted"
         ),
-        children: /* @__PURE__ */ jsx57(Text16, { className: cn54("text-base font-semibold", quantity >= max ? "text-muted-foreground" : "text-foreground"), children: "+" })
+        children: /* @__PURE__ */ jsx59(Text17, { className: cn56("text-base font-semibold", quantity >= max ? "text-muted-foreground" : "text-foreground"), children: "+" })
       }
     )
   ] });
@@ -2289,36 +2442,36 @@ function QuantityStepper({
 
 // src/customer/customer-card.tsx
 import { useCustomerTraits } from "@tallyui/core";
-import { cn as cn55 } from "@tallyui/theme";
-import { jsx as jsx58, jsxs as jsxs18 } from "react/jsx-runtime";
+import { cn as cn57 } from "@tallyui/theme";
+import { jsx as jsx60, jsxs as jsxs19 } from "react/jsx-runtime";
 function CustomerCardFromContext(props) {
   const traits = useCustomerTraits();
-  return traits ? /* @__PURE__ */ jsx58(CustomerCard, { ...props, traits }) : null;
+  return traits ? /* @__PURE__ */ jsx60(CustomerCard, { ...props, traits }) : null;
 }
 function CustomerCard({ doc, traits, className, ...props }) {
-  if (!traits) return /* @__PURE__ */ jsx58(CustomerCardFromContext, { doc, className, ...props });
+  if (!traits) return /* @__PURE__ */ jsx60(CustomerCardFromContext, { doc, className, ...props });
   const name = traits.getName(doc);
   const email = traits.getEmail(doc);
   const address = traits.getAddressSummary(doc);
-  return /* @__PURE__ */ jsxs18(VStack, { space: "none", className: cn55("gap-0.5", className), ...props, children: [
-    /* @__PURE__ */ jsx58(Text, { className: "text-sm font-semibold", children: name }),
-    email && /* @__PURE__ */ jsx58(Text, { className: "text-xs text-muted-foreground", children: email }),
-    address && /* @__PURE__ */ jsx58(Text, { className: "text-xs text-muted-foreground", children: address })
+  return /* @__PURE__ */ jsxs19(VStack, { space: "none", className: cn57("gap-0.5", className), ...props, children: [
+    /* @__PURE__ */ jsx60(Text, { className: "text-sm font-semibold", children: name }),
+    email && /* @__PURE__ */ jsx60(Text, { className: "text-xs text-muted-foreground", children: email }),
+    address && /* @__PURE__ */ jsx60(Text, { className: "text-xs text-muted-foreground", children: address })
   ] });
 }
 
 // src/customer/customer-select.tsx
-import { useState as useState6 } from "react";
-import { Pressable as Pressable14, ScrollView as ScrollView6, View as View29 } from "react-native";
+import { useState as useState7 } from "react";
+import { Pressable as Pressable16, ScrollView as ScrollView6, View as View31 } 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 jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
+import { cn as cn58 } from "@tallyui/theme";
+import { jsx as jsx61, jsxs as jsxs20 } from "react/jsx-runtime";
 function CustomerSelect(props) {
-  return props.traits ? /* @__PURE__ */ jsx59(CustomerSelectView, { ...props }) : /* @__PURE__ */ jsx59(CustomerSelectFromContext, { ...props });
+  return props.traits ? /* @__PURE__ */ jsx61(CustomerSelectView, { ...props }) : /* @__PURE__ */ jsx61(CustomerSelectFromContext, { ...props });
 }
 function CustomerSelectFromContext(props) {
-  return /* @__PURE__ */ jsx59(CustomerSelectView, { ...props, traits: useCustomerTraits2() });
+  return /* @__PURE__ */ jsx61(CustomerSelectView, { ...props, traits: useCustomerTraits2() });
 }
 function CustomerSelectView({
   customers,
@@ -2331,7 +2484,7 @@ function CustomerSelectView({
   traits,
   ...props
 }) {
-  const [search, setSearch] = useState6("");
+  const [search, setSearch] = useState7("");
   const selectedOption = selected && traits ? { value: traits.getId(selected), label: traits.getName(selected) } : void 0;
   const customerById = /* @__PURE__ */ new Map();
   if (traits) {
@@ -2343,14 +2496,14 @@ function CustomerSelectView({
     const doc = customerById.get(option.value);
     if (doc) onSelect(doc);
   }
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     Select2.Root,
     {
       value: selectedOption,
       onValueChange: handleValueChange,
       defaultOpen: true,
-      children: /* @__PURE__ */ jsxs19(VStack, { space: "sm", className: cn56(className), ...props, children: [
-        showSearch && /* @__PURE__ */ jsx59(
+      children: /* @__PURE__ */ jsxs20(VStack, { space: "sm", className: cn58(className), ...props, children: [
+        showSearch && /* @__PURE__ */ jsx61(
           SearchInput,
           {
             value: search,
@@ -2363,18 +2516,18 @@ function CustomerSelectView({
             accessibilityLabel: "Search customers"
           }
         ),
-        selected && traits && /* @__PURE__ */ jsx59(Select2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx59(View29, { className: "rounded-lg border border-primary bg-primary/5 px-3 py-2", children: /* @__PURE__ */ jsx59(CustomerCard, { doc: selected, traits }) }) }),
-        customers.length > 0 && /* @__PURE__ */ jsx59(Select2.Content, { asChild: true, forceMount: true, disablePositioningStyle: true, children: /* @__PURE__ */ jsx59(ScrollView6, { className: "max-h-60", children: customers.map((customer, index) => {
+        selected && traits && /* @__PURE__ */ jsx61(Select2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx61(View31, { className: "rounded-lg border border-primary bg-primary/5 px-3 py-2", children: /* @__PURE__ */ jsx61(CustomerCard, { doc: selected, traits }) }) }),
+        customers.length > 0 && /* @__PURE__ */ jsx61(Select2.Content, { asChild: true, forceMount: true, disablePositioningStyle: true, children: /* @__PURE__ */ jsx61(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__ */ jsx59(
+          return /* @__PURE__ */ jsx61(
             Select2.Item,
             {
               value: id,
               label,
               asChild: true,
-              children: /* @__PURE__ */ jsx59(Pressable14, { accessibilityLabel: email ? `${label}, ${email}` : label, className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx59(CustomerCard, { doc: customer, traits }) })
+              children: /* @__PURE__ */ jsx61(Pressable16, { accessibilityLabel: email ? `${label}, ${email}` : label, className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx61(CustomerCard, { doc: customer, traits }) })
             },
             id
           );
@@ -2385,18 +2538,18 @@ function CustomerSelectView({
 }
 
 // src/customer/customer-form.tsx
-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 jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Pressable as Pressable17, Text as Text18, TextInput as TextInput6, View as View32 } from "react-native";
+import { cn as cn59 } from "@tallyui/theme";
+import { jsx as jsx62, jsxs as jsxs21 } from "react/jsx-runtime";
 function FormField({
   label,
   value,
   onChangeText,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(View30, { className: "gap-1", children: [
-    /* @__PURE__ */ jsx60(Text17, { className: "text-xs font-medium text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs21(View32, { className: "gap-1", children: [
+    /* @__PURE__ */ jsx62(Text18, { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx62(
       TextInput6,
       {
         value,
@@ -2417,22 +2570,22 @@ function CustomerForm({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs20(View30, { className: cn57("gap-3 p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs20(View30, { className: "flex-row gap-3", children: [
-      /* @__PURE__ */ jsx60(View30, { className: "flex-1", children: /* @__PURE__ */ jsx60(FormField, { label: "First Name", value: values.firstName, onChangeText: (v) => onChangeField("firstName", v), placeholder: "First name" }) }),
-      /* @__PURE__ */ jsx60(View30, { className: "flex-1", children: /* @__PURE__ */ jsx60(FormField, { label: "Last Name", value: values.lastName, onChangeText: (v) => onChangeField("lastName", v), placeholder: "Last name" }) })
+  return /* @__PURE__ */ jsxs21(View32, { className: cn59("gap-3 p-4", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs21(View32, { className: "flex-row gap-3", children: [
+      /* @__PURE__ */ jsx62(View32, { className: "flex-1", children: /* @__PURE__ */ jsx62(FormField, { label: "First Name", value: values.firstName, onChangeText: (v) => onChangeField("firstName", v), placeholder: "First name" }) }),
+      /* @__PURE__ */ jsx62(View32, { className: "flex-1", children: /* @__PURE__ */ jsx62(FormField, { label: "Last Name", value: values.lastName, onChangeText: (v) => onChangeField("lastName", v), placeholder: "Last name" }) })
     ] }),
-    /* @__PURE__ */ jsx60(FormField, { label: "Email", value: values.email, onChangeText: (v) => onChangeField("email", v), placeholder: "email@example.com", keyboardType: "email-address" }),
-    /* @__PURE__ */ jsx60(FormField, { label: "Phone", value: values.phone, onChangeText: (v) => onChangeField("phone", v), placeholder: "Phone number", keyboardType: "phone-pad" }),
-    showAddress && /* @__PURE__ */ jsx60(FormField, { label: "Address", value: values.address, onChangeText: (v) => onChangeField("address", v), placeholder: "Street address", multiline: true }),
-    onSubmit && /* @__PURE__ */ jsx60(Pressable15, { onPress: onSubmit, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx60(Text17, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel }) })
+    /* @__PURE__ */ jsx62(FormField, { label: "Email", value: values.email, onChangeText: (v) => onChangeField("email", v), placeholder: "email@example.com", keyboardType: "email-address" }),
+    /* @__PURE__ */ jsx62(FormField, { label: "Phone", value: values.phone, onChangeText: (v) => onChangeField("phone", v), placeholder: "Phone number", keyboardType: "phone-pad" }),
+    showAddress && /* @__PURE__ */ jsx62(FormField, { label: "Address", value: values.address, onChangeText: (v) => onChangeField("address", v), placeholder: "Street address", multiline: true }),
+    onSubmit && /* @__PURE__ */ jsx62(Pressable17, { onPress: onSubmit, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx62(Text18, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel }) })
   ] });
 }
 
 // src/customer/customer-order-history.tsx
-import { ScrollView as ScrollView7, Text as Text18, View as View31 } from "react-native";
-import { cn as cn58 } from "@tallyui/theme";
-import { jsx as jsx61, jsxs as jsxs21 } from "react/jsx-runtime";
+import { ScrollView as ScrollView7, Text as Text19, View as View33 } from "react-native";
+import { cn as cn60 } from "@tallyui/theme";
+import { jsx as jsx63, jsxs as jsxs22 } from "react/jsx-runtime";
 function CustomerOrderHistory({
   orders,
   renderItem,
@@ -2440,31 +2593,31 @@ function CustomerOrderHistory({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs21(View31, { className: cn58("flex-1", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx61(Text18, { className: "px-3 py-2 text-xs font-semibold text-muted-foreground", children: "Order History" }),
-    orders.length > 0 ? /* @__PURE__ */ jsx61(ScrollView7, { contentContainerClassName: "gap-2 px-3 pb-3", children: orders.map((order, index) => /* @__PURE__ */ jsx61(View31, { children: renderItem(order, index) }, order.id ?? index)) }) : emptyState ?? null
+  return /* @__PURE__ */ jsxs22(View33, { className: cn60("flex-1", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx63(Text19, { className: "px-3 py-2 text-xs font-semibold text-muted-foreground", children: "Order History" }),
+    orders.length > 0 ? /* @__PURE__ */ jsx63(ScrollView7, { contentContainerClassName: "gap-2 px-3 pb-3", children: orders.map((order, index) => /* @__PURE__ */ jsx63(View33, { children: renderItem(order, index) }, order.id ?? index)) }) : emptyState ?? null
   ] });
 }
 
 // src/customer/customer-picker.tsx
-import { useEffect, useRef, useState as useState7 } from "react";
-import { Pressable as Pressable16, Text as Text19, TextInput as TextInput7, View as View32 } from "react-native";
+import { useEffect, useRef, useState as useState8 } from "react";
+import { Pressable as Pressable18, Text as Text20, TextInput as TextInput7, View as View34 } from "react-native";
 import { customerTraits, CustomerServiceError, ConnectorUnauthorizedError } from "@tallyui/core";
-import { cn as cn59 } from "@tallyui/theme";
-import { jsx as jsx62, jsxs as jsxs22 } from "react/jsx-runtime";
+import { cn as cn61 } from "@tallyui/theme";
+import { jsx as jsx64, jsxs as jsxs23 } 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] = useState7("");
-  const [customers, setCustomers] = useState7([]);
-  const [error, setError] = useState7(null);
-  const [showForm, setShowForm] = useState7(false);
-  const [creating, setCreating] = useState7(false);
-  const [values, setValues] = useState7({ firstName: "", lastName: "", email: "", phone: "", address: "" });
+  const [query, setQuery] = useState8("");
+  const [customers, setCustomers] = useState8([]);
+  const [error, setError] = useState8(null);
+  const [showForm, setShowForm] = useState8(false);
+  const [creating, setCreating] = useState8(false);
+  const [values, setValues] = useState8({ firstName: "", lastName: "", email: "", phone: "", address: "" });
   const sequence = useRef(0);
   const searchRef = useRef(search);
   searchRef.current = search;
-  const [noResults, setNoResults] = useState7(false);
+  const [noResults, setNoResults] = useState8(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);
@@ -2519,13 +2672,13 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
       setCreating(false);
     }
   }
-  return /* @__PURE__ */ jsxs22(View32, { className: cn59("gap-3", className), children: [
-    selected && /* @__PURE__ */ jsxs22(View32, { children: [
-      /* @__PURE__ */ jsx62(CustomerCard, { doc: selected, traits: customerTraits }),
-      /* @__PURE__ */ jsx62(Pressable16, { accessibilityRole: "button", className: "items-center rounded-lg border border-border px-4 py-3", onPress: () => onSelect(null), children: /* @__PURE__ */ jsx62(Text19, { className: "text-sm font-semibold text-foreground", children: "Remove customer" }) })
+  return /* @__PURE__ */ jsxs23(View34, { className: cn61("gap-3", className), children: [
+    selected && /* @__PURE__ */ jsxs23(View34, { children: [
+      /* @__PURE__ */ jsx64(CustomerCard, { doc: selected, traits: customerTraits }),
+      /* @__PURE__ */ jsx64(Pressable18, { accessibilityRole: "button", className: "items-center rounded-lg border border-border px-4 py-3", onPress: () => onSelect(null), children: /* @__PURE__ */ jsx64(Text20, { className: "text-sm font-semibold text-foreground", children: "Remove customer" }) })
     ] }),
-    /* @__PURE__ */ jsx62(Text19, { className: "text-xs font-medium text-muted-foreground", children: "Search customers" }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx64(Text20, { className: "text-xs font-medium text-muted-foreground", children: "Search customers" }),
+    /* @__PURE__ */ jsx64(
       TextInput7,
       {
         accessibilityLabel: "Search customers",
@@ -2537,10 +2690,10 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
         placeholder: "Name or email"
       }
     ),
-    !online && /* @__PURE__ */ jsx62(Text19, { className: "text-sm text-muted-foreground", children: "Connect to search or add customers." }),
-    noResults && /* @__PURE__ */ jsx62(Text19, { className: "text-sm text-muted-foreground", children: "No customers found." }),
-    error && /* @__PURE__ */ jsx62(Text19, { accessibilityRole: "alert", className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx62(
+    !online && /* @__PURE__ */ jsx64(Text20, { className: "text-sm text-muted-foreground", children: "Connect to search or add customers." }),
+    noResults && /* @__PURE__ */ jsx64(Text20, { className: "text-sm text-muted-foreground", children: "No customers found." }),
+    error && /* @__PURE__ */ jsx64(Text20, { accessibilityRole: "alert", className: "text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsx64(
       CustomerSelect,
       {
         customers,
@@ -2553,18 +2706,18 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
         }
       }
     ),
-    create && /* @__PURE__ */ jsx62(
-      Pressable16,
+    create && /* @__PURE__ */ jsx64(
+      Pressable18,
       {
         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__ */ jsx62(Text19, { className: "text-sm font-semibold text-foreground", children: "New customer" })
+        className: cn61("items-center rounded-lg border border-border px-4 py-3", (!online || creating) && "opacity-50"),
+        children: /* @__PURE__ */ jsx64(Text20, { className: "text-sm font-semibold text-foreground", children: "New customer" })
       }
     ),
-    showForm && /* @__PURE__ */ jsxs22(View32, { children: [
-      /* @__PURE__ */ jsx62(
+    showForm && /* @__PURE__ */ jsxs23(View34, { children: [
+      /* @__PURE__ */ jsx64(
         CustomerForm,
         {
           values,
@@ -2572,19 +2725,19 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
           onChangeField: (field, value) => setValues((current) => ({ ...current, [field]: value }))
         }
       ),
-      /* @__PURE__ */ jsxs22(View32, { className: "flex-row gap-3", children: [
-        /* @__PURE__ */ jsx62(
-          Pressable16,
+      /* @__PURE__ */ jsxs23(View34, { className: "flex-row gap-3", children: [
+        /* @__PURE__ */ jsx64(
+          Pressable18,
           {
             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__ */ jsx62(Text19, { className: "text-sm font-semibold text-primary-foreground", children: "Save Customer" })
+            className: cn61("items-center rounded-lg bg-primary px-4 py-3", (!online || creating || !values.email.trim()) && "opacity-50"),
+            children: /* @__PURE__ */ jsx64(Text20, { className: "text-sm font-semibold text-primary-foreground", children: "Save Customer" })
           }
         ),
-        /* @__PURE__ */ jsx62(
-          Pressable16,
+        /* @__PURE__ */ jsx64(
+          Pressable18,
           {
             accessibilityRole: "button",
             className: "items-center rounded-lg border border-border px-4 py-3",
@@ -2592,7 +2745,7 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
               setShowForm(false);
               setValues({ firstName: "", lastName: "", email: "", phone: "", address: "" });
             },
-            children: /* @__PURE__ */ jsx62(Text19, { className: "text-sm font-semibold text-foreground", children: "Cancel" })
+            children: /* @__PURE__ */ jsx64(Text20, { className: "text-sm font-semibold text-foreground", children: "Cancel" })
           }
         )
       ] })
@@ -2601,40 +2754,40 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
 }
 
 // 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 jsx63, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Pressable as Pressable19, View as View35 } from "react-native";
+import { cn as cn62 } from "@tallyui/theme";
+import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
 function PaymentMethodCard({ label, selected, onPress, icon, className, ...props }) {
-  return /* @__PURE__ */ jsx63(Pressable17, { onPress, ...props, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx65(Pressable19, { onPress, ...props, children: /* @__PURE__ */ jsxs24(
     HStack,
     {
-      className: cn60(
+      className: cn62(
         "rounded-lg border px-4 py-3",
         selected ? "border-primary bg-primary/5" : "border-border bg-card",
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx63(View33, { children: icon }),
-        /* @__PURE__ */ jsx63(Text, { className: cn60("flex-1 text-sm font-medium", selected ? "text-primary" : ""), children: label }),
-        selected && /* @__PURE__ */ jsx63(View33, { className: "h-5 w-5 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx63(Text, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
+        icon && /* @__PURE__ */ jsx65(View35, { children: icon }),
+        /* @__PURE__ */ jsx65(Text, { className: cn62("flex-1 text-sm font-medium", selected ? "text-primary" : ""), children: label }),
+        selected && /* @__PURE__ */ jsx65(View35, { className: "h-5 w-5 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx65(Text, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
       ]
     }
   ) });
 }
 
 // src/checkout/order-summary-line.tsx
-import { cn as cn61 } from "@tallyui/theme";
-import { jsx as jsx64, jsxs as jsxs24 } from "react/jsx-runtime";
+import { cn as cn63 } from "@tallyui/theme";
+import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
 function OrderSummaryLine({ label, amount, bold = false, className, ...props }) {
-  return /* @__PURE__ */ jsxs24(HStack, { space: "none", className: cn61("justify-between", className), ...props, children: [
-    /* @__PURE__ */ jsx64(Text, { className: cn61("text-sm", bold ? "font-bold" : "text-muted-foreground"), children: label }),
-    /* @__PURE__ */ jsx64(Text, { className: cn61("text-sm", bold && "font-bold"), children: amount })
+  return /* @__PURE__ */ jsxs25(HStack, { space: "none", className: cn63("justify-between", className), ...props, children: [
+    /* @__PURE__ */ jsx66(Text, { className: cn63("text-sm", bold ? "font-bold" : "text-muted-foreground"), children: label }),
+    /* @__PURE__ */ jsx66(Text, { className: cn63("text-sm", bold && "font-bold"), children: amount })
   ] });
 }
 
 // src/checkout/payment-selector.tsx
-import { cn as cn62 } from "@tallyui/theme";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { cn as cn64 } from "@tallyui/theme";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function PaymentSelector({
   methods,
   selected,
@@ -2642,7 +2795,7 @@ function PaymentSelector({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx65(VStack, { space: "sm", className: cn62(className), ...props, children: methods.map((method) => /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx67(VStack, { space: "sm", className: cn64(className), ...props, children: methods.map((method) => /* @__PURE__ */ jsx67(
     PaymentMethodCard,
     {
       label: method.label,
@@ -2655,9 +2808,9 @@ function PaymentSelector({
 }
 
 // src/checkout/order-summary.tsx
-import { View as View34 } from "react-native";
-import { cn as cn63 } from "@tallyui/theme";
-import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+import { View as View36 } from "react-native";
+import { cn as cn65 } from "@tallyui/theme";
+import { jsx as jsx68, jsxs as jsxs26 } from "react/jsx-runtime";
 function OrderSummary({
   subtotal,
   tax,
@@ -2669,34 +2822,34 @@ function OrderSummary({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs25(VStack, { space: "none", className: cn63("gap-1.5 px-3 py-3", className), ...props, children: [
-    header && /* @__PURE__ */ jsx66(View34, { className: "mb-2", children: header }),
-    /* @__PURE__ */ jsx66(OrderSummaryLine, { label: "Subtotal", amount: subtotal }),
-    tax && /* @__PURE__ */ jsx66(OrderSummaryLine, { label: taxLabel, amount: tax }),
-    /* @__PURE__ */ jsx66(OrderSummaryLine, { label: "Total", amount: total, bold: true }),
-    payments && payments.length > 0 && /* @__PURE__ */ jsx66(VStack, { space: "none", className: "mt-2 gap-1.5 border-t border-border pt-2", children: payments.map((payment) => /* @__PURE__ */ jsx66(OrderSummaryLine, { label: payment.label, amount: payment.amount }, payment.label)) }),
-    footer && /* @__PURE__ */ jsx66(View34, { className: "mt-2", children: footer })
+  return /* @__PURE__ */ jsxs26(VStack, { space: "none", className: cn65("gap-1.5 px-3 py-3", className), ...props, children: [
+    header && /* @__PURE__ */ jsx68(View36, { className: "mb-2", children: header }),
+    /* @__PURE__ */ jsx68(OrderSummaryLine, { label: "Subtotal", amount: subtotal }),
+    tax && /* @__PURE__ */ jsx68(OrderSummaryLine, { label: taxLabel, amount: tax }),
+    /* @__PURE__ */ jsx68(OrderSummaryLine, { label: "Total", amount: total, bold: true }),
+    payments && payments.length > 0 && /* @__PURE__ */ jsx68(VStack, { space: "none", className: "mt-2 gap-1.5 border-t border-border pt-2", children: payments.map((payment) => /* @__PURE__ */ jsx68(OrderSummaryLine, { label: payment.label, amount: payment.amount }, payment.label)) }),
+    footer && /* @__PURE__ */ jsx68(View36, { className: "mt-2", children: footer })
   ] });
 }
 
 // src/checkout/change-display.tsx
-import { Text as Text20, View as View35 } from "react-native";
+import { Text as Text21, View as View37 } from "react-native";
 import { formatMoney as formatMoney4 } from "@tallyui/core";
-import { cn as cn64 } from "@tallyui/theme";
-import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
+import { cn as cn66 } from "@tallyui/theme";
+import { jsx as jsx69, jsxs as jsxs27 } from "react/jsx-runtime";
 function ChangeDisplay({ change, locale, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs26(View35, { className: cn64("items-center gap-1 rounded-xl bg-muted p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx67(Text20, { className: "text-sm text-muted-foreground", children: "Change Due" }),
-    /* @__PURE__ */ jsx67(Text20, { className: "text-3xl font-bold text-success", children: formatMoney4(change, locale) ?? "\u2014" })
+  return /* @__PURE__ */ jsxs27(View37, { className: cn66("items-center gap-1 rounded-xl bg-muted p-4", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx69(Text21, { className: "text-sm text-muted-foreground", children: "Change Due" }),
+    /* @__PURE__ */ jsx69(Text21, { className: "text-3xl font-bold text-success", children: formatMoney4(change, locale) ?? "\u2014" })
   ] });
 }
 
 // src/checkout/cash-tendered.tsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState8 } from "react";
-import { Pressable as Pressable18, Text as Text21, TextInput as TextInput8, View as View36 } from "react-native";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState9 } from "react";
+import { Pressable as Pressable20, Text as Text22, TextInput as TextInput8, View as View38 } from "react-native";
 import { formatMoney as formatMoney5, minorUnitDigits as minorUnitDigits2, moneyFromDecimalString } from "@tallyui/core";
-import { cn as cn65 } from "@tallyui/theme";
-import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
+import { cn as cn67 } from "@tallyui/theme";
+import { jsx as jsx70, jsxs as jsxs28 } from "react/jsx-runtime";
 function defaultQuickAmounts(total) {
   const unit = 10 ** minorUnitDigits2(total.currency);
   const amounts = [
@@ -2717,13 +2870,13 @@ function CashTendered({
   className,
   ...viewProps
 }) {
-  const [internalAmount, setInternalAmount] = useState8(defaultAmount ?? total);
+  const [internalAmount, setInternalAmount] = useState9(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] = useState8(decimal2);
+  const [text, setText] = useState9(decimal2);
   const lastTextAmount = useRef2(amount);
   useEffect2(() => {
     if (amount.amount !== lastTextAmount.current.amount || amount.currency !== lastTextAmount.current.currency) {
@@ -2735,20 +2888,20 @@ function CashTendered({
     if (controlledAmount === void 0) setInternalAmount(value);
     onChangeAmount?.(value);
   };
-  return /* @__PURE__ */ jsxs27(View36, { className: cn65("gap-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx68(Text21, { className: "text-sm font-semibold text-foreground", children: "Cash Tendered" }),
-    /* @__PURE__ */ jsx68(View36, { className: "flex-row flex-wrap gap-2", children: buttons.map((val) => /* @__PURE__ */ jsx68(
-      Pressable18,
+  return /* @__PURE__ */ jsxs28(View38, { className: cn67("gap-3", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx70(Text22, { className: "text-sm font-semibold text-foreground", children: "Cash Tendered" }),
+    /* @__PURE__ */ jsx70(View38, { className: "flex-row flex-wrap gap-2", children: buttons.map((val) => /* @__PURE__ */ jsx70(
+      Pressable20,
       {
         onPress: () => handleChange(val),
-        className: cn65(
+        className: cn67(
           "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__ */ jsx68(
-          Text21,
+        children: /* @__PURE__ */ jsx70(
+          Text22,
           {
-            className: cn65(
+            className: cn67(
               "text-sm font-semibold",
               amount.amount === val.amount && amount.currency === val.currency ? "text-primary-foreground" : "text-foreground"
             ),
@@ -2758,7 +2911,7 @@ function CashTendered({
       },
       `${val.currency}:${val.amount}`
     )) }),
-    /* @__PURE__ */ jsx68(
+    /* @__PURE__ */ jsx70(
       TextInput8,
       {
         value: text,
@@ -2780,9 +2933,9 @@ function CashTendered({
 }
 
 // src/checkout/receipt-preview.tsx
-import { Text as Text22, View as View37 } from "react-native";
-import { cn as cn66 } from "@tallyui/theme";
-import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Text as Text23, View as View39 } from "react-native";
+import { cn as cn68 } from "@tallyui/theme";
+import { jsx as jsx71, jsxs as jsxs29 } from "react/jsx-runtime";
 function ReceiptPreview({
   items,
   subtotal,
@@ -2794,42 +2947,42 @@ function ReceiptPreview({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs28(View37, { className: cn66("rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx69(View37, { className: "mb-3 items-center border-b border-dashed border-border pb-3", children: headerSlot }),
-    /* @__PURE__ */ jsx69(View37, { className: "gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs28(View37, { className: "flex-row justify-between", children: [
-      /* @__PURE__ */ jsxs28(Text22, { className: "flex-1 text-sm text-foreground", children: [
+  return /* @__PURE__ */ jsxs29(View39, { className: cn68("rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx71(View39, { className: "mb-3 items-center border-b border-dashed border-border pb-3", children: headerSlot }),
+    /* @__PURE__ */ jsx71(View39, { className: "gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs29(View39, { className: "flex-row justify-between", children: [
+      /* @__PURE__ */ jsxs29(Text23, { className: "flex-1 text-sm text-foreground", children: [
         item.name,
         " x",
         item.quantity
       ] }),
-      /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-foreground", children: item.total })
+      /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-foreground", children: item.total })
     ] }, i)) }),
-    /* @__PURE__ */ jsxs28(View37, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: [
-      /* @__PURE__ */ jsxs28(View37, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-        /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-foreground", children: subtotal })
+    /* @__PURE__ */ jsxs29(View39, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: [
+      /* @__PURE__ */ jsxs29(View39, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
+        /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-foreground", children: subtotal })
       ] }),
-      /* @__PURE__ */ jsxs28(View37, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-muted-foreground", children: "Tax" }),
-        /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-foreground", children: tax })
+      /* @__PURE__ */ jsxs29(View39, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-muted-foreground", children: "Tax" }),
+        /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-foreground", children: tax })
       ] }),
-      /* @__PURE__ */ jsxs28(View37, { className: "flex-row justify-between border-t border-border pt-1", children: [
-        /* @__PURE__ */ jsx69(Text22, { className: "text-sm font-bold text-foreground", children: "Total" }),
-        /* @__PURE__ */ jsx69(Text22, { className: "text-sm font-bold text-foreground", children: total })
+      /* @__PURE__ */ jsxs29(View39, { className: "flex-row justify-between border-t border-border pt-1", children: [
+        /* @__PURE__ */ jsx71(Text23, { className: "text-sm font-bold text-foreground", children: "Total" }),
+        /* @__PURE__ */ jsx71(Text23, { className: "text-sm font-bold text-foreground", children: total })
       ] })
     ] }),
-    payments && payments.length > 0 && /* @__PURE__ */ jsx69(View37, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: payments.map((p, i) => /* @__PURE__ */ jsxs28(View37, { className: "flex-row justify-between", children: [
-      /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-muted-foreground", children: p.method }),
-      /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-foreground", children: p.amount })
+    payments && payments.length > 0 && /* @__PURE__ */ jsx71(View39, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: payments.map((p, i) => /* @__PURE__ */ jsxs29(View39, { className: "flex-row justify-between", children: [
+      /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-muted-foreground", children: p.method }),
+      /* @__PURE__ */ jsx71(Text23, { className: "text-sm text-foreground", children: p.amount })
     ] }, i)) }),
-    footerSlot && /* @__PURE__ */ jsx69(View37, { className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot })
+    footerSlot && /* @__PURE__ */ jsx71(View39, { className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot })
   ] });
 }
 
 // src/order/order-status-badge.tsx
-import { Text as Text23, View as View38 } from "react-native";
-import { cn as cn67 } from "@tallyui/theme";
-import { jsx as jsx70, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Text as Text24, View as View40 } from "react-native";
+import { cn as cn69 } from "@tallyui/theme";
+import { jsx as jsx72, jsxs as jsxs30 } 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" },
@@ -2839,23 +2992,23 @@ var STATUS_CONFIG = {
 };
 function OrderStatusBadge({ status, className, ...viewProps }) {
   const config = STATUS_CONFIG[status] ?? STATUS_CONFIG.pending;
-  return /* @__PURE__ */ jsxs29(
-    View38,
+  return /* @__PURE__ */ jsxs30(
+    View40,
     {
-      className: cn67("flex-row items-center self-start gap-1.5 rounded-xl px-2 py-1", config.badge, className),
+      className: cn69("flex-row items-center self-start gap-1.5 rounded-xl px-2 py-1", config.badge, className),
       ...viewProps,
       children: [
-        /* @__PURE__ */ jsx70(View38, { className: cn67("h-1.5 w-1.5 rounded-full", config.dot) }),
-        /* @__PURE__ */ jsx70(Text23, { className: cn67("text-xs font-semibold", config.text), children: config.label })
+        /* @__PURE__ */ jsx72(View40, { className: cn69("h-1.5 w-1.5 rounded-full", config.dot) }),
+        /* @__PURE__ */ jsx72(Text24, { className: cn69("text-xs font-semibold", config.text), children: config.label })
       ]
     }
   );
 }
 
 // src/order/order-card.tsx
-import { Pressable as Pressable19, Text as Text24, View as View39 } from "react-native";
-import { cn as cn68 } from "@tallyui/theme";
-import { jsx as jsx71, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Pressable as Pressable21, Text as Text25, View as View41 } from "react-native";
+import { cn as cn70 } from "@tallyui/theme";
+import { jsx as jsx73, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrderCard({
   orderNumber,
   date,
@@ -2866,24 +3019,24 @@ function OrderCard({
   className,
   ...viewProps
 }) {
-  const Wrapper = onPress ? Pressable19 : View39;
-  return /* @__PURE__ */ jsxs30(
+  const Wrapper = onPress ? Pressable21 : View41;
+  return /* @__PURE__ */ jsxs31(
     Wrapper,
     {
       onPress,
-      className: cn68("gap-2 rounded-lg border border-border bg-card p-3", className),
+      className: cn70("gap-2 rounded-lg border border-border bg-card p-3", className),
       ...viewProps,
       children: [
-        /* @__PURE__ */ jsxs30(View39, { className: "flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsx71(Text24, { className: "text-sm font-semibold text-foreground", children: orderNumber }),
-          /* @__PURE__ */ jsx71(OrderStatusBadge, { status })
+        /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between", children: [
+          /* @__PURE__ */ jsx73(Text25, { className: "text-sm font-semibold text-foreground", children: orderNumber }),
+          /* @__PURE__ */ jsx73(OrderStatusBadge, { status })
         ] }),
-        /* @__PURE__ */ jsxs30(View39, { className: "flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsxs30(View39, { className: "gap-0.5", children: [
-            /* @__PURE__ */ jsx71(Text24, { className: "text-xs text-muted-foreground", children: date }),
-            customerName && /* @__PURE__ */ jsx71(Text24, { className: "text-xs text-muted-foreground", children: customerName })
+        /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between", children: [
+          /* @__PURE__ */ jsxs31(View41, { className: "gap-0.5", children: [
+            /* @__PURE__ */ jsx73(Text25, { className: "text-xs text-muted-foreground", children: date }),
+            customerName && /* @__PURE__ */ jsx73(Text25, { className: "text-xs text-muted-foreground", children: customerName })
           ] }),
-          /* @__PURE__ */ jsx71(Text24, { className: "text-sm font-semibold text-foreground", children: total })
+          /* @__PURE__ */ jsx73(Text25, { className: "text-sm font-semibold text-foreground", children: total })
         ] })
       ]
     }
@@ -2891,9 +3044,9 @@ function OrderCard({
 }
 
 // src/order/order-list.tsx
-import { ScrollView as ScrollView8, View as View40 } from "react-native";
-import { cn as cn69 } from "@tallyui/theme";
-import { jsx as jsx72, jsxs as jsxs31 } from "react/jsx-runtime";
+import { ScrollView as ScrollView8, View as View42 } from "react-native";
+import { cn as cn71 } from "@tallyui/theme";
+import { jsx as jsx74, jsxs as jsxs32 } from "react/jsx-runtime";
 function OrderList({
   items,
   renderItem,
@@ -2903,16 +3056,16 @@ function OrderList({
   ...viewProps
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs31(View40, { className: cn69("flex-1", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx72(View40, { className: "px-3 py-2", children: headerSlot }),
-    hasItems ? /* @__PURE__ */ jsx72(ScrollView8, { contentContainerClassName: "gap-2 p-3", children: items.map((item, index) => /* @__PURE__ */ jsx72(View40, { children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+  return /* @__PURE__ */ jsxs32(View42, { className: cn71("flex-1", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx74(View42, { className: "px-3 py-2", children: headerSlot }),
+    hasItems ? /* @__PURE__ */ jsx74(ScrollView8, { contentContainerClassName: "gap-2 p-3", children: items.map((item, index) => /* @__PURE__ */ jsx74(View42, { children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
   ] });
 }
 
 // src/order/order-detail.tsx
-import { ScrollView as ScrollView9, Text as Text25, View as View41 } from "react-native";
-import { cn as cn70 } from "@tallyui/theme";
-import { jsx as jsx73, jsxs as jsxs32 } from "react/jsx-runtime";
+import { ScrollView as ScrollView9, Text as Text26, View as View43 } from "react-native";
+import { cn as cn72 } from "@tallyui/theme";
+import { jsx as jsx75, jsxs as jsxs33 } from "react/jsx-runtime";
 function OrderDetail({
   orderNumber,
   status,
@@ -2926,47 +3079,47 @@ function OrderDetail({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsx73(ScrollView9, { className: cn70("flex-1", className), ...viewProps, children: /* @__PURE__ */ jsxs32(View41, { className: "gap-4 p-4", children: [
-    /* @__PURE__ */ jsxs32(View41, { className: "flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsx73(Text25, { className: "text-lg font-bold text-foreground", children: orderNumber }),
-      /* @__PURE__ */ jsx73(OrderStatusBadge, { status })
+  return /* @__PURE__ */ jsx75(ScrollView9, { className: cn72("flex-1", className), ...viewProps, children: /* @__PURE__ */ jsxs33(View43, { className: "gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs33(View43, { className: "flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsx75(Text26, { className: "text-lg font-bold text-foreground", children: orderNumber }),
+      /* @__PURE__ */ jsx75(OrderStatusBadge, { status })
     ] }),
-    customerSlot && /* @__PURE__ */ jsx73(View41, { className: "border-b border-border pb-3", children: customerSlot }),
-    /* @__PURE__ */ jsxs32(View41, { className: "gap-1", children: [
-      /* @__PURE__ */ jsx73(Text25, { className: "text-xs font-semibold text-muted-foreground", children: "Items" }),
-      lineItems.map((item, i) => /* @__PURE__ */ jsxs32(View41, { className: "flex-row items-center justify-between py-1", children: [
-        /* @__PURE__ */ jsxs32(Text25, { className: "flex-1 text-sm text-foreground", children: [
+    customerSlot && /* @__PURE__ */ jsx75(View43, { className: "border-b border-border pb-3", children: customerSlot }),
+    /* @__PURE__ */ jsxs33(View43, { className: "gap-1", children: [
+      /* @__PURE__ */ jsx75(Text26, { className: "text-xs font-semibold text-muted-foreground", children: "Items" }),
+      lineItems.map((item, i) => /* @__PURE__ */ jsxs33(View43, { className: "flex-row items-center justify-between py-1", children: [
+        /* @__PURE__ */ jsxs33(Text26, { className: "flex-1 text-sm text-foreground", children: [
           item.name,
           " x",
           item.quantity
         ] }),
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm text-foreground", children: item.total })
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm text-foreground", children: item.total })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsxs32(View41, { className: "gap-1 border-t border-border pt-3", children: [
-      /* @__PURE__ */ jsxs32(View41, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm text-foreground", children: subtotal })
+    /* @__PURE__ */ jsxs33(View43, { className: "gap-1 border-t border-border pt-3", children: [
+      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm text-foreground", children: subtotal })
       ] }),
-      /* @__PURE__ */ jsxs32(View41, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm text-muted-foreground", children: "Tax" }),
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm text-foreground", children: tax })
+      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm text-muted-foreground", children: "Tax" }),
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm text-foreground", children: tax })
       ] }),
-      /* @__PURE__ */ jsxs32(View41, { className: "flex-row justify-between pt-1", children: [
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm font-bold text-foreground", children: "Total" }),
-        /* @__PURE__ */ jsx73(Text25, { className: "text-sm font-bold text-foreground", children: total })
+      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between pt-1", children: [
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm font-bold text-foreground", children: "Total" }),
+        /* @__PURE__ */ jsx75(Text26, { className: "text-sm font-bold text-foreground", children: total })
       ] })
     ] }),
-    paymentSlot && /* @__PURE__ */ jsx73(View41, { className: "border-t border-border pt-3", children: paymentSlot }),
-    footerSlot && /* @__PURE__ */ jsx73(View41, { className: "border-t border-border pt-3", children: footerSlot })
+    paymentSlot && /* @__PURE__ */ jsx75(View43, { className: "border-t border-border pt-3", children: paymentSlot }),
+    footerSlot && /* @__PURE__ */ jsx75(View43, { className: "border-t border-border pt-3", children: footerSlot })
   ] }) });
 }
 
 // src/register/cash-count-input.tsx
-import { useState as useState9 } from "react";
-import { Text as Text26, View as View42 } from "react-native";
-import { cn as cn71 } from "@tallyui/theme";
-import { jsx as jsx74, jsxs as jsxs33 } from "react/jsx-runtime";
+import { useState as useState10 } from "react";
+import { Text as Text27, View as View44 } from "react-native";
+import { cn as cn73 } from "@tallyui/theme";
+import { jsx as jsx76, jsxs as jsxs34 } from "react/jsx-runtime";
 var DEFAULT_DENOMINATIONS = [
   { label: "$100", value: 100 },
   { label: "$50", value: 50 },
@@ -2988,7 +3141,7 @@ function CashCountInput({
   className,
   ...viewProps
 }) {
-  const [internalCounts, setInternalCounts] = useState9(defaultCounts ?? {});
+  const [internalCounts, setInternalCounts] = useState10(defaultCounts ?? {});
   const counts = controlledCounts ?? internalCounts;
   const total = denominations2.reduce(
     (sum, d) => sum + d.value * (counts[d.value] ?? 0),
@@ -3004,10 +3157,10 @@ function CashCountInput({
     );
     onChangeTotal?.(newTotal);
   };
-  return /* @__PURE__ */ jsxs33(View42, { className: cn71("gap-2", className), ...viewProps, children: [
-    denominations2.map((d) => /* @__PURE__ */ jsxs33(View42, { className: "flex-row items-center justify-between px-3 py-1", children: [
-      /* @__PURE__ */ jsx74(Text26, { className: "w-16 text-sm font-medium text-foreground", children: d.label }),
-      /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs34(View44, { className: cn73("gap-2", className), ...viewProps, children: [
+    denominations2.map((d) => /* @__PURE__ */ jsxs34(View44, { className: "flex-row items-center justify-between px-3 py-1", children: [
+      /* @__PURE__ */ jsx76(Text27, { className: "w-16 text-sm font-medium text-foreground", children: d.label }),
+      /* @__PURE__ */ jsx76(
         QuantityStepper,
         {
           quantity: counts[d.value] ?? 0,
@@ -3015,9 +3168,9 @@ function CashCountInput({
           onChangeQuantity: (qty) => handleCountChange(d.value, qty)
         }
       ),
-      /* @__PURE__ */ jsx74(Text26, { className: "w-20 text-right text-sm text-muted-foreground", children: (d.value * (counts[d.value] ?? 0)).toFixed(2) })
+      /* @__PURE__ */ jsx76(Text27, { className: "w-20 text-right text-sm text-muted-foreground", children: (d.value * (counts[d.value] ?? 0)).toFixed(2) })
     ] }, d.value)),
-    /* @__PURE__ */ jsx74(View42, { className: "border-t border-border px-3 pt-2", children: /* @__PURE__ */ jsxs33(Text26, { className: "text-right text-base font-bold text-foreground", children: [
+    /* @__PURE__ */ jsx76(View44, { className: "border-t border-border px-3 pt-2", children: /* @__PURE__ */ jsxs34(Text27, { className: "text-right text-base font-bold text-foreground", children: [
       "Total: ",
       total.toFixed(2)
     ] }) })
@@ -3025,9 +3178,9 @@ function CashCountInput({
 }
 
 // src/register/register-summary.tsx
-import { Text as Text27, View as View43 } from "react-native";
-import { cn as cn72 } from "@tallyui/theme";
-import { jsx as jsx75, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Text as Text28, View as View45 } from "react-native";
+import { cn as cn74 } from "@tallyui/theme";
+import { jsx as jsx77, jsxs as jsxs35 } from "react/jsx-runtime";
 function RegisterSummary({
   expectedCash,
   actualCash,
@@ -3038,37 +3191,37 @@ function RegisterSummary({
   ...viewProps
 }) {
   const discrepancy = actualCash - expectedCash;
-  return /* @__PURE__ */ jsxs34(View43, { className: cn72("gap-4 rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
+  return /* @__PURE__ */ jsxs35(View45, { className: cn74("gap-4 rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
     headerSlot,
-    /* @__PURE__ */ jsxs34(View43, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx75(Text27, { className: "text-xs font-semibold text-muted-foreground", children: "Cash Drawer" }),
-      /* @__PURE__ */ jsxs34(View43, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx75(Text27, { className: "text-sm text-foreground", children: "Expected" }),
-        /* @__PURE__ */ jsx75(Text27, { className: "text-sm text-foreground", children: expectedCash.toFixed(2) })
+    /* @__PURE__ */ jsxs35(View45, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx77(Text28, { className: "text-xs font-semibold text-muted-foreground", children: "Cash Drawer" }),
+      /* @__PURE__ */ jsxs35(View45, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx77(Text28, { className: "text-sm text-foreground", children: "Expected" }),
+        /* @__PURE__ */ jsx77(Text28, { className: "text-sm text-foreground", children: expectedCash.toFixed(2) })
       ] }),
-      /* @__PURE__ */ jsxs34(View43, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx75(Text27, { className: "text-sm text-foreground", children: "Actual" }),
-        /* @__PURE__ */ jsx75(Text27, { className: "text-sm text-foreground", children: actualCash.toFixed(2) })
+      /* @__PURE__ */ jsxs35(View45, { className: "flex-row justify-between", children: [
+        /* @__PURE__ */ jsx77(Text28, { className: "text-sm text-foreground", children: "Actual" }),
+        /* @__PURE__ */ jsx77(Text28, { className: "text-sm text-foreground", children: actualCash.toFixed(2) })
       ] }),
-      /* @__PURE__ */ jsxs34(View43, { className: "flex-row justify-between border-t border-border pt-1", children: [
-        /* @__PURE__ */ jsx75(Text27, { className: "text-sm font-semibold text-foreground", children: "Discrepancy" }),
-        /* @__PURE__ */ jsxs34(Text27, { className: cn72("text-sm font-semibold", discrepancy === 0 ? "text-success" : "text-destructive"), children: [
+      /* @__PURE__ */ jsxs35(View45, { className: "flex-row justify-between border-t border-border pt-1", children: [
+        /* @__PURE__ */ jsx77(Text28, { className: "text-sm font-semibold text-foreground", children: "Discrepancy" }),
+        /* @__PURE__ */ jsxs35(Text28, { className: cn74("text-sm font-semibold", discrepancy === 0 ? "text-success" : "text-destructive"), children: [
           discrepancy >= 0 ? "" : "-",
           Math.abs(discrepancy).toFixed(2)
         ] })
       ] })
     ] }),
-    transactions.length > 0 && /* @__PURE__ */ jsxs34(View43, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx75(Text27, { className: "text-xs font-semibold text-muted-foreground", children: "Transactions" }),
-      transactions.map((t) => /* @__PURE__ */ jsxs34(View43, { className: "flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsxs34(View43, { className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx75(Text27, { className: "text-sm text-foreground", children: t.method }),
-          /* @__PURE__ */ jsxs34(Text27, { className: "text-xs text-muted-foreground", children: [
+    transactions.length > 0 && /* @__PURE__ */ jsxs35(View45, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx77(Text28, { className: "text-xs font-semibold text-muted-foreground", children: "Transactions" }),
+      transactions.map((t) => /* @__PURE__ */ jsxs35(View45, { className: "flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsxs35(View45, { className: "gap-0.5", children: [
+          /* @__PURE__ */ jsx77(Text28, { className: "text-sm text-foreground", children: t.method }),
+          /* @__PURE__ */ jsxs35(Text28, { className: "text-xs text-muted-foreground", children: [
             t.count,
             " transactions"
           ] })
         ] }),
-        /* @__PURE__ */ jsx75(Text27, { className: "text-sm font-semibold text-foreground", children: t.total.toFixed(2) })
+        /* @__PURE__ */ jsx77(Text28, { className: "text-sm font-semibold text-foreground", children: t.total.toFixed(2) })
       ] }, t.method))
     ] }),
     footerSlot
@@ -3076,9 +3229,9 @@ function RegisterSummary({
 }
 
 // src/register/register-open-close.tsx
-import { Pressable as Pressable20, Text as Text28, View as View44 } from "react-native";
-import { cn as cn73 } from "@tallyui/theme";
-import { jsx as jsx76, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Pressable as Pressable22, Text as Text29, View as View46 } from "react-native";
+import { cn as cn75 } from "@tallyui/theme";
+import { jsx as jsx78, jsxs as jsxs36 } from "react/jsx-runtime";
 function RegisterOpenClose({
   isOpen,
   onOpen,
@@ -3089,20 +3242,20 @@ function RegisterOpenClose({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs35(View44, { className: cn73("gap-4 p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx76(Text28, { className: "text-lg font-bold text-foreground", children: isOpen ? "Close Register" : "Open Register" }),
-    isOpen && expectedBalance != null && /* @__PURE__ */ jsxs35(View44, { className: "flex-row justify-between rounded-lg bg-muted px-3 py-2", children: [
-      /* @__PURE__ */ jsx76(Text28, { className: "text-sm text-muted-foreground", children: "Expected Balance" }),
-      /* @__PURE__ */ jsx76(Text28, { className: "text-sm font-semibold text-foreground", children: expectedBalance.toFixed(2) })
+  return /* @__PURE__ */ jsxs36(View46, { className: cn75("gap-4 p-4", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx78(Text29, { className: "text-lg font-bold text-foreground", children: isOpen ? "Close Register" : "Open Register" }),
+    isOpen && expectedBalance != null && /* @__PURE__ */ jsxs36(View46, { className: "flex-row justify-between rounded-lg bg-muted px-3 py-2", children: [
+      /* @__PURE__ */ jsx78(Text29, { className: "text-sm text-muted-foreground", children: "Expected Balance" }),
+      /* @__PURE__ */ jsx78(Text29, { className: "text-sm font-semibold text-foreground", children: expectedBalance.toFixed(2) })
     ] }),
-    cashCountSlot && /* @__PURE__ */ jsx76(View44, { children: cashCountSlot }),
-    notesSlot && /* @__PURE__ */ jsx76(View44, { children: notesSlot }),
-    /* @__PURE__ */ jsx76(
-      Pressable20,
+    cashCountSlot && /* @__PURE__ */ jsx78(View46, { children: cashCountSlot }),
+    notesSlot && /* @__PURE__ */ jsx78(View46, { children: notesSlot }),
+    /* @__PURE__ */ jsx78(
+      Pressable22,
       {
         onPress: isOpen ? onClose : onOpen,
         className: "items-center rounded-lg bg-primary px-4 py-3",
-        children: /* @__PURE__ */ jsx76(Text28, { className: "text-sm font-semibold text-primary-foreground", children: isOpen ? "Close Register" : "Open Register" })
+        children: /* @__PURE__ */ jsx78(Text29, { className: "text-sm font-semibold text-primary-foreground", children: isOpen ? "Close Register" : "Open Register" })
       }
     )
   ] });
@@ -3110,46 +3263,46 @@ function RegisterOpenClose({
 
 // src/register/register-picker.tsx
 import { ScrollView as ScrollView10 } from "react-native";
-import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs37 } from "react/jsx-runtime";
 function RegisterPicker({ registers, onPick, className }) {
-  return /* @__PURE__ */ jsxs36(Card, { testID: "register-picker", className, children: [
-    /* @__PURE__ */ jsx77(CardHeader, { children: /* @__PURE__ */ jsx77(CardTitle, { children: "Choose a register" }) }),
-    /* @__PURE__ */ jsx77(CardContent, { children: /* @__PURE__ */ jsxs36(ScrollView10, { children: [
-      registers.map((register) => /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs37(Card, { testID: "register-picker", className, children: [
+    /* @__PURE__ */ jsx79(CardHeader, { children: /* @__PURE__ */ jsx79(CardTitle, { children: "Choose a register" }) }),
+    /* @__PURE__ */ jsx79(CardContent, { children: /* @__PURE__ */ jsxs37(ScrollView10, { children: [
+      registers.map((register) => /* @__PURE__ */ jsx79(
         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__ */ jsxs36(VStack, { space: "none", children: [
-            /* @__PURE__ */ jsx77(Text, { numberOfLines: 1, children: register.name }),
-            /* @__PURE__ */ jsx77(Text, { testID: `register-picker-row-${register.id}-status`, className: "text-muted-foreground text-sm", children: "Not opened" })
+          children: /* @__PURE__ */ jsxs37(VStack, { space: "none", children: [
+            /* @__PURE__ */ jsx79(Text, { numberOfLines: 1, children: register.name }),
+            /* @__PURE__ */ jsx79(Text, { testID: `register-picker-row-${register.id}-status`, className: "text-muted-foreground text-sm", children: "Not opened" })
           ] })
         },
         register.id
       )),
-      registers.length === 0 && /* @__PURE__ */ jsx77(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__ */ jsx79(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 useState10 } from "react";
-import { View as View45 } from "react-native";
+import { useState as useState11 } from "react";
+import { View as View47 } from "react-native";
 import { parseMinor, validAmount } from "@tallyui/pos";
 import { currencySymbol, formatMoney as formatMoney6, minorUnitDigits as minorUnitDigits3 } from "@tallyui/core";
-import { cn as cn74 } from "@tallyui/theme";
-import { jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
+import { cn as cn76 } from "@tallyui/theme";
+import { jsx as jsx80, jsxs as jsxs38 } 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] = useState10(null);
+  const [enteredAmount, setEnteredAmount] = useState11(null);
   const amount = enteredAmount ?? (expectedFloatMinor != null ? decimal(expectedFloatMinor, digits) : "");
-  const [busy, setBusy] = useState10(false);
-  const [error, setError] = useState10("");
+  const [busy, setBusy] = useState11(false);
+  const [error, setError] = useState11("");
   const valid = validAmount(amount, digits);
   const countedMinor = valid ? parseMinor(amount, digits) : NaN;
   const open = async () => {
@@ -3165,10 +3318,10 @@ function OpenRegisterCard({ register, currency, configuredFloatMinor, className
     }
   };
   const amountLabel = `Cash in the drawer to start (${currencySymbol(currency)})`;
-  return /* @__PURE__ */ jsxs37(View45, { testID: "open-register-card", className: cn74("bg-card gap-3 rounded-md p-4", className), children: [
-    /* @__PURE__ */ jsx78(Text, { className: "text-lg font-semibold", children: "Open register" }),
-    /* @__PURE__ */ jsx78(Label, { testID: "open-register-amount-label", nativeID: AMOUNT_LABEL_ID, children: amountLabel }),
-    /* @__PURE__ */ jsx78(Input, { children: /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs38(View47, { testID: "open-register-card", className: cn76("bg-card gap-3 rounded-md p-4", className), children: [
+    /* @__PURE__ */ jsx80(Text, { className: "text-lg font-semibold", children: "Open register" }),
+    /* @__PURE__ */ jsx80(Label, { testID: "open-register-amount-label", nativeID: AMOUNT_LABEL_ID, children: amountLabel }),
+    /* @__PURE__ */ jsx80(Input, { children: /* @__PURE__ */ jsx80(
       Input.Field,
       {
         testID: "open-register-amount",
@@ -3179,40 +3332,40 @@ function OpenRegisterCard({ register, currency, configuredFloatMinor, className
         accessibilityLabelledBy: AMOUNT_LABEL_ID
       }
     ) }),
-    configuredFloatMinor != null && /* @__PURE__ */ jsx78(
+    configuredFloatMinor != null && /* @__PURE__ */ jsx80(
       Button,
       {
         testID: "open-register-chip-configured",
         variant: "outline",
         className: "min-h-11",
         onPress: () => setEnteredAmount(decimal(configuredFloatMinor, digits)),
-        children: /* @__PURE__ */ jsxs37(Text, { children: [
+        children: /* @__PURE__ */ jsxs38(Text, { children: [
           "Use the configured float (",
           formatMoney6({ amount: configuredFloatMinor, currency }),
           ")"
         ] })
       }
     ),
-    lastCountedMinor != null && /* @__PURE__ */ jsx78(
+    lastCountedMinor != null && /* @__PURE__ */ jsx80(
       Button,
       {
         testID: "open-register-chip-last",
         variant: "outline",
         className: "min-h-11",
         onPress: () => setEnteredAmount(decimal(lastCountedMinor, digits)),
-        children: /* @__PURE__ */ jsxs37(Text, { children: [
+        children: /* @__PURE__ */ jsxs38(Text, { children: [
           "Use the last counted cash (",
           formatMoney6({ amount: lastCountedMinor, currency }),
           ")"
         ] })
       }
     ),
-    expectedFloatMinor !== null && valid && countedMinor !== expectedFloatMinor && /* @__PURE__ */ jsxs37(Text, { testID: "opening-variance", children: [
+    expectedFloatMinor !== null && valid && countedMinor !== expectedFloatMinor && /* @__PURE__ */ jsxs38(Text, { testID: "opening-variance", children: [
       formatMoney6({ amount: countedMinor - expectedFloatMinor, currency }),
       " vs the expected float"
     ] }),
-    !!error && /* @__PURE__ */ jsx78(Text, { className: "text-destructive", children: error }),
-    /* @__PURE__ */ jsx78(Button, { testID: "open-register-button", className: "min-h-14", disabled: busy || !valid, onPress: open, children: /* @__PURE__ */ jsx78(Text, { children: busy ? "Opening\u2026" : "Open register" }) })
+    !!error && /* @__PURE__ */ jsx80(Text, { className: "text-destructive", children: error }),
+    /* @__PURE__ */ jsx80(Button, { testID: "open-register-button", className: "min-h-14", disabled: busy || !valid, onPress: open, children: /* @__PURE__ */ jsx80(Text, { children: busy ? "Opening\u2026" : "Open register" }) })
   ] });
 }
 function decimal(minor, digits) {
@@ -3221,8 +3374,8 @@ function decimal(minor, digits) {
 }
 
 // src/register/register-bar.tsx
-import { Pressable as Pressable21, View as View46 } from "react-native";
-import { cn as cn75 } from "@tallyui/theme";
+import { Pressable as Pressable23, View as View48 } from "react-native";
+import { cn as cn77 } from "@tallyui/theme";
 
 // src/register/register-bar.helpers.ts
 function describeRegisterBarPill({
@@ -3245,7 +3398,7 @@ function describeRegisterBarPill({
 }
 
 // src/register/register-bar.tsx
-import { jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs39 } from "react/jsx-runtime";
 function RegisterBar({
   register,
   registerId,
@@ -3266,10 +3419,10 @@ function RegisterBar({
     sessionsOn: enabled,
     closing
   });
-  return /* @__PURE__ */ jsxs38(HStack, { testID: "register-bar", className: cn75("bg-card border-border h-12 border-b px-3", className), children: [
-    /* @__PURE__ */ jsx79(View46, { className: "min-w-0 flex-1 shrink", children: multiRegister && registerId !== null && /* @__PURE__ */ jsx79(Text, { testID: "register-bar-name", numberOfLines: 1, children: registerName }) }),
-    pill && (onPressPill ? /* @__PURE__ */ jsx79(Pressable21, { testID: "register-bar-pill", accessibilityRole: "button", accessibilityLabel: pill, onPress: onPressPill, children: /* @__PURE__ */ jsx79(Badge, { label: pill, variant: "warning" }) }) : /* @__PURE__ */ jsx79(Badge, { testID: "register-bar-pill", label: pill, variant: "warning" })),
-    (session || lastClosure) && /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs39(HStack, { testID: "register-bar", className: cn77("bg-card border-border h-12 border-b px-3", className), children: [
+    /* @__PURE__ */ jsx81(View48, { className: "min-w-0 flex-1 shrink", children: multiRegister && registerId !== null && /* @__PURE__ */ jsx81(Text, { testID: "register-bar-name", numberOfLines: 1, children: registerName }) }),
+    pill && (onPressPill ? /* @__PURE__ */ jsx81(Pressable23, { testID: "register-bar-pill", accessibilityRole: "button", accessibilityLabel: pill, onPress: onPressPill, children: /* @__PURE__ */ jsx81(Badge, { label: pill, variant: "warning" }) }) : /* @__PURE__ */ jsx81(Badge, { testID: "register-bar-pill", label: pill, variant: "warning" })),
+    (session || lastClosure) && /* @__PURE__ */ jsx81(
       Button,
       {
         variant: "ghost",
@@ -3277,17 +3430,17 @@ function RegisterBar({
         testID: "register-bar-open-panel",
         accessibilityLabel: "Open register panel",
         onPress: onOpenPanel,
-        children: /* @__PURE__ */ jsx79(Text, { className: overdue ? "text-warning" : void 0, children: "Register \u203A" })
+        children: /* @__PURE__ */ jsx81(Text, { className: overdue ? "text-warning" : void 0, children: "Register \u203A" })
       }
     )
   ] });
 }
 
 // src/register/movement-sheet.tsx
-import { useRef as useRef3, useState as useState11 } from "react";
+import { useRef as useRef3, useState as useState12 } from "react";
 import { movementFieldError, normalizeAmount, parseMinor as parseMinor2 } from "@tallyui/pos";
 import { currencySymbol as currencySymbol2, minorUnitDigits as minorUnitDigits4 } from "@tallyui/core";
-import { Fragment as Fragment3, jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx82, jsxs as jsxs40 } from "react/jsx-runtime";
 var LABELS = {
   paid_in: "Paid in",
   paid_out: "Paid out",
@@ -3297,11 +3450,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] = useState11("");
-  const [reason, setReason] = useState11("");
-  const [busy, setBusy] = useState11(false);
+  const [amount, setAmount] = useState12("");
+  const [reason, setReason] = useState12("");
+  const [busy, setBusy] = useState12(false);
   const busyRef = useRef3(false);
-  const [error, setError] = useState11("");
+  const [error, setError] = useState12("");
   const invalid = movementFieldError({ type, amount, reason });
   const confirm = async () => {
     if (invalid || busyRef.current) return;
@@ -3323,11 +3476,11 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx80(Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ jsxs39(DialogContent, { testID: "movement-sheet", children: [
-    /* @__PURE__ */ jsx80(DialogTitle, { children: LABELS[type] }),
-    type !== "no_sale" && /* @__PURE__ */ jsxs39(Fragment3, { children: [
-      /* @__PURE__ */ jsx80(Label, { testID: "movement-amount-label", nativeID: AMOUNT_LABEL_ID2, children: `Amount (${currencySymbol2(currency)})` }),
-      /* @__PURE__ */ jsx80(Input, { children: /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx82(Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ jsxs40(DialogContent, { testID: "movement-sheet", children: [
+    /* @__PURE__ */ jsx82(DialogTitle, { children: LABELS[type] }),
+    type !== "no_sale" && /* @__PURE__ */ jsxs40(Fragment3, { children: [
+      /* @__PURE__ */ jsx82(Label, { testID: "movement-amount-label", nativeID: AMOUNT_LABEL_ID2, children: `Amount (${currencySymbol2(currency)})` }),
+      /* @__PURE__ */ jsx82(Input, { children: /* @__PURE__ */ jsx82(
         Input.Field,
         {
           testID: "movement-amount",
@@ -3339,8 +3492,8 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx80(Label, { testID: "movement-reason-label", nativeID: REASON_LABEL_ID, children: "Reason" }),
-    /* @__PURE__ */ jsx80(Input, { children: /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx82(Label, { testID: "movement-reason-label", nativeID: REASON_LABEL_ID, children: "Reason" }),
+    /* @__PURE__ */ jsx82(Input, { children: /* @__PURE__ */ jsx82(
       Input.Field,
       {
         testID: "movement-reason",
@@ -3351,20 +3504,20 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
         accessibilityLabelledBy: REASON_LABEL_ID
       }
     ) }),
-    !!error && /* @__PURE__ */ jsx80(Text, { className: "text-destructive", children: error }),
-    !!invalid && /* @__PURE__ */ jsx80(Text, { testID: "movement-invalid", className: "text-muted-foreground", children: invalid === "amount" ? "Enter a valid amount." : "Enter a reason." }),
-    /* @__PURE__ */ jsx80(Button, { testID: "movement-confirm", disabled: !!invalid || busy, onPress: confirm, children: /* @__PURE__ */ jsx80(Text, { children: busy ? "Recording\u2026" : "Record" }) })
+    !!error && /* @__PURE__ */ jsx82(Text, { className: "text-destructive", children: error }),
+    !!invalid && /* @__PURE__ */ jsx82(Text, { testID: "movement-invalid", className: "text-muted-foreground", children: invalid === "amount" ? "Enter a valid amount." : "Enter a reason." }),
+    /* @__PURE__ */ jsx82(Button, { testID: "movement-confirm", disabled: !!invalid || busy, onPress: confirm, children: /* @__PURE__ */ jsx82(Text, { children: busy ? "Recording\u2026" : "Record" }) })
   ] }) });
 }
 
 // src/register/register-panel.tsx
-import { useState as useState13 } from "react";
-import { ScrollView as ScrollView12, useWindowDimensions as useWindowDimensions2, View as View48 } from "react-native";
+import { useState as useState14 } from "react";
+import { ScrollView as ScrollView12, useWindowDimensions as useWindowDimensions2, View as View50 } from "react-native";
 import { formatMoney as formatMoney8 } from "@tallyui/core";
 
 // src/register/register-count.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState12 } from "react";
-import { Platform, Pressable as Pressable22, ScrollView as ScrollView11, useWindowDimensions, View as View47 } from "react-native";
+import { useEffect as useEffect3, useRef as useRef4, useState as useState13 } from "react";
+import { Platform, Pressable as Pressable24, ScrollView as ScrollView11, useWindowDimensions, View as View49 } from "react-native";
 import {
   closeNeedsApproval,
   countVariance,
@@ -3376,8 +3529,8 @@ import {
   varianceText
 } from "@tallyui/pos";
 import { currencySymbol as currencySymbol3, formatMoney as formatMoney7, minorUnitDigits as minorUnitDigits5 } from "@tallyui/core";
-import { cn as cn76 } from "@tallyui/theme";
-import { jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
+import { cn as cn78 } from "@tallyui/theme";
+import { jsx as jsx83, 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) {
@@ -3408,8 +3561,8 @@ function DenominationTile({ value, count: count2, currency, onAdd }) {
     timer.current = void 0;
   };
   useEffect3(() => stop, []);
-  return /* @__PURE__ */ jsxs40(
-    Pressable22,
+  return /* @__PURE__ */ jsxs41(
+    Pressable24,
     {
       testID: `den-tile-${value}`,
       accessibilityRole: "button",
@@ -3430,8 +3583,8 @@ function DenominationTile({ value, count: count2, 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: count2 })
+        /* @__PURE__ */ jsx83(Text, { className: "text-sm tabular-nums", numberOfLines: 1, children: label }),
+        /* @__PURE__ */ jsx83(Text, { testID: `den-count-${value}`, className: "bg-background min-w-6 rounded-full px-1.5 text-center text-xs tabular-nums", children: count2 })
       ]
     }
   );
@@ -3442,18 +3595,18 @@ function RegisterCount({ register, currency, approve, className }) {
   const faces = denominations[currency] ?? denominations.default;
   const { width } = useWindowDimensions();
   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;
@@ -3501,11 +3654,11 @@ function RegisterCount({ register, currency, approve, className }) {
     void attempt(() => actions.closeSession({ counted }));
   };
   if (!session) return null;
-  return /* @__PURE__ */ jsxs40(View47, { testID: "register-count", className: cn76("bg-card flex-1 rounded-md", className), children: [
-    /* @__PURE__ */ jsxs40(ScrollView11, { 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: cn78("bg-card flex-1 rounded-md", className), children: [
+    /* @__PURE__ */ jsxs41(ScrollView11, { className: "flex-1", contentContainerClassName: "gap-3 p-4", children: [
+      /* @__PURE__ */ jsx83(Text, { className: "min-h-11 text-lg font-semibold", children: "Count the drawer" }),
+      /* @__PURE__ */ jsx83(Label, { testID: "count-amount-label", nativeID: AMOUNT_LABEL_ID3, children: `Cash counted (${currencySymbol3(currency)})` }),
+      /* @__PURE__ */ jsx83(Input, { children: /* @__PURE__ */ jsx83(
         Input.Field,
         {
           testID: "count-amount",
@@ -3519,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 ${formatMoney7({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
+      !blind && valid && /* @__PURE__ */ jsx83(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney7({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
         variance,
         digits,
         (major) => formatMoney7({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
         varianceWord
       )}` }),
-      /* @__PURE__ */ jsxs40(View47, { testID: "count-denominations", className: "gap-2", children: [
-        Array.from({ length: Math.ceil(faces.length / columns) }, (_, row) => /* @__PURE__ */ jsx81(View47, { 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__ */ jsx83(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__ */ jsx83(
             DenominationTile,
             {
               value,
@@ -3537,9 +3690,9 @@ function RegisterCount({ register, currency, approve, className }) {
               onAdd: (n) => addPieces(value, n)
             },
             value
-          ) : /* @__PURE__ */ jsx81(View47, { className: "flex-1" }, column);
+          ) : /* @__PURE__ */ jsx83(View49, { className: "flex-1" }, column);
         }) }, row)),
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx83(
           Button,
           {
             testID: "count-clear",
@@ -3549,16 +3702,16 @@ function RegisterCount({ register, currency, approve, className }) {
               setPieces({});
               setCashText(minorToDecimal(0, digits));
             },
-            children: /* @__PURE__ */ jsx81(Text, { children: "Clear" })
+            children: /* @__PURE__ */ jsx83(Text, { children: "Clear" })
           }
         )
       ] }),
       otherMethods.map((method) => {
         const labelId = `count-tender-${method}-label`;
         const label = `${tenderLabel(method)} counted (${currencySymbol3(currency)})`;
-        return /* @__PURE__ */ jsxs40(View47, { 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__ */ jsx83(Label, { testID: labelId, nativeID: labelId, children: label }),
+          /* @__PURE__ */ jsx83(Input, { children: /* @__PURE__ */ jsx83(
             Input.Field,
             {
               testID: `count-tender-${method}`,
@@ -3571,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__ */ jsx83(Text, { testID: "count-manager-line", className: "text-warning min-h-11", children: refusal }),
+      !!error && /* @__PURE__ */ jsx83(Text, { testID: "count-error", className: "text-destructive min-h-11", children: error })
     ] }),
-    /* @__PURE__ */ jsxs40(View47, { 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__ */ jsx83(
         Button,
         {
           testID: "count-back",
@@ -3583,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__ */ jsx83(Text, { children: "Back to selling" })
         }
       ),
-      /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx83(
         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__ */ jsx83(Text, { children: busy ? "Closing\u2026" : "Close register" })
         }
       )
     ] })
@@ -3601,16 +3754,16 @@ function RegisterCount({ register, currency, approve, className }) {
 }
 
 // src/register/register-panel.tsx
-import { jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs42 } 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 otherTenders = Object.entries(expected).filter(([method, amount]) => method !== "cash" && amount !== 0);
   const { height: windowHeight } = useWindowDimensions2();
   const maxHeight = Math.max(280, windowHeight - DIALOG_VERTICAL_MARGIN);
-  const [movementType, setMovementType] = useState13(null);
-  const [expanded, setExpanded] = useState13(false);
-  const [error, setError] = useState13("");
+  const [movementType, setMovementType] = useState14(null);
+  const [expanded, setExpanded] = useState14(false);
+  const [error, setError] = useState14("");
   const attempt = async (action) => {
     try {
       await action();
@@ -3622,25 +3775,25 @@ 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__ */ jsx82(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx84(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs42(
     DialogContent,
     {
       testID: "register-panel",
       className: `flex-col overflow-hidden ${className ?? ""}`,
       style: { maxHeight },
       children: [
-        /* @__PURE__ */ jsxs41(View48, { className: "flex-row items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx82(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
-          /* @__PURE__ */ jsx82(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx82(IconButton, { variant: "ghost", size: "sm", testID: "register-panel-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx82(XIcon, { size: 16 }) }) })
+        /* @__PURE__ */ jsxs42(View50, { className: "flex-row items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx84(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
+          /* @__PURE__ */ jsx84(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx84(IconButton, { variant: "ghost", size: "sm", testID: "register-panel-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx84(XIcon, { size: 16 }) }) })
         ] }),
-        /* @__PURE__ */ jsxs41(Text, { testID: "register-panel-sales-count", children: [
+        /* @__PURE__ */ jsxs42(Text, { testID: "register-panel-sales-count", children: [
           salesCount,
           " sale",
           salesCount === 1 ? "" : "s",
           " this session"
         ] }),
-        /* @__PURE__ */ jsxs41(ScrollView12, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
-          /* @__PURE__ */ jsx82(View48, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsxs42(ScrollView12, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
+          /* @__PURE__ */ jsx84(View50, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx84(
             Button,
             {
               testID: `register-panel-${type.replace("_", "-")}`,
@@ -3648,40 +3801,40 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
               variant: "outline",
               disabled: session?.status !== "open",
               onPress: () => setMovementType(type),
-              children: /* @__PURE__ */ jsx82(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
+              children: /* @__PURE__ */ jsx84(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
             },
             type
           )) }),
-          !blind && /* @__PURE__ */ jsxs41(View48, { testID: "register-panel-expected", className: "gap-1", children: [
-            /* @__PURE__ */ jsx82(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
-            Object.entries(expected).filter(([method]) => method === "cash").map(([method, amount]) => /* @__PURE__ */ jsxs41(View48, { className: "min-h-11 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsx82(Text, { children: tenderLabel("cash") }),
-              /* @__PURE__ */ jsx82(Text, { className: "tabular-nums", children: formatMoney8({ amount, currency }) })
+          !blind && /* @__PURE__ */ jsxs42(View50, { testID: "register-panel-expected", className: "gap-1", children: [
+            /* @__PURE__ */ jsx84(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
+            Object.entries(expected).filter(([method]) => method === "cash").map(([method, amount]) => /* @__PURE__ */ jsxs42(View50, { className: "min-h-11 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsx84(Text, { children: tenderLabel("cash") }),
+              /* @__PURE__ */ jsx84(Text, { className: "tabular-nums", children: formatMoney8({ amount, currency }) })
             ] }, method))
           ] }),
-          !blind && otherTenders.length > 0 && /* @__PURE__ */ jsxs41(View48, { testID: "register-panel-other-tenders", className: "gap-1", children: [
-            /* @__PURE__ */ jsx82(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Other tenders" }),
-            otherTenders.map(([method, amount]) => /* @__PURE__ */ jsxs41(View48, { className: "min-h-11 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsx82(Text, { children: tenderLabel(method) }),
-              /* @__PURE__ */ jsx82(Text, { className: "tabular-nums", children: formatMoney8({ amount, currency }) })
+          !blind && otherTenders.length > 0 && /* @__PURE__ */ jsxs42(View50, { testID: "register-panel-other-tenders", className: "gap-1", children: [
+            /* @__PURE__ */ jsx84(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Other tenders" }),
+            otherTenders.map(([method, amount]) => /* @__PURE__ */ jsxs42(View50, { className: "min-h-11 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsx84(Text, { children: tenderLabel(method) }),
+              /* @__PURE__ */ jsx84(Text, { className: "tabular-nums", children: formatMoney8({ amount, currency }) })
             ] }, method))
           ] }),
-          /* @__PURE__ */ jsx82(
+          /* @__PURE__ */ jsx84(
             Button,
             {
               testID: "register-panel-movements",
               variant: "ghost",
               className: "min-h-11",
               onPress: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ jsx82(Text, { children: "Paid in / out" })
+              children: /* @__PURE__ */ jsx84(Text, { children: "Paid in / out" })
             }
           ),
-          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs41(View48, { className: "min-h-11 flex-row items-center gap-2", children: [
-            /* @__PURE__ */ jsxs41(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
+          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs42(View50, { className: "min-h-11 flex-row items-center gap-2", children: [
+            /* @__PURE__ */ jsxs42(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 ${formatMoney8({ amount: row.amountMinor, currency })} \xB7 ${row.reason}` : ""
             ] }),
-            /* @__PURE__ */ jsx82(
+            /* @__PURE__ */ jsx84(
               Button,
               {
                 variant: "ghost",
@@ -3689,12 +3842,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__ */ jsx82(Text, { children: "Undo" })
+                children: /* @__PURE__ */ jsx84(Text, { children: "Undo" })
               }
             )
           ] }, row.id)),
-          !!error && /* @__PURE__ */ jsx82(Text, { className: "text-destructive", children: error }),
-          /* @__PURE__ */ jsx82(
+          !!error && /* @__PURE__ */ jsx84(Text, { className: "text-destructive", children: error }),
+          /* @__PURE__ */ jsx84(
             Button,
             {
               testID: "register-panel-close",
@@ -3705,11 +3858,11 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
                 await actions.startCounting();
                 onOpenChange(false);
               }),
-              children: /* @__PURE__ */ jsx82(Text, { children: "Close register" })
+              children: /* @__PURE__ */ jsx84(Text, { children: "Close register" })
             }
           )
         ] }),
-        movementType && /* @__PURE__ */ jsx82(
+        movementType && /* @__PURE__ */ jsx84(
           MovementSheet,
           {
             register,
@@ -3727,9 +3880,9 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
 }
 
 // src/register/register-column.tsx
-import { useState as useState14 } from "react";
-import { View as View49 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { View as View51 } from "react-native";
+import { Fragment as Fragment4, jsx as jsx85, jsxs as jsxs43 } from "react/jsx-runtime";
 function RegisterColumn({
   register,
   registerId,
@@ -3741,30 +3894,30 @@ function RegisterColumn({
   cartEmpty,
   children
 }) {
-  const [finishing, setFinishing] = useState14(false);
+  const [finishing, setFinishing] = useState15(false);
   if (registerId === null) {
-    return /* @__PURE__ */ jsx83(RegisterPicker, { registers, onPick, className: "flex-1" });
+    return /* @__PURE__ */ jsx85(RegisterPicker, { registers, onPick, className: "flex-1" });
   }
   if (register.session?.status === "closed") {
-    return register.closing && !finishing ? /* @__PURE__ */ jsx83(Fragment4, { children: countSlot }) : /* @__PURE__ */ jsx83(FinishClose, { register, busy: finishing, setBusy: setFinishing });
+    return register.closing && !finishing ? /* @__PURE__ */ jsx85(Fragment4, { children: countSlot }) : /* @__PURE__ */ jsx85(FinishClose, { register, busy: finishing, setBusy: setFinishing });
   }
   if (!register.session) {
-    return /* @__PURE__ */ jsx83(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
+    return /* @__PURE__ */ jsx85(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
   }
   if (register.session.status === "counting") {
-    return /* @__PURE__ */ jsx83(Fragment4, { children: countSlot });
+    return /* @__PURE__ */ jsx85(Fragment4, { children: countSlot });
   }
-  return /* @__PURE__ */ jsxs42(View49, { testID: "register-column", className: "flex-1", children: [
-    register.overdue && cartEmpty && /* @__PURE__ */ jsxs42(View49, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx83(Text, { className: "flex-1", children: "This register is overdue for closing." }),
-      /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs43(View51, { testID: "register-column", className: "flex-1", children: [
+    register.overdue && cartEmpty && /* @__PURE__ */ jsxs43(View51, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx85(Text, { className: "flex-1", children: "This register is overdue for closing." }),
+      /* @__PURE__ */ jsx85(
         Button,
         {
           testID: "register-column-close-overdue",
           variant: "outline",
           className: "min-h-11",
           onPress: () => register.actions.startCounting(),
-          children: /* @__PURE__ */ jsx83(Text, { children: "Close register" })
+          children: /* @__PURE__ */ jsx85(Text, { children: "Close register" })
         }
       )
     ] }),
@@ -3772,7 +3925,7 @@ function RegisterColumn({
   ] });
 }
 function FinishClose({ register, busy, setBusy }) {
-  const [error, setError] = useState14("");
+  const [error, setError] = useState15("");
   const finish = async () => {
     setBusy(true);
     setError("");
@@ -3784,19 +3937,19 @@ function FinishClose({ register, busy, setBusy }) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs42(View49, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
-    /* @__PURE__ */ jsx83(Text, { children: "The last close didn't finish." }),
-    /* @__PURE__ */ jsx83(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx83(Text, { children: "Finish closing" }) }),
-    !!error && /* @__PURE__ */ jsx83(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
+  return /* @__PURE__ */ jsxs43(View51, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
+    /* @__PURE__ */ jsx85(Text, { children: "The last close didn't finish." }),
+    /* @__PURE__ */ jsx85(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx85(Text, { children: "Finish closing" }) }),
+    !!error && /* @__PURE__ */ jsx85(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
   ] });
 }
 
 // src/register/closure-sheet.tsx
-import { useEffect as useEffect4, useRef as useRef5, useState as useState15 } from "react";
-import { AccessibilityInfo, Animated, View as View50 } from "react-native";
+import { useEffect as useEffect4, useRef as useRef5, useState as useState16 } from "react";
+import { AccessibilityInfo, Animated, View as View52 } 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 jsx84, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs44 } from "react/jsx-runtime";
 function useCompletionMotion() {
   const opacity = useRef5(new Animated.Value(0)).current;
   const scale = useRef5(new Animated.Value(0.6)).current;
@@ -3824,8 +3977,8 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
   const { lastClosure: closure, blind } = register;
   const digits = minorUnitDigits6(currency);
   const { opacity, scale } = useCompletionMotion();
-  const [busy, setBusy] = useState15(false);
-  const [error, setError] = useState15("");
+  const [busy, setBusy] = useState16(false);
+  const [error, setError] = useState16("");
   if (!closure) return null;
   const methods = Object.keys(closure.counted);
   const approvedByName = closure.breakdowns.approved_by_name;
@@ -3843,34 +3996,34 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx86(
     Dialog,
     {
       open: true,
       onOpenChange: (open) => {
         if (!open) onDone();
       },
-      children: /* @__PURE__ */ jsxs43(DialogContent, { testID: "closure-sheet", children: [
-        /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsxs44(DialogContent, { testID: "closure-sheet", children: [
+        /* @__PURE__ */ jsx86(
           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__ */ jsx84(Text, { className: "text-success text-lg font-bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: "\u2713" })
+            children: /* @__PURE__ */ jsx86(Text, { className: "text-success text-lg font-bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: "\u2713" })
           }
         ),
-        /* @__PURE__ */ jsx84(DialogTitle, { testID: "closure-title", children: "Register closed" }),
-        /* @__PURE__ */ jsx84(Text, { testID: "closure-number", className: "text-muted-foreground min-h-11", children: `Closure #${closure.number}` }),
-        !blind && /* @__PURE__ */ jsx84(View50, { testID: "closure-figures", className: "gap-3", children: methods.map((method) => {
+        /* @__PURE__ */ jsx86(DialogTitle, { testID: "closure-title", children: "Register closed" }),
+        /* @__PURE__ */ jsx86(Text, { testID: "closure-number", className: "text-muted-foreground min-h-11", children: `Closure #${closure.number}` }),
+        !blind && /* @__PURE__ */ jsx86(View52, { 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__ */ jsxs43(View50, { className: "gap-1", children: [
-            /* @__PURE__ */ jsx84(Text, { className: "text-muted-foreground text-xs font-semibold", children: tenderLabel(method) }),
-            /* @__PURE__ */ jsx84(Text, { testID: `closure-counted-${method}`, className: "min-h-11 tabular-nums", children: `Counted ${formatMoney9({ amount: countedMinor, currency })}` }),
-            /* @__PURE__ */ jsx84(Text, { testID: `closure-expected-${method}`, className: "min-h-11 tabular-nums", children: `Expected ${formatMoney9({ amount: expectedMinor, currency })}` }),
-            /* @__PURE__ */ jsx84(Text, { testID: `closure-variance-${method}`, className: "min-h-11 tabular-nums", children: varianceText2(
+          return /* @__PURE__ */ jsxs44(View52, { className: "gap-1", children: [
+            /* @__PURE__ */ jsx86(Text, { className: "text-muted-foreground text-xs font-semibold", children: tenderLabel(method) }),
+            /* @__PURE__ */ jsx86(Text, { testID: `closure-counted-${method}`, className: "min-h-11 tabular-nums", children: `Counted ${formatMoney9({ amount: countedMinor, currency })}` }),
+            /* @__PURE__ */ jsx86(Text, { testID: `closure-expected-${method}`, className: "min-h-11 tabular-nums", children: `Expected ${formatMoney9({ amount: expectedMinor, currency })}` }),
+            /* @__PURE__ */ jsx86(Text, { testID: `closure-variance-${method}`, className: "min-h-11 tabular-nums", children: varianceText2(
               varianceMinor,
               digits,
               (major) => formatMoney9({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
@@ -3878,51 +4031,51 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
             ) })
           ] }, method);
         }) }),
-        !!approvedBy && /* @__PURE__ */ jsxs43(Text, { testID: "closure-approved-by", children: [
+        !!approvedBy && /* @__PURE__ */ jsxs44(Text, { testID: "closure-approved-by", children: [
           "Approved by ",
           approvedBy
         ] }),
-        closure.breakdowns.tax_rounding_mixed === true && /* @__PURE__ */ jsx84(Text, { testID: "closure-tax-rounding-mixed", className: "text-muted-foreground", children: TAX_ROUNDING_MIXED_NOTE }),
-        !!error && /* @__PURE__ */ jsx84(Text, { testID: "closure-print-error", className: "text-destructive", children: error }),
-        !blind && !!onPrint && /* @__PURE__ */ jsx84(Button, { testID: "closure-print", className: "min-h-14", disabled: busy, onPress: print, children: /* @__PURE__ */ jsx84(Text, { children: busy ? "Printing\u2026" : "Print the Z report" }) }),
-        /* @__PURE__ */ jsx84(Button, { testID: "closure-done", variant: "outline", className: "min-h-14", onPress: onDone, children: /* @__PURE__ */ jsx84(Text, { children: "Done" }) })
+        closure.breakdowns.tax_rounding_mixed === true && /* @__PURE__ */ jsx86(Text, { testID: "closure-tax-rounding-mixed", className: "text-muted-foreground", children: TAX_ROUNDING_MIXED_NOTE }),
+        !!error && /* @__PURE__ */ jsx86(Text, { testID: "closure-print-error", className: "text-destructive", children: error }),
+        !blind && !!onPrint && /* @__PURE__ */ jsx86(Button, { testID: "closure-print", className: "min-h-14", disabled: busy, onPress: print, children: /* @__PURE__ */ jsx86(Text, { children: busy ? "Printing\u2026" : "Print the Z report" }) }),
+        /* @__PURE__ */ jsx86(Button, { testID: "closure-done", variant: "outline", className: "min-h-14", onPress: onDone, children: /* @__PURE__ */ jsx86(Text, { children: "Done" }) })
       ] })
     }
   );
 }
 
 // src/settings/settings-row.tsx
-import { Text as Text29, View as View51 } from "react-native";
-import { cn as cn77 } from "@tallyui/theme";
-import { jsx as jsx85, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Text as Text30, View as View53 } from "react-native";
+import { cn as cn79 } from "@tallyui/theme";
+import { jsx as jsx87, jsxs as jsxs45 } from "react/jsx-runtime";
 function SettingsRow({ label, description, action, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs44(View51, { className: cn77("flex-row items-center gap-3 px-4 py-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs44(View51, { className: "flex-1 gap-0.5", children: [
-      /* @__PURE__ */ jsx85(Text29, { className: "text-sm font-medium text-foreground", children: label }),
-      description && /* @__PURE__ */ jsx85(Text29, { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs45(View53, { className: cn79("flex-row items-center gap-3 px-4 py-3", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs45(View53, { className: "flex-1 gap-0.5", children: [
+      /* @__PURE__ */ jsx87(Text30, { className: "text-sm font-medium text-foreground", children: label }),
+      description && /* @__PURE__ */ jsx87(Text30, { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    action && /* @__PURE__ */ jsx85(View51, { children: action })
+    action && /* @__PURE__ */ jsx87(View53, { children: action })
   ] });
 }
 
 // src/settings/settings-group.tsx
-import { Text as Text30, View as View52 } from "react-native";
-import { cn as cn78 } from "@tallyui/theme";
-import { jsx as jsx86, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Text as Text31, View as View54 } from "react-native";
+import { cn as cn80 } from "@tallyui/theme";
+import { jsx as jsx88, jsxs as jsxs46 } from "react/jsx-runtime";
 function SettingsGroup({ title, description, children, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs45(View52, { className: cn78("gap-1", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs45(View52, { className: "px-4 py-2", children: [
-      /* @__PURE__ */ jsx86(Text30, { className: "text-sm font-semibold text-foreground", children: title }),
-      description && /* @__PURE__ */ jsx86(Text30, { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs46(View54, { className: cn80("gap-1", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs46(View54, { className: "px-4 py-2", children: [
+      /* @__PURE__ */ jsx88(Text31, { className: "text-sm font-semibold text-foreground", children: title }),
+      description && /* @__PURE__ */ jsx88(Text31, { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ jsx86(View52, { className: "rounded-lg border border-border bg-card", children })
+    /* @__PURE__ */ jsx88(View54, { className: "rounded-lg border border-border bg-card", children })
   ] });
 }
 
 // src/settings/connector-status.tsx
-import { Text as Text31, View as View53 } from "react-native";
-import { cn as cn79 } from "@tallyui/theme";
-import { jsx as jsx87, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Text as Text32, View as View55 } from "react-native";
+import { cn as cn81 } from "@tallyui/theme";
+import { jsx as jsx89, jsxs as jsxs47 } from "react/jsx-runtime";
 function defaultFormatUnsold(count2, stale) {
   return `${count2} ${count2 === 1 ? "product" : "products"} not sold in this channel${stale ? " (last check failed)" : ""}`;
 }
@@ -3944,33 +4097,34 @@ function ConnectorStatus({
   ...viewProps
 }) {
   const config = STATUS_CONFIG2[status];
-  return /* @__PURE__ */ jsxs46(View53, { className: cn79("gap-2 rounded-lg border border-border bg-card p-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs46(View53, { className: "flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsx87(Text31, { className: "text-sm font-semibold text-foreground", children: name }),
-      /* @__PURE__ */ jsxs46(View53, { className: "flex-row items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx87(View53, { className: cn79("h-2 w-2 rounded-full", config.dot) }),
-        /* @__PURE__ */ jsx87(Text31, { className: cn79("text-xs font-medium", config.text), children: config.label })
+  return /* @__PURE__ */ jsxs47(View55, { className: cn81("gap-2 rounded-lg border border-border bg-card p-3", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs47(View55, { className: "flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsx89(Text32, { className: "text-sm font-semibold text-foreground", children: name }),
+      /* @__PURE__ */ jsxs47(View55, { className: "flex-row items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx89(View55, { className: cn81("h-2 w-2 rounded-full", config.dot) }),
+        /* @__PURE__ */ jsx89(Text32, { className: cn81("text-xs font-medium", config.text), children: config.label })
       ] })
     ] }),
-    lastSync && /* @__PURE__ */ jsxs46(Text31, { className: "text-xs text-muted-foreground", children: [
+    lastSync && /* @__PURE__ */ jsxs47(Text32, { className: "text-xs text-muted-foreground", children: [
       "Last sync: ",
       lastSync
     ] }),
-    error && /* @__PURE__ */ jsx87(Text31, { className: "text-xs text-destructive", children: error }),
-    !!unsoldCount && /* @__PURE__ */ jsx87(Text31, { className: cn79("text-xs", unsoldStale ? "text-muted-foreground" : "text-warning"), children: formatUnsold(unsoldCount, !!unsoldStale) })
+    error && /* @__PURE__ */ jsx89(Text32, { className: "text-xs text-destructive", children: error }),
+    !!unsoldCount && /* @__PURE__ */ jsx89(Text32, { className: cn81("text-xs", unsoldStale ? "text-muted-foreground" : "text-warning"), children: formatUnsold(unsoldCount, !!unsoldStale) })
   ] });
 }
 
 // src/sale/cart.tsx
-import { useState as useState18 } from "react";
-import { Pressable as Pressable25, Text as Text34, View as View56 } from "react-native";
+import { useState as useState20 } from "react";
+import { Pressable as Pressable28, Text as Text36, View as View59 } from "react-native";
+import { formatMoney as formatMoney12 } from "@tallyui/core";
 import { buildReceiptData } from "@tallyui/pos";
 
 // src/sale/discount-form.tsx
-import { useState as useState16 } from "react";
-import { Pressable as Pressable23, Text as Text32, TextInput as TextInput9, View as View54 } from "react-native";
+import { useState as useState17 } from "react";
+import { Pressable as Pressable25, Text as Text33, TextInput as TextInput9, View as View56 } from "react-native";
 import { formatMoney as formatMoney10, minorUnitDigits as minorUnitDigits7, moneyFromDecimalString as moneyFromDecimalString2 } from "@tallyui/core";
-import { jsx as jsx88, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs48 } from "react/jsx-runtime";
 function parseDiscount(type, text, currency) {
   const raw = text.trim();
   const trimmed = raw.split(",").length === 2 ? raw.replace(",", ".") : raw;
@@ -3987,30 +4141,30 @@ 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] = useState16("percentage");
-  const [text, setText] = useState16("");
-  const [error, setError] = useState16(null);
+  const [type, setType] = useState17("percentage");
+  const [text, setText] = useState17("");
+  const [error, setError] = useState17(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__ */ jsxs47(View54, { role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx88(Text32, { className: "font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsxs47(View54, { className: "flex-row gap-2", children: [
-      ["percentage", "fixed"].map((option) => /* @__PURE__ */ jsx88(
-        Pressable23,
+  return /* @__PURE__ */ jsxs48(View56, { role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx90(Text33, { className: "font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsxs48(View56, { className: "flex-row gap-2", children: [
+      ["percentage", "fixed"].map((option) => /* @__PURE__ */ jsx90(
+        Pressable25,
         {
           accessibilityRole: "button",
           accessibilityState: { selected: type === option },
           onPress: () => setType(option),
           className: `${button} ${type === option ? "bg-primary" : "bg-card"}`,
-          children: /* @__PURE__ */ jsx88(Text32, { className: type === option ? "text-primary-foreground" : "text-foreground", children: option === "percentage" ? "Percent" : "Amount" })
+          children: /* @__PURE__ */ jsx90(Text33, { className: type === option ? "text-primary-foreground" : "text-foreground", children: option === "percentage" ? "Percent" : "Amount" })
         },
         option
       )),
-      /* @__PURE__ */ jsx88(
+      /* @__PURE__ */ jsx90(
         TextInput9,
         {
           accessibilityLabel: "Discount value",
@@ -4023,16 +4177,16 @@ function DiscountForm({ title, currency, onApply, onClose }) {
         }
       )
     ] }),
-    error ? /* @__PURE__ */ jsx88(Text32, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsxs47(View54, { className: "flex-row gap-2", children: [
-      /* @__PURE__ */ jsx88(Pressable23, { accessibilityRole: "button", onPress: apply, className: `${button} bg-primary`, children: /* @__PURE__ */ jsx88(Text32, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
-      /* @__PURE__ */ jsx88(Pressable23, { accessibilityRole: "button", onPress: onClose, className: `${button} bg-card`, children: /* @__PURE__ */ jsx88(Text32, { className: "text-foreground", children: "Cancel" }) })
+    error ? /* @__PURE__ */ jsx90(Text33, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs48(View56, { className: "flex-row gap-2", children: [
+      /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", onPress: apply, className: `${button} bg-primary`, children: /* @__PURE__ */ jsx90(Text33, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
+      /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", onPress: onClose, className: `${button} bg-card`, children: /* @__PURE__ */ jsx90(Text33, { className: "text-foreground", children: "Cancel" }) })
     ] })
   ] });
 }
 function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] }) {
   if (!discounts.length) return null;
-  return /* @__PURE__ */ jsx88(View54, { className: "flex-row flex-wrap gap-2 px-3", children: discounts.map((discount) => {
+  return /* @__PURE__ */ jsx90(View56, { 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 = [
@@ -4040,16 +4194,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__ */ jsxs47(
-      Pressable23,
+    return /* @__PURE__ */ jsxs48(
+      Pressable25,
       {
         accessibilityRole: "button",
         accessibilityLabel: `Remove discount ${label}`,
         onPress: () => onRemove(discount.id),
         className: "min-h-11 flex-row items-center gap-1",
         children: [
-          /* @__PURE__ */ jsx88(DiscountBadge, { label, className: "self-center" }),
-          /* @__PURE__ */ jsx88(Text32, { className: "text-muted-foreground", children: "\u2715" })
+          /* @__PURE__ */ jsx90(DiscountBadge, { label, className: "self-center" }),
+          /* @__PURE__ */ jsx90(Text33, { className: "text-muted-foreground", children: "\u2715" })
         ]
       },
       discount.id
@@ -4058,10 +4212,10 @@ function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] })
 }
 
 // src/sale/price-form.tsx
-import { useState as useState17 } from "react";
-import { Pressable as Pressable24, Text as Text33, TextInput as TextInput10, View as View55 } from "react-native";
+import { useState as useState18 } from "react";
+import { Pressable as Pressable26, Text as Text34, TextInput as TextInput10, View as View57 } from "react-native";
 import { formatMoney as formatMoney11, minorUnitDigits as minorUnitDigits8, moneyFromDecimalString as moneyFromDecimalString3 } from "@tallyui/core";
-import { jsx as jsx89, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs49 } from "react/jsx-runtime";
 function parsePrice(text, currency) {
   const raw = text.trim();
   const trimmed = raw.split(",").length === 2 ? raw.replace(",", ".") : raw;
@@ -4074,9 +4228,9 @@ function parsePrice(text, currency) {
 }
 var button2 = "rounded-md border border-border px-3 py-2 min-h-11 items-center justify-center";
 function PriceForm({ lineName, currency, currentMinor, onApply, onClose }) {
-  const [text, setText] = useState17("");
-  const [reason, setReason] = useState17("");
-  const [error, setError] = useState17(null);
+  const [text, setText] = useState18("");
+  const [reason, setReason] = useState18("");
+  const [error, setError] = useState18(null);
   const title = `Price for ${lineName}`;
   function apply() {
     const parsed = parsePrice(text, currency);
@@ -4084,10 +4238,10 @@ function PriceForm({ lineName, currency, currentMinor, onApply, onClose }) {
     setError(refused);
     if (refused === null) onClose();
   }
-  return /* @__PURE__ */ jsxs48(View55, { testID: "price-form", role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx89(Text33, { className: "font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsx89(Text33, { className: "text-muted-foreground", children: formatMoney11({ amount: currentMinor, currency }) }),
-    /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs49(View57, { testID: "price-form", role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx91(Text34, { className: "font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsx91(Text34, { className: "text-muted-foreground", children: formatMoney11({ amount: currentMinor, currency }) }),
+    /* @__PURE__ */ jsx91(
       TextInput10,
       {
         testID: "price-input",
@@ -4100,7 +4254,7 @@ function PriceForm({ lineName, currency, currentMinor, onApply, onClose }) {
         className: "min-w-0 rounded-md border border-border bg-background px-3 py-2 text-foreground"
       }
     ),
-    /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx91(
       TextInput10,
       {
         testID: "price-reason",
@@ -4111,25 +4265,121 @@ function PriceForm({ lineName, currency, currentMinor, onApply, onClose }) {
         className: "min-w-0 rounded-md border border-border bg-background px-3 py-2 text-foreground"
       }
     ),
-    error ? /* @__PURE__ */ jsx89(Text33, { testID: "price-error", accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsxs48(View55, { className: "flex-row gap-2", children: [
-      /* @__PURE__ */ jsx89(Pressable24, { testID: "price-apply", accessibilityRole: "button", onPress: apply, className: `${button2} bg-primary`, children: /* @__PURE__ */ jsx89(Text33, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
-      /* @__PURE__ */ jsx89(Pressable24, { testID: "price-cancel", accessibilityRole: "button", onPress: onClose, className: `${button2} bg-card`, children: /* @__PURE__ */ jsx89(Text33, { className: "text-foreground", children: "Cancel" }) })
+    error ? /* @__PURE__ */ jsx91(Text34, { testID: "price-error", accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs49(View57, { className: "flex-row gap-2", children: [
+      /* @__PURE__ */ jsx91(Pressable26, { testID: "price-apply", accessibilityRole: "button", onPress: apply, className: `${button2} bg-primary`, children: /* @__PURE__ */ jsx91(Text34, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
+      /* @__PURE__ */ jsx91(Pressable26, { testID: "price-cancel", accessibilityRole: "button", onPress: onClose, className: `${button2} bg-card`, children: /* @__PURE__ */ jsx91(Text34, { className: "text-foreground", children: "Cancel" }) })
+    ] })
+  ] });
+}
+
+// src/sale/charge-form.tsx
+import { useState as useState19 } from "react";
+import { Pressable as Pressable27, Text as Text35, TextInput as TextInput11, View as View58 } from "react-native";
+import { Fragment as Fragment5, jsx as jsx92, jsxs as jsxs50 } from "react/jsx-runtime";
+var button3 = "rounded-md border border-border px-3 py-2 min-h-11 items-center justify-center";
+function ChargeForm({ currency, lineTax, taxClasses, shippingTaxFromStore, onApply, onClose }) {
+  const [kind, setKind] = useState19("fee");
+  const [name, setName] = useState19("");
+  const [text, setText] = useState19("");
+  const [noTax, setNoTax] = useState19(false);
+  const [taxClass, setTaxClass] = useState19("");
+  const [error, setError] = useState19(null);
+  const storeShipping = kind === "shipping" && shippingTaxFromStore;
+  function apply() {
+    const parsed = parsePrice(text, currency);
+    const refused = !name.trim() ? "Enter a name." : typeof parsed === "string" ? parsed : onApply({
+      kind,
+      name: name.trim(),
+      amountMinor: parsed,
+      taxStatus: !storeShipping && lineTax?.none && noTax ? "none" : void 0,
+      taxClass: !storeShipping && lineTax?.classes && taxClasses?.length ? taxClass || void 0 : void 0
+    });
+    setError(refused);
+    if (refused === null) onClose();
+  }
+  return /* @__PURE__ */ jsxs50(View58, { testID: "charge-form", role: "group", accessibilityLabel: "Add charge", className: "gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx92(Text35, { className: "font-semibold text-foreground", children: "Add charge" }),
+    /* @__PURE__ */ jsx92(View58, { className: "flex-row gap-2", children: ["fee", "shipping", "custom"].map((option) => /* @__PURE__ */ jsx92(
+      Pressable27,
+      {
+        accessibilityRole: "button",
+        accessibilityState: { selected: kind === option },
+        "aria-selected": kind === option,
+        onPress: () => setKind(option),
+        className: `${button3} ${kind === option ? "bg-primary" : "bg-card"}`,
+        children: /* @__PURE__ */ jsx92(Text35, { className: kind === option ? "text-primary-foreground" : "text-foreground", children: option === "fee" ? "Fee" : option === "shipping" ? "Shipping" : "Custom item" })
+      },
+      option
+    )) }),
+    /* @__PURE__ */ jsx92(
+      TextInput11,
+      {
+        accessibilityLabel: "Name",
+        placeholder: "Name",
+        value: name,
+        onChangeText: setName,
+        className: "min-w-0 rounded-md border border-border bg-background px-3 py-2 text-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsx92(
+      TextInput11,
+      {
+        accessibilityLabel: "Amount",
+        value: text,
+        onChangeText: setText,
+        onSubmitEditing: apply,
+        inputMode: "decimal",
+        placeholder: currency,
+        className: "min-w-0 rounded-md border border-border bg-background px-3 py-2 text-foreground"
+      }
+    ),
+    storeShipping ? /* @__PURE__ */ jsx92(Text35, { className: "text-muted-foreground", children: "Shipping is taxed at the store's shipping tax class." }) : /* @__PURE__ */ jsxs50(Fragment5, { children: [
+      lineTax?.none ? /* @__PURE__ */ jsx92(
+        Pressable27,
+        {
+          accessibilityRole: "switch",
+          accessibilityLabel: "No tax",
+          accessibilityState: { checked: noTax },
+          "aria-checked": noTax,
+          onPress: () => setNoTax(!noTax),
+          className: `${button3} ${noTax ? "bg-primary" : "bg-card"}`,
+          children: /* @__PURE__ */ jsx92(Text35, { className: noTax ? "text-primary-foreground" : "text-foreground", children: "No tax" })
+        }
+      ) : null,
+      lineTax?.classes && taxClasses?.length ? /* @__PURE__ */ jsx92(View58, { role: "group", accessibilityLabel: "Tax class", className: "flex-row flex-wrap gap-2", children: [{ id: "", label: "No class" }, ...taxClasses].map((option) => /* @__PURE__ */ jsx92(
+        Pressable27,
+        {
+          accessibilityRole: "button",
+          accessibilityState: { selected: taxClass === option.id },
+          "aria-selected": taxClass === option.id,
+          onPress: () => setTaxClass(option.id),
+          className: `${button3} ${taxClass === option.id ? "bg-primary" : "bg-card"}`,
+          children: /* @__PURE__ */ jsx92(Text35, { className: taxClass === option.id ? "text-primary-foreground" : "text-foreground", children: option.label })
+        },
+        option.id
+      )) }) : null
+    ] }),
+    error ? /* @__PURE__ */ jsx92(Text35, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs50(View58, { className: "flex-row gap-2", children: [
+      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: apply, className: `${button3} bg-primary`, children: /* @__PURE__ */ jsx92(Text35, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
+      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: onClose, className: `${button3} bg-card`, children: /* @__PURE__ */ jsx92(Text35, { className: "text-foreground", children: "Cancel" }) })
     ] })
   ] });
 }
 
 // src/sale/cart.tsx
-import { Fragment as Fragment5, jsx as jsx90, jsxs as jsxs49 } from "react/jsx-runtime";
-function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPrice = false, onPriceChange }) {
+import { Fragment as Fragment6, jsx as jsx93, jsxs as jsxs51 } from "react/jsx-runtime";
+function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPrice = false, onPriceChange, taxClasses }) {
   const { order } = sale;
   const money = (amount) => ({ amount, currency: order.currency });
   const { totals } = buildReceiptData(order, { storeName: "" });
   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] = useState18(null);
-  const discountForm = (lineId, title) => form?.type === "discount" && form.lineId === lineId ? /* @__PURE__ */ jsx90(
+  const [form, setForm] = useState20(null);
+  const chargesOffered = (sale.capabilities?.orderCreate ?? 0) >= 5;
+  const discountForm = (lineId, title) => form?.type === "discount" && form.lineId === lineId ? /* @__PURE__ */ jsx93(
     DiscountForm,
     {
       title,
@@ -4140,11 +4390,11 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
     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__ */ jsxs49(Fragment5, { children: [
-    /* @__PURE__ */ jsx90(CartLineActions, { actions: [
+  const renderItem = (line) => /* @__PURE__ */ jsxs51(Fragment6, { children: [
+    /* @__PURE__ */ jsx93(CartLineActions, { actions: [
       { id: "discount", label: "Discount", color: "text-primary", onPress: () => setForm({ type: "discount", lineId: line.id }) },
       ...canEditPrice ? [{ id: "price", label: "Price", color: "text-primary", onPress: () => setForm({ type: "price", lineId: line.id }) }] : []
-    ], children: /* @__PURE__ */ jsx90(
+    ], children: /* @__PURE__ */ jsx93(
       CartLine,
       {
         name: line.name,
@@ -4153,41 +4403,41 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
         lineTotal: money(display(line.id).amountMinor)
       }
     ) }),
-    /* @__PURE__ */ jsx90(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
-    /* @__PURE__ */ jsxs49(View56, { className: "flex-row gap-4 px-3 py-2", children: [
-      /* @__PURE__ */ jsx90(
-        Pressable25,
+    /* @__PURE__ */ jsx93(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
+    /* @__PURE__ */ jsxs51(View59, { className: "flex-row gap-4 px-3 py-2", children: [
+      /* @__PURE__ */ jsx93(
+        Pressable28,
         {
           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__ */ jsx90(Text34, { className: "text-center text-foreground", children: "\u2212" })
+          children: /* @__PURE__ */ jsx93(Text36, { className: "text-center text-foreground", children: "\u2212" })
         }
       ),
-      /* @__PURE__ */ jsx90(
-        Pressable25,
+      /* @__PURE__ */ jsx93(
+        Pressable28,
         {
           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__ */ jsx90(Text34, { className: "text-center text-foreground", children: "+" })
+          children: /* @__PURE__ */ jsx93(Text36, { className: "text-center text-foreground", children: "+" })
         }
       ),
-      /* @__PURE__ */ jsx90(
-        Pressable25,
+      /* @__PURE__ */ jsx93(
+        Pressable28,
         {
           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__ */ jsx90(Text34, { className: "text-center text-foreground", children: "Remove" })
+          children: /* @__PURE__ */ jsx93(Text36, { className: "text-center text-foreground", children: "Remove" })
         }
       )
     ] }),
     discountForm(line.id, `Discount on ${line.name}`),
-    canEditPrice && form?.type === "price" && form.lineId === line.id ? /* @__PURE__ */ jsx90(
+    canEditPrice && form?.type === "price" && form.lineId === line.id ? /* @__PURE__ */ jsx93(
       PriceForm,
       {
         lineName: line.name,
@@ -4204,36 +4454,76 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
       line.id
     ) : null
   ] });
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx93(
     CartPanel,
     {
       dataSet: { print: "hide" },
       items: order.lineItems,
       renderItem,
-      emptyState: /* @__PURE__ */ jsx90(Text34, { testID: "cart-empty", className: "px-3 py-2 text-muted-foreground", children: "Scan or tap a product to start a sale." }),
-      afterItems: order.lineItems.length ? /* @__PURE__ */ jsxs49(View56, { className: "gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx90(
-          DiscountChips,
-          {
-            discounts: order.discounts,
-            amounts: orderAmounts,
-            currency: order.currency,
-            onRemove: sale.removeDiscount,
-            prefix: "Order discount"
-          }
-        ),
-        form?.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx90(
-          Pressable25,
-          {
-            accessibilityRole: "button",
-            onPress: () => setForm({ type: "discount", lineId: null }),
-            className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
-            children: /* @__PURE__ */ jsx90(Text34, { className: "text-foreground", children: "Order discount" })
-          }
-        )
-      ] }) : void 0,
-      footer: /* @__PURE__ */ jsxs49(View56, { testID: "cart-footer", className: "gap-3 pb-4", children: [
-        /* @__PURE__ */ jsx90(
+      emptyState: /* @__PURE__ */ jsx93(Text36, { testID: "cart-empty", className: "px-3 py-2 text-muted-foreground", children: "Scan or tap a product to start a sale." }),
+      afterItems: /* @__PURE__ */ jsxs51(Fragment6, { children: [
+        ["fees", "shipping"].map((kind) => order[kind]?.map((charge, index) => /* @__PURE__ */ jsxs51(View59, { testID: `cart-${kind === "fees" ? "fee" : "shipping"}-${index}`, className: "flex-row items-center gap-3 px-3 py-2", children: [
+          /* @__PURE__ */ jsx93(Text36, { className: "flex-1 text-foreground", children: charge.name }),
+          /* @__PURE__ */ jsx93(Text36, { className: "text-foreground", children: formatMoney12(money(order.display[kind].find((row) => row.id === charge.id).amountMinor)) }),
+          /* @__PURE__ */ jsx93(
+            Pressable28,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: `Remove ${charge.name}`,
+              onPress: () => kind === "fees" ? sale.removeFee(charge.id) : sale.removeShipping(charge.id),
+              className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 items-center justify-center",
+              children: /* @__PURE__ */ jsx93(Text36, { className: "text-foreground", children: "Remove" })
+            }
+          )
+        ] }, charge.id))),
+        order.lineItems.length || chargesOffered ? /* @__PURE__ */ jsxs51(View59, { className: "gap-3 px-3 py-2", children: [
+          order.lineItems.length ? /* @__PURE__ */ jsxs51(Fragment6, { children: [
+            /* @__PURE__ */ jsx93(
+              DiscountChips,
+              {
+                discounts: order.discounts,
+                amounts: orderAmounts,
+                currency: order.currency,
+                onRemove: sale.removeDiscount,
+                prefix: "Order discount"
+              }
+            ),
+            form?.type === "discount" && form.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx93(
+              Pressable28,
+              {
+                accessibilityRole: "button",
+                onPress: () => setForm({ type: "discount", lineId: null }),
+                className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
+                children: /* @__PURE__ */ jsx93(Text36, { className: "text-foreground", children: "Order discount" })
+              }
+            )
+          ] }) : null,
+          chargesOffered ? form?.type === "charge" ? /* @__PURE__ */ jsx93(
+            ChargeForm,
+            {
+              currency: order.currency,
+              lineTax: sale.capabilities?.lineTax,
+              taxClasses,
+              shippingTaxFromStore: sale.capabilities?.taxRounding?.granularity === "woocommerce",
+              onClose: () => setForm(null),
+              onApply: ({ kind, name, amountMinor, taxStatus, taxClass }) => {
+                const result = kind === "custom" ? sale.addCustomLine({ name, priceMinor: amountMinor, taxStatus, taxClass }) : kind === "fee" ? sale.addFee({ name, amountMinor, taxStatus, taxClass }) : sale.addShipping({ name, amountMinor, taxStatus, taxClass });
+                return typeof result === "string" ? result : null;
+              }
+            }
+          ) : /* @__PURE__ */ jsx93(
+            Pressable28,
+            {
+              accessibilityRole: "button",
+              onPress: () => setForm({ type: "charge" }),
+              className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
+              children: /* @__PURE__ */ jsx93(Text36, { className: "text-foreground", children: "Add charge" })
+            }
+          ) : null
+        ] }) : null
+      ] }),
+      footer: /* @__PURE__ */ jsxs51(View59, { testID: "cart-footer", className: "gap-3 pb-4", children: [
+        /* @__PURE__ */ jsx93(
           CartTotal,
           {
             subtotal: money(totals.subtotalMinor),
@@ -4243,10 +4533,10 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
             taxInclusive: totals.taxInclusive
           }
         ),
-        sale.error ? /* @__PURE__ */ jsx90(Text34, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-        /* @__PURE__ */ jsxs49(View56, { className: "flex-row gap-3", children: [
-          /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx90(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
-          /* @__PURE__ */ jsx90(Pressable25, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx90(Text34, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
+        sale.error ? /* @__PURE__ */ jsx93(Text36, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+        /* @__PURE__ */ jsxs51(View59, { className: "flex-row gap-3", children: [
+          /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx93(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
+          /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx93(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
         ] })
       ] })
     }
@@ -4254,17 +4544,17 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%`, canEditPr
 }
 
 // src/sale/cart-bar.tsx
-import { Pressable as Pressable26, Text as Text35 } from "react-native";
-import { formatMoney as formatMoney12 } from "@tallyui/core";
+import { Pressable as Pressable29, Text as Text37 } from "react-native";
+import { formatMoney as formatMoney13 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData2 } from "@tallyui/pos";
-import { jsx as jsx91, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs52 } from "react/jsx-runtime";
 function CartBar({ sale, onOpen }) {
   const { order } = sale;
   const count2 = order.lineItems.reduce((sum, line) => sum + line.quantity, 0);
-  const total = formatMoney12({ amount: buildReceiptData2(order, { storeName: "" }).totals.totalMinor, currency: order.currency });
+  const total = formatMoney13({ amount: buildReceiptData2(order, { storeName: "" }).totals.totalMinor, currency: order.currency });
   const items = `${count2} ${count2 === 1 ? "item" : "items"}`;
-  return /* @__PURE__ */ jsxs50(
-    Pressable26,
+  return /* @__PURE__ */ jsxs52(
+    Pressable29,
     {
       accessibilityRole: "button",
       accessibilityLabel: count2 ? `Open cart, ${items}, ${total}` : "Cart is empty",
@@ -4272,8 +4562,8 @@ function CartBar({ sale, onOpen }) {
       onPress: onOpen,
       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__ */ jsx91(Text35, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
-        count2 ? /* @__PURE__ */ jsxs50(Text35, { className: "font-bold text-primary-foreground", children: [
+        /* @__PURE__ */ jsx94(Text37, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
+        count2 ? /* @__PURE__ */ jsxs52(Text37, { className: "font-bold text-primary-foreground", children: [
           total,
           " \u203A"
         ] }) : null
@@ -4283,17 +4573,17 @@ function CartBar({ sale, onOpen }) {
 }
 
 // src/sale/tender.tsx
-import { Pressable as Pressable27, Text as Text36, TextInput as TextInput11, View as View57 } from "react-native";
-import { formatMoney as formatMoney13 } from "@tallyui/core";
-import { Fragment as Fragment6, jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Pressable as Pressable30, Text as Text38, TextInput as TextInput12, View as View60 } from "react-native";
+import { formatMoney as formatMoney14 } from "@tallyui/core";
+import { Fragment as Fragment7, jsx as jsx95, jsxs as jsxs53 } 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__ */ jsxs51(View57, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
-    stage.method === "cash" ? /* @__PURE__ */ jsxs51(Fragment6, { children: [
-      /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsxs53(View60, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    stage.method === "cash" ? /* @__PURE__ */ jsxs53(Fragment7, { children: [
+      /* @__PURE__ */ jsx95(
         CashTendered,
         {
           total: money(order.totalMinor),
@@ -4301,19 +4591,19 @@ function Tender({ sale }) {
           onChangeAmount: (amount) => sale.setTender({ method: "cash", amountMinor: amount.amount })
         }
       ),
-      /* @__PURE__ */ jsx92(ChangeDisplay, { change: money(order.changeDueMinor) }),
-      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs51(Text36, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx95(ChangeDisplay, { change: money(order.changeDueMinor) }),
+      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         "Balance due: ",
-        formatMoney13(money(order.balanceDueMinor))
+        formatMoney14(money(order.balanceDueMinor))
       ] }) : null,
-      /* @__PURE__ */ jsx92(Pressable27, { 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__ */ jsx92(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
-    ] }) : /* @__PURE__ */ jsxs51(Fragment6, { children: [
-      /* @__PURE__ */ jsxs51(Text36, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx95(Pressable30, { 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__ */ jsx95(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
+    ] }) : /* @__PURE__ */ jsxs53(Fragment7, { children: [
+      /* @__PURE__ */ jsxs53(Text38, { className: "text-foreground", children: [
         "Card terminal: ",
-        formatMoney13(money(order.totalMinor))
+        formatMoney14(money(order.totalMinor))
       ] }),
-      /* @__PURE__ */ jsx92(
-        TextInput11,
+      /* @__PURE__ */ jsx95(
+        TextInput12,
         {
           accessibilityLabel: "Terminal reference",
           placeholder: "Terminal reference",
@@ -4323,30 +4613,30 @@ function Tender({ sale }) {
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ),
-      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
+      /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx95(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
     ] }),
-    sale.error ? /* @__PURE__ */ jsx92(Text36, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-    sale.canContinue ? /* @__PURE__ */ jsxs51(Fragment6, { children: [
-      /* @__PURE__ */ jsx92(Text36, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
-      /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
+    sale.error ? /* @__PURE__ */ jsx95(Text38, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs53(Fragment7, { children: [
+      /* @__PURE__ */ jsx95(Text38, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx95(Text38, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
     ] }) : null,
-    /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center text-foreground", children: "Back" }) })
+    /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx95(Text38, { className: "text-center text-foreground", children: "Back" }) })
   ] });
 }
 
 // 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";
+import { useState as useState21 } from "react";
+import { Pressable as Pressable31, Text as Text39, TextInput as TextInput13, View as View61 } from "react-native";
+import { formatMoney as formatMoney15, minorUnitDigits as minorUnitDigits9 } from "@tallyui/core";
+import { Fragment as Fragment8, jsx as jsx96, jsxs as jsxs54 } 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);
+  const [method, setMethod] = useState21("cash");
+  const [amount, setAmount] = useState21(null);
+  const [reference, setReference] = useState21("");
+  const [error, setError] = useState21(null);
   if (stage.kind !== "tender") return null;
-  const money = (value) => formatMoney14({ amount: value, currency: order.currency });
+  const money = (value) => formatMoney15({ 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;
@@ -4369,59 +4659,59 @@ function SplitTender({ sale }) {
     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: [
+  return /* @__PURE__ */ jsxs54(View61, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs54(View61, { testID: "split-tender-summary", className: "gap-2", children: [
+      /* @__PURE__ */ jsxs54(Text39, { className: "text-foreground", children: [
         "Total: ",
         money(order.totalMinor)
       ] }),
-      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsxs54(Text39, { className: "text-foreground", children: [
         "Paid: ",
         money(order.paidMinor)
       ] }),
-      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsxs54(Text39, { className: "text-foreground", children: [
         "Remaining: ",
         money(order.balanceDueMinor)
       ] }),
-      order.changeDueMinor > 0 ? /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
+      order.changeDueMinor > 0 ? /* @__PURE__ */ jsxs54(Text39, { 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: [
+    /* @__PURE__ */ jsx96(View61, { testID: "split-tender-list", className: "gap-2", children: order.payments.map((payment) => /* @__PURE__ */ jsxs54(View61, { testID: `split-tender-row-${payment.id}`, className: "gap-2", children: [
+      /* @__PURE__ */ jsxs54(Text39, { 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,
+      payment.reference ? /* @__PURE__ */ jsx96(Text39, { className: "text-foreground", children: payment.reference }) : null,
+      /* @__PURE__ */ jsx96(
+        Pressable31,
         {
           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" })
+          children: /* @__PURE__ */ jsx96(Text39, { 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,
+    /* @__PURE__ */ jsxs54(View61, { testID: "split-tender-add", className: "gap-2", children: [
+      /* @__PURE__ */ jsx96(View61, { className: "flex-row gap-2", children: ["cash", "external"].map((value) => /* @__PURE__ */ jsx96(
+        Pressable31,
         {
           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) })
+          children: /* @__PURE__ */ jsx96(Text39, { className: `text-center ${method === value ? "text-primary-foreground" : "text-foreground"}`, children: tenderLabel(value) })
         },
         value
       )) }),
-      /* @__PURE__ */ jsx93(
-        TextInput12,
+      /* @__PURE__ */ jsx96(
+        TextInput13,
         {
           testID: "split-tender-amount",
           accessibilityLabel: "Tender amount",
@@ -4431,8 +4721,8 @@ function SplitTender({ sale }) {
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ),
-      method === "external" ? /* @__PURE__ */ jsx93(
-        TextInput12,
+      method === "external" ? /* @__PURE__ */ jsx96(
+        TextInput13,
         {
           testID: "split-tender-reference",
           accessibilityLabel: "Terminal reference",
@@ -4443,36 +4733,48 @@ function SplitTender({ sale }) {
           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" }) })
+      error ? /* @__PURE__ */ jsx96(Text39, { testID: "split-tender-error", accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
+      /* @__PURE__ */ jsx96(Pressable31, { testID: "split-tender-add-button", accessibilityRole: "button", onPress: add, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx96(Text39, { className: "text-center font-semibold text-primary-foreground", children: "Add" }) })
     ] }),
-    /* @__PURE__ */ jsx93(
-      Pressable28,
+    /* @__PURE__ */ jsx96(
+      Pressable31,
       {
         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" })
+        children: /* @__PURE__ */ jsx96(Text39, { 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" }) })
+    sale.error ? /* @__PURE__ */ jsx96(Text39, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs54(Fragment8, { children: [
+      /* @__PURE__ */ jsx96(Text39, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx96(Pressable31, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx96(Text39, { 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" }) })
+    /* @__PURE__ */ jsx96(Pressable31, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx96(Text39, { className: "text-center text-foreground", children: "Back" }) })
   ] });
 }
 
 // src/sale/catalogue.tsx
-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 jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
-var MIN_TILE_WIDTH = 160;
+import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef6, useState as useState22 } from "react";
+import { Pressable as Pressable32, Text as Text40, View as View62 } from "react-native";
+import { useStockOverlaid as useStockOverlaid2, useStockOverlayAsOf } from "@tallyui/core";
+import {
+  catalogueEntries,
+  findEntryByCode,
+  searchProducts,
+  variantPriceLabel,
+  sortProducts as sortProducts2,
+  productSortValue as productSortValue2,
+  catalogueViewReducer,
+  normalizeCatalogueViewState,
+  resolveGridColumns,
+  DEFAULT_CATALOGUE_VIEW_STATE,
+  listCategories,
+  inCategory
+} from "@tallyui/pos";
+import { jsx as jsx97, jsxs as jsxs55 } from "react/jsx-runtime";
 var STOCK_LABEL = {
   in_stock: "In Stock",
   out_of_stock: "Out of Stock",
@@ -4490,20 +4792,98 @@ function laterOf(a, b) {
   if (!b) return a;
   return a.getTime() >= b.getTime() ? a : b;
 }
-function Catalogue({ products, traits, currency, onSelect, statusText, statusAccessory, lastSyncedAt, loading, pullError, lastStockCheckAt, hour12, minCodeLength }) {
+function Catalogue({
+  products,
+  traits,
+  currency,
+  onSelect,
+  statusText,
+  statusAccessory,
+  lastSyncedAt,
+  loading,
+  pullError,
+  lastStockCheckAt,
+  hour12,
+  minCodeLength,
+  viewState,
+  defaultViewState,
+  loadViewState,
+  saveViewState,
+  onViewStateError,
+  onStateChange,
+  showViewToggle = false,
+  items,
+  onQueryChange,
+  showCategoryNav = false,
+  categories
+}) {
+  const [initial] = useState22(() => {
+    const state2 = normalizeCatalogueViewState({ ...DEFAULT_CATALOGUE_VIEW_STATE, ...defaultViewState });
+    if (viewState !== void 0 || !loadViewState) return { state: state2 };
+    try {
+      const value = loadViewState();
+      if (value instanceof Promise) return { state: state2, pending: value };
+      const loaded = normalizeCatalogueViewState(value, state2);
+      return { state: loaded, loaded };
+    } catch (error) {
+      return { state: state2, failed: true, error };
+    }
+  });
+  const [internalState, setInternalState] = useState22(initial.state);
+  const state = viewState ?? internalState;
+  const cashierChanged = useRef6(false);
+  useEffect5(() => {
+    let mounted = true;
+    if (initial.loaded) onStateChange?.(initial.loaded);
+    if (initial.failed) onViewStateError?.(initial.error);
+    initial.pending?.then((value) => {
+      if (!mounted || cashierChanged.current) return;
+      const loaded = normalizeCatalogueViewState(value, initial.state);
+      setInternalState(loaded);
+      onStateChange?.(loaded);
+    }, (error) => {
+      if (mounted) onViewStateError?.(error);
+    });
+    return () => {
+      mounted = false;
+    };
+  }, [initial]);
+  function changeState(action) {
+    const next = catalogueViewReducer(state, action);
+    if (next === state) return;
+    cashierChanged.current = true;
+    if (viewState !== void 0) {
+      onStateChange?.(next);
+      return;
+    }
+    setInternalState(next);
+    onStateChange?.(next);
+    try {
+      Promise.resolve(saveViewState?.(next)).catch((error) => onViewStateError?.(error));
+    } catch (error) {
+      onViewStateError?.(error);
+    }
+  }
   const isLoading = loading ?? (lastSyncedAt === null && pullError == null);
-  const shown = useStockOverlaid(products);
+  const shown = useStockOverlaid2(products);
+  const categoryList = useMemo3(() => categories ?? listCategories(shown, traits), [categories, shown, traits]);
+  const activeCategory = showCategoryNav ? categoryList.find((category) => category.id === state.categoryId) : void 0;
+  const suppliedItems = useStockOverlaid2(items ?? 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] = 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]);
-  const choices = useMemo2(() => chooserId === null ? [] : entries.filter((entry) => traits.getId(entry.product) === chooserId), [entries, chooserId, traits]);
+  const [query, setQuery] = useState22("");
+  const [chooserId, setChooserId] = useState22(null);
+  const [width, setWidth] = useState22(0);
+  const columns = resolveGridColumns(state.gridColumns, width);
+  const entries = useMemo3(() => catalogueEntries(shown, traits, { currency }), [shown, traits, currency]);
+  const results = useMemo3(() => {
+    if (items !== void 0) return suppliedItems;
+    const filtered = searchProducts(activeCategory ? shown.filter((doc) => inCategory(doc, activeCategory.id, traits)) : shown, query, traits);
+    return state.sort ? sortProducts2(filtered, state.sort, (doc, field) => productSortValue2(doc, field, traits, { currency })) : filtered;
+  }, [items, suppliedItems, shown, query, traits, state.sort, currency, showCategoryNav, activeCategory]);
+  const choices = useMemo3(() => chooserId === null ? [] : entries.filter((entry) => traits.getId(entry.product) === chooserId), [entries, chooserId, traits]);
   useEffect5(() => {
     if (chooserId !== null && choices.length === 0) setChooserId(null);
   }, [chooserId, choices]);
@@ -4511,13 +4891,22 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
     onSelect(entry);
     setChooserId(null);
   }
-  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(
+  function selectProduct(product) {
+    const variants = entries.filter((entry) => traits.getId(entry.product) === traits.getId(product));
+    if (variants.length === 1) select(variants[0]);
+    else setChooserId(traits.getId(product));
+  }
+  const emptyState = /* @__PURE__ */ jsx97(Text40, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : activeCategory ? `No products in ${activeCategory.name}.` : isLoading ? "Loading products\u2026" : "No products yet." });
+  return /* @__PURE__ */ jsxs55(View62, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsxs55(View62, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ jsx97(
         SearchInput,
         {
           value: query,
-          onChangeText: setQuery,
+          onChangeText: (text) => {
+            setQuery(text);
+            onQueryChange?.(text);
+          },
           placeholder: "Search or scan barcode / SKU",
           autoFocus: true,
           onSubmitEditing: () => {
@@ -4530,25 +4919,34 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           }
         }
       ),
-      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 || statusAccessory || showViewToggle ? /* @__PURE__ */ jsxs55(View62, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
+        statusText ? /* @__PURE__ */ jsxs55(Text40, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
           statusText,
           query.trim() ? ` \xB7 ${results.length.toLocaleString()} matching` : ""
         ] }) : null,
-        statusAccessory
+        statusAccessory,
+        showViewToggle ? /* @__PURE__ */ jsx97(ViewToggle, { value: state.view, onChange: (view) => changeState({ type: "setView", view }) }) : null
       ] }) : null,
-      choices.length > 0 ? /* @__PURE__ */ jsxs53(View59, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
-        choices.map((entry) => /* @__PURE__ */ jsxs53(
-          Pressable29,
+      showCategoryNav ? /* @__PURE__ */ jsx97(
+        CategoryNav,
+        {
+          categories: [{ id: "", name: "All products" }, ...categoryList],
+          selectedId: activeCategory?.id ?? "",
+          onSelect: (id) => changeState({ type: "setCategory", categoryId: id === "" ? null : id })
+        }
+      ) : null,
+      choices.length > 0 ? /* @__PURE__ */ jsxs55(View62, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
+        choices.map((entry) => /* @__PURE__ */ jsxs55(
+          Pressable32,
           {
             accessibilityRole: "button",
             onPress: () => select(entry),
             className: "gap-1 rounded-md border border-border p-3",
             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: [
+              /* @__PURE__ */ jsx97(Text40, { className: "font-semibold text-foreground", children: entry.variant.title }),
+              /* @__PURE__ */ jsx97(Text40, { className: "text-muted-foreground", children: entry.variant.sku }),
+              /* @__PURE__ */ jsx97(Text40, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
+              /* @__PURE__ */ jsxs55(Text40, { className: "text-muted-foreground", children: [
                 STOCK_LABEL[entry.variant.stock.status],
                 " \xB7 ",
                 stockAsOf ? `as of ${formatStockSyncTime(stockAsOf, void 0, hour12)}` : "not yet synced"
@@ -4557,10 +4955,20 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           },
           entry.variant.id
         )),
-        /* @__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" }) })
+        /* @__PURE__ */ jsx97(Pressable32, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx97(Text40, { className: "text-center text-foreground", children: "Cancel" }) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx94(
+    state.view === "table" ? /* @__PURE__ */ jsx97(
+      ProductTable,
+      {
+        items: results,
+        sort: state.sort,
+        onSortChange: (sort) => changeState({ type: "setSort", sort }),
+        sortItems: false,
+        onSelect: selectProduct,
+        emptyState
+      }
+    ) : /* @__PURE__ */ jsx97(
       ProductGrid,
       {
         items: results,
@@ -4569,18 +4977,14 @@ 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__ */ 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__ */ 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" })
+          /* @__PURE__ */ jsx97(Pressable32, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => selectProduct(product), children: /* @__PURE__ */ jsxs55(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx97(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
+            /* @__PURE__ */ jsx97(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
+            /* @__PURE__ */ jsx97(ProductPrice, { doc: product }),
+            /* @__PURE__ */ jsx97(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
           ] }) })
         ),
-        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." })
+        emptyState
       }
     )
   ] });
@@ -4588,8 +4992,8 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
 
 // src/sale/receipt.tsx
 import { useEffect as useEffect6 } from "react";
-import { Pressable as Pressable30, Text as Text39, View as View60 } from "react-native";
-import { formatMoney as formatMoney15 } from "@tallyui/core";
+import { Pressable as Pressable33, Text as Text41, View as View63 } from "react-native";
+import { formatMoney as formatMoney16 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData3 } from "@tallyui/pos";
 
 // src/sale/print-style.ts
@@ -4609,7 +5013,7 @@ function orderReference(order) {
 }
 
 // src/sale/receipt.tsx
-import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx98, jsxs as jsxs56 } from "react/jsx-runtime";
 var defaultFormatDate = (iso) => new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(iso));
 function Receipt({
   order,
@@ -4629,37 +5033,39 @@ function Receipt({
     cashier,
     register: registerId
   });
-  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 })
+  const money = (amount) => formatMoney16({ amount, currency: receipt.currency }) ?? "";
+  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs56(View63, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
+    /* @__PURE__ */ jsx98(Text41, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
+    /* @__PURE__ */ jsx98(Text41, { 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__ */ 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: [
+  return /* @__PURE__ */ jsxs56(Fragment9, { children: [
+    topInset > 0 ? /* @__PURE__ */ jsx98(View63, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
+    /* @__PURE__ */ jsxs56(View63, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
+      /* @__PURE__ */ jsx98(Text41, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
+      receipt.header.storeAddress ? /* @__PURE__ */ jsx98(Text41, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
+      /* @__PURE__ */ jsx98(Text41, { testID: "receipt-order", className: "text-foreground", children: posOrder ? `Order ${orderReference(posOrder)}` : `Order ${receipt.header.orderNumber.slice(-8)} (draft)` }),
+      /* @__PURE__ */ jsx98(Text41, { className: "text-muted-foreground", children: formatDate(posOrder?.createdAt ?? receipt.header.date) }),
+      /* @__PURE__ */ jsxs56(Text41, { className: "text-muted-foreground", children: [
         "Cashier: ",
         receipt.header.cashier
       ] }),
-      receipt.header.customer && /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
+      receipt.header.customer && /* @__PURE__ */ jsxs56(Text41, { className: "text-muted-foreground", children: [
         "Customer: ",
         receipt.header.customer
       ] }),
-      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs54(View60, { children: [
-        /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: line.name }),
+      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs56(View63, { children: [
+        /* @__PURE__ */ jsx98(Text41, { className: "text-foreground", children: line.name }),
         row(`${line.quantity} \xD7 ${money(line.unitPriceMinor)}`, money(line.displayAmountMinor)),
-        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx95(View60, { className: "pl-4", children: row(`${discountLabel(
+        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx98(View63, { className: "pl-4", children: row(`${discountLabel(
           order.lineItems[index].discounts[i],
           receipt.currency
         )} off`, `\u2212${money(discount.amountMinor)}`) }, i))
       ] }, index)),
+      receipt.fees.map((charge, index) => row(charge.name, money(charge.amountMinor), false, index)),
+      receipt.shipping.map((charge, index) => row(charge.name, money(charge.amountMinor), false, index)),
       row("Subtotal", money(totals.subtotalMinor)),
       lineDiscountMinor > 0 ? row("Line discounts", `\u2212${money(lineDiscountMinor)}`) : null,
       receipt.orderDiscountMinor > 0 ? row("Order discount", `\u2212${money(receipt.orderDiscountMinor)}`) : null,
@@ -4672,19 +5078,19 @@ function Receipt({
         index
       )),
       row("Change", money(receipt.changeDueMinor)),
-      /* @__PURE__ */ jsxs54(View60, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
-        /* @__PURE__ */ jsx95(Pressable30, { accessibilityRole: "button", onPress: () => {
+      /* @__PURE__ */ jsxs56(View63, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
+        /* @__PURE__ */ jsx98(Pressable33, { 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__ */ 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" }) })
+        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx98(Text41, { className: "text-center text-foreground", children: "Print receipt" }) }),
+        /* @__PURE__ */ jsx98(Pressable33, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx98(Text41, { 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 useState21 } from "react";
-import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text40, View as View61 } from "react-native";
+import { useEffect as useEffect7, useRef as useRef7, useState as useState23 } from "react";
+import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text42, View as View64 } from "react-native";
 
 // src/sale/since-text.ts
 function sinceText(clock) {
@@ -4693,7 +5099,7 @@ function sinceText(clock) {
 }
 
 // src/sale/sync-status.tsx
-import { Fragment as Fragment9, jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx99, jsxs as jsxs57 } 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.",
@@ -4735,7 +5141,7 @@ var SALES_REFUSED = "The online store refused the last send. This till will try
 var TILL_UPDATES_REFUSED = "The online store refused the last send. This till will try again with the next till update, or when the app is reopened.";
 var count = (n, noun) => `${n} ${noun}${n === 1 ? "" : "s"}`;
 function useAnnounceOnIos(...texts) {
-  const announced = useRef6(texts);
+  const announced = useRef7(texts);
   useEffect7(() => {
     const changed = texts.filter((text, index) => text && text !== announced.current[index]);
     announced.current = texts;
@@ -4745,7 +5151,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] = useState21(Date.now);
+  const [now, setNow] = useState23(Date.now);
   useEffect7(() => {
     setNow(Date.now());
     if (!outbox.nextAttemptAt) return;
@@ -4769,24 +5175,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__ */ 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 })
+  return /* @__PURE__ */ jsxs57(View64, { children: [
+    notice ? /* @__PURE__ */ jsxs57(Fragment10, { children: [
+      /* @__PURE__ */ jsx99(Text42, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
+      oneDetail ? null : /* @__PURE__ */ jsx99(Text42, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
     ] }) : 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
+    /* @__PURE__ */ jsx99(Text42, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
+    doing ? /* @__PURE__ */ jsx99(Text42, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
+    refused ? /* @__PURE__ */ jsx99(Text42, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
+    oneDetail && notice ? /* @__PURE__ */ jsx99(Text42, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx99(Text42, { 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 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 { useEffect as useEffect8, useRef as useRef8, useState as useState24 } from "react";
+import { Pressable as Pressable34, ScrollView as ScrollView13, Text as Text43, View as View65 } from "react-native";
+import { formatMoney as formatMoney17, knownWarnings } from "@tallyui/core";
 import { needsAttention } from "@tallyui/pos";
-import { jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs58 } 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([
@@ -4809,27 +5215,27 @@ function defaultFormatDate2(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, stuck }) {
-  const retrying = useRef7(/* @__PURE__ */ new Set());
-  const [retryingIds, setRetryingIds] = useState22(/* @__PURE__ */ new Set());
-  const [expanded, setExpanded] = useState22(/* @__PURE__ */ new Set());
+  const retrying = useRef8(/* @__PURE__ */ new Set());
+  const [retryingIds, setRetryingIds] = useState24(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState24(/* @__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__ */ 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,
+  return /* @__PURE__ */ jsxs58(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__ */ jsxs58(View65, { className: "mb-6 gap-3", children: [
+      /* @__PURE__ */ jsx100(Text43, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
+      section.title === "Recent" && orders.length === 0 ? /* @__PURE__ */ jsx100(Text43, { 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__ */ jsxs56(View62, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs56(
-            Pressable31,
+        return /* @__PURE__ */ jsxs58(View65, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs58(
+            Pressable34,
             {
               accessibilityRole: "button",
               "aria-expanded": isExpanded,
@@ -4843,26 +5249,26 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
                 return next;
               }),
               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: [
+                /* @__PURE__ */ jsx100(Text43, { className: "text-foreground", children: `Order ${orderReference(order)} \xB7 ${count2} ${count2 === 1 ? "item" : "items"}` }),
+                /* @__PURE__ */ jsxs58(Text43, { className: "text-muted-foreground", children: [
                   formatDate(order.createdAt),
                   " \xB7 ",
-                  formatMoney16({ amount: order.totalMinor, currency: order.currency }),
+                  formatMoney17({ amount: order.totalMinor, currency: order.currency }),
                   " \xB7 ",
                   STATUS_LABEL[order.syncStatus]
                 ] })
               ]
             }
           ),
-          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))
+          isExpanded ? /* @__PURE__ */ jsxs58(View65, { testID: `order-detail-${order.id}`, className: "mt-1 gap-1 border-t border-border pt-2", children: [
+            order.lines.map((line) => /* @__PURE__ */ jsx100(Text43, { className: "text-foreground", children: `${line.quantity} \xD7 ${line.name}` }, line.id)),
+            order.payments.map((payment) => /* @__PURE__ */ jsx100(Text43, { className: "text-muted-foreground", children: `${payment.method === "cash" ? "Cash" : "Card terminal"} ${formatMoney17({ amount: payment.amountMinor, currency: order.currency })}${payment.reference ? ` \xB7 ${payment.reference}` : ""}` }, payment.id))
           ] }) : null,
-          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 () => {
+          stuckEntry ? /* @__PURE__ */ jsx100(Text43, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
+          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx100(Text43, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
+          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx100(Text43, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
+          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx100(Text43, { 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__ */ jsx100(Pressable34, { 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));
@@ -4870,8 +5276,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__ */ 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))
+          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx100(Text43, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
+          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx100(View65, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx100(Text43, { 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 ${formatMoney17({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney17({ 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 ${formatMoney17({ amount: tillMinor, currency: order.currency })}, store ${formatMoney17({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney17({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney17({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney17({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney17({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney17({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
         ] }, order.id);
       })
     ] }, section.title)),
@@ -4880,15 +5286,15 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
 }
 
 // src/sale/parked-sales.tsx
-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";
+import { useState as useState25 } from "react";
+import { ScrollView as ScrollView14, useWindowDimensions as useWindowDimensions3, View as View66 } from "react-native";
+import { formatMoney as formatMoney18 } from "@tallyui/core";
+import { Fragment as Fragment11, jsx as jsx101, jsxs as jsxs59 } 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] = useState23(null);
-  const [error, setError] = useState23("");
+  const [confirming, setConfirming] = useState25(null);
+  const [error, setError] = useState25("");
   const attempt = async (action) => {
     setError("");
     try {
@@ -4897,28 +5303,28 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
       setError(String(e));
     }
   };
-  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 }) }) })
+  return /* @__PURE__ */ jsx101(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs59(DialogContent, { testID: "parked-sales", className: "flex-col overflow-hidden", style: { maxHeight }, children: [
+    /* @__PURE__ */ jsxs59(View66, { className: "flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx101(DialogTitle, { children: "Parked sales" }),
+      /* @__PURE__ */ jsx101(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx101(IconButton, { variant: "ghost", size: "sm", testID: "parked-sales-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx101(XIcon, { size: 16 }) }) })
     ] }),
-    /* @__PURE__ */ jsxs57(ScrollView14, { className: "flex-1", contentContainerClassName: "gap-3", children: [
-      /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsxs59(ScrollView14, { className: "flex-1", contentContainerClassName: "gap-3", children: [
+      /* @__PURE__ */ jsx101(
         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__ */ jsx98(Text, { children: "Park this sale" })
+          children: /* @__PURE__ */ jsx101(Text, { children: "Park this sale" })
         }
       ),
-      !!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(
+      !!error && /* @__PURE__ */ jsx101(Text, { testID: "parked-sales-error", className: "text-destructive", children: error }),
+      parked.length === 0 && /* @__PURE__ */ jsx101(Text, { testID: "parked-sales-empty", children: "No parked sales." }),
+      parked.map((row) => /* @__PURE__ */ jsx101(View66, { testID: `parked-row-${row.id}`, className: "gap-2 rounded-md border border-border p-3", children: confirming === row.id ? /* @__PURE__ */ jsxs59(Fragment11, { children: [
+        /* @__PURE__ */ jsx101(Text, { children: "Discard this parked sale?" }),
+        /* @__PURE__ */ jsxs59(View66, { className: "flex-row gap-2", children: [
+          /* @__PURE__ */ jsx101(
             Button,
             {
               testID: `parked-discard-confirm-${row.id}`,
@@ -4927,22 +5333,22 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
                 await onDiscard(row.id);
                 setConfirming(null);
               }),
-              children: /* @__PURE__ */ jsx98(Text, { children: "Discard" })
+              children: /* @__PURE__ */ jsx101(Text, { children: "Discard" })
             }
           ),
-          /* @__PURE__ */ jsx98(Button, { testID: `parked-discard-cancel-${row.id}`, variant: "outline", onPress: () => setConfirming(null), children: /* @__PURE__ */ jsx98(Text, { children: "Cancel" }) })
+          /* @__PURE__ */ jsx101(Button, { testID: `parked-discard-cancel-${row.id}`, variant: "outline", onPress: () => setConfirming(null), children: /* @__PURE__ */ jsx101(Text, { children: "Cancel" }) })
         ] })
-      ] }) : /* @__PURE__ */ jsxs57(Fragment10, { children: [
-        /* @__PURE__ */ jsx98(Text, { children: formatStockSyncTime(new Date(row.parkedAt), void 0, hour12) }),
-        /* @__PURE__ */ jsxs57(Text, { children: [
+      ] }) : /* @__PURE__ */ jsxs59(Fragment11, { children: [
+        /* @__PURE__ */ jsx101(Text, { children: formatStockSyncTime(new Date(row.parkedAt), void 0, hour12) }),
+        /* @__PURE__ */ jsxs59(Text, { children: [
           row.itemCount,
           " ",
           row.itemCount === 1 ? "item" : "items"
         ] }),
-        /* @__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(
+        /* @__PURE__ */ jsx101(Text, { children: formatMoney18({ amount: row.totalMinor, currency }) }),
+        !!row.customerName && /* @__PURE__ */ jsx101(Text, { children: row.customerName }),
+        /* @__PURE__ */ jsxs59(View66, { className: "flex-row gap-2", children: [
+          /* @__PURE__ */ jsx101(
             Button,
             {
               testID: `parked-resume-${row.id}`,
@@ -4952,17 +5358,17 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
                 if (refusal === null) onOpenChange(false);
                 else setError(refusal);
               }),
-              children: /* @__PURE__ */ jsx98(Text, { children: "Resume" })
+              children: /* @__PURE__ */ jsx101(Text, { children: "Resume" })
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx101(
             Button,
             {
               testID: `parked-discard-${row.id}`,
               accessibilityLabel: "Discard parked sale",
               variant: "outline",
               onPress: () => setConfirming(row.id),
-              children: /* @__PURE__ */ jsx98(Text, { children: "Discard" })
+              children: /* @__PURE__ */ jsx101(Text, { children: "Discard" })
             }
           )
         ] })
@@ -4972,10 +5378,10 @@ function ParkedSales({ sale, parked, onDiscard, onPark, onResume, currency, open
 }
 
 // src/layout/pos-layout.tsx
-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 Fragment11, jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
+import { useState as useState26 } from "react";
+import { Pressable as Pressable35, Text as Text44, View as View67, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import { cn as cn82 } from "@tallyui/theme";
+import { Fragment as Fragment12, jsx as jsx102, jsxs as jsxs60 } from "react/jsx-runtime";
 function POSLayout({
   browseSlot,
   cartSlot,
@@ -4987,40 +5393,40 @@ function POSLayout({
 }) {
   const { width } = useWindowDimensions4();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  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,
+  const [activeTab, setActiveTab] = useState26("browse");
+  return /* @__PURE__ */ jsxs60(View67, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx102(View67, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs60(View67, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx102(View67, { className: "flex-[3]", children: browseSlot }),
+      /* @__PURE__ */ jsx102(View67, { className: "flex-[2] border-l border-border", children: cartSlot })
+    ] }) : /* @__PURE__ */ jsxs60(Fragment12, { children: [
+      /* @__PURE__ */ jsxs60(View67, { className: "flex-row border-b border-border", children: [
+        /* @__PURE__ */ jsx102(
+          Pressable35,
           {
             onPress: () => setActiveTab("browse"),
-            className: cn80("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx99(Text42, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
+            className: cn82("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
+            children: /* @__PURE__ */ jsx102(Text44, { className: cn82("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
           }
         ),
-        /* @__PURE__ */ jsx99(
-          Pressable32,
+        /* @__PURE__ */ jsx102(
+          Pressable35,
           {
             onPress: () => setActiveTab("cart"),
-            className: cn80("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx99(Text42, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
+            className: cn82("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
+            children: /* @__PURE__ */ jsx102(Text44, { className: cn82("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx99(View64, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
+      /* @__PURE__ */ jsx102(View67, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
     ] })
   ] });
 }
 
 // src/layout/checkout-layout.tsx
-import { ScrollView as ScrollView15, View as View65, useWindowDimensions as useWindowDimensions5 } from "react-native";
-import { cn as cn81 } from "@tallyui/theme";
-import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
+import { ScrollView as ScrollView15, View as View68, useWindowDimensions as useWindowDimensions5 } from "react-native";
+import { cn as cn83 } from "@tallyui/theme";
+import { jsx as jsx103, jsxs as jsxs61 } from "react/jsx-runtime";
 function CheckoutLayout({
   summarySlot,
   paymentSlot,
@@ -5032,12 +5438,12 @@ function CheckoutLayout({
 }) {
   const { width } = useWindowDimensions5();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  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: [
+  return /* @__PURE__ */ jsxs61(View68, { className: cn83("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx103(View68, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs61(View68, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx103(View68, { className: "flex-1 border-r border-border", children: summarySlot }),
+      /* @__PURE__ */ jsx103(View68, { className: "flex-1", children: paymentSlot })
+    ] }) : /* @__PURE__ */ jsx103(ScrollView15, { className: "flex-1", children: /* @__PURE__ */ jsxs61(View68, { className: "gap-4 p-4", children: [
       summarySlot,
       paymentSlot
     ] }) })
@@ -5045,10 +5451,10 @@ function CheckoutLayout({
 }
 
 // src/layout/settings-layout.tsx
-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 jsx101, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useState as useState27 } from "react";
+import { Pressable as Pressable36, Text as Text45, View as View69, useWindowDimensions as useWindowDimensions6 } from "react-native";
+import { cn as cn84 } from "@tallyui/theme";
+import { jsx as jsx104, jsxs as jsxs62 } from "react/jsx-runtime";
 function SettingsLayout({
   navSlot,
   contentSlot,
@@ -5060,26 +5466,26 @@ function SettingsLayout({
 }) {
   const { width } = useWindowDimensions6();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  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: [
+  const [showNav, setShowNav] = useState27(false);
+  return /* @__PURE__ */ jsxs62(View69, { className: cn84("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx104(View69, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs62(View69, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx104(View69, { className: "w-64 border-r border-border", children: navSlot }),
+      /* @__PURE__ */ jsx104(View69, { className: "flex-1", children: contentSlot })
+    ] }) : /* @__PURE__ */ jsx104(View69, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs62(View69, { className: "flex-1", children: [
       navSlot,
-      /* @__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" }) }),
+      /* @__PURE__ */ jsx104(Pressable36, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx104(Text45, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
+    ] }) : /* @__PURE__ */ jsxs62(View69, { className: "flex-1", children: [
+      /* @__PURE__ */ jsx104(Pressable36, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx104(Text45, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
       contentSlot
     ] }) })
   ] });
 }
 
 // src/layout/live-tab-screen.tsx
-import { Pressable as Pressable34, Text as Text44, View as View67 } from "react-native";
-import { cn as cn83 } from "@tallyui/theme";
-import { jsx as jsx102, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Pressable as Pressable37, Text as Text46, View as View70 } from "react-native";
+import { cn as cn85 } from "@tallyui/theme";
+import { jsx as jsx105, jsxs as jsxs63 } from "react/jsx-runtime";
 function LiveTabScreen({
   state,
   onUseHere,
@@ -5096,21 +5502,21 @@ function LiveTabScreen({
   const body = state === "parked" ? parkedBody : blockedBody;
   const buttonLabel = state === "parked" ? useHereLabel : reloadLabel;
   const onPress = state === "parked" ? onUseHere : onReload;
-  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 }) })
+  return /* @__PURE__ */ jsxs63(View70, { className: cn85("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx105(Text46, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
+    /* @__PURE__ */ jsx105(Text46, { className: "text-center text-sm text-muted-foreground", children: body }),
+    /* @__PURE__ */ jsx105(Pressable37, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx105(Text46, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
   ] });
 }
 
 // src/layout/store-settings-choice-screen.tsx
-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 jsx103, jsxs as jsxs62 } from "react/jsx-runtime";
+import { useState as useState28 } from "react";
+import { Pressable as Pressable38, Text as Text47, View as View71 } from "react-native";
+import { cn as cn86 } from "@tallyui/theme";
+import { jsx as jsx106, jsxs as jsxs64 } from "react/jsx-runtime";
 function useSectionSelection(options, initialValue) {
   const preset = options.length === 1 ? options[0].value : options.find((o) => o.value === initialValue)?.value;
-  return useState26(preset);
+  return useState28(preset);
 }
 function defaultCountryName(code, locale) {
   try {
@@ -5156,41 +5562,41 @@ function StoreSettingsChoiceScreen({
     else if (initial?.channel !== void 0) choice.channel = initial.channel;
     onSubmit(choice);
   };
-  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 })
+  return /* @__PURE__ */ jsxs64(View71, { className: cn86("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs64(View71, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx106(Text47, { className: "text-lg font-bold text-foreground", children: title }),
+      /* @__PURE__ */ jsx106(Text47, { className: "text-sm text-muted-foreground", children: body })
     ] }),
-    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,
+    showRegions && /* @__PURE__ */ jsx106(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
+    showCountries && /* @__PURE__ */ jsx106(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
+    showChannels && /* @__PURE__ */ jsx106(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
+    /* @__PURE__ */ jsx106(
+      Pressable38,
       {
         onPress: handleSubmit,
         disabled: !complete,
-        className: cn84("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
-        children: /* @__PURE__ */ jsx103(Text45, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
+        className: cn86("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
+        children: /* @__PURE__ */ jsx106(Text47, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
       }
     )
   ] });
 }
 function ChoiceSection({ label, options, selected, onSelect }) {
-  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) => {
+  return /* @__PURE__ */ jsxs64(View71, { className: "gap-1.5", children: [
+    /* @__PURE__ */ jsx106(Text47, { className: "text-xs font-semibold text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx106(View71, { className: "rounded-lg border border-border", children: options.map((option, index) => {
       const checked = option.value === selected;
-      return /* @__PURE__ */ jsxs62(
-        Pressable35,
+      return /* @__PURE__ */ jsxs64(
+        Pressable38,
         {
           onPress: () => onSelect(option.value),
           accessibilityRole: "radio",
           "aria-checked": checked,
           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"),
+          className: cn86("flex-row items-center gap-3 px-4 py-3", index > 0 && "border-t border-border", checked && "bg-primary/10"),
           children: [
-            /* @__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 })
+            /* @__PURE__ */ jsx106(View71, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx106(View71, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
+            /* @__PURE__ */ jsx106(Text47, { className: cn86("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
           ]
         },
         option.value
@@ -5236,6 +5642,7 @@ export {
   Catalogue,
   CategoryNav,
   ChangeDisplay,
+  ChargeForm,
   Checkbox,
   CheckoutLayout,
   ClosureSheet,
@@ -5334,6 +5741,7 @@ export {
   ProductPrice,
   ProductSku,
   ProductStockBadge,
+  ProductTable,
   ProductTitle,
   ProductVariantPicker,
   Progress,
@@ -5394,6 +5802,7 @@ export {
   TooltipContent,
   TooltipTrigger,
   VStack,
+  ViewToggle,
   XIcon,
   avatarVariants,
   badgeTextVariants,
@@ -5401,6 +5810,7 @@ export {
   buttonTextVariants,
   buttonVariants,
   createSvgIcon,
+  defaultProductColumns,
   describeRegisterBarPill,
   discountLabel,
   formatStockSyncTime,
@@ -5416,6 +5826,7 @@ export {
   toastVariants,
   toggleTextVariants,
   toggleVariants,
+  useDefaultProductColumns,
   useInputContext,
   vstackVariants
 };