@tallyui/components 3.0.0 → 3.0.1

package/dist/index.js

@@ -166,13 +166,21 @@ var SearchIcon = createSvgIcon("SearchIcon", () => /* @__PURE__ */ jsxs(Fragment
   /* @__PURE__ */ jsx6(Line, { x1: 16.5, y1: 16.5, x2: 21, y2: 21 })
 ] }));
 
+// src/ui/icon/x-icon.tsx
+import { Line as Line2 } from "react-native-svg";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var XIcon = createSvgIcon("XIcon", () => /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  /* @__PURE__ */ jsx7(Line2, { x1: 18, y1: 6, x2: 6, y2: 18 }),
+  /* @__PURE__ */ jsx7(Line2, { x1: 6, y1: 6, x2: 18, y2: 18 })
+] }));
+
 // src/ui/loader/index.tsx
 import * as React5 from "react";
 import { View as View4 } from "react-native";
 import { TextClassContext as TextClassContext3 } from "@tallyui/primitives";
 import { cn as cn5 } from "@tallyui/theme";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var loaderVariants = cva5("animate-spin", {
   variants: {
     size: {
@@ -187,13 +195,13 @@ var loaderVariants = cva5("animate-spin", {
 });
 function Loader({ className, size, ...props }) {
   const textClass = React5.useContext(TextClassContext3);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     View4,
     {
       className: cn5(loaderVariants({ size }), textClass, className),
       role: "progressbar",
       ...props,
-      children: /* @__PURE__ */ jsx7(View4, { className: "h-full w-full rounded-full border-2 border-current border-t-transparent" })
+      children: /* @__PURE__ */ jsx8(View4, { className: "h-full w-full rounded-full border-2 border-current border-t-transparent" })
     }
   );
 }
@@ -202,7 +210,7 @@ function Loader({ className, size, ...props }) {
 import { Text as Text2, View as View5 } from "react-native";
 import { cn as cn6 } from "@tallyui/theme";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var badgeVariants = cva6(
   "inline-flex items-center rounded-full border px-2.5 py-0.5",
   {
@@ -239,7 +247,7 @@ var badgeTextVariants = cva6("text-xs font-semibold", {
   }
 });
 function Badge({ className, variant, label, children, ...props }) {
-  return /* @__PURE__ */ jsx8(View5, { className: cn6(badgeVariants({ variant }), className), ...props, children: label ? /* @__PURE__ */ jsx8(Text2, { className: badgeTextVariants({ variant }), children: label }) : children });
+  return /* @__PURE__ */ jsx9(View5, { className: cn6(badgeVariants({ variant }), className), ...props, children: label ? /* @__PURE__ */ jsx9(Text2, { className: badgeTextVariants({ variant }), children: label }) : children });
 }
 
 // src/ui/avatar/index.tsx
@@ -247,7 +255,7 @@ import * as React6 from "react";
 import { Image, View as View6, Text as Text3 } from "react-native";
 import { cn as cn7 } from "@tallyui/theme";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var avatarVariants = cva7("relative overflow-hidden rounded-full", {
   variants: {
     size: {
@@ -263,7 +271,7 @@ var avatarVariants = cva7("relative overflow-hidden rounded-full", {
 });
 function Avatar({ className, size, src, alt, fallback, ...props }) {
   const [hasError, setHasError] = React6.useState(false);
-  return /* @__PURE__ */ jsx9(View6, { className: cn7(avatarVariants({ size }), className), ...props, children: src && !hasError ? /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(View6, { className: cn7(avatarVariants({ size }), className), ...props, children: src && !hasError ? /* @__PURE__ */ jsx10(
     Image,
     {
       source: { uri: src },
@@ -271,7 +279,7 @@ function Avatar({ className, size, src, alt, fallback, ...props }) {
       onError: () => setHasError(true),
       className: "h-full w-full"
     }
-  ) : /* @__PURE__ */ jsx9(View6, { className: "flex h-full w-full items-center justify-center bg-muted", children: /* @__PURE__ */ jsx9(Text3, { className: "text-sm font-medium text-muted-foreground", children: fallback ?? alt?.charAt(0)?.toUpperCase() ?? "?" }) }) });
+  ) : /* @__PURE__ */ jsx10(View6, { className: "flex h-full w-full items-center justify-center bg-muted", children: /* @__PURE__ */ jsx10(Text3, { className: "text-sm font-medium text-muted-foreground", children: fallback ?? alt?.charAt(0)?.toUpperCase() ?? "?" }) }) });
 }
 
 // src/ui/button/index.tsx
@@ -280,7 +288,7 @@ import { Pressable } from "react-native";
 import { TextClassContext as TextClassContext4, Slot as Slot2 } from "@tallyui/primitives";
 import { cn as cn8 } from "@tallyui/theme";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var buttonVariants = cva8(
   "inline-flex flex-row items-center justify-center gap-2 rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2",
   {
@@ -334,11 +342,11 @@ var buttonTextVariants = cva8(
 var Button = React7.forwardRef(
   function Button2({ className, variant, size, asChild = false, disabled, ...props }, ref) {
     const Component = asChild ? Slot2 : Pressable;
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       TextClassContext4.Provider,
       {
         value: buttonTextVariants({ variant, size }),
-        children: /* @__PURE__ */ jsx10(
+        children: /* @__PURE__ */ jsx11(
           Component,
           {
             ref,
@@ -364,7 +372,7 @@ import { Pressable as Pressable2 } from "react-native";
 import { Slot as Slot3 } from "@tallyui/primitives";
 import { cn as cn9 } from "@tallyui/theme";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var iconButtonVariants = cva9(
   "inline-flex items-center justify-center rounded-md web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring",
   {
@@ -391,7 +399,7 @@ var iconButtonVariants = cva9(
 var IconButton = React8.forwardRef(
   function IconButton2({ className, variant, size, asChild = false, disabled, ...props }, ref) {
     const Component = asChild ? Slot3 : Pressable2;
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       Component,
       {
         ref,
@@ -414,9 +422,9 @@ import * as React9 from "react";
 import { Text as Text4, View as View7 } from "react-native";
 import { TextClassContext as TextClassContext5 } from "@tallyui/primitives";
 import { cn as cn10 } from "@tallyui/theme";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Card = React9.forwardRef(function Card2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     View7,
     {
       ref,
@@ -427,11 +435,11 @@ var Card = React9.forwardRef(function Card2({ className, ...props }, ref) {
 });
 Card.displayName = "Card";
 var CardHeader = React9.forwardRef(function CardHeader2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(View7, { ref, className: cn10("flex flex-col gap-1.5 p-6", className), ...props });
+  return /* @__PURE__ */ jsx13(View7, { ref, className: cn10("flex flex-col gap-1.5 p-6", className), ...props });
 });
 CardHeader.displayName = "CardHeader";
 var CardTitle = React9.forwardRef(function CardTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Text4,
     {
       ref,
@@ -444,15 +452,15 @@ var CardTitle = React9.forwardRef(function CardTitle2({ className, ...props }, r
 });
 CardTitle.displayName = "CardTitle";
 var CardDescription = React9.forwardRef(function CardDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(Text4, { ref, className: cn10("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx13(Text4, { ref, className: cn10("text-sm text-muted-foreground", className), ...props });
 });
 CardDescription.displayName = "CardDescription";
 var CardContent = React9.forwardRef(function CardContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(TextClassContext5.Provider, { value: "text-card-foreground", children: /* @__PURE__ */ jsx12(View7, { ref, className: cn10("p-6 pt-0", className), ...props }) });
+  return /* @__PURE__ */ jsx13(TextClassContext5.Provider, { value: "text-card-foreground", children: /* @__PURE__ */ jsx13(View7, { ref, className: cn10("p-6 pt-0", className), ...props }) });
 });
 CardContent.displayName = "CardContent";
 var CardFooter = React9.forwardRef(function CardFooter2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(View7, { ref, className: cn10("flex flex-row items-center p-6 pt-0", className), ...props });
+  return /* @__PURE__ */ jsx13(View7, { ref, className: cn10("flex flex-row items-center p-6 pt-0", className), ...props });
 });
 CardFooter.displayName = "CardFooter";
 
@@ -460,10 +468,10 @@ CardFooter.displayName = "CardFooter";
 import * as React10 from "react";
 import { Separator as SeparatorPrimitive } from "@tallyui/primitives";
 import { cn as cn11 } from "@tallyui/theme";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Separator = React10.forwardRef(
   function Separator2({ className, orientation = "horizontal", decorative = true, ...props }, ref) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -485,10 +493,10 @@ Separator.displayName = "Separator";
 import * as React11 from "react";
 import { Label as LabelPrimitive } from "@tallyui/primitives";
 import { cn as cn12 } from "@tallyui/theme";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Label = React11.forwardRef(
   function Label2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       LabelPrimitive.Root,
       {
         ref,
@@ -507,7 +515,7 @@ Label.displayName = "Label";
 import * as React12 from "react";
 import { TextInput, View as View8 } from "react-native";
 import { cn as cn13 } from "@tallyui/theme";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var InputContext = React12.createContext({
   focused: false,
   disabled: false
@@ -518,7 +526,7 @@ function useInputContext() {
 var InputRoot = React12.forwardRef(
   function InputRoot2({ className, disabled = false, children, ...props }, ref) {
     const [focused, setFocused] = React12.useState(false);
-    return /* @__PURE__ */ jsx15(InputContext.Provider, { value: { focused, disabled }, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(InputContext.Provider, { value: { focused, disabled }, children: /* @__PURE__ */ jsx16(
       View8,
       {
         ref,
@@ -551,14 +559,14 @@ var InputRoot = React12.forwardRef(
 InputRoot.displayName = "InputRoot";
 var InputSlot = React12.forwardRef(
   function InputSlot2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx15(View8, { ref, className: cn13("justify-center", className), ...props });
+    return /* @__PURE__ */ jsx16(View8, { ref, className: cn13("justify-center", className), ...props });
   }
 );
 InputSlot.displayName = "InputSlot";
 var InputField = React12.forwardRef(
   function InputField2({ className, ...props }, ref) {
     const { disabled } = useInputContext();
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       TextInput,
       {
         ref,
@@ -583,10 +591,10 @@ var Input = Object.assign(InputRoot, {
 import * as React13 from "react";
 import { TextInput as TextInput2 } from "react-native";
 import { cn as cn14 } from "@tallyui/theme";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Textarea = React13.forwardRef(
   function Textarea2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       TextInput2,
       {
         ref,
@@ -607,10 +615,10 @@ Textarea.displayName = "Textarea";
 import * as React14 from "react";
 import { Tabs as TabsPrimitive, TextClassContext as TextClassContext6 } from "@tallyui/primitives";
 import { cn as cn15 } from "@tallyui/theme";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     TabsPrimitive.List,
     {
       className: cn15("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1", className),
@@ -621,14 +629,14 @@ function TabsList({ className, ...props }) {
 var TabsTrigger = React14.forwardRef(function TabsTrigger2({ className, ...props }, ref) {
   const { value } = TabsPrimitive.useRootContext();
   const isActive = props.value === value;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     TextClassContext6.Provider,
     {
       value: cn15(
         "text-sm font-medium",
         isActive ? "text-foreground" : "text-muted-foreground"
       ),
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18(
         TabsPrimitive.Trigger,
         {
           ref,
@@ -645,7 +653,7 @@ var TabsTrigger = React14.forwardRef(function TabsTrigger2({ className, ...props
 });
 TabsTrigger.displayName = "TabsTrigger";
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     TabsPrimitive.Content,
     {
       className: cn15("mt-2 web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", className),
@@ -659,13 +667,13 @@ import * as React15 from "react";
 import { View as View9 } from "react-native";
 import { Dialog as DialogPrimitive, TextClassContext as TextClassContext7 } from "@tallyui/primitives";
 import { cn as cn16 } from "@tallyui/theme";
-import { jsx as jsx18, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
 var DialogOverlay = React15.forwardRef(function DialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     DialogPrimitive.Overlay,
     {
       ref,
@@ -676,9 +684,9 @@ var DialogOverlay = React15.forwardRef(function DialogOverlay2({ className, ...p
 });
 DialogOverlay.displayName = "DialogOverlay";
 var DialogContent = React15.forwardRef(function DialogContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs2(DialogPortal, { children: [
-    /* @__PURE__ */ jsx18(DialogOverlay, {}),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+    /* @__PURE__ */ jsx19(DialogOverlay, {}),
+    /* @__PURE__ */ jsx19(
       DialogPrimitive.Content,
       {
         ref,
@@ -694,17 +702,17 @@ var DialogContent = React15.forwardRef(function DialogContent2({ className, chil
 });
 DialogContent.displayName = "DialogContent";
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(View9, { className: cn16("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ jsx19(View9, { className: cn16("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(View9, { className: cn16("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className), ...props });
+  return /* @__PURE__ */ jsx19(View9, { className: cn16("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className), ...props });
 }
 var DialogTitle = React15.forwardRef(function DialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(TextClassContext7.Provider, { value: "text-lg font-semibold leading-none text-foreground", children: /* @__PURE__ */ jsx18(DialogPrimitive.Title, { ref, className: cn16("text-lg font-semibold leading-none text-foreground", className), ...props }) });
+  return /* @__PURE__ */ jsx19(TextClassContext7.Provider, { value: "text-lg font-semibold leading-none text-foreground", children: /* @__PURE__ */ jsx19(DialogPrimitive.Title, { ref, className: cn16("text-lg font-semibold leading-none text-foreground", className), ...props }) });
 });
 DialogTitle.displayName = "DialogTitle";
 var DialogDescription = React15.forwardRef(function DialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(DialogPrimitive.Description, { ref, className: cn16("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx19(DialogPrimitive.Description, { ref, className: cn16("text-sm text-muted-foreground", className), ...props });
 });
 DialogDescription.displayName = "DialogDescription";
 
@@ -713,12 +721,12 @@ import * as React16 from "react";
 import { View as View10 } from "react-native";
 import { AlertDialog as AlertDialogPrimitive, TextClassContext as TextClassContext8 } from "@tallyui/primitives";
 import { cn as cn17 } from "@tallyui/theme";
-import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
 var AlertDialogOverlay = React16.forwardRef(function AlertDialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     AlertDialogPrimitive.Overlay,
     {
       ref,
@@ -729,9 +737,9 @@ var AlertDialogOverlay = React16.forwardRef(function AlertDialogOverlay2({ class
 });
 AlertDialogOverlay.displayName = "AlertDialogOverlay";
 var AlertDialogContent = React16.forwardRef(function AlertDialogContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs3(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx19(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx20(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx20(
       AlertDialogPrimitive.Content,
       {
         ref,
@@ -747,17 +755,17 @@ var AlertDialogContent = React16.forwardRef(function AlertDialogContent2({ class
 });
 AlertDialogContent.displayName = "AlertDialogContent";
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(View10, { className: cn17("flex flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ jsx20(View10, { className: cn17("flex flex-col gap-2", className), ...props });
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(View10, { className: cn17("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className), ...props });
+  return /* @__PURE__ */ jsx20(View10, { className: cn17("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className), ...props });
 }
 var AlertDialogTitle = React16.forwardRef(function AlertDialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx19(TextClassContext8.Provider, { value: "text-lg font-semibold text-foreground", children: /* @__PURE__ */ jsx19(AlertDialogPrimitive.Title, { ref, className: cn17("text-lg font-semibold text-foreground", className), ...props }) });
+  return /* @__PURE__ */ jsx20(TextClassContext8.Provider, { value: "text-lg font-semibold text-foreground", children: /* @__PURE__ */ jsx20(AlertDialogPrimitive.Title, { ref, className: cn17("text-lg font-semibold text-foreground", className), ...props }) });
 });
 AlertDialogTitle.displayName = "AlertDialogTitle";
 var AlertDialogDescription = React16.forwardRef(function AlertDialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx19(AlertDialogPrimitive.Description, { ref, className: cn17("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx20(AlertDialogPrimitive.Description, { ref, className: cn17("text-sm text-muted-foreground", className), ...props });
 });
 AlertDialogDescription.displayName = "AlertDialogDescription";
 var AlertDialogAction = AlertDialogPrimitive.Action;
@@ -767,12 +775,12 @@ var AlertDialogCancel = AlertDialogPrimitive.Cancel;
 import * as React17 from "react";
 import { Select as SelectPrimitive } from "@tallyui/primitives";
 import { cn as cn18 } from "@tallyui/theme";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React17.forwardRef(function SelectTrigger2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.Trigger,
     {
       ref,
@@ -787,7 +795,7 @@ var SelectTrigger = React17.forwardRef(function SelectTrigger2({ className, chil
 });
 SelectTrigger.displayName = "SelectTrigger";
 var SelectContent = React17.forwardRef(function SelectContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
     SelectPrimitive.Content,
     {
       ref,
@@ -802,11 +810,11 @@ var SelectContent = React17.forwardRef(function SelectContent2({ className, chil
 });
 SelectContent.displayName = "SelectContent";
 var SelectLabel = React17.forwardRef(function SelectLabel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Label, { ref, className: cn18("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Label, { ref, className: cn18("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props });
 });
 SelectLabel.displayName = "SelectLabel";
 var SelectItem = React17.forwardRef(function SelectItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.Item,
     {
       ref,
@@ -820,7 +828,7 @@ var SelectItem = React17.forwardRef(function SelectItem2({ className, ...props }
 });
 SelectItem.displayName = "SelectItem";
 var SelectSeparator = React17.forwardRef(function SelectSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Separator, { ref, className: cn18("-mx-1 my-1 h-px bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Separator, { ref, className: cn18("-mx-1 my-1 h-px bg-muted", className), ...props });
 });
 SelectSeparator.displayName = "SelectSeparator";
 
@@ -829,10 +837,10 @@ import * as React18 from "react";
 import { View as View11, Text as Text6 } from "react-native";
 import { Combobox as ComboboxPrimitive, TextClassContext as TextClassContext9 } from "@tallyui/primitives";
 import { cn as cn19 } from "@tallyui/theme";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 var ComboboxTrigger = React18.forwardRef(function ComboboxTrigger2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ComboboxPrimitive.Trigger,
     {
       ref,
@@ -847,7 +855,7 @@ var ComboboxTrigger = React18.forwardRef(function ComboboxTrigger2({ className,
 });
 ComboboxTrigger.displayName = "ComboboxTrigger";
 var ComboboxInput = React18.forwardRef(function ComboboxInput2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ComboboxPrimitive.Input,
     {
       ref,
@@ -861,7 +869,7 @@ var ComboboxInput = React18.forwardRef(function ComboboxInput2({ className, ...p
 });
 ComboboxInput.displayName = "ComboboxInput";
 var ComboboxContent = React18.forwardRef(function ComboboxContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx21(TextClassContext9.Provider, { value: "text-popover-foreground", children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx22(TextClassContext9.Provider, { value: "text-popover-foreground", children: /* @__PURE__ */ jsx22(
     ComboboxPrimitive.Content,
     {
       ref,
@@ -876,7 +884,7 @@ var ComboboxContent = React18.forwardRef(function ComboboxContent2({ className,
 });
 ComboboxContent.displayName = "ComboboxContent";
 var ComboboxItem = React18.forwardRef(function ComboboxItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ComboboxPrimitive.Item,
     {
       ref,
@@ -890,7 +898,7 @@ var ComboboxItem = React18.forwardRef(function ComboboxItem2({ className, ...pro
 });
 ComboboxItem.displayName = "ComboboxItem";
 var ComboboxEmpty = React18.forwardRef(function ComboboxEmpty2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx21(View11, { ref, className: cn19("py-6 text-center", className), ...props, children: /* @__PURE__ */ jsx21(Text6, { className: "text-sm text-muted-foreground", children: "No results found." }) });
+  return /* @__PURE__ */ jsx22(View11, { ref, className: cn19("py-6 text-center", className), ...props, children: /* @__PURE__ */ jsx22(Text6, { className: "text-sm text-muted-foreground", children: "No results found." }) });
 });
 ComboboxEmpty.displayName = "ComboboxEmpty";
 
@@ -898,7 +906,7 @@ ComboboxEmpty.displayName = "ComboboxEmpty";
 import * as React19 from "react";
 import { DropdownMenu as DropdownMenuPrimitive, TextClassContext as TextClassContext10 } from "@tallyui/primitives";
 import { cn as cn20 } from "@tallyui/theme";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -906,7 +914,7 @@ var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var DropdownMenuContent = React19.forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -921,7 +929,7 @@ var DropdownMenuContent = React19.forwardRef(function DropdownMenuContent2({ cla
 });
 DropdownMenuContent.displayName = "DropdownMenuContent";
 var DropdownMenuItem = React19.forwardRef(function DropdownMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(TextClassContext10.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(TextClassContext10.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.Item,
     {
       ref,
@@ -936,7 +944,7 @@ var DropdownMenuItem = React19.forwardRef(function DropdownMenuItem2({ className
 });
 DropdownMenuItem.displayName = "DropdownMenuItem";
 var DropdownMenuCheckboxItem = React19.forwardRef(function DropdownMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.CheckboxItem,
     {
       ref,
@@ -952,7 +960,7 @@ var DropdownMenuCheckboxItem = React19.forwardRef(function DropdownMenuCheckboxI
 });
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
 var DropdownMenuRadioItem = React19.forwardRef(function DropdownMenuRadioItem2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.RadioItem,
     {
       ref,
@@ -967,7 +975,7 @@ var DropdownMenuRadioItem = React19.forwardRef(function DropdownMenuRadioItem2({
 });
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
 var DropdownMenuLabel = React19.forwardRef(function DropdownMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.Label,
     {
       ref,
@@ -978,11 +986,11 @@ var DropdownMenuLabel = React19.forwardRef(function DropdownMenuLabel2({ classNa
 });
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
 var DropdownMenuSeparator = React19.forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(DropdownMenuPrimitive.Separator, { ref, className: cn20("-mx-1 my-1 h-px bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Separator, { ref, className: cn20("-mx-1 my-1 h-px bg-muted", className), ...props });
 });
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 var DropdownMenuSubTrigger = React19.forwardRef(function DropdownMenuSubTrigger2({ className, inset, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(TextClassContext10.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(TextClassContext10.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.SubTrigger,
     {
       ref,
@@ -998,7 +1006,7 @@ var DropdownMenuSubTrigger = React19.forwardRef(function DropdownMenuSubTrigger2
 });
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
 var DropdownMenuSubContent = React19.forwardRef(function DropdownMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.SubContent,
     {
       ref,
@@ -1016,7 +1024,7 @@ DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
 import * as React20 from "react";
 import { ContextMenu as ContextMenuPrimitive, TextClassContext as TextClassContext11 } from "@tallyui/primitives";
 import { cn as cn21 } from "@tallyui/theme";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -1024,7 +1032,7 @@ var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 var ContextMenuContent = React20.forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Content,
     {
       ref,
@@ -1038,7 +1046,7 @@ var ContextMenuContent = React20.forwardRef(function ContextMenuContent2({ class
 });
 ContextMenuContent.displayName = "ContextMenuContent";
 var ContextMenuItem = React20.forwardRef(function ContextMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(TextClassContext11.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(TextClassContext11.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Item,
     {
       ref,
@@ -1053,7 +1061,7 @@ var ContextMenuItem = React20.forwardRef(function ContextMenuItem2({ className,
 });
 ContextMenuItem.displayName = "ContextMenuItem";
 var ContextMenuCheckboxItem = React20.forwardRef(function ContextMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.CheckboxItem,
     {
       ref,
@@ -1069,7 +1077,7 @@ var ContextMenuCheckboxItem = React20.forwardRef(function ContextMenuCheckboxIte
 });
 ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
 var ContextMenuRadioItem = React20.forwardRef(function ContextMenuRadioItem2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.RadioItem,
     {
       ref,
@@ -1084,7 +1092,7 @@ var ContextMenuRadioItem = React20.forwardRef(function ContextMenuRadioItem2({ c
 });
 ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
 var ContextMenuLabel = React20.forwardRef(function ContextMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Label,
     {
       ref,
@@ -1095,11 +1103,11 @@ var ContextMenuLabel = React20.forwardRef(function ContextMenuLabel2({ className
 });
 ContextMenuLabel.displayName = "ContextMenuLabel";
 var ContextMenuSeparator = React20.forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Separator, { ref, className: cn21("-mx-1 my-1 h-px bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Separator, { ref, className: cn21("-mx-1 my-1 h-px bg-muted", className), ...props });
 });
 ContextMenuSeparator.displayName = "ContextMenuSeparator";
 var ContextMenuSubTrigger = React20.forwardRef(function ContextMenuSubTrigger2({ className, inset, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(TextClassContext11.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(TextClassContext11.Provider, { value: "select-none text-sm", children: /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.SubTrigger,
     {
       ref,
@@ -1115,7 +1123,7 @@ var ContextMenuSubTrigger = React20.forwardRef(function ContextMenuSubTrigger2({
 });
 ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
 var ContextMenuSubContent = React20.forwardRef(function ContextMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.SubContent,
     {
       ref,
@@ -1133,11 +1141,11 @@ ContextMenuSubContent.displayName = "ContextMenuSubContent";
 import * as React21 from "react";
 import { Popover as PopoverPrimitive, TextClassContext as TextClassContext12 } from "@tallyui/primitives";
 import { cn as cn22 } from "@tallyui/theme";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverContent = React21.forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx24(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx24(TextClassContext12.Provider, { value: "text-popover-foreground", children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(TextClassContext12.Provider, { value: "text-popover-foreground", children: /* @__PURE__ */ jsx25(
     PopoverPrimitive.Content,
     {
       ref,
@@ -1157,11 +1165,11 @@ PopoverContent.displayName = "PopoverContent";
 import * as React22 from "react";
 import { Tooltip as TooltipPrimitive, TextClassContext as TextClassContext13 } from "@tallyui/primitives";
 import { cn as cn23 } from "@tallyui/theme";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipContent = React22.forwardRef(function TooltipContent2({ className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx25(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx25(TextClassContext13.Provider, { value: "text-sm text-popover-foreground", children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx26(TextClassContext13.Provider, { value: "text-sm text-popover-foreground", children: /* @__PURE__ */ jsx26(
     TooltipPrimitive.Content,
     {
       ref,
@@ -1180,11 +1188,11 @@ TooltipContent.displayName = "TooltipContent";
 import * as React23 from "react";
 import { HoverCard as HoverCardPrimitive, TextClassContext as TextClassContext14 } from "@tallyui/primitives";
 import { cn as cn24 } from "@tallyui/theme";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardContent = React23.forwardRef(function HoverCardContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx26(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx26(TextClassContext14.Provider, { value: "text-popover-foreground", children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx27(TextClassContext14.Provider, { value: "text-popover-foreground", children: /* @__PURE__ */ jsx27(
     HoverCardPrimitive.Content,
     {
       ref,
@@ -1205,14 +1213,14 @@ import * as React24 from "react";
 import { View as View12 } from "react-native";
 import { Accordion as AccordionPrimitive, TextClassContext as TextClassContext15 } from "@tallyui/primitives";
 import { cn as cn25 } from "@tallyui/theme";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
 var AccordionItem = React24.forwardRef(function AccordionItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx27(AccordionPrimitive.Item, { ref, className: cn25("border-b border-border", className), ...props });
+  return /* @__PURE__ */ jsx28(AccordionPrimitive.Item, { ref, className: cn25("border-b border-border", className), ...props });
 });
 AccordionItem.displayName = "AccordionItem";
 var AccordionTrigger = React24.forwardRef(function AccordionTrigger2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx27(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsx27(TextClassContext15.Provider, { value: "text-sm font-medium", children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsx28(TextClassContext15.Provider, { value: "text-sm font-medium", children: /* @__PURE__ */ jsx28(
     AccordionPrimitive.Trigger,
     {
       ref,
@@ -1227,13 +1235,13 @@ var AccordionTrigger = React24.forwardRef(function AccordionTrigger2({ className
 });
 AccordionTrigger.displayName = "AccordionTrigger";
 var AccordionContent = React24.forwardRef(function AccordionContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx27(TextClassContext15.Provider, { value: "text-sm", children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(TextClassContext15.Provider, { value: "text-sm", children: /* @__PURE__ */ jsx28(
     AccordionPrimitive.Content,
     {
       ref,
       className: cn25("overflow-hidden text-sm web:transition-all", className),
       ...props,
-      children: /* @__PURE__ */ jsx27(View12, { className: "pb-4 pt-0", children })
+      children: /* @__PURE__ */ jsx28(View12, { className: "pb-4 pt-0", children })
     }
   ) });
 });
@@ -1243,11 +1251,11 @@ AccordionContent.displayName = "AccordionContent";
 import * as React25 from "react";
 import { Collapsible as CollapsiblePrimitive, TextClassContext as TextClassContext16 } from "@tallyui/primitives";
 import { cn as cn26 } from "@tallyui/theme";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
 var CollapsibleContent = React25.forwardRef(function CollapsibleContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx28(TextClassContext16.Provider, { value: "text-sm", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(TextClassContext16.Provider, { value: "text-sm", children: /* @__PURE__ */ jsx29(
     CollapsiblePrimitive.Content,
     {
       ref,
@@ -1263,9 +1271,9 @@ import * as React26 from "react";
 import { Text as Text7 } from "react-native";
 import { Checkbox as CheckboxPrimitive } from "@tallyui/primitives";
 import { cn as cn27 } from "@tallyui/theme";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var Checkbox = React26.forwardRef(function Checkbox2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -1276,7 +1284,7 @@ var Checkbox = React26.forwardRef(function Checkbox2({ className, ...props }, re
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx29(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx29(Text7, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
+      children: /* @__PURE__ */ jsx30(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx30(Text7, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
     }
   );
 });
@@ -1286,9 +1294,9 @@ Checkbox.displayName = "Checkbox";
 import * as React27 from "react";
 import { Switch as SwitchPrimitive } from "@tallyui/primitives";
 import { cn as cn28 } from "@tallyui/theme";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Switch = React27.forwardRef(function Switch2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     SwitchPrimitive.Root,
     {
       ref,
@@ -1299,7 +1307,7 @@ var Switch = React27.forwardRef(function Switch2({ className, ...props }, ref) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx31(
         SwitchPrimitive.Thumb,
         {
           className: cn28(
@@ -1318,13 +1326,13 @@ import * as React28 from "react";
 import { View as View14 } from "react-native";
 import { RadioGroup as RadioGroupPrimitive } from "@tallyui/primitives";
 import { cn as cn29 } from "@tallyui/theme";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var RadioGroup = React28.forwardRef(function RadioGroup2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(RadioGroupPrimitive.Root, { ref, className: cn29("grid gap-2", className), ...props });
+  return /* @__PURE__ */ jsx32(RadioGroupPrimitive.Root, { ref, className: cn29("grid gap-2", className), ...props });
 });
 RadioGroup.displayName = "RadioGroup";
 var RadioGroupItem = React28.forwardRef(function RadioGroupItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -1334,7 +1342,7 @@ var RadioGroupItem = React28.forwardRef(function RadioGroupItem2({ className, ..
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx31(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx31(View14, { className: "h-2.5 w-2.5 rounded-full bg-current" }) })
+      children: /* @__PURE__ */ jsx32(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx32(View14, { className: "h-2.5 w-2.5 rounded-full bg-current" }) })
     }
   );
 });
@@ -1345,7 +1353,7 @@ import * as React29 from "react";
 import { Toggle as TogglePrimitive, TextClassContext as TextClassContext17 } from "@tallyui/primitives";
 import { cn as cn30 } from "@tallyui/theme";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var toggleVariants = cva10(
   "inline-flex items-center justify-center rounded-md text-sm font-medium web:ring-offset-background web:transition-colors web:hover:bg-muted web:hover:text-muted-foreground web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2",
   {
@@ -1384,7 +1392,7 @@ var toggleTextVariants = cva10("text-sm font-medium", {
   }
 });
 var Toggle = React29.forwardRef(function Toggle2({ className, variant, size, ...props }, ref) {
-  return /* @__PURE__ */ jsx32(TextClassContext17.Provider, { value: toggleTextVariants({ variant, size }), children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(TextClassContext17.Provider, { value: toggleTextVariants({ variant, size }), children: /* @__PURE__ */ jsx33(
     TogglePrimitive.Root,
     {
       ref,
@@ -1403,33 +1411,33 @@ Toggle.displayName = "Toggle";
 import * as React30 from "react";
 import { ToggleGroup as ToggleGroupPrimitive, TextClassContext as TextClassContext18 } from "@tallyui/primitives";
 import { cn as cn31 } from "@tallyui/theme";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var ToggleGroupContext = React30.createContext({
   size: "default",
   variant: "default"
 });
 var ToggleGroup = React30.forwardRef(function ToggleGroup2({ className, variant, size, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ToggleGroupPrimitive.Root,
     {
       ref,
       className: cn31("flex flex-row items-center justify-center gap-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx33(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx34(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 });
 ToggleGroup.displayName = "ToggleGroup";
 var ToggleGroupItem = React30.forwardRef(function ToggleGroupItem2({ className, variant, size, ...props }, ref) {
   const context = React30.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     TextClassContext18.Provider,
     {
       value: toggleTextVariants({
         variant: variant || context.variant,
         size: size || context.size
       }),
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         ToggleGroupPrimitive.Item,
         {
           ref,
@@ -1452,15 +1460,15 @@ ToggleGroupItem.displayName = "ToggleGroupItem";
 import * as React31 from "react";
 import { Progress as ProgressPrimitive } from "@tallyui/primitives";
 import { cn as cn32 } from "@tallyui/theme";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var Progress = React31.forwardRef(function Progress2({ className, value, ...props }, ref) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ProgressPrimitive.Root,
     {
       ref,
       className: cn32("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
       ...props,
-      children: /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsx35(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 rounded-full bg-primary web:transition-all",
@@ -1476,17 +1484,17 @@ Progress.displayName = "Progress";
 import * as React32 from "react";
 import { Slider as SliderPrimitive } from "@tallyui/primitives";
 import { cn as cn33 } from "@tallyui/theme";
-import { jsx as jsx35, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs5 } from "react/jsx-runtime";
 var Slider = React32.forwardRef(function Slider2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     SliderPrimitive.Root,
     {
       ref,
       className: cn33("relative flex w-full touch-none select-none items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx35(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx35(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-        /* @__PURE__ */ jsx35(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2" })
+        /* @__PURE__ */ jsx36(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx36(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ jsx36(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2" })
       ]
     }
   );
@@ -1497,7 +1505,7 @@ Slider.displayName = "Slider";
 import { View as View15, Text as Text9, Pressable as Pressable5 } from "react-native";
 import { cn as cn34 } from "@tallyui/theme";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var toastVariants = cva11(
   "group pointer-events-auto relative flex w-full flex-row items-center justify-between gap-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg",
   {
@@ -1514,16 +1522,16 @@ var toastVariants = cva11(
   }
 );
 function Toast({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx36(View15, { className: cn34(toastVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx37(View15, { className: cn34(toastVariants({ variant }), className), ...props });
 }
 function ToastTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(Text9, { className: cn34("text-sm font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx37(Text9, { className: cn34("text-sm font-semibold", className), ...props });
 }
 function ToastDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(Text9, { className: cn34("text-sm opacity-90", className), ...props });
+  return /* @__PURE__ */ jsx37(Text9, { className: cn34("text-sm opacity-90", className), ...props });
 }
 function ToastClose({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Pressable5,
     {
       className: cn34(
@@ -1531,7 +1539,7 @@ function ToastClose({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx36(Text9, { className: "text-sm", children: "\u2715" })
+      children: /* @__PURE__ */ jsx37(Text9, { className: "text-sm", children: "\u2715" })
     }
   );
 }
@@ -1541,25 +1549,25 @@ import * as React33 from "react";
 import { View as View16 } from "react-native";
 import { TextClassContext as TextClassContext19 } from "@tallyui/primitives";
 import { cn as cn35 } from "@tallyui/theme";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Table = React33.forwardRef(function Table2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(View16, { ref, role: "table", className: cn35("w-full", className), ...props });
+  return /* @__PURE__ */ jsx38(View16, { ref, role: "table", className: cn35("w-full", className), ...props });
 });
 Table.displayName = "Table";
 var TableHeader = React33.forwardRef(function TableHeader2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(View16, { ref, role: "rowgroup", className: cn35("border-b border-border", className), ...props });
+  return /* @__PURE__ */ jsx38(View16, { ref, role: "rowgroup", className: cn35("border-b border-border", className), ...props });
 });
 TableHeader.displayName = "TableHeader";
 var TableBody = React33.forwardRef(function TableBody2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(View16, { ref, role: "rowgroup", className: cn35("[&>*:last-child]:border-0", className), ...props });
+  return /* @__PURE__ */ jsx38(View16, { ref, role: "rowgroup", className: cn35("[&>*:last-child]:border-0", className), ...props });
 });
 TableBody.displayName = "TableBody";
 var TableFooter = React33.forwardRef(function TableFooter2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(View16, { ref, role: "rowgroup", className: cn35("border-t border-border bg-muted/50 font-medium", className), ...props });
+  return /* @__PURE__ */ jsx38(View16, { ref, role: "rowgroup", className: cn35("border-t border-border bg-muted/50 font-medium", className), ...props });
 });
 TableFooter.displayName = "TableFooter";
 var TableRow = React33.forwardRef(function TableRow2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     View16,
     {
       ref,
@@ -1571,7 +1579,7 @@ var TableRow = React33.forwardRef(function TableRow2({ className, ...props }, re
 });
 TableRow.displayName = "TableRow";
 var TableHead = React33.forwardRef(function TableHead2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(TextClassContext19.Provider, { value: "text-muted-foreground text-xs uppercase text-left font-medium", children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(TextClassContext19.Provider, { value: "text-muted-foreground text-xs uppercase text-left font-medium", children: /* @__PURE__ */ jsx38(
     View16,
     {
       ref,
@@ -1583,23 +1591,23 @@ var TableHead = React33.forwardRef(function TableHead2({ className, ...props },
 });
 TableHead.displayName = "TableHead";
 var TableCell = React33.forwardRef(function TableCell2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(View16, { ref, role: "cell", className: cn35("flex-1 px-4 py-4", className), ...props });
+  return /* @__PURE__ */ jsx38(View16, { ref, role: "cell", className: cn35("flex-1 px-4 py-4", className), ...props });
 });
 TableCell.displayName = "TableCell";
 
 // src/product/product-title.tsx
 import { useProductTraits } from "@tallyui/core";
 import { cn as cn36 } from "@tallyui/theme";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function ProductTitle({ doc, className, ...textProps }) {
   const { getName } = useProductTraits();
-  return /* @__PURE__ */ jsx38(Text, { className: cn36("font-semibold", className), ...textProps, children: getName(doc) });
+  return /* @__PURE__ */ jsx39(Text, { className: cn36("font-semibold", className), ...textProps, children: getName(doc) });
 }
 
 // src/product/product-price.tsx
 import { formatMoney, minorUnitDigits, moneyToMajor, resolvePrice, resolvePriceRange, useProductTraits as useProductTraits2, useTraitContext } from "@tallyui/core";
 import { cn as cn37 } from "@tallyui/theme";
-import { jsx as jsx39, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs6 } from "react/jsx-runtime";
 function ProductPrice({ doc, currency, locale, currencySymbol: currencySymbol4 = "$", className, showFromPrice = true, fromLabel, formatFrom, ...textProps }) {
   const { getPrices, getVariants } = useProductTraits2();
   const traitContext = useTraitContext();
@@ -1609,7 +1617,7 @@ function ProductPrice({ doc, currency, locale, currencySymbol: currencySymbol4 =
   const range = variants && variants.length >= 2 ? resolvePriceRange(variants, effectiveCurrency) : void 0;
   const applyFormatFrom = formatFrom ?? (fromLabel !== void 0 ? (price) => `${fromLabel} ${price}` : (price) => `from ${price}`);
   if (range && range.min.amount !== range.max.amount) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       Text,
       {
         className: cn37("text-sm font-medium text-price", className),
@@ -1621,10 +1629,10 @@ function ProductPrice({ doc, currency, locale, currencySymbol: currencySymbol4 =
   }
   const resolved = resolvePrice(getPrices(doc, traitContext), effectiveCurrency);
   if (!resolved) {
-    return /* @__PURE__ */ jsx39(Text, { className: cn37("text-sm text-muted-foreground", className), ...textProps, children: "-" });
+    return /* @__PURE__ */ jsx40(Text, { className: cn37("text-sm text-muted-foreground", className), ...textProps, children: "-" });
   }
   if (resolved.was) {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       Text,
       {
         className: cn37("text-sm font-semibold text-sale", className),
@@ -1633,7 +1641,7 @@ function ProductPrice({ doc, currency, locale, currencySymbol: currencySymbol4 =
         children: [
           format(resolved.current),
           " ",
-          /* @__PURE__ */ jsxs5(Text, { className: "text-muted-foreground line-through", style: { textDecorationLine: "line-through" }, children: [
+          /* @__PURE__ */ jsxs6(Text, { className: "text-muted-foreground line-through", style: { textDecorationLine: "line-through" }, children: [
             "(was ",
             format(resolved.was),
             ")"
@@ -1642,7 +1650,7 @@ function ProductPrice({ doc, currency, locale, currencySymbol: currencySymbol4 =
       }
     );
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Text,
     {
       className: cn37("text-sm font-medium text-price", className),
@@ -1658,25 +1666,25 @@ import { View as View17 } from "react-native";
 import { Image as Image2 } from "@tallyui/primitives";
 import { useProductTraits as useProductTraits3 } from "@tallyui/core";
 import { cn as cn38 } from "@tallyui/theme";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function ProductImage({ doc, size = 60, style, showPlaceholder = false, className, ...imageProps }) {
   const { getImageUrl, getName } = useProductTraits3();
   const imageUrl = getImageUrl(doc);
   if (!imageUrl) {
     if (!showPlaceholder) return null;
     const name = getName(doc);
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       View17,
       {
         role: "img",
         "aria-label": name,
         className: cn38("items-center justify-center rounded border border-border bg-primary/10", className),
         style: { width: size, height: size },
-        children: /* @__PURE__ */ jsx40(Text, { className: "font-semibold text-primary", style: { fontSize: size * 0.4 }, children: name.trim().charAt(0).toUpperCase() || "?" })
+        children: /* @__PURE__ */ jsx41(Text, { className: "font-semibold text-primary", style: { fontSize: size * 0.4 }, children: name.trim().charAt(0).toUpperCase() || "?" })
       }
     );
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Image2.Root,
     {
       source: { uri: imageUrl },
@@ -1691,19 +1699,19 @@ function ProductImage({ doc, size = 60, style, showPlaceholder = false, classNam
 // src/product/product-sku.tsx
 import { useProductTraits as useProductTraits4 } from "@tallyui/core";
 import { cn as cn39 } from "@tallyui/theme";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function ProductSku({ doc, fallback = "\u2014", className, ...textProps }) {
   const { getSku, getVariantCount } = useProductTraits4();
   const count2 = getVariantCount(doc);
   const sku = getSku(doc);
-  return /* @__PURE__ */ jsx41(Text, { className: cn39("text-xs text-muted-foreground", className), ...textProps, children: count2 > 1 ? `${count2} variants` : sku ?? fallback });
+  return /* @__PURE__ */ jsx42(Text, { className: cn39("text-xs text-muted-foreground", className), ...textProps, children: count2 > 1 ? `${count2} variants` : sku ?? fallback });
 }
 
 // src/product/product-stock-badge.tsx
 import { View as View18 } from "react-native";
 import { useProductStock } from "@tallyui/core";
 import { cn as cn40 } from "@tallyui/theme";
-import { jsx as jsx42, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs7 } from "react/jsx-runtime";
 var statusLabels = {
   in_stock: "In Stock",
   out_of_stock: "Out of Stock",
@@ -1740,18 +1748,18 @@ function ProductStockBadge({ doc, showQuantity = false, showAsOf = true, classNa
   const { status, quantity, asOf } = useProductStock(doc);
   const label = statusLabels[status] ?? statusLabels.unknown;
   const styles = STATUS_STYLES[status] ?? STATUS_STYLES.unknown;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     HStack,
     {
       space: "none",
       className: cn40("gap-1.5 self-start rounded-xl px-2 py-1", styles.badge, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx42(View18, { className: cn40("h-1.5 w-1.5 rounded-full", styles.dot) }),
-        /* @__PURE__ */ jsxs6(Text, { className: cn40("text-xs font-semibold", styles.text), children: [
+        /* @__PURE__ */ jsx43(View18, { className: cn40("h-1.5 w-1.5 rounded-full", styles.dot) }),
+        /* @__PURE__ */ jsxs7(Text, { className: cn40("text-xs font-semibold", styles.text), children: [
           label,
           status !== "out_of_stock" && showQuantity && quantity != null ? ` (${quantity})` : "",
-          asOf && showAsOf ? /* @__PURE__ */ jsx42(Text, { className: "text-xs font-normal text-muted-foreground", children: ` \xB7 as of ${formatAsOf(asOf)}` }) : null
+          asOf && showAsOf ? /* @__PURE__ */ jsx43(Text, { className: "text-xs font-normal text-muted-foreground", children: ` \xB7 as of ${formatAsOf(asOf)}` }) : null
         ] })
       ]
     }
@@ -1762,7 +1770,7 @@ function ProductStockBadge({ doc, showQuantity = false, showAsOf = true, classNa
 import { Pressable as Pressable7 } from "react-native";
 import { cn as cn41 } from "@tallyui/theme";
 import { useProductTraits as useProductTraits5 } from "@tallyui/core";
-import { jsx as jsx43, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs8 } from "react/jsx-runtime";
 function ProductCard({ doc, onPress, imageSize = 80, currencySymbol: currencySymbol4, notSoldLabel = "Not sold here", className, ...props }) {
   let traits;
   try {
@@ -1771,24 +1779,24 @@ function ProductCard({ doc, onPress, imageSize = 80, currencySymbol: currencySym
     traits = void 0;
   }
   const sellable = !traits || traits.isSellable(doc);
-  const content = /* @__PURE__ */ jsxs7(
+  const content = /* @__PURE__ */ jsxs8(
     VStack,
     {
       space: "sm",
       className: cn41("items-center rounded-lg border border-border bg-card p-3", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx43(ProductImage, { doc, size: imageSize, className: cn41("rounded-md", !sellable && "opacity-50") }),
-        /* @__PURE__ */ jsx43(ProductTitle, { doc, className: cn41("text-sm", !sellable && "opacity-50"), numberOfLines: 2 }),
-        sellable ? /* @__PURE__ */ jsx43(ProductPrice, { doc, currencySymbol: currencySymbol4 }) : /* @__PURE__ */ jsx43(Text, { className: "text-sm text-muted-foreground", children: notSoldLabel })
+        /* @__PURE__ */ jsx44(ProductImage, { doc, size: imageSize, className: cn41("rounded-md", !sellable && "opacity-50") }),
+        /* @__PURE__ */ jsx44(ProductTitle, { doc, className: cn41("text-sm", !sellable && "opacity-50"), numberOfLines: 2 }),
+        sellable ? /* @__PURE__ */ jsx44(ProductPrice, { doc, currencySymbol: currencySymbol4 }) : /* @__PURE__ */ jsx44(Text, { className: "text-sm text-muted-foreground", children: notSoldLabel })
       ]
     }
   );
   if (!sellable) {
-    return /* @__PURE__ */ jsx43(Pressable7, { disabled: true, "aria-disabled": true, onPress: void 0, children: content });
+    return /* @__PURE__ */ jsx44(Pressable7, { disabled: true, "aria-disabled": true, onPress: void 0, children: content });
   }
   if (onPress) {
-    return /* @__PURE__ */ jsx43(Pressable7, { onPress, children: content });
+    return /* @__PURE__ */ jsx44(Pressable7, { onPress, children: content });
   }
   return content;
 }
@@ -1797,7 +1805,7 @@ function ProductCard({ doc, onPress, imageSize = 80, currencySymbol: currencySym
 import { FlatList, View as View19 } from "react-native";
 import { cn as cn42 } from "@tallyui/theme";
 import { useProductTraits as useProductTraits6 } from "@tallyui/core";
-import { jsx as jsx44, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs9 } from "react/jsx-runtime";
 var INITIAL_ROWS = 8;
 var BATCH_ROWS = 8;
 var WINDOW_SIZE = 5;
@@ -1820,10 +1828,10 @@ function ProductGrid({
   }
   const visibleItems = showUnsellable || !traits ? items : items.filter((item) => traits.isSellable(item));
   const hasItems = visibleItems.length > 0;
-  return /* @__PURE__ */ jsxs8(VStack, { space: "none", className: cn42("flex-1", className), ...viewProps, children: [
-    searchSlot && /* @__PURE__ */ jsx44(View19, { className: "px-3 py-2", children: searchSlot }),
-    filterSlot && /* @__PURE__ */ jsx44(View19, { className: "px-3 pb-2", children: filterSlot }),
-    hasItems ? /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs9(VStack, { space: "none", className: cn42("flex-1", className), ...viewProps, children: [
+    searchSlot && /* @__PURE__ */ jsx45(View19, { className: "px-3 py-2", children: searchSlot }),
+    filterSlot && /* @__PURE__ */ jsx45(View19, { className: "px-3 pb-2", children: filterSlot }),
+    hasItems ? /* @__PURE__ */ jsx45(
       FlatList,
       {
         data: visibleItems,
@@ -1833,7 +1841,7 @@ function ProductGrid({
         initialNumToRender: INITIAL_ROWS,
         maxToRenderPerBatch: BATCH_ROWS,
         windowSize: WINDOW_SIZE,
-        renderItem: ({ item, index }) => /* @__PURE__ */ jsx44(View19, { style: { width: `${100 / numColumns}%` }, className: "p-1", children: renderItem(item, index) })
+        renderItem: ({ item, index }) => /* @__PURE__ */ jsx45(View19, { style: { width: `${100 / numColumns}%` }, className: "p-1", children: renderItem(item, index) })
       },
       numColumns
     ) : emptyState ?? null
@@ -1843,7 +1851,7 @@ function ProductGrid({
 // src/product/product-list.tsx
 import { ScrollView as ScrollView2, View as View20 } from "react-native";
 import { cn as cn43 } from "@tallyui/theme";
-import { jsx as jsx45, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs10 } from "react/jsx-runtime";
 function ProductList({
   items,
   renderItem,
@@ -1854,17 +1862,17 @@ function ProductList({
   ...viewProps
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs9(View20, { className: cn43("flex-1", className), ...viewProps, children: [
-    searchSlot && /* @__PURE__ */ jsx45(View20, { className: "px-3 py-2", children: searchSlot }),
-    filterSlot && /* @__PURE__ */ jsx45(View20, { className: "px-3 pb-2", children: filterSlot }),
-    hasItems ? /* @__PURE__ */ jsx45(ScrollView2, { className: "flex-1", children: items.map((item, index) => /* @__PURE__ */ jsx45(View20, { className: "border-b border-border", children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+  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
   ] });
 }
 
 // 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 jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function CategoryNav({
   categories,
   selectedId,
@@ -1876,7 +1884,7 @@ function CategoryNav({
   const isHorizontal = orientation === "horizontal";
   const content = categories.map((cat) => {
     const active = cat.id === selectedId;
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(
       Pressable8,
       {
         onPress: () => onSelect(cat.id),
@@ -1884,7 +1892,7 @@ function CategoryNav({
           "rounded-full px-3 py-1.5",
           active ? "bg-primary" : "bg-muted"
         ),
-        children: /* @__PURE__ */ jsx46(
+        children: /* @__PURE__ */ jsx47(
           Text11,
           {
             className: cn44(
@@ -1899,7 +1907,7 @@ function CategoryNav({
     );
   });
   if (isHorizontal) {
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(
       ScrollView3,
       {
         horizontal: true,
@@ -1911,13 +1919,13 @@ function CategoryNav({
       }
     );
   }
-  return /* @__PURE__ */ jsx46(View21, { className: cn44("gap-1 p-2", className), ...viewProps, children: content });
+  return /* @__PURE__ */ jsx47(View21, { className: cn44("gap-1 p-2", className), ...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 jsx47, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs11 } from "react/jsx-runtime";
 function ProductVariantPicker({
   options,
   selected = {},
@@ -1928,11 +1936,11 @@ function ProductVariantPicker({
   const handleSelect = (optionName, value) => {
     onSelect?.({ ...selected, [optionName]: value });
   };
-  return /* @__PURE__ */ jsx47(View22, { className: cn45("gap-3", className), ...viewProps, children: options.map((option) => /* @__PURE__ */ jsxs10(View22, { className: "gap-1.5", children: [
-    /* @__PURE__ */ jsx47(Text12, { className: "text-xs font-semibold text-muted-foreground", children: option.name }),
-    /* @__PURE__ */ jsx47(View22, { className: "flex-row flex-wrap gap-2", children: option.values.map((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) => {
       const active = selected[option.name] === value;
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx48(
         Pressable9,
         {
           onPress: () => handleSelect(option.name, value),
@@ -1940,7 +1948,7 @@ function ProductVariantPicker({
             "rounded-lg border px-3 py-1.5",
             active ? "border-primary bg-primary/10" : "border-border bg-card"
           ),
-          children: /* @__PURE__ */ jsx47(
+          children: /* @__PURE__ */ jsx48(
             Text12,
             {
               className: cn45(
@@ -1960,21 +1968,21 @@ function ProductVariantPicker({
 // src/cart/cart-line.tsx
 import { formatMoney as formatMoney2 } from "@tallyui/core";
 import { cn as cn46 } from "@tallyui/theme";
-import { jsx as jsx48, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
 function CartLine({ name, quantity, unitPrice, lineTotal, locale, className, ...props }) {
-  return /* @__PURE__ */ jsxs11(HStack, { className: cn46("px-3 py-2.5", className), ...props, children: [
-    /* @__PURE__ */ jsxs11(VStack, { space: "none", className: "flex-1 gap-0.5", children: [
-      /* @__PURE__ */ jsx48(Text, { className: "text-sm font-medium", numberOfLines: 1, children: name }),
-      /* @__PURE__ */ jsx48(Text, { className: "text-xs text-muted-foreground", children: `${formatMoney2(unitPrice, locale) ?? "\u2014"} \xD7 ${quantity}` })
+  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}` })
     ] }),
-    /* @__PURE__ */ jsx48(Text, { className: "text-sm font-semibold", children: formatMoney2(lineTotal, locale) ?? "\u2014" })
+    /* @__PURE__ */ jsx49(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 jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
 function CartTotal({
   subtotal,
   taxLines,
@@ -1985,25 +1993,25 @@ function CartTotal({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(VStack, { space: "none", className: cn47("gap-1.5 px-3 py-3", className), ...props, children: [
-    /* @__PURE__ */ jsxs12(HStack, { space: "none", className: "justify-between", children: [
-      /* @__PURE__ */ jsx49(Text, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-      /* @__PURE__ */ jsx49(Text, { className: "text-sm", children: formatMoney3(subtotal, locale) ?? "\u2014" })
+  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" })
     ] }),
-    discount && discount.amount > 0 && /* @__PURE__ */ jsxs12(HStack, { space: "none", className: "justify-between", children: [
-      /* @__PURE__ */ jsx49(Text, { className: "text-sm text-muted-foreground", children: "Discount" }),
-      /* @__PURE__ */ jsxs12(Text, { className: "text-sm", children: [
+    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: [
         "\u2212",
         formatMoney3(discount, locale) ?? "\u2014"
       ] })
     ] }),
-    taxLines?.map((line, index) => /* @__PURE__ */ jsxs12(HStack, { space: "none", className: "justify-between", children: [
-      /* @__PURE__ */ jsx49(Text, { className: "text-sm text-muted-foreground", children: taxInclusive ? `incl. ${line.label}` : line.label }),
-      /* @__PURE__ */ jsx49(Text, { className: "text-sm", children: formatMoney3(line.amount, 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" })
     ] }, index)),
-    /* @__PURE__ */ jsxs12(HStack, { space: "none", className: "mt-1.5 justify-between border-t border-border pt-2", children: [
-      /* @__PURE__ */ jsx49(Text, { className: "font-bold", children: "Total" }),
-      /* @__PURE__ */ jsx49(Text, { className: "font-bold", children: formatMoney3(total, locale) ?? "\u2014" })
+    /* @__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" })
     ] })
   ] });
 }
@@ -2011,7 +2019,7 @@ function CartTotal({
 // 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 jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs14 } from "react/jsx-runtime";
 function defaultKey(item, index) {
   const id = item?.id;
   return typeof id === "string" || typeof id === "number" ? String(id) : String(index);
@@ -2028,27 +2036,27 @@ function CartPanel({
   ...props
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs13(VStack, { space: "none", className: cn48("flex-1 min-h-0", className), ...props, children: [
-    header && /* @__PURE__ */ jsx50(View23, { className: "border-b border-border px-3 py-2", children: header }),
-    /* @__PURE__ */ jsxs13(ScrollView4, { className: "flex-1 min-h-0", contentContainerClassName: "flex-grow", children: [
-      hasItems ? items.map((item, index) => /* @__PURE__ */ jsx50(View23, { children: renderItem(item, index) }, keyExtractor ? keyExtractor(item, index) : defaultKey(item, index))) : emptyState ?? null,
+  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,
       afterItems
     ] }),
-    footer && /* @__PURE__ */ jsx50(View23, { className: "border-t border-border px-3 py-2", children: footer })
+    footer && /* @__PURE__ */ jsx51(View23, { 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 jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function DiscountBadge({ label, className, ...viewProps }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     View24,
     {
       className: cn49("flex-row items-center self-start gap-1 rounded-md bg-sale/15 px-1.5 py-0.5", className),
       ...viewProps,
-      children: /* @__PURE__ */ jsx51(Text13, { className: "text-xs font-semibold text-sale", children: label })
+      children: /* @__PURE__ */ jsx52(Text13, { className: "text-xs font-semibold text-sale", children: label })
     }
   );
 }
@@ -2057,7 +2065,7 @@ function DiscountBadge({ label, className, ...viewProps }) {
 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 jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function CartNoteInput({
   value,
   onChangeText,
@@ -2067,17 +2075,17 @@ function CartNoteInput({
 }) {
   const [expanded, setExpanded] = useState3(value.length > 0);
   if (!expanded) {
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx53(
       Pressable10,
       {
         onPress: () => setExpanded(true),
         className: cn50("flex-row items-center gap-1.5 px-3 py-2", className),
         ...viewProps,
-        children: /* @__PURE__ */ jsx52(Text14, { className: "text-xs text-primary", children: "Add note" })
+        children: /* @__PURE__ */ jsx53(Text14, { className: "text-xs text-primary", children: "Add note" })
       }
     );
   }
-  return /* @__PURE__ */ jsx52(View25, { className: cn50("px-3 py-2", className), ...viewProps, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(View25, { className: cn50("px-3 py-2", className), ...viewProps, children: /* @__PURE__ */ jsx53(
     TextInput4,
     {
       value,
@@ -2093,18 +2101,18 @@ 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 jsx53, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs15 } from "react/jsx-runtime";
 function CartLineActions({ children, actions, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs14(View26, { className: cn51("flex-row items-center", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx53(View26, { className: "flex-1", children }),
-    /* @__PURE__ */ jsx53(View26, { className: "flex-row gap-1 px-2", children: actions.map((action) => /* @__PURE__ */ jsxs14(
+  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,
       {
         onPress: action.onPress,
         className: "rounded-md px-2 py-1.5",
         children: [
           action.iconSlot,
-          /* @__PURE__ */ jsx53(Text15, { className: cn51("text-xs font-medium", action.color ?? "text-destructive"), children: action.label })
+          /* @__PURE__ */ jsx54(Text15, { className: cn51("text-xs font-medium", action.color ?? "text-destructive"), children: action.label })
         ]
       },
       action.id
@@ -2117,17 +2125,17 @@ import { useId, useState as useState4 } from "react";
 import { TextInput as TextInput5, View as View27 } from "react-native";
 import { Label as Label3 } from "@tallyui/primitives";
 import { cn as cn52 } from "@tallyui/theme";
-import { jsx as jsx54, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs16 } 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__ */ jsxs15(HStack, { space: "sm", className: cn52(
+  return /* @__PURE__ */ jsxs16(HStack, { space: "sm", className: cn52(
     "rounded-lg border bg-card px-3 py-2.5",
     focused ? "border-ring" : "border-border",
     className
   ), children: [
-    /* @__PURE__ */ jsx54(Label3.Root, { nativeID: labelId, asChild: true, children: /* @__PURE__ */ jsx54(View27, { "aria-hidden": true, className: "text-muted-foreground", children: /* @__PURE__ */ jsx54(SearchIcon, { size: 16 }) }) }),
-    /* @__PURE__ */ jsx54(
+    /* @__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(
       TextInput5,
       {
         role: "searchbox",
@@ -2157,16 +2165,16 @@ import { useMemo } from "react";
 import { Pressable as Pressable12, ScrollView as ScrollView5 } from "react-native";
 import { ToggleGroup as ToggleGroup3 } from "@tallyui/primitives";
 import { cn as cn53 } from "@tallyui/theme";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function FilterChip({ label, active, onPress, className }) {
   const value = useMemo(() => active ? [label] : [], [active, label]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     ToggleGroup3.Root,
     {
       type: "multiple",
       value,
       onValueChange: () => onPress(),
-      children: /* @__PURE__ */ jsx55(ToggleGroup3.Item, { value: label, asChild: true, children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(ToggleGroup3.Item, { value: label, asChild: true, children: /* @__PURE__ */ jsx56(
         Pressable12,
         {
           className: cn53(
@@ -2174,7 +2182,7 @@ function FilterChip({ label, active, onPress, className }) {
             active ? "bg-primary" : "bg-accent",
             className
           ),
-          children: /* @__PURE__ */ jsx55(Text, { className: cn53("text-xs font-semibold", active ? "text-primary-foreground" : "text-muted-foreground"), children: label })
+          children: /* @__PURE__ */ jsx56(Text, { className: cn53("text-xs font-semibold", active ? "text-primary-foreground" : "text-muted-foreground"), children: label })
         }
       ) })
     }
@@ -2199,28 +2207,28 @@ function FilterChipGroup({ chips, onChipPress, className, ...viewProps }) {
       if (index !== void 0) onChipPress(index);
     }
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     ToggleGroup3.Root,
     {
       type: "multiple",
       value: activeValues,
       onValueChange: handleValueChange,
       asChild: true,
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(
         ScrollView5,
         {
           horizontal: true,
           showsHorizontalScrollIndicator: false,
           contentContainerClassName: cn53("flex-row gap-2", className),
           ...viewProps,
-          children: chips.map((chip) => /* @__PURE__ */ jsx55(ToggleGroup3.Item, { value: chip.label, asChild: true, children: /* @__PURE__ */ jsx55(
+          children: chips.map((chip) => /* @__PURE__ */ jsx56(ToggleGroup3.Item, { value: chip.label, asChild: true, children: /* @__PURE__ */ jsx56(
             Pressable12,
             {
               className: cn53(
                 "rounded-full px-3 py-1.5",
                 chip.active ? "bg-primary" : "bg-accent"
               ),
-              children: /* @__PURE__ */ jsx55(Text, { className: cn53("text-xs font-semibold", chip.active ? "text-primary-foreground" : "text-muted-foreground"), children: chip.label })
+              children: /* @__PURE__ */ jsx56(Text, { className: cn53("text-xs font-semibold", chip.active ? "text-primary-foreground" : "text-muted-foreground"), children: chip.label })
             }
           ) }, chip.label))
         }
@@ -2233,7 +2241,7 @@ function FilterChipGroup({ chips, onChipPress, className, ...viewProps }) {
 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 jsx56, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
 function QuantityStepper({
   defaultQuantity = 1,
   quantity: controlledQuantity,
@@ -2250,8 +2258,8 @@ function QuantityStepper({
     if (controlledQuantity === void 0) setInternalQuantity(next);
     onChangeQuantity?.(next);
   };
-  return /* @__PURE__ */ jsxs16(View28, { className: cn54("flex-row items-center gap-2", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs17(View28, { className: cn54("flex-row items-center gap-2", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx57(
       Pressable13,
       {
         onPress: () => handleChange(quantity - 1),
@@ -2260,11 +2268,11 @@ function QuantityStepper({
           "h-8 w-8 items-center justify-center rounded-lg",
           quantity <= min ? "bg-muted/50" : "bg-muted"
         ),
-        children: /* @__PURE__ */ jsx56(Text16, { className: cn54("text-base font-semibold", quantity <= min ? "text-muted-foreground" : "text-foreground"), children: "\u2212" })
+        children: /* @__PURE__ */ jsx57(Text16, { className: cn54("text-base font-semibold", quantity <= min ? "text-muted-foreground" : "text-foreground"), children: "\u2212" })
       }
     ),
-    /* @__PURE__ */ jsx56(Text16, { className: "min-w-[2rem] text-center text-base font-semibold text-foreground", children: quantity }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(Text16, { className: "min-w-[2rem] text-center text-base font-semibold text-foreground", children: quantity }),
+    /* @__PURE__ */ jsx57(
       Pressable13,
       {
         onPress: () => handleChange(quantity + 1),
@@ -2273,7 +2281,7 @@ function QuantityStepper({
           "h-8 w-8 items-center justify-center rounded-lg",
           quantity >= max ? "bg-muted/50" : "bg-muted"
         ),
-        children: /* @__PURE__ */ jsx56(Text16, { className: cn54("text-base font-semibold", quantity >= max ? "text-muted-foreground" : "text-foreground"), children: "+" })
+        children: /* @__PURE__ */ jsx57(Text16, { className: cn54("text-base font-semibold", quantity >= max ? "text-muted-foreground" : "text-foreground"), children: "+" })
       }
     )
   ] });
@@ -2282,20 +2290,20 @@ function QuantityStepper({
 // src/customer/customer-card.tsx
 import { useCustomerTraits } from "@tallyui/core";
 import { cn as cn55 } from "@tallyui/theme";
-import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs18 } from "react/jsx-runtime";
 function CustomerCardFromContext(props) {
   const traits = useCustomerTraits();
-  return traits ? /* @__PURE__ */ jsx57(CustomerCard, { ...props, traits }) : null;
+  return traits ? /* @__PURE__ */ jsx58(CustomerCard, { ...props, traits }) : null;
 }
 function CustomerCard({ doc, traits, className, ...props }) {
-  if (!traits) return /* @__PURE__ */ jsx57(CustomerCardFromContext, { doc, className, ...props });
+  if (!traits) return /* @__PURE__ */ jsx58(CustomerCardFromContext, { doc, className, ...props });
   const name = traits.getName(doc);
   const email = traits.getEmail(doc);
   const address = traits.getAddressSummary(doc);
-  return /* @__PURE__ */ jsxs17(VStack, { space: "none", className: cn55("gap-0.5", className), ...props, children: [
-    /* @__PURE__ */ jsx57(Text, { className: "text-sm font-semibold", children: name }),
-    email && /* @__PURE__ */ jsx57(Text, { className: "text-xs text-muted-foreground", children: email }),
-    address && /* @__PURE__ */ jsx57(Text, { className: "text-xs text-muted-foreground", children: address })
+  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 })
   ] });
 }
 
@@ -2304,12 +2312,12 @@ import { Pressable as Pressable14, ScrollView as ScrollView6, View as View29 } f
 import { Select as Select2 } from "@tallyui/primitives";
 import { useCustomerTraits as useCustomerTraits2 } from "@tallyui/core";
 import { cn as cn56 } from "@tallyui/theme";
-import { jsx as jsx58, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
 function CustomerSelect(props) {
-  return props.traits ? /* @__PURE__ */ jsx58(CustomerSelectView, { ...props }) : /* @__PURE__ */ jsx58(CustomerSelectFromContext, { ...props });
+  return props.traits ? /* @__PURE__ */ jsx59(CustomerSelectView, { ...props }) : /* @__PURE__ */ jsx59(CustomerSelectFromContext, { ...props });
 }
 function CustomerSelectFromContext(props) {
-  return /* @__PURE__ */ jsx58(CustomerSelectView, { ...props, traits: useCustomerTraits2() });
+  return /* @__PURE__ */ jsx59(CustomerSelectView, { ...props, traits: useCustomerTraits2() });
 }
 function CustomerSelectView({
   customers,
@@ -2332,25 +2340,25 @@ function CustomerSelectView({
     const doc = customerById.get(option.value);
     if (doc) onSelect(doc);
   }
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     Select2.Root,
     {
       value: selectedOption,
       onValueChange: handleValueChange,
       defaultOpen: true,
-      children: /* @__PURE__ */ jsxs18(VStack, { space: "sm", className: cn56(className), ...props, children: [
-        selected && traits && /* @__PURE__ */ jsx58(Select2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx58(View29, { className: "rounded-lg border border-primary bg-primary/5 px-3 py-2", children: /* @__PURE__ */ jsx58(CustomerCard, { doc: selected, traits }) }) }),
-        customers.length > 0 && /* @__PURE__ */ jsx58(Select2.Content, { asChild: true, forceMount: true, disablePositioningStyle: true, children: /* @__PURE__ */ jsx58(ScrollView6, { className: "max-h-60", children: customers.map((customer, index) => {
+      children: /* @__PURE__ */ jsxs19(VStack, { space: "sm", className: cn56(className), ...props, children: [
+        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) => {
           const id = traits?.getId(customer) ?? String(index);
           const label = traits?.getName(customer) ?? "";
           const email = traits?.getEmail(customer);
-          return /* @__PURE__ */ jsx58(
+          return /* @__PURE__ */ jsx59(
             Select2.Item,
             {
               value: id,
               label,
               asChild: true,
-              children: /* @__PURE__ */ jsx58(Pressable14, { accessibilityLabel: email ? `${label}, ${email}` : label, className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx58(CustomerCard, { doc: customer, traits }) })
+              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 }) })
             },
             id
           );
@@ -2363,16 +2371,16 @@ 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 jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
 function FormField({
   label,
   value,
   onChangeText,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs19(View30, { className: "gap-1", children: [
-    /* @__PURE__ */ jsx59(Text17, { className: "text-xs font-medium text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs20(View30, { className: "gap-1", children: [
+    /* @__PURE__ */ jsx60(Text17, { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx60(
       TextInput6,
       {
         value,
@@ -2393,22 +2401,22 @@ function CustomerForm({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs19(View30, { className: cn57("gap-3 p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs19(View30, { className: "flex-row gap-3", children: [
-      /* @__PURE__ */ jsx59(View30, { className: "flex-1", children: /* @__PURE__ */ jsx59(FormField, { label: "First Name", value: values.firstName, onChangeText: (v) => onChangeField("firstName", v), placeholder: "First name" }) }),
-      /* @__PURE__ */ jsx59(View30, { className: "flex-1", children: /* @__PURE__ */ jsx59(FormField, { label: "Last Name", value: values.lastName, onChangeText: (v) => onChangeField("lastName", v), placeholder: "Last name" }) })
+  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" }) })
     ] }),
-    /* @__PURE__ */ jsx59(FormField, { label: "Email", value: values.email, onChangeText: (v) => onChangeField("email", v), placeholder: "email@example.com", keyboardType: "email-address" }),
-    /* @__PURE__ */ jsx59(FormField, { label: "Phone", value: values.phone, onChangeText: (v) => onChangeField("phone", v), placeholder: "Phone number", keyboardType: "phone-pad" }),
-    showAddress && /* @__PURE__ */ jsx59(FormField, { label: "Address", value: values.address, onChangeText: (v) => onChangeField("address", v), placeholder: "Street address", multiline: true }),
-    onSubmit && /* @__PURE__ */ jsx59(Pressable15, { onPress: onSubmit, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx59(Text17, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel }) })
+    /* @__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 }) })
   ] });
 }
 
 // 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 jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs21 } from "react/jsx-runtime";
 function CustomerOrderHistory({
   orders,
   renderItem,
@@ -2416,9 +2424,9 @@ function CustomerOrderHistory({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs20(View31, { className: cn58("flex-1", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx60(Text18, { className: "px-3 py-2 text-xs font-semibold text-muted-foreground", children: "Order History" }),
-    orders.length > 0 ? /* @__PURE__ */ jsx60(ScrollView7, { contentContainerClassName: "gap-2 px-3 pb-3", children: orders.map((order, index) => /* @__PURE__ */ jsx60(View31, { children: renderItem(order, index) }, order.id ?? index)) }) : emptyState ?? null
+  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
   ] });
 }
 
@@ -2427,7 +2435,7 @@ import { useEffect, useRef, useState as useState6 } from "react";
 import { Pressable as Pressable16, Text as Text19, TextInput as TextInput7, View as View32 } from "react-native";
 import { customerTraits, CustomerServiceError, ConnectorUnauthorizedError } from "@tallyui/core";
 import { cn as cn59 } from "@tallyui/theme";
-import { jsx as jsx61, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs22 } 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 }) {
@@ -2495,13 +2503,13 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
       setCreating(false);
     }
   }
-  return /* @__PURE__ */ jsxs21(View32, { className: cn59("gap-3", className), children: [
-    selected && /* @__PURE__ */ jsxs21(View32, { children: [
-      /* @__PURE__ */ jsx61(CustomerCard, { doc: selected, traits: customerTraits }),
-      /* @__PURE__ */ jsx61(Pressable16, { accessibilityRole: "button", className: "items-center rounded-lg border border-border px-4 py-3", onPress: () => onSelect(null), children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-foreground", children: "Remove customer" }) })
+  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" }) })
     ] }),
-    /* @__PURE__ */ jsx61(Text19, { className: "text-xs font-medium text-muted-foreground", children: "Search customers" }),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(Text19, { className: "text-xs font-medium text-muted-foreground", children: "Search customers" }),
+    /* @__PURE__ */ jsx62(
       TextInput7,
       {
         accessibilityLabel: "Search customers",
@@ -2513,10 +2521,10 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
         placeholder: "Name or email"
       }
     ),
-    !online && /* @__PURE__ */ jsx61(Text19, { className: "text-sm text-muted-foreground", children: "Connect to search or add customers." }),
-    noResults && /* @__PURE__ */ jsx61(Text19, { className: "text-sm text-muted-foreground", children: "No customers found." }),
-    error && /* @__PURE__ */ jsx61(Text19, { accessibilityRole: "alert", className: "text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsx61(
+    !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(
       CustomerSelect,
       {
         customers,
@@ -2528,18 +2536,18 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
         }
       }
     ),
-    create && /* @__PURE__ */ jsx61(
+    create && /* @__PURE__ */ jsx62(
       Pressable16,
       {
         accessibilityRole: "button",
         disabled: !online || creating,
         onPress: () => setShowForm(true),
         className: cn59("items-center rounded-lg border border-border px-4 py-3", (!online || creating) && "opacity-50"),
-        children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-foreground", children: "New customer" })
+        children: /* @__PURE__ */ jsx62(Text19, { className: "text-sm font-semibold text-foreground", children: "New customer" })
       }
     ),
-    showForm && /* @__PURE__ */ jsxs21(View32, { children: [
-      /* @__PURE__ */ jsx61(
+    showForm && /* @__PURE__ */ jsxs22(View32, { children: [
+      /* @__PURE__ */ jsx62(
         CustomerForm,
         {
           values,
@@ -2547,18 +2555,18 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
           onChangeField: (field, value) => setValues((current) => ({ ...current, [field]: value }))
         }
       ),
-      /* @__PURE__ */ jsxs21(View32, { className: "flex-row gap-3", children: [
-        /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsxs22(View32, { className: "flex-row gap-3", children: [
+        /* @__PURE__ */ jsx62(
           Pressable16,
           {
             accessibilityRole: "button",
             disabled: !online || creating || !values.email.trim(),
             onPress: submit,
             className: cn59("items-center rounded-lg bg-primary px-4 py-3", (!online || creating || !values.email.trim()) && "opacity-50"),
-            children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-primary-foreground", children: "Save Customer" })
+            children: /* @__PURE__ */ jsx62(Text19, { className: "text-sm font-semibold text-primary-foreground", children: "Save Customer" })
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62(
           Pressable16,
           {
             accessibilityRole: "button",
@@ -2567,7 +2575,7 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
               setShowForm(false);
               setValues({ firstName: "", lastName: "", email: "", phone: "", address: "" });
             },
-            children: /* @__PURE__ */ jsx61(Text19, { className: "text-sm font-semibold text-foreground", children: "Cancel" })
+            children: /* @__PURE__ */ jsx62(Text19, { className: "text-sm font-semibold text-foreground", children: "Cancel" })
           }
         )
       ] })
@@ -2578,9 +2586,9 @@ 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 jsx62, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs23 } from "react/jsx-runtime";
 function PaymentMethodCard({ label, selected, onPress, icon, className, ...props }) {
-  return /* @__PURE__ */ jsx62(Pressable17, { onPress, ...props, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx63(Pressable17, { onPress, ...props, children: /* @__PURE__ */ jsxs23(
     HStack,
     {
       className: cn60(
@@ -2589,9 +2597,9 @@ function PaymentMethodCard({ label, selected, onPress, icon, className, ...props
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx62(View33, { children: icon }),
-        /* @__PURE__ */ jsx62(Text, { className: cn60("flex-1 text-sm font-medium", selected ? "text-primary" : ""), children: label }),
-        selected && /* @__PURE__ */ jsx62(View33, { className: "h-5 w-5 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx62(Text, { className: "text-xs text-primary-foreground", children: "\u2713" }) })
+        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" }) })
       ]
     }
   ) });
@@ -2599,17 +2607,17 @@ function PaymentMethodCard({ label, selected, onPress, icon, className, ...props
 
 // src/checkout/order-summary-line.tsx
 import { cn as cn61 } from "@tallyui/theme";
-import { jsx as jsx63, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs24 } from "react/jsx-runtime";
 function OrderSummaryLine({ label, amount, bold = false, className, ...props }) {
-  return /* @__PURE__ */ jsxs23(HStack, { space: "none", className: cn61("justify-between", className), ...props, children: [
-    /* @__PURE__ */ jsx63(Text, { className: cn61("text-sm", bold ? "font-bold" : "text-muted-foreground"), children: label }),
-    /* @__PURE__ */ jsx63(Text, { className: cn61("text-sm", bold && "font-bold"), children: amount })
+  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 })
   ] });
 }
 
 // src/checkout/payment-selector.tsx
 import { cn as cn62 } from "@tallyui/theme";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function PaymentSelector({
   methods,
   selected,
@@ -2617,7 +2625,7 @@ function PaymentSelector({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(VStack, { space: "sm", className: cn62(className), ...props, children: methods.map((method) => /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(VStack, { space: "sm", className: cn62(className), ...props, children: methods.map((method) => /* @__PURE__ */ jsx65(
     PaymentMethodCard,
     {
       label: method.label,
@@ -2632,7 +2640,7 @@ function PaymentSelector({
 // src/checkout/order-summary.tsx
 import { View as View34 } from "react-native";
 import { cn as cn63 } from "@tallyui/theme";
-import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
 function OrderSummary({
   subtotal,
   tax,
@@ -2644,13 +2652,13 @@ function OrderSummary({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(VStack, { space: "none", className: cn63("gap-1.5 px-3 py-3", className), ...props, children: [
-    header && /* @__PURE__ */ jsx65(View34, { className: "mb-2", children: header }),
-    /* @__PURE__ */ jsx65(OrderSummaryLine, { label: "Subtotal", amount: subtotal }),
-    tax && /* @__PURE__ */ jsx65(OrderSummaryLine, { label: taxLabel, amount: tax }),
-    /* @__PURE__ */ jsx65(OrderSummaryLine, { label: "Total", amount: total, bold: true }),
-    payments && payments.length > 0 && /* @__PURE__ */ jsx65(VStack, { space: "none", className: "mt-2 gap-1.5 border-t border-border pt-2", children: payments.map((payment) => /* @__PURE__ */ jsx65(OrderSummaryLine, { label: payment.label, amount: payment.amount }, payment.label)) }),
-    footer && /* @__PURE__ */ jsx65(View34, { className: "mt-2", children: footer })
+  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 })
   ] });
 }
 
@@ -2658,11 +2666,11 @@ function OrderSummary({
 import { Text as Text20, View as View35 } from "react-native";
 import { formatMoney as formatMoney4 } from "@tallyui/core";
 import { cn as cn64 } from "@tallyui/theme";
-import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
 function ChangeDisplay({ change, locale, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs25(View35, { className: cn64("items-center gap-1 rounded-xl bg-muted p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx66(Text20, { className: "text-sm text-muted-foreground", children: "Change Due" }),
-    /* @__PURE__ */ jsx66(Text20, { className: "text-3xl font-bold text-success", children: formatMoney4(change, locale) ?? "\u2014" })
+  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" })
   ] });
 }
 
@@ -2671,7 +2679,7 @@ import { useEffect as useEffect2, useRef as useRef2, useState as useState7 } fro
 import { Pressable as Pressable18, Text as Text21, TextInput as TextInput8, View as View36 } from "react-native";
 import { formatMoney as formatMoney5, minorUnitDigits as minorUnitDigits2, moneyFromDecimalString } from "@tallyui/core";
 import { cn as cn65 } from "@tallyui/theme";
-import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
 function defaultQuickAmounts(total) {
   const unit = 10 ** minorUnitDigits2(total.currency);
   const amounts = [
@@ -2710,9 +2718,9 @@ function CashTendered({
     if (controlledAmount === void 0) setInternalAmount(value);
     onChangeAmount?.(value);
   };
-  return /* @__PURE__ */ jsxs26(View36, { className: cn65("gap-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx67(Text21, { className: "text-sm font-semibold text-foreground", children: "Cash Tendered" }),
-    /* @__PURE__ */ jsx67(View36, { className: "flex-row flex-wrap gap-2", children: buttons.map((val) => /* @__PURE__ */ jsx67(
+  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,
       {
         onPress: () => handleChange(val),
@@ -2720,7 +2728,7 @@ function CashTendered({
           "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__ */ jsx67(
+        children: /* @__PURE__ */ jsx68(
           Text21,
           {
             className: cn65(
@@ -2733,7 +2741,7 @@ function CashTendered({
       },
       `${val.currency}:${val.amount}`
     )) }),
-    /* @__PURE__ */ jsx67(
+    /* @__PURE__ */ jsx68(
       TextInput8,
       {
         value: text,
@@ -2757,7 +2765,7 @@ 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 jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
 function ReceiptPreview({
   items,
   subtotal,
@@ -2769,42 +2777,42 @@ function ReceiptPreview({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs27(View37, { className: cn66("rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx68(View37, { className: "mb-3 items-center border-b border-dashed border-border pb-3", children: headerSlot }),
-    /* @__PURE__ */ jsx68(View37, { className: "gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
-      /* @__PURE__ */ jsxs27(Text22, { className: "flex-1 text-sm text-foreground", children: [
+  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: [
         item.name,
         " x",
         item.quantity
       ] }),
-      /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: item.total })
+      /* @__PURE__ */ jsx69(Text22, { className: "text-sm text-foreground", children: item.total })
     ] }, i)) }),
-    /* @__PURE__ */ jsxs27(View37, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: [
-      /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: subtotal })
+    /* @__PURE__ */ 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__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-muted-foreground", children: "Tax" }),
-        /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: tax })
+      /* @__PURE__ */ 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__ */ jsxs27(View37, { className: "flex-row justify-between border-t border-border pt-1", children: [
-        /* @__PURE__ */ jsx68(Text22, { className: "text-sm font-bold text-foreground", children: "Total" }),
-        /* @__PURE__ */ jsx68(Text22, { className: "text-sm font-bold text-foreground", children: total })
+      /* @__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 })
       ] })
     ] }),
-    payments && payments.length > 0 && /* @__PURE__ */ jsx68(View37, { className: "mt-3 gap-1 border-t border-dashed border-border pt-3", children: payments.map((p, i) => /* @__PURE__ */ jsxs27(View37, { className: "flex-row justify-between", children: [
-      /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-muted-foreground", children: p.method }),
-      /* @__PURE__ */ jsx68(Text22, { className: "text-sm text-foreground", children: p.amount })
+    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 })
     ] }, i)) }),
-    footerSlot && /* @__PURE__ */ jsx68(View37, { className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot })
+    footerSlot && /* @__PURE__ */ jsx69(View37, { className: "mt-3 items-center border-t border-dashed border-border pt-3", children: footerSlot })
   ] });
 }
 
 // src/order/order-status-badge.tsx
 import { Text as Text23, View as View38 } from "react-native";
 import { cn as cn67 } from "@tallyui/theme";
-import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs29 } 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" },
@@ -2814,14 +2822,14 @@ var STATUS_CONFIG = {
 };
 function OrderStatusBadge({ status, className, ...viewProps }) {
   const config = STATUS_CONFIG[status] ?? STATUS_CONFIG.pending;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     View38,
     {
       className: cn67("flex-row items-center self-start gap-1.5 rounded-xl px-2 py-1", config.badge, className),
       ...viewProps,
       children: [
-        /* @__PURE__ */ jsx69(View38, { className: cn67("h-1.5 w-1.5 rounded-full", config.dot) }),
-        /* @__PURE__ */ jsx69(Text23, { className: cn67("text-xs font-semibold", config.text), children: config.label })
+        /* @__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 })
       ]
     }
   );
@@ -2830,7 +2838,7 @@ function OrderStatusBadge({ status, className, ...viewProps }) {
 // 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 jsx70, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs30 } from "react/jsx-runtime";
 function OrderCard({
   orderNumber,
   date,
@@ -2842,23 +2850,23 @@ function OrderCard({
   ...viewProps
 }) {
   const Wrapper = onPress ? Pressable19 : View39;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     Wrapper,
     {
       onPress,
       className: cn68("gap-2 rounded-lg border border-border bg-card p-3", className),
       ...viewProps,
       children: [
-        /* @__PURE__ */ jsxs29(View39, { className: "flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsx70(Text24, { className: "text-sm font-semibold text-foreground", children: orderNumber }),
-          /* @__PURE__ */ jsx70(OrderStatusBadge, { status })
+        /* @__PURE__ */ 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__ */ jsxs29(View39, { className: "flex-row items-center justify-between", children: [
-          /* @__PURE__ */ jsxs29(View39, { className: "gap-0.5", children: [
-            /* @__PURE__ */ jsx70(Text24, { className: "text-xs text-muted-foreground", children: date }),
-            customerName && /* @__PURE__ */ jsx70(Text24, { className: "text-xs text-muted-foreground", children: customerName })
+        /* @__PURE__ */ 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__ */ jsx70(Text24, { className: "text-sm font-semibold text-foreground", children: total })
+          /* @__PURE__ */ jsx71(Text24, { className: "text-sm font-semibold text-foreground", children: total })
         ] })
       ]
     }
@@ -2868,7 +2876,7 @@ 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 jsx71, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrderList({
   items,
   renderItem,
@@ -2878,16 +2886,16 @@ function OrderList({
   ...viewProps
 }) {
   const hasItems = items.length > 0;
-  return /* @__PURE__ */ jsxs30(View40, { className: cn69("flex-1", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx71(View40, { className: "px-3 py-2", children: headerSlot }),
-    hasItems ? /* @__PURE__ */ jsx71(ScrollView8, { contentContainerClassName: "gap-2 p-3", children: items.map((item, index) => /* @__PURE__ */ jsx71(View40, { children: renderItem(item, index) }, item.id ?? index)) }) : emptyState ?? null
+  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
   ] });
 }
 
 // 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 jsx72, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs32 } from "react/jsx-runtime";
 function OrderDetail({
   orderNumber,
   status,
@@ -2901,39 +2909,39 @@ function OrderDetail({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsx72(ScrollView9, { className: cn70("flex-1", className), ...viewProps, children: /* @__PURE__ */ jsxs31(View41, { className: "gap-4 p-4", children: [
-    /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsx72(Text25, { className: "text-lg font-bold text-foreground", children: orderNumber }),
-      /* @__PURE__ */ jsx72(OrderStatusBadge, { status })
+  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 })
     ] }),
-    customerSlot && /* @__PURE__ */ jsx72(View41, { className: "border-b border-border pb-3", children: customerSlot }),
-    /* @__PURE__ */ jsxs31(View41, { className: "gap-1", children: [
-      /* @__PURE__ */ jsx72(Text25, { className: "text-xs font-semibold text-muted-foreground", children: "Items" }),
-      lineItems.map((item, i) => /* @__PURE__ */ jsxs31(View41, { className: "flex-row items-center justify-between py-1", children: [
-        /* @__PURE__ */ jsxs31(Text25, { className: "flex-1 text-sm text-foreground", children: [
+    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: [
           item.name,
           " x",
           item.quantity
         ] }),
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-foreground", children: item.total })
+        /* @__PURE__ */ jsx73(Text25, { className: "text-sm text-foreground", children: item.total })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsxs31(View41, { className: "gap-1 border-t border-border pt-3", children: [
-      /* @__PURE__ */ jsxs31(View41, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-muted-foreground", children: "Subtotal" }),
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-foreground", children: subtotal })
+    /* @__PURE__ */ 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__ */ jsxs31(View41, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-muted-foreground", children: "Tax" }),
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm text-foreground", children: tax })
+      /* @__PURE__ */ 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__ */ jsxs31(View41, { className: "flex-row justify-between pt-1", children: [
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm font-bold text-foreground", children: "Total" }),
-        /* @__PURE__ */ jsx72(Text25, { className: "text-sm font-bold text-foreground", children: total })
+      /* @__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 })
       ] })
     ] }),
-    paymentSlot && /* @__PURE__ */ jsx72(View41, { className: "border-t border-border pt-3", children: paymentSlot }),
-    footerSlot && /* @__PURE__ */ jsx72(View41, { className: "border-t border-border pt-3", children: footerSlot })
+    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 })
   ] }) });
 }
 
@@ -2941,7 +2949,7 @@ function OrderDetail({
 import { useState as useState8 } from "react";
 import { Text as Text26, View as View42 } from "react-native";
 import { cn as cn71 } from "@tallyui/theme";
-import { jsx as jsx73, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs33 } from "react/jsx-runtime";
 var DEFAULT_DENOMINATIONS = [
   { label: "$100", value: 100 },
   { label: "$50", value: 50 },
@@ -2979,10 +2987,10 @@ function CashCountInput({
     );
     onChangeTotal?.(newTotal);
   };
-  return /* @__PURE__ */ jsxs32(View42, { className: cn71("gap-2", className), ...viewProps, children: [
-    denominations2.map((d) => /* @__PURE__ */ jsxs32(View42, { className: "flex-row items-center justify-between px-3 py-1", children: [
-      /* @__PURE__ */ jsx73(Text26, { className: "w-16 text-sm font-medium text-foreground", children: d.label }),
-      /* @__PURE__ */ jsx73(
+  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(
         QuantityStepper,
         {
           quantity: counts[d.value] ?? 0,
@@ -2990,9 +2998,9 @@ function CashCountInput({
           onChangeQuantity: (qty) => handleCountChange(d.value, qty)
         }
       ),
-      /* @__PURE__ */ jsx73(Text26, { className: "w-20 text-right text-sm text-muted-foreground", children: (d.value * (counts[d.value] ?? 0)).toFixed(2) })
+      /* @__PURE__ */ jsx74(Text26, { className: "w-20 text-right text-sm text-muted-foreground", children: (d.value * (counts[d.value] ?? 0)).toFixed(2) })
     ] }, d.value)),
-    /* @__PURE__ */ jsx73(View42, { className: "border-t border-border px-3 pt-2", children: /* @__PURE__ */ jsxs32(Text26, { className: "text-right text-base font-bold text-foreground", children: [
+    /* @__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: [
       "Total: ",
       total.toFixed(2)
     ] }) })
@@ -3002,7 +3010,7 @@ 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 jsx74, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs34 } from "react/jsx-runtime";
 function RegisterSummary({
   expectedCash,
   actualCash,
@@ -3013,37 +3021,37 @@ function RegisterSummary({
   ...viewProps
 }) {
   const discrepancy = actualCash - expectedCash;
-  return /* @__PURE__ */ jsxs33(View43, { className: cn72("gap-4 rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
+  return /* @__PURE__ */ jsxs34(View43, { className: cn72("gap-4 rounded-lg border border-border bg-card p-4", className), ...viewProps, children: [
     headerSlot,
-    /* @__PURE__ */ jsxs33(View43, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx74(Text27, { className: "text-xs font-semibold text-muted-foreground", children: "Cash Drawer" }),
-      /* @__PURE__ */ jsxs33(View43, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: "Expected" }),
-        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: expectedCash.toFixed(2) })
+    /* @__PURE__ */ 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__ */ jsxs33(View43, { className: "flex-row justify-between", children: [
-        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: "Actual" }),
-        /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: actualCash.toFixed(2) })
+      /* @__PURE__ */ 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__ */ jsxs33(View43, { className: "flex-row justify-between border-t border-border pt-1", children: [
-        /* @__PURE__ */ jsx74(Text27, { className: "text-sm font-semibold text-foreground", children: "Discrepancy" }),
-        /* @__PURE__ */ jsxs33(Text27, { className: cn72("text-sm font-semibold", discrepancy === 0 ? "text-success" : "text-destructive"), children: [
+      /* @__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: [
           discrepancy >= 0 ? "" : "-",
           Math.abs(discrepancy).toFixed(2)
         ] })
       ] })
     ] }),
-    transactions.length > 0 && /* @__PURE__ */ jsxs33(View43, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx74(Text27, { className: "text-xs font-semibold text-muted-foreground", children: "Transactions" }),
-      transactions.map((t) => /* @__PURE__ */ jsxs33(View43, { className: "flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsxs33(View43, { className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx74(Text27, { className: "text-sm text-foreground", children: t.method }),
-          /* @__PURE__ */ jsxs33(Text27, { className: "text-xs text-muted-foreground", children: [
+    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: [
             t.count,
             " transactions"
           ] })
         ] }),
-        /* @__PURE__ */ jsx74(Text27, { className: "text-sm font-semibold text-foreground", children: t.total.toFixed(2) })
+        /* @__PURE__ */ jsx75(Text27, { className: "text-sm font-semibold text-foreground", children: t.total.toFixed(2) })
       ] }, t.method))
     ] }),
     footerSlot
@@ -3053,7 +3061,7 @@ 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 jsx75, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs35 } from "react/jsx-runtime";
 function RegisterOpenClose({
   isOpen,
   onOpen,
@@ -3064,20 +3072,20 @@ function RegisterOpenClose({
   className,
   ...viewProps
 }) {
-  return /* @__PURE__ */ jsxs34(View44, { className: cn73("gap-4 p-4", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx75(Text28, { className: "text-lg font-bold text-foreground", children: isOpen ? "Close Register" : "Open Register" }),
-    isOpen && expectedBalance != null && /* @__PURE__ */ jsxs34(View44, { className: "flex-row justify-between rounded-lg bg-muted px-3 py-2", children: [
-      /* @__PURE__ */ jsx75(Text28, { className: "text-sm text-muted-foreground", children: "Expected Balance" }),
-      /* @__PURE__ */ jsx75(Text28, { className: "text-sm font-semibold text-foreground", children: expectedBalance.toFixed(2) })
+  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) })
     ] }),
-    cashCountSlot && /* @__PURE__ */ jsx75(View44, { children: cashCountSlot }),
-    notesSlot && /* @__PURE__ */ jsx75(View44, { children: notesSlot }),
-    /* @__PURE__ */ jsx75(
+    cashCountSlot && /* @__PURE__ */ jsx76(View44, { children: cashCountSlot }),
+    notesSlot && /* @__PURE__ */ jsx76(View44, { children: notesSlot }),
+    /* @__PURE__ */ jsx76(
       Pressable20,
       {
         onPress: isOpen ? onClose : onOpen,
         className: "items-center rounded-lg bg-primary px-4 py-3",
-        children: /* @__PURE__ */ jsx75(Text28, { className: "text-sm font-semibold text-primary-foreground", children: isOpen ? "Close Register" : "Open Register" })
+        children: /* @__PURE__ */ jsx76(Text28, { className: "text-sm font-semibold text-primary-foreground", children: isOpen ? "Close Register" : "Open Register" })
       }
     )
   ] });
@@ -3085,26 +3093,26 @@ function RegisterOpenClose({
 
 // src/register/register-picker.tsx
 import { ScrollView as ScrollView10 } from "react-native";
-import { jsx as jsx76, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
 function RegisterPicker({ registers, onPick, className }) {
-  return /* @__PURE__ */ jsxs35(Card, { testID: "register-picker", className, children: [
-    /* @__PURE__ */ jsx76(CardHeader, { children: /* @__PURE__ */ jsx76(CardTitle, { children: "Choose a register" }) }),
-    /* @__PURE__ */ jsx76(CardContent, { children: /* @__PURE__ */ jsxs35(ScrollView10, { children: [
-      registers.map((register) => /* @__PURE__ */ jsx76(
+  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(
         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__ */ jsxs35(VStack, { space: "none", children: [
-            /* @__PURE__ */ jsx76(Text, { numberOfLines: 1, children: register.name }),
-            /* @__PURE__ */ jsx76(Text, { testID: `register-picker-row-${register.id}-status`, className: "text-muted-foreground text-sm", children: "Not opened" })
+          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" })
           ] })
         },
         register.id
       )),
-      registers.length === 0 && /* @__PURE__ */ jsx76(Text, { testID: "register-picker-empty", className: "text-muted-foreground p-4", children: "No registers are set up for this store yet." })
+      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." })
     ] }) })
   ] });
 }
@@ -3115,7 +3123,7 @@ import { View as View45 } from "react-native";
 import { parseMinor, validAmount } from "@tallyui/pos";
 import { currencySymbol, formatMoney as formatMoney6, minorUnitDigits as minorUnitDigits3 } from "@tallyui/core";
 import { cn as cn74 } from "@tallyui/theme";
-import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
 var AMOUNT_LABEL_ID = "open-register-amount-label";
 function OpenRegisterCard({ register, currency, configuredFloatMinor, className }) {
   const digits = minorUnitDigits3(currency);
@@ -3140,10 +3148,10 @@ function OpenRegisterCard({ register, currency, configuredFloatMinor, className
     }
   };
   const amountLabel = `Cash in the drawer to start (${currencySymbol(currency)})`;
-  return /* @__PURE__ */ jsxs36(View45, { testID: "open-register-card", className: cn74("bg-card gap-3 rounded-md p-4", className), children: [
-    /* @__PURE__ */ jsx77(Text, { className: "text-lg font-semibold", children: "Open register" }),
-    /* @__PURE__ */ jsx77(Label, { testID: "open-register-amount-label", nativeID: AMOUNT_LABEL_ID, children: amountLabel }),
-    /* @__PURE__ */ jsx77(Input, { children: /* @__PURE__ */ jsx77(
+  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(
       Input.Field,
       {
         testID: "open-register-amount",
@@ -3154,40 +3162,40 @@ function OpenRegisterCard({ register, currency, configuredFloatMinor, className
         accessibilityLabelledBy: AMOUNT_LABEL_ID
       }
     ) }),
-    configuredFloatMinor != null && /* @__PURE__ */ jsx77(
+    configuredFloatMinor != null && /* @__PURE__ */ jsx78(
       Button,
       {
         testID: "open-register-chip-configured",
         variant: "outline",
         className: "min-h-11",
         onPress: () => setEnteredAmount(decimal(configuredFloatMinor, digits)),
-        children: /* @__PURE__ */ jsxs36(Text, { children: [
+        children: /* @__PURE__ */ jsxs37(Text, { children: [
           "Use the configured float (",
           formatMoney6({ amount: configuredFloatMinor, currency }),
           ")"
         ] })
       }
     ),
-    lastCountedMinor != null && /* @__PURE__ */ jsx77(
+    lastCountedMinor != null && /* @__PURE__ */ jsx78(
       Button,
       {
         testID: "open-register-chip-last",
         variant: "outline",
         className: "min-h-11",
         onPress: () => setEnteredAmount(decimal(lastCountedMinor, digits)),
-        children: /* @__PURE__ */ jsxs36(Text, { children: [
+        children: /* @__PURE__ */ jsxs37(Text, { children: [
           "Use the last counted cash (",
           formatMoney6({ amount: lastCountedMinor, currency }),
           ")"
         ] })
       }
     ),
-    expectedFloatMinor !== null && valid && countedMinor !== expectedFloatMinor && /* @__PURE__ */ jsxs36(Text, { testID: "opening-variance", children: [
+    expectedFloatMinor !== null && valid && countedMinor !== expectedFloatMinor && /* @__PURE__ */ jsxs37(Text, { testID: "opening-variance", children: [
       formatMoney6({ amount: countedMinor - expectedFloatMinor, currency }),
       " vs the expected float"
     ] }),
-    !!error && /* @__PURE__ */ jsx77(Text, { className: "text-destructive", children: error }),
-    /* @__PURE__ */ jsx77(Button, { testID: "open-register-button", className: "min-h-14", disabled: busy || !valid, onPress: open, children: /* @__PURE__ */ jsx77(Text, { children: busy ? "Opening\u2026" : "Open register" }) })
+    !!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" }) })
   ] });
 }
 function decimal(minor, digits) {
@@ -3220,7 +3228,7 @@ function describeRegisterBarPill({
 }
 
 // src/register/register-bar.tsx
-import { jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
 function RegisterBar({
   register,
   registerId,
@@ -3241,10 +3249,10 @@ function RegisterBar({
     sessionsOn: enabled,
     closing
   });
-  return /* @__PURE__ */ jsxs37(HStack, { testID: "register-bar", className: cn75("bg-card border-border h-12 border-b px-3", className), children: [
-    /* @__PURE__ */ jsx78(View46, { className: "min-w-0 flex-1 shrink", children: multiRegister && registerId !== null && /* @__PURE__ */ jsx78(Text, { testID: "register-bar-name", numberOfLines: 1, children: registerName }) }),
-    pill && (onPressPill ? /* @__PURE__ */ jsx78(Pressable21, { testID: "register-bar-pill", accessibilityRole: "button", accessibilityLabel: pill, onPress: onPressPill, children: /* @__PURE__ */ jsx78(Badge, { label: pill, variant: "warning" }) }) : /* @__PURE__ */ jsx78(Badge, { testID: "register-bar-pill", label: pill, variant: "warning" })),
-    (session || lastClosure) && /* @__PURE__ */ jsx78(
+  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(
       Button,
       {
         variant: "ghost",
@@ -3252,7 +3260,7 @@ function RegisterBar({
         testID: "register-bar-open-panel",
         accessibilityLabel: "Open register panel",
         onPress: onOpenPanel,
-        children: /* @__PURE__ */ jsx78(Text, { className: overdue ? "text-warning" : void 0, children: "Register \u203A" })
+        children: /* @__PURE__ */ jsx79(Text, { className: overdue ? "text-warning" : void 0, children: "Register \u203A" })
       }
     )
   ] });
@@ -3262,7 +3270,7 @@ function RegisterBar({
 import { useRef as useRef3, useState as useState10 } from "react";
 import { movementFieldError, normalizeAmount, parseMinor as parseMinor2 } from "@tallyui/pos";
 import { currencySymbol as currencySymbol2, minorUnitDigits as minorUnitDigits4 } from "@tallyui/core";
-import { Fragment as Fragment2, jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
 var LABELS = {
   paid_in: "Paid in",
   paid_out: "Paid out",
@@ -3298,11 +3306,11 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx79(Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ jsxs38(DialogContent, { testID: "movement-sheet", children: [
-    /* @__PURE__ */ jsx79(DialogTitle, { children: LABELS[type] }),
-    type !== "no_sale" && /* @__PURE__ */ jsxs38(Fragment2, { children: [
-      /* @__PURE__ */ jsx79(Label, { testID: "movement-amount-label", nativeID: AMOUNT_LABEL_ID2, children: `Amount (${currencySymbol2(currency)})` }),
-      /* @__PURE__ */ jsx79(Input, { children: /* @__PURE__ */ jsx79(
+  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(
         Input.Field,
         {
           testID: "movement-amount",
@@ -3314,8 +3322,8 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx79(Label, { testID: "movement-reason-label", nativeID: REASON_LABEL_ID, children: "Reason" }),
-    /* @__PURE__ */ jsx79(Input, { children: /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(Label, { testID: "movement-reason-label", nativeID: REASON_LABEL_ID, children: "Reason" }),
+    /* @__PURE__ */ jsx80(Input, { children: /* @__PURE__ */ jsx80(
       Input.Field,
       {
         testID: "movement-reason",
@@ -3326,9 +3334,9 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
         accessibilityLabelledBy: REASON_LABEL_ID
       }
     ) }),
-    !!error && /* @__PURE__ */ jsx79(Text, { className: "text-destructive", children: error }),
-    !!invalid && /* @__PURE__ */ jsx79(Text, { testID: "movement-invalid", className: "text-muted-foreground", children: invalid === "amount" ? "Enter a valid amount." : "Enter a reason." }),
-    /* @__PURE__ */ jsx79(Button, { testID: "movement-confirm", disabled: !!invalid || busy, onPress: confirm, children: /* @__PURE__ */ jsx79(Text, { children: busy ? "Recording\u2026" : "Record" }) })
+    !!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" }) })
   ] }) });
 }
 
@@ -3336,7 +3344,7 @@ function MovementSheet({ register, type, currency, onDone, onOpenChange, onOpenD
 import { useState as useState11 } from "react";
 import { ScrollView as ScrollView11, useWindowDimensions, View as View47 } from "react-native";
 import { formatMoney as formatMoney7 } from "@tallyui/core";
-import { jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs40 } 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;
@@ -3356,22 +3364,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__ */ jsx80(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsx81(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs40(
     DialogContent,
     {
       testID: "register-panel",
       className: `flex-col overflow-hidden ${className ?? ""}`,
       style: { maxHeight },
       children: [
-        /* @__PURE__ */ jsx80(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
-        /* @__PURE__ */ jsxs39(Text, { testID: "register-panel-sales-count", children: [
+        /* @__PURE__ */ jsxs40(View47, { className: "flex-row items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx81(DialogTitle, { testID: "register-panel-amount", children: registerName ?? "Register" }),
+          /* @__PURE__ */ jsx81(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx81(IconButton, { variant: "ghost", size: "sm", testID: "register-panel-dismiss", accessibilityLabel: "Close panel", children: /* @__PURE__ */ jsx81(XIcon, { size: 16 }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs40(Text, { testID: "register-panel-sales-count", children: [
           salesCount,
           " sale",
           salesCount === 1 ? "" : "s",
           " this session"
         ] }),
-        /* @__PURE__ */ jsxs39(ScrollView11, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
-          /* @__PURE__ */ jsx80(View47, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsxs40(ScrollView11, { testID: "register-panel-body", className: "flex-1", contentContainerClassName: "gap-3", children: [
+          /* @__PURE__ */ jsx81(View47, { className: "flex-row gap-2", children: ["paid_in", "paid_out", "no_sale"].map((type) => /* @__PURE__ */ jsx81(
             Button,
             {
               testID: `register-panel-${type.replace("_", "-")}`,
@@ -3379,33 +3390,33 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
               variant: "outline",
               disabled: session?.status !== "open",
               onPress: () => setMovementType(type),
-              children: /* @__PURE__ */ jsx80(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
+              children: /* @__PURE__ */ jsx81(Text, { children: type === "paid_in" ? "Paid in" : type === "paid_out" ? "Paid out" : "No sale" })
             },
             type
           )) }),
-          !blind && /* @__PURE__ */ jsxs39(View47, { testID: "register-panel-expected", className: "gap-1", children: [
-            /* @__PURE__ */ jsx80(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
-            Object.entries(expected).map(([method, amount]) => /* @__PURE__ */ jsxs39(View47, { className: "min-h-11 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsx80(Text, { className: "capitalize", children: method === "cash" ? "Cash" : method }),
-              /* @__PURE__ */ jsx80(Text, { className: "tabular-nums", children: formatMoney7({ amount, currency }) })
+          !blind && /* @__PURE__ */ jsxs40(View47, { testID: "register-panel-expected", className: "gap-1", children: [
+            /* @__PURE__ */ jsx81(Text, { className: "text-muted-foreground text-sm font-semibold", children: "Expected in the drawer" }),
+            Object.entries(expected).map(([method, amount]) => /* @__PURE__ */ jsxs40(View47, { className: "min-h-11 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsx81(Text, { className: "capitalize", children: method === "cash" ? "Cash" : method }),
+              /* @__PURE__ */ jsx81(Text, { className: "tabular-nums", children: formatMoney7({ amount, currency }) })
             ] }, method))
           ] }),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81(
             Button,
             {
               testID: "register-panel-movements",
               variant: "ghost",
               className: "min-h-11",
               onPress: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ jsx80(Text, { children: "Paid in / out" })
+              children: /* @__PURE__ */ jsx81(Text, { children: "Paid in / out" })
             }
           ),
-          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs39(View47, { className: "min-h-11 flex-row items-center gap-2", children: [
-            /* @__PURE__ */ jsxs39(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
+          expanded && activeMovements.map((row) => /* @__PURE__ */ jsxs40(View47, { className: "min-h-11 flex-row items-center gap-2", children: [
+            /* @__PURE__ */ jsxs40(Text, { testID: `movement-row-${row.id}`, className: "flex-1", children: [
               row.type === "paid_in" ? "Paid in" : row.type === "paid_out" ? "Paid out" : "No sale",
               !blind ? ` \xB7 ${formatMoney7({ amount: row.amountMinor, currency })} \xB7 ${row.reason}` : ""
             ] }),
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(
               Button,
               {
                 variant: "ghost",
@@ -3413,12 +3424,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__ */ jsx80(Text, { children: "Undo" })
+                children: /* @__PURE__ */ jsx81(Text, { children: "Undo" })
               }
             )
           ] }, row.id)),
-          !!error && /* @__PURE__ */ jsx80(Text, { className: "text-destructive", children: error }),
-          /* @__PURE__ */ jsx80(
+          !!error && /* @__PURE__ */ jsx81(Text, { className: "text-destructive", children: error }),
+          /* @__PURE__ */ jsx81(
             Button,
             {
               testID: "register-panel-close",
@@ -3429,11 +3440,11 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
                 await actions.startCounting();
                 onOpenChange(false);
               }),
-              children: /* @__PURE__ */ jsx80(Text, { children: "Close register" })
+              children: /* @__PURE__ */ jsx81(Text, { children: "Close register" })
             }
           )
         ] }),
-        movementType && /* @__PURE__ */ jsx80(
+        movementType && /* @__PURE__ */ jsx81(
           MovementSheet,
           {
             register,
@@ -3453,7 +3464,7 @@ function RegisterPanel({ register, currency, registerName, open, onOpenChange, c
 // src/register/register-column.tsx
 import { useState as useState12 } from "react";
 import { View as View48 } from "react-native";
-import { Fragment as Fragment3, jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
 function RegisterColumn({
   register,
   registerId,
@@ -3467,28 +3478,28 @@ function RegisterColumn({
 }) {
   const [finishing, setFinishing] = useState12(false);
   if (registerId === null) {
-    return /* @__PURE__ */ jsx81(RegisterPicker, { registers, onPick, className: "flex-1" });
+    return /* @__PURE__ */ jsx82(RegisterPicker, { registers, onPick, className: "flex-1" });
   }
   if (register.session?.status === "closed") {
-    return register.closing && !finishing ? /* @__PURE__ */ jsx81(Fragment3, { children: countSlot }) : /* @__PURE__ */ jsx81(FinishClose, { register, busy: finishing, setBusy: setFinishing });
+    return register.closing && !finishing ? /* @__PURE__ */ jsx82(Fragment4, { children: countSlot }) : /* @__PURE__ */ jsx82(FinishClose, { register, busy: finishing, setBusy: setFinishing });
   }
   if (!register.session) {
-    return /* @__PURE__ */ jsx81(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
+    return /* @__PURE__ */ jsx82(OpenRegisterCard, { register, currency, configuredFloatMinor, className: "flex-1" });
   }
   if (register.session.status === "counting") {
-    return /* @__PURE__ */ jsx81(Fragment3, { children: countSlot });
+    return /* @__PURE__ */ jsx82(Fragment4, { children: countSlot });
   }
-  return /* @__PURE__ */ jsxs40(View48, { testID: "register-column", className: "flex-1", children: [
-    register.overdue && cartEmpty && /* @__PURE__ */ jsxs40(View48, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx81(Text, { className: "flex-1", children: "This register is overdue for closing." }),
-      /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsxs41(View48, { testID: "register-column", className: "flex-1", children: [
+    register.overdue && cartEmpty && /* @__PURE__ */ jsxs41(View48, { testID: "register-column-overdue", className: "bg-warning/10 flex-row items-center justify-between gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx82(Text, { className: "flex-1", children: "This register is overdue for closing." }),
+      /* @__PURE__ */ jsx82(
         Button,
         {
           testID: "register-column-close-overdue",
           variant: "outline",
           className: "min-h-11",
           onPress: () => register.actions.startCounting(),
-          children: /* @__PURE__ */ jsx81(Text, { children: "Close register" })
+          children: /* @__PURE__ */ jsx82(Text, { children: "Close register" })
         }
       )
     ] }),
@@ -3508,10 +3519,10 @@ function FinishClose({ register, busy, setBusy }) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs40(View48, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
-    /* @__PURE__ */ jsx81(Text, { children: "The last close didn't finish." }),
-    /* @__PURE__ */ jsx81(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx81(Text, { children: "Finish closing" }) }),
-    !!error && /* @__PURE__ */ jsx81(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
+  return /* @__PURE__ */ jsxs41(View48, { testID: "register-column-finish-close", className: "flex-1 gap-3 p-4", children: [
+    /* @__PURE__ */ jsx82(Text, { children: "The last close didn't finish." }),
+    /* @__PURE__ */ jsx82(Button, { testID: "register-column-finish-close-button", nativeID: "register-column-finish-close-button", disabled: busy, onPress: finish, children: /* @__PURE__ */ jsx82(Text, { children: "Finish closing" }) }),
+    !!error && /* @__PURE__ */ jsx82(Text, { testID: "register-column-finish-close-error", className: "text-destructive", children: error })
   ] });
 }
 
@@ -3530,7 +3541,7 @@ import {
 } from "@tallyui/pos";
 import { currencySymbol as currencySymbol3, formatMoney as formatMoney8, minorUnitDigits as minorUnitDigits5 } from "@tallyui/core";
 import { cn as cn76 } from "@tallyui/theme";
-import { jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs42 } 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) {
@@ -3561,7 +3572,7 @@ function DenominationTile({ value, count: count2, currency, onAdd }) {
     timer.current = void 0;
   };
   useEffect3(() => stop, []);
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     Pressable22,
     {
       testID: `den-tile-${value}`,
@@ -3583,8 +3594,8 @@ function DenominationTile({ value, count: count2, currency, onAdd }) {
         if (!held.current) onAdd(1);
       },
       children: [
-        /* @__PURE__ */ jsx82(Text, { className: "text-sm tabular-nums", numberOfLines: 1, children: label }),
-        /* @__PURE__ */ jsx82(Text, { testID: `den-count-${value}`, className: "bg-background min-w-6 rounded-full px-1.5 text-center text-xs tabular-nums", children: count2 })
+        /* @__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 })
       ]
     }
   );
@@ -3654,11 +3665,11 @@ function RegisterCount({ register, currency, approve, className }) {
     void attempt(() => actions.closeSession({ counted }));
   };
   if (!session) return null;
-  return /* @__PURE__ */ jsxs41(View49, { testID: "register-count", className: cn76("bg-card flex-1 rounded-md", className), children: [
-    /* @__PURE__ */ jsxs41(ScrollView12, { className: "flex-1", contentContainerClassName: "gap-3 p-4", children: [
-      /* @__PURE__ */ jsx82(Text, { className: "min-h-11 text-lg font-semibold", children: "Count the drawer" }),
-      /* @__PURE__ */ jsx82(Label, { testID: "count-amount-label", nativeID: AMOUNT_LABEL_ID3, children: `Cash counted (${currencySymbol3(currency)})` }),
-      /* @__PURE__ */ jsx82(Input, { children: /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsxs42(View49, { testID: "register-count", className: cn76("bg-card flex-1 rounded-md", className), children: [
+    /* @__PURE__ */ jsxs42(ScrollView12, { 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",
@@ -3672,16 +3683,16 @@ function RegisterCount({ register, currency, approve, className }) {
           accessibilityLabelledBy: AMOUNT_LABEL_ID3
         }
       ) }),
-      !blind && valid && /* @__PURE__ */ jsx82(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney8({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
+      !blind && valid && /* @__PURE__ */ jsx83(Text, { testID: "count-variance", className: "min-h-11 tabular-nums", children: `Expected ${formatMoney8({ amount: expected.cash ?? 0, currency })} \xB7 ${varianceText(
         variance,
         digits,
         (major) => formatMoney8({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
         varianceWord
       )}` }),
-      /* @__PURE__ */ jsxs41(View49, { testID: "count-denominations", className: "gap-2", children: [
-        Array.from({ length: Math.ceil(faces.length / columns) }, (_, row) => /* @__PURE__ */ jsx82(View49, { className: "flex-row gap-2", children: Array.from({ length: columns }, (_2, column) => {
+      /* @__PURE__ */ jsxs42(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__ */ jsx82(
+          return value ? /* @__PURE__ */ jsx83(
             DenominationTile,
             {
               value,
@@ -3690,9 +3701,9 @@ function RegisterCount({ register, currency, approve, className }) {
               onAdd: (n) => addPieces(value, n)
             },
             value
-          ) : /* @__PURE__ */ jsx82(View49, { className: "flex-1" }, column);
+          ) : /* @__PURE__ */ jsx83(View49, { className: "flex-1" }, column);
         }) }, row)),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(
           Button,
           {
             testID: "count-clear",
@@ -3702,16 +3713,16 @@ function RegisterCount({ register, currency, approve, className }) {
               setPieces({});
               setCashText(minorToDecimal(0, digits));
             },
-            children: /* @__PURE__ */ jsx82(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__ */ jsxs41(View49, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx82(Label, { testID: labelId, nativeID: labelId, children: label }),
-          /* @__PURE__ */ jsx82(Input, { children: /* @__PURE__ */ jsx82(
+        return /* @__PURE__ */ jsxs42(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}`,
@@ -3724,11 +3735,11 @@ function RegisterCount({ register, currency, approve, className }) {
           ) })
         ] }, method);
       }),
-      !!refusal && /* @__PURE__ */ jsx82(Text, { testID: "count-manager-line", className: "text-warning min-h-11", children: refusal }),
-      !!error && /* @__PURE__ */ jsx82(Text, { testID: "count-error", className: "text-destructive min-h-11", children: error })
+      !!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__ */ jsxs41(View49, { className: "gap-2 border-t border-border p-4", children: [
-      /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsxs42(View49, { className: "gap-2 border-t border-border p-4", children: [
+      /* @__PURE__ */ jsx83(
         Button,
         {
           testID: "count-back",
@@ -3736,17 +3747,17 @@ function RegisterCount({ register, currency, approve, className }) {
           className: "min-h-11",
           disabled: busy,
           onPress: () => attempt(actions.backToSelling),
-          children: /* @__PURE__ */ jsx82(Text, { children: "Back to selling" })
+          children: /* @__PURE__ */ jsx83(Text, { children: "Back to selling" })
         }
       ),
-      /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx83(
         Button,
         {
           testID: "count-close",
           className: "min-h-14",
           disabled: !valid || otherTendersInvalid || busy,
           onPress: onClose,
-          children: /* @__PURE__ */ jsx82(Text, { children: busy ? "Closing\u2026" : "Close register" })
+          children: /* @__PURE__ */ jsx83(Text, { children: busy ? "Closing\u2026" : "Close register" })
         }
       )
     ] })
@@ -3758,7 +3769,7 @@ import { useEffect as useEffect4, useRef as useRef5, useState as useState14 } fr
 import { AccessibilityInfo, Animated, View as View50 } from "react-native";
 import { countVariance as countVariance2, TAX_ROUNDING_MIXED_NOTE, varianceText as varianceText2 } from "@tallyui/pos";
 import { formatMoney as formatMoney9, minorUnitDigits as minorUnitDigits6 } from "@tallyui/core";
-import { jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs43 } from "react/jsx-runtime";
 function useCompletionMotion() {
   const opacity = useRef5(new Animated.Value(0)).current;
   const scale = useRef5(new Animated.Value(0.6)).current;
@@ -3805,34 +3816,34 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     Dialog,
     {
       open: true,
       onOpenChange: (open) => {
         if (!open) onDone();
       },
-      children: /* @__PURE__ */ jsxs42(DialogContent, { testID: "closure-sheet", children: [
-        /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsxs43(DialogContent, { testID: "closure-sheet", children: [
+        /* @__PURE__ */ jsx84(
           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__ */ jsx83(Text, { className: "text-success text-lg font-bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: "\u2713" })
+            children: /* @__PURE__ */ jsx84(Text, { className: "text-success text-lg font-bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: "\u2713" })
           }
         ),
-        /* @__PURE__ */ jsx83(DialogTitle, { testID: "closure-title", children: "Register closed" }),
-        /* @__PURE__ */ jsx83(Text, { testID: "closure-number", className: "text-muted-foreground min-h-11", children: `Closure #${closure.number}` }),
-        !blind && /* @__PURE__ */ jsx83(View50, { testID: "closure-figures", className: "gap-3", children: methods.map((method) => {
+        /* @__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) => {
           const countedMinor = closure.counted[method] ?? 0;
           const expectedMinor = closure.expected[method] ?? 0;
           const varianceMinor = closure.variance[method] ?? countVariance2(countedMinor, expectedMinor);
-          return /* @__PURE__ */ jsxs42(View50, { className: "gap-1", children: [
-            /* @__PURE__ */ jsx83(Text, { className: "text-muted-foreground text-xs font-semibold", children: tenderLabel(method) }),
-            /* @__PURE__ */ jsx83(Text, { testID: `closure-counted-${method}`, className: "min-h-11 tabular-nums", children: `Counted ${formatMoney9({ amount: countedMinor, currency })}` }),
-            /* @__PURE__ */ jsx83(Text, { testID: `closure-expected-${method}`, className: "min-h-11 tabular-nums", children: `Expected ${formatMoney9({ amount: expectedMinor, currency })}` }),
-            /* @__PURE__ */ jsx83(Text, { testID: `closure-variance-${method}`, className: "min-h-11 tabular-nums", children: varianceText2(
+          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(
               varianceMinor,
               digits,
               (major) => formatMoney9({ amount: Math.round(major * 10 ** digits), currency }) ?? "",
@@ -3840,14 +3851,14 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
             ) })
           ] }, method);
         }) }),
-        !!approvedBy && /* @__PURE__ */ jsxs42(Text, { testID: "closure-approved-by", children: [
+        !!approvedBy && /* @__PURE__ */ jsxs43(Text, { testID: "closure-approved-by", children: [
           "Approved by ",
           approvedBy
         ] }),
-        closure.breakdowns.tax_rounding_mixed === true && /* @__PURE__ */ jsx83(Text, { testID: "closure-tax-rounding-mixed", className: "text-muted-foreground", children: TAX_ROUNDING_MIXED_NOTE }),
-        !!error && /* @__PURE__ */ jsx83(Text, { testID: "closure-print-error", className: "text-destructive", children: error }),
-        !blind && !!onPrint && /* @__PURE__ */ jsx83(Button, { testID: "closure-print", className: "min-h-14", disabled: busy, onPress: print, children: /* @__PURE__ */ jsx83(Text, { children: busy ? "Printing\u2026" : "Print the Z report" }) }),
-        /* @__PURE__ */ jsx83(Button, { testID: "closure-done", variant: "outline", className: "min-h-14", onPress: onDone, children: /* @__PURE__ */ jsx83(Text, { children: "Done" }) })
+        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" }) })
       ] })
     }
   );
@@ -3856,35 +3867,35 @@ function ClosureSheet({ register, currency, onPrint, onDone }) {
 // 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 jsx84, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs44 } from "react/jsx-runtime";
 function SettingsRow({ label, description, action, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs43(View51, { className: cn77("flex-row items-center gap-3 px-4 py-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs43(View51, { className: "flex-1 gap-0.5", children: [
-      /* @__PURE__ */ jsx84(Text29, { className: "text-sm font-medium text-foreground", children: label }),
-      description && /* @__PURE__ */ jsx84(Text29, { className: "text-xs text-muted-foreground", children: description })
+  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 })
     ] }),
-    action && /* @__PURE__ */ jsx84(View51, { children: action })
+    action && /* @__PURE__ */ jsx85(View51, { 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 jsx85, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs45 } from "react/jsx-runtime";
 function SettingsGroup({ title, description, children, className, ...viewProps }) {
-  return /* @__PURE__ */ jsxs44(View52, { className: cn78("gap-1", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs44(View52, { className: "px-4 py-2", children: [
-      /* @__PURE__ */ jsx85(Text30, { className: "text-sm font-semibold text-foreground", children: title }),
-      description && /* @__PURE__ */ jsx85(Text30, { className: "text-xs text-muted-foreground", children: description })
+  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 })
     ] }),
-    /* @__PURE__ */ jsx85(View52, { className: "rounded-lg border border-border bg-card", children })
+    /* @__PURE__ */ jsx86(View52, { 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 jsx86, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs46 } from "react/jsx-runtime";
 function defaultFormatUnsold(count2, stale) {
   return `${count2} ${count2 === 1 ? "product" : "products"} not sold in this channel${stale ? " (last check failed)" : ""}`;
 }
@@ -3906,20 +3917,20 @@ function ConnectorStatus({
   ...viewProps
 }) {
   const config = STATUS_CONFIG2[status];
-  return /* @__PURE__ */ jsxs45(View53, { className: cn79("gap-2 rounded-lg border border-border bg-card p-3", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs45(View53, { className: "flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsx86(Text31, { className: "text-sm font-semibold text-foreground", children: name }),
-      /* @__PURE__ */ jsxs45(View53, { className: "flex-row items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx86(View53, { className: cn79("h-2 w-2 rounded-full", config.dot) }),
-        /* @__PURE__ */ jsx86(Text31, { className: cn79("text-xs font-medium", config.text), children: config.label })
+  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 })
       ] })
     ] }),
-    lastSync && /* @__PURE__ */ jsxs45(Text31, { className: "text-xs text-muted-foreground", children: [
+    lastSync && /* @__PURE__ */ jsxs46(Text31, { className: "text-xs text-muted-foreground", children: [
       "Last sync: ",
       lastSync
     ] }),
-    error && /* @__PURE__ */ jsx86(Text31, { className: "text-xs text-destructive", children: error }),
-    !!unsoldCount && /* @__PURE__ */ jsx86(Text31, { className: cn79("text-xs", unsoldStale ? "text-muted-foreground" : "text-warning"), children: formatUnsold(unsoldCount, !!unsoldStale) })
+    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) })
   ] });
 }
 
@@ -3932,7 +3943,7 @@ import { buildReceiptData } from "@tallyui/pos";
 import { useState as useState15 } from "react";
 import { Pressable as Pressable23, Text as Text32, TextInput as TextInput9, View as View54 } from "react-native";
 import { formatMoney as formatMoney10, minorUnitDigits as minorUnitDigits7, moneyFromDecimalString as moneyFromDecimalString2 } from "@tallyui/core";
-import { jsx as jsx87, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs47 } from "react/jsx-runtime";
 function parseDiscount(type, text, currency) {
   const raw = text.trim();
   const trimmed = raw.split(",").length === 2 ? raw.replace(",", ".") : raw;
@@ -3958,21 +3969,21 @@ function DiscountForm({ title, currency, onApply, onClose }) {
     setError(refused);
     if (refused === null) onClose();
   }
-  return /* @__PURE__ */ jsxs46(View54, { role: "group", accessibilityLabel: title, className: "gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx87(Text32, { className: "font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsxs46(View54, { className: "flex-row gap-2", children: [
-      ["percentage", "fixed"].map((option) => /* @__PURE__ */ jsx87(
+  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,
         {
           accessibilityRole: "button",
           accessibilityState: { selected: type === option },
           onPress: () => setType(option),
           className: `${button} ${type === option ? "bg-primary" : "bg-card"}`,
-          children: /* @__PURE__ */ jsx87(Text32, { className: type === option ? "text-primary-foreground" : "text-foreground", children: option === "percentage" ? "Percent" : "Amount" })
+          children: /* @__PURE__ */ jsx88(Text32, { className: type === option ? "text-primary-foreground" : "text-foreground", children: option === "percentage" ? "Percent" : "Amount" })
         },
         option
       )),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         TextInput9,
         {
           accessibilityLabel: "Discount value",
@@ -3985,16 +3996,16 @@ function DiscountForm({ title, currency, onApply, onClose }) {
         }
       )
     ] }),
-    error ? /* @__PURE__ */ jsx87(Text32, { accessibilityRole: "alert", className: "text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsxs46(View54, { className: "flex-row gap-2", children: [
-      /* @__PURE__ */ jsx87(Pressable23, { accessibilityRole: "button", onPress: apply, className: `${button} bg-primary`, children: /* @__PURE__ */ jsx87(Text32, { className: "font-semibold text-primary-foreground", children: "Apply" }) }),
-      /* @__PURE__ */ jsx87(Pressable23, { accessibilityRole: "button", onPress: onClose, className: `${button} bg-card`, children: /* @__PURE__ */ jsx87(Text32, { className: "text-foreground", children: "Cancel" }) })
+    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" }) })
     ] })
   ] });
 }
 function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] }) {
   if (!discounts.length) return null;
-  return /* @__PURE__ */ jsx87(View54, { className: "flex-row flex-wrap gap-2 px-3", children: discounts.map((discount) => {
+  return /* @__PURE__ */ jsx88(View54, { className: "flex-row flex-wrap gap-2 px-3", children: discounts.map((discount) => {
     const amount = amounts.find((row) => row.discountId === discount.id)?.amountMinor;
     const own = discountLabel(discount, currency);
     const label = [
@@ -4002,7 +4013,7 @@ 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__ */ jsxs46(
+    return /* @__PURE__ */ jsxs47(
       Pressable23,
       {
         accessibilityRole: "button",
@@ -4010,8 +4021,8 @@ function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] })
         onPress: () => onRemove(discount.id),
         className: "min-h-11 flex-row items-center gap-1",
         children: [
-          /* @__PURE__ */ jsx87(DiscountBadge, { label, className: "self-center" }),
-          /* @__PURE__ */ jsx87(Text32, { className: "text-muted-foreground", children: "\u2715" })
+          /* @__PURE__ */ jsx88(DiscountBadge, { label, className: "self-center" }),
+          /* @__PURE__ */ jsx88(Text32, { className: "text-muted-foreground", children: "\u2715" })
         ]
       },
       discount.id
@@ -4020,7 +4031,7 @@ function DiscountChips({ discounts, currency, onRemove, prefix, amounts = [] })
 }
 
 // src/sale/cart.tsx
-import { Fragment as Fragment4, jsx as jsx88, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx89, jsxs as jsxs48 } from "react/jsx-runtime";
 function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
   const { order } = sale;
   const money = (amount) => ({ amount, currency: order.currency });
@@ -4029,7 +4040,7 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
   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] = useState16(null);
-  const discountForm = (lineId, title) => form?.lineId === lineId ? /* @__PURE__ */ jsx88(
+  const discountForm = (lineId, title) => form?.lineId === lineId ? /* @__PURE__ */ jsx89(
     DiscountForm,
     {
       title,
@@ -4040,8 +4051,8 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
     lineId ?? "order"
   ) : null;
   const pay = `min-h-12 flex-1 justify-center rounded-md bg-primary px-4 py-3 ${!order.lineItems.length ? "opacity-50" : ""}`;
-  const renderItem = (line) => /* @__PURE__ */ jsxs47(Fragment4, { children: [
-    /* @__PURE__ */ jsx88(CartLineActions, { actions: [{ id: "discount", label: "Discount", color: "text-primary", onPress: () => setForm({ lineId: line.id }) }], children: /* @__PURE__ */ jsx88(
+  const renderItem = (line) => /* @__PURE__ */ jsxs48(Fragment5, { children: [
+    /* @__PURE__ */ jsx89(CartLineActions, { actions: [{ id: "discount", label: "Discount", color: "text-primary", onPress: () => setForm({ lineId: line.id }) }], children: /* @__PURE__ */ jsx89(
       CartLine,
       {
         name: line.name,
@@ -4050,50 +4061,50 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
         lineTotal: money(display(line.id).amountMinor)
       }
     ) }),
-    /* @__PURE__ */ jsx88(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
-    /* @__PURE__ */ jsxs47(View55, { className: "flex-row gap-4 px-3 py-2", children: [
-      /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx89(DiscountChips, { discounts: line.discounts, amounts: display(line.id).discounts, currency: order.currency, onRemove: sale.removeDiscount }),
+    /* @__PURE__ */ jsxs48(View55, { className: "flex-row gap-4 px-3 py-2", children: [
+      /* @__PURE__ */ jsx89(
         Pressable24,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Decrease ${line.name}`,
           onPress: () => sale.setQuantity(line.id, line.quantity - 1),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx88(Text33, { className: "text-center text-foreground", children: "\u2212" })
+          children: /* @__PURE__ */ jsx89(Text33, { className: "text-center text-foreground", children: "\u2212" })
         }
       ),
-      /* @__PURE__ */ jsx88(
+      /* @__PURE__ */ jsx89(
         Pressable24,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Increase ${line.name}`,
           onPress: () => sale.setQuantity(line.id, line.quantity + 1),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx88(Text33, { className: "text-center text-foreground", children: "+" })
+          children: /* @__PURE__ */ jsx89(Text33, { className: "text-center text-foreground", children: "+" })
         }
       ),
-      /* @__PURE__ */ jsx88(
+      /* @__PURE__ */ jsx89(
         Pressable24,
         {
           accessibilityRole: "button",
           accessibilityLabel: `Remove ${line.name}`,
           onPress: () => sale.remove(line.id),
           className: "rounded-md border border-border bg-card px-3 py-2 min-h-11 min-w-11 items-center justify-center",
-          children: /* @__PURE__ */ jsx88(Text33, { className: "text-center text-foreground", children: "Remove" })
+          children: /* @__PURE__ */ jsx89(Text33, { className: "text-center text-foreground", children: "Remove" })
         }
       )
     ] }),
     discountForm(line.id, `Discount on ${line.name}`)
   ] });
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     CartPanel,
     {
       dataSet: { print: "hide" },
       items: order.lineItems,
       renderItem,
-      emptyState: /* @__PURE__ */ jsx88(Text33, { className: "text-muted-foreground", children: "Scan or tap a product to start a sale." }),
-      afterItems: order.lineItems.length ? /* @__PURE__ */ jsxs47(View55, { className: "gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx88(
+      emptyState: /* @__PURE__ */ jsx89(Text33, { className: "text-muted-foreground", children: "Scan or tap a product to start a sale." }),
+      afterItems: order.lineItems.length ? /* @__PURE__ */ jsxs48(View55, { className: "gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx89(
           DiscountChips,
           {
             discounts: order.discounts,
@@ -4103,18 +4114,18 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
             prefix: "Order discount"
           }
         ),
-        form?.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx88(
+        form?.lineId === null ? discountForm(null, "Order discount") : /* @__PURE__ */ jsx89(
           Pressable24,
           {
             accessibilityRole: "button",
             onPress: () => setForm({ lineId: null }),
             className: "self-start rounded-md border border-border bg-card px-4 py-2 min-h-11 justify-center",
-            children: /* @__PURE__ */ jsx88(Text33, { className: "text-foreground", children: "Order discount" })
+            children: /* @__PURE__ */ jsx89(Text33, { className: "text-foreground", children: "Order discount" })
           }
         )
       ] }) : void 0,
-      footer: /* @__PURE__ */ jsxs47(View55, { testID: "cart-footer", className: "gap-3 pb-4", children: [
-        /* @__PURE__ */ jsx88(
+      footer: /* @__PURE__ */ jsxs48(View55, { testID: "cart-footer", className: "gap-3 pb-4", children: [
+        /* @__PURE__ */ jsx89(
           CartTotal,
           {
             subtotal: money(totals.subtotalMinor),
@@ -4124,10 +4135,10 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
             taxInclusive: totals.taxInclusive
           }
         ),
-        sale.error ? /* @__PURE__ */ jsx88(Text33, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-        /* @__PURE__ */ jsxs47(View55, { className: "flex-row gap-3", children: [
-          /* @__PURE__ */ jsx88(Pressable24, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx88(Text33, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
-          /* @__PURE__ */ jsx88(Pressable24, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx88(Text33, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
+        sale.error ? /* @__PURE__ */ jsx89(Text33, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+        /* @__PURE__ */ jsxs48(View55, { className: "flex-row gap-3", children: [
+          /* @__PURE__ */ jsx89(Pressable24, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("cash"), className: pay, children: /* @__PURE__ */ jsx89(Text33, { className: "text-center font-semibold text-primary-foreground", children: "Cash" }) }),
+          /* @__PURE__ */ jsx89(Pressable24, { accessibilityRole: "button", disabled: !order.lineItems.length, onPress: () => sale.startTender("external"), className: pay, children: /* @__PURE__ */ jsx89(Text33, { className: "text-center font-semibold text-primary-foreground", children: "Card terminal" }) })
         ] })
       ] })
     }
@@ -4138,13 +4149,13 @@ function Cart({ sale, taxLabel = (ratePpm) => `Tax ${ratePpm / 1e4}%` }) {
 import { Pressable as Pressable25, Text as Text34 } from "react-native";
 import { formatMoney as formatMoney11 } from "@tallyui/core";
 import { buildReceiptData as buildReceiptData2 } from "@tallyui/pos";
-import { jsx as jsx89, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs49 } from "react/jsx-runtime";
 function CartBar({ sale, onOpen }) {
   const { order } = sale;
   const count2 = order.lineItems.reduce((sum, line) => sum + line.quantity, 0);
   const total = formatMoney11({ amount: buildReceiptData2(order, { storeName: "" }).totals.totalMinor, currency: order.currency });
   const items = `${count2} ${count2 === 1 ? "item" : "items"}`;
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     Pressable25,
     {
       accessibilityRole: "button",
@@ -4153,8 +4164,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__ */ jsx89(Text34, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
-        count2 ? /* @__PURE__ */ jsxs48(Text34, { className: "font-bold text-primary-foreground", children: [
+        /* @__PURE__ */ jsx90(Text34, { className: "font-bold text-primary-foreground", children: count2 ? `Cart \xB7 ${items}` : "Cart is empty" }),
+        count2 ? /* @__PURE__ */ jsxs49(Text34, { className: "font-bold text-primary-foreground", children: [
           total,
           " \u203A"
         ] }) : null
@@ -4166,15 +4177,15 @@ function CartBar({ sale, onOpen }) {
 // src/sale/tender.tsx
 import { Pressable as Pressable26, Text as Text35, TextInput as TextInput10, View as View56 } from "react-native";
 import { formatMoney as formatMoney12 } from "@tallyui/core";
-import { Fragment as Fragment5, jsx as jsx90, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx91, jsxs as jsxs50 } 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__ */ jsxs49(View56, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
-    stage.method === "cash" ? /* @__PURE__ */ jsxs49(Fragment5, { children: [
-      /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs50(View56, { dataSet: { print: "hide" }, className: "gap-4 p-4", children: [
+    stage.method === "cash" ? /* @__PURE__ */ jsxs50(Fragment6, { children: [
+      /* @__PURE__ */ jsx91(
         CashTendered,
         {
           total: money(order.totalMinor),
@@ -4182,18 +4193,18 @@ function Tender({ sale }) {
           onChangeAmount: (amount) => sale.setTender({ method: "cash", amountMinor: amount.amount })
         }
       ),
-      /* @__PURE__ */ jsx90(ChangeDisplay, { change: money(order.changeDueMinor) }),
-      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs49(Text35, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx91(ChangeDisplay, { change: money(order.changeDueMinor) }),
+      order.balanceDueMinor > 0 ? /* @__PURE__ */ jsxs50(Text35, { className: "text-foreground", children: [
         "Balance due: ",
         formatMoney12(money(order.balanceDueMinor))
       ] }) : null,
-      /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", disabled: order.balanceDueMinor > 0, onPress: sale.complete, className: `rounded-md bg-primary px-4 py-3 ${order.balanceDueMinor > 0 ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsx90(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
-    ] }) : /* @__PURE__ */ jsxs49(Fragment5, { children: [
-      /* @__PURE__ */ jsxs49(Text35, { className: "text-foreground", children: [
+      /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", disabled: order.balanceDueMinor > 0, onPress: sale.complete, className: `rounded-md bg-primary px-4 py-3 ${order.balanceDueMinor > 0 ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsx91(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Complete sale" }) })
+    ] }) : /* @__PURE__ */ jsxs50(Fragment6, { children: [
+      /* @__PURE__ */ jsxs50(Text35, { className: "text-foreground", children: [
         "Card terminal: ",
         formatMoney12(money(order.totalMinor))
       ] }),
-      /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsx91(
         TextInput10,
         {
           accessibilityLabel: "Terminal reference",
@@ -4204,14 +4215,14 @@ function Tender({ sale }) {
           className: "rounded-md border border-border px-3 py-2 text-foreground"
         }
       ),
-      /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
+      /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", onPress: sale.complete, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx91(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Payment approved on terminal" }) })
     ] }),
-    sale.error ? /* @__PURE__ */ jsx90(Text35, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
-    sale.canContinue ? /* @__PURE__ */ jsxs49(Fragment5, { children: [
-      /* @__PURE__ */ jsx90(Text35, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
-      /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
+    sale.error ? /* @__PURE__ */ jsx91(Text35, { accessibilityRole: "alert", className: "text-destructive", children: sale.error }) : null,
+    sale.canContinue ? /* @__PURE__ */ jsxs50(Fragment6, { children: [
+      /* @__PURE__ */ jsx91(Text35, { className: "text-foreground", children: "This sale is stored and will be sent. Continue to the next sale." }),
+      /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", onPress: () => sale.continueSale(), className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx91(Text35, { className: "text-center font-semibold text-primary-foreground", children: "Continue" }) })
     ] }) : null,
-    /* @__PURE__ */ jsx90(Pressable26, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx90(Text35, { className: "text-center text-foreground", children: "Back" }) })
+    /* @__PURE__ */ jsx91(Pressable26, { accessibilityRole: "button", onPress: sale.cancelTender, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx91(Text35, { className: "text-center text-foreground", children: "Back" }) })
   ] });
 }
 
@@ -4220,7 +4231,7 @@ import { useEffect as useEffect5, useMemo as useMemo2, useState as useState17 }
 import { Pressable as Pressable27, Text as Text36, View as View57 } from "react-native";
 import { useStockOverlaid, useStockOverlayAsOf } from "@tallyui/core";
 import { catalogueEntries, findEntryByCode, searchProducts, variantPriceLabel } from "@tallyui/pos";
-import { jsx as jsx91, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
 var MIN_TILE_WIDTH = 160;
 var STOCK_LABEL = {
   in_stock: "In Stock",
@@ -4259,9 +4270,9 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
     onSelect(entry);
     setChooserId(null);
   }
-  return /* @__PURE__ */ jsxs50(View57, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
-    /* @__PURE__ */ jsxs50(View57, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
-      /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsxs51(View57, { className: "flex-1", onLayout: (event) => setWidth(event.nativeEvent.layout.width), children: [
+    /* @__PURE__ */ jsxs51(View57, { className: "gap-2 border-b border-border bg-card px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ jsx92(
         SearchInput,
         {
           value: query,
@@ -4278,25 +4289,25 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           }
         }
       ),
-      statusText || statusAccessory ? /* @__PURE__ */ jsxs50(View57, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
-        statusText ? /* @__PURE__ */ jsxs50(Text36, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
+      statusText || statusAccessory ? /* @__PURE__ */ jsxs51(View57, { testID: "catalogue-status-row", className: "flex-row items-center gap-2", children: [
+        statusText ? /* @__PURE__ */ jsxs51(Text36, { className: "flex-1 text-xs text-muted-foreground", numberOfLines: statusAccessory ? 1 : void 0, children: [
           statusText,
           query.trim() ? ` \xB7 ${results.length.toLocaleString()} matching` : ""
         ] }) : null,
         statusAccessory
       ] }) : null,
-      choices.length > 0 ? /* @__PURE__ */ jsxs50(View57, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
-        choices.map((entry) => /* @__PURE__ */ jsxs50(
+      choices.length > 0 ? /* @__PURE__ */ jsxs51(View57, { accessibilityLabel: "Choose variant", className: "gap-2", children: [
+        choices.map((entry) => /* @__PURE__ */ jsxs51(
           Pressable27,
           {
             accessibilityRole: "button",
             onPress: () => select(entry),
             className: "gap-1 rounded-md border border-border p-3",
             children: [
-              /* @__PURE__ */ jsx91(Text36, { className: "font-semibold text-foreground", children: entry.variant.title }),
-              /* @__PURE__ */ jsx91(Text36, { className: "text-muted-foreground", children: entry.variant.sku }),
-              /* @__PURE__ */ jsx91(Text36, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
-              /* @__PURE__ */ jsxs50(Text36, { className: "text-muted-foreground", children: [
+              /* @__PURE__ */ jsx92(Text36, { className: "font-semibold text-foreground", children: entry.variant.title }),
+              /* @__PURE__ */ jsx92(Text36, { className: "text-muted-foreground", children: entry.variant.sku }),
+              /* @__PURE__ */ jsx92(Text36, { className: "text-foreground", children: variantPriceLabel(entry.variant, currency) }),
+              /* @__PURE__ */ jsxs51(Text36, { className: "text-muted-foreground", children: [
                 STOCK_LABEL[entry.variant.stock.status],
                 " \xB7 ",
                 stockAsOf ? `as of ${formatStockSyncTime(stockAsOf, void 0, hour12)}` : "not yet synced"
@@ -4305,10 +4316,10 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           },
           entry.variant.id
         )),
-        /* @__PURE__ */ jsx91(Pressable27, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx91(Text36, { className: "text-center text-foreground", children: "Cancel" }) })
+        /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", onPress: () => setChooserId(null), className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx92(Text36, { className: "text-center text-foreground", children: "Cancel" }) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx91(
+    /* @__PURE__ */ jsx92(
       ProductGrid,
       {
         items: results,
@@ -4317,18 +4328,18 @@ function Catalogue({ products, traits, currency, onSelect, statusText, statusAcc
           // TallyUI's ProductCard has no children slot, so the tile is composed directly here
           // (same structure/classes as ProductCard) to add the stock badge as a fourth child,
           // inside the card and centred with the rest, rather than adding a slot to ProductCard (out of scope for TV6b).
-          /* @__PURE__ */ jsx91(Pressable27, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
+          /* @__PURE__ */ jsx92(Pressable27, { accessibilityRole: "button", testID: `product-tile-${traits.getName(product)}`, onPress: () => {
             const variants = entries.filter((entry) => entry.product === product);
             if (variants.length === 1) select(variants[0]);
             else setChooserId(traits.getId(product));
-          }, children: /* @__PURE__ */ jsxs50(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
-            /* @__PURE__ */ jsx91(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
-            /* @__PURE__ */ jsx91(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
-            /* @__PURE__ */ jsx91(ProductPrice, { doc: product }),
-            /* @__PURE__ */ jsx91(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
+          }, children: /* @__PURE__ */ jsxs51(VStack, { space: "sm", className: "items-center rounded-lg border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx92(ProductImage, { doc: product, size: 80, className: "rounded-md" }),
+            /* @__PURE__ */ jsx92(ProductTitle, { doc: product, className: "text-sm", numberOfLines: 2 }),
+            /* @__PURE__ */ jsx92(ProductPrice, { doc: product }),
+            /* @__PURE__ */ jsx92(ProductStockBadge, { doc: product, showAsOf: false, className: "self-center" })
           ] }) })
         ),
-        emptyState: /* @__PURE__ */ jsx91(Text36, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : "No products yet." })
+        emptyState: /* @__PURE__ */ jsx92(Text36, { className: "mt-10 text-center text-sm text-muted-foreground", children: query.trim() ? `No products match "${query.trim()}".` : "No products yet." })
       }
     )
   ] });
@@ -4351,7 +4362,7 @@ function injectPrintStyle() {
 }
 
 // src/sale/receipt.tsx
-import { Fragment as Fragment6, jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
 var defaultFormatDate = (iso) => new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(iso));
 function Receipt({
   order,
@@ -4371,34 +4382,34 @@ function Receipt({
     register: registerId
   });
   const money = (amount) => formatMoney13({ amount, currency: receipt.currency }) ?? "";
-  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs51(View58, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
-    /* @__PURE__ */ jsx92(Text37, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
-    /* @__PURE__ */ jsx92(Text37, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
+  const row = (label, amount, bold = false, key) => /* @__PURE__ */ jsxs52(View58, { accessibilityLabel: `${label}: ${amount}`, className: "flex-row justify-between gap-4", children: [
+    /* @__PURE__ */ jsx93(Text37, { className: `text-foreground ${bold ? "font-semibold" : ""}`, children: label }),
+    /* @__PURE__ */ jsx93(Text37, { className: `text-right text-foreground ${bold ? "font-semibold" : ""}`, children: amount })
   ] }, key);
   const { totals } = receipt;
   const taxRows = totals.taxLines.map((line, index) => row(`${totals.taxInclusive ? "incl. " : ""}${taxLabel(line.ratePpm)}`, money(line.amountMinor), false, index));
-  return /* @__PURE__ */ jsxs51(Fragment6, { children: [
-    topInset > 0 ? /* @__PURE__ */ jsx92(View58, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
-    /* @__PURE__ */ jsxs51(View58, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
-      /* @__PURE__ */ jsx92(Text37, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
-      receipt.header.storeAddress ? /* @__PURE__ */ jsx92(Text37, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
-      /* @__PURE__ */ jsxs51(Text37, { className: "text-foreground", children: [
+  return /* @__PURE__ */ jsxs52(Fragment7, { children: [
+    topInset > 0 ? /* @__PURE__ */ jsx93(View58, { dataSet: { print: "hide" }, style: { height: topInset, flexShrink: 0 } }) : null,
+    /* @__PURE__ */ jsxs52(View58, { className: "w-full max-w-md self-center gap-3 p-4 bg-card", children: [
+      /* @__PURE__ */ jsx93(Text37, { className: "text-lg font-semibold text-foreground", children: receipt.header.storeName }),
+      receipt.header.storeAddress ? /* @__PURE__ */ jsx93(Text37, { className: "text-muted-foreground", children: receipt.header.storeAddress }) : null,
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-foreground", children: [
         "Order ",
         receipt.header.orderNumber.slice(-8)
       ] }),
-      /* @__PURE__ */ jsx92(Text37, { className: "text-muted-foreground", children: formatDate(receipt.header.date) }),
-      /* @__PURE__ */ jsxs51(Text37, { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsx93(Text37, { className: "text-muted-foreground", children: formatDate(receipt.header.date) }),
+      /* @__PURE__ */ jsxs52(Text37, { className: "text-muted-foreground", children: [
         "Cashier: ",
         receipt.header.cashier
       ] }),
-      receipt.header.customer && /* @__PURE__ */ jsxs51(Text37, { className: "text-muted-foreground", children: [
+      receipt.header.customer && /* @__PURE__ */ jsxs52(Text37, { className: "text-muted-foreground", children: [
         "Customer: ",
         receipt.header.customer
       ] }),
-      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs51(View58, { children: [
-        /* @__PURE__ */ jsx92(Text37, { className: "text-foreground", children: line.name }),
+      receipt.lineItems.map((line, index) => /* @__PURE__ */ jsxs52(View58, { children: [
+        /* @__PURE__ */ jsx93(Text37, { className: "text-foreground", children: line.name }),
         row(`${line.quantity} \xD7 ${money(line.unitPriceMinor)}`, money(line.displayAmountMinor)),
-        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx92(View58, { className: "pl-4", children: row(`${discountLabel(
+        line.displayDiscounts.map((discount, i) => /* @__PURE__ */ jsx93(View58, { className: "pl-4", children: row(`${discountLabel(
           order.lineItems[index].discounts[i],
           receipt.currency
         )} off`, `\u2212${money(discount.amountMinor)}`) }, i))
@@ -4415,11 +4426,11 @@ function Receipt({
         index
       )),
       row("Change", money(receipt.changeDueMinor)),
-      /* @__PURE__ */ jsxs51(View58, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
-        /* @__PURE__ */ jsx92(Pressable28, { accessibilityRole: "button", onPress: () => {
+      /* @__PURE__ */ jsxs52(View58, { dataSet: { print: "hide" }, className: "flex-row gap-4", children: [
+        /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: () => {
           if (typeof window !== "undefined" && typeof window.print === "function") window.print();
-        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx92(Text37, { className: "text-center text-foreground", children: "Print receipt" }) }),
-        /* @__PURE__ */ jsx92(Pressable28, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx92(Text37, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
+        }, className: "rounded-md border border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center text-foreground", children: "Print receipt" }) }),
+        /* @__PURE__ */ jsx93(Pressable28, { accessibilityRole: "button", onPress: newSale, className: "rounded-md bg-primary px-4 py-3", children: /* @__PURE__ */ jsx93(Text37, { className: "text-center font-semibold text-primary-foreground", children: "New sale" }) })
       ] })
     ] })
   ] });
@@ -4436,7 +4447,7 @@ function sinceText(clock) {
 }
 
 // src/sale/sync-status.tsx
-import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx94, jsxs as jsxs53 } 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.",
@@ -4512,15 +4523,15 @@ 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__ */ jsxs52(View59, { children: [
-    notice ? /* @__PURE__ */ jsxs52(Fragment7, { children: [
-      /* @__PURE__ */ jsx93(Text38, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
-      oneDetail ? null : /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
+  return /* @__PURE__ */ jsxs53(View59, { children: [
+    notice ? /* @__PURE__ */ jsxs53(Fragment8, { children: [
+      /* @__PURE__ */ jsx94(Text38, { accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: notice.line }),
+      oneDetail ? null : /* @__PURE__ */ jsx94(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail })
     ] }) : null,
-    /* @__PURE__ */ jsx93(Text38, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
-    doing ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
-    refused ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
-    oneDetail && notice ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx93(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: BACKEND_MISSING_DETAIL.replace("{pluginName}", () => pluginName).replace("{lastTime}", () => upToDate ? " the last time it checked" : "") }) : null
+    /* @__PURE__ */ jsx94(Text38, { accessibilityLabel: spoken, accessibilityLiveRegion: "polite", className: "px-4 py-2 text-xs text-muted-foreground", children: spoken }),
+    doing ? /* @__PURE__ */ jsx94(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: doing }) : null,
+    refused ? /* @__PURE__ */ jsx94(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: REFUSED_DETAIL }) : null,
+    oneDetail && notice ? /* @__PURE__ */ jsx94(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: notice.detail }) : backendMissing ? /* @__PURE__ */ jsx94(Text38, { className: "px-4 pb-2 text-xs text-muted-foreground", children: BACKEND_MISSING_DETAIL.replace("{pluginName}", () => pluginName).replace("{lastTime}", () => upToDate ? " the last time it checked" : "") }) : null
   ] });
 }
 
@@ -4529,7 +4540,7 @@ import { useEffect as useEffect8, useRef as useRef7, useState as useState19 } fr
 import { Pressable as Pressable29, ScrollView as ScrollView13, Text as Text39, View as View60 } from "react-native";
 import { formatMoney as formatMoney14, knownWarnings } from "@tallyui/core";
 import { needsAttention } from "@tallyui/pos";
-import { jsx as jsx94, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs54 } 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([
@@ -4560,31 +4571,31 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
     }
     setRetryingIds(new Set(retrying.current));
   }, [orders]);
-  return /* @__PURE__ */ jsxs53(ScrollView13, { className: "flex-1 bg-background p-4", children: [
-    [{ title: "Needs attention", orders: needsAttention(orders, { stuckCommandIds: stuck?.commandIds }) }, { title: "Recent", orders }].filter((section) => section.title === "Recent" || section.orders.length > 0).map((section) => /* @__PURE__ */ jsxs53(View60, { className: "mb-6 gap-3", children: [
-      /* @__PURE__ */ jsx94(Text39, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
+  return /* @__PURE__ */ jsxs54(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__ */ jsxs54(View60, { className: "mb-6 gap-3", children: [
+      /* @__PURE__ */ jsx95(Text39, { accessibilityRole: "header", className: "text-xl font-semibold text-foreground", children: section.title }),
       section.orders.map((order) => {
         const count2 = order.lines.reduce((sum, line) => sum + line.quantity, 0);
         const stuckEntry = order.syncStatus === "pending" ? stuck?.orders.find((entry) => entry.commandId === order.commandId) : void 0;
-        return /* @__PURE__ */ jsxs53(View60, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs53(Text39, { className: "text-foreground", children: [
+        return /* @__PURE__ */ jsxs54(View60, { className: "gap-1 rounded-md border border-border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs54(Text39, { className: "text-foreground", children: [
             order.serverRefs?.displayId ? `Order #${order.serverRefs.displayId} \xB7 ` : "",
             count2,
             " ",
             count2 === 1 ? "item" : "items"
           ] }),
-          /* @__PURE__ */ jsxs53(Text39, { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs54(Text39, { className: "text-muted-foreground", children: [
             formatDate(order.createdAt),
             " \xB7 ",
             formatMoney14({ amount: order.totalMinor, currency: order.currency }),
             " \xB7 ",
             STATUS_LABEL[order.syncStatus]
           ] }),
-          stuckEntry ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
-          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
-          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
-          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: warning.code === "customer_omitted" ? `The customer's ${warning.field} couldn't be sent to the store, so the order isn't linked to them.` : "The terminal's payment reference couldn't be kept; the payment is recorded without it." }, index)),
-          section.title === "Needs attention" && order.syncStatus === "rejected" && order.error?.code !== "idempotency_mismatch" ? /* @__PURE__ */ jsx94(Pressable29, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
+          stuckEntry ? /* @__PURE__ */ jsx95(Text39, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
+          order.syncStatus === "rejected" ? /* @__PURE__ */ jsx95(Text39, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
+          order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
+          order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: warning.code === "customer_omitted" ? `The customer's ${warning.field} couldn't be sent to the store, so the order isn't linked to them.` : "The terminal's payment reference couldn't be kept; the payment is recorded without it." }, index)),
+          section.title === "Needs attention" && order.syncStatus === "rejected" && order.error?.code !== "idempotency_mismatch" ? /* @__PURE__ */ jsx95(Pressable29, { accessibilityRole: "button", disabled: retryingIds.has(order.id), onPress: async () => {
             if (retrying.current.has(order.id)) return;
             retrying.current.add(order.id);
             setRetryingIds(new Set(retrying.current));
@@ -4592,8 +4603,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__ */ jsx94(Text39, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
-          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx94(View60, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `Stock short by ${warning.quantity} for ${order.lines.find((line) => line.variantId === warning.variantId)?.name}` : warning.code === "tax_rate_mismatch" ? `Tax at ${(warning.ratePpm / 1e4).toLocaleString(void 0, { maximumFractionDigits: 4 })}%: store ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` : warning.code === "customer_ignored" ? `The online store didn't recognise the customer on this sale, so it was saved as a guest sale. Customer id: ${warning.customerId}.` : warning.code === "figures_mismatch" ? `The online store worked out different figures for this sale. ${warning.fields.map(({ field, tillMinor, serverMinor }) => `${FIGURE_LABELS.get(field) ?? field}: till ${formatMoney14({ amount: tillMinor, currency: order.currency })}, store ${formatMoney14({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney14({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
+          }, className: "rounded-md bg-primary px-4 py-2", children: /* @__PURE__ */ jsx95(Text39, { className: "text-center font-semibold text-primary-foreground", children: "Retry" }) }) : null,
+          knownWarnings(order.warnings).map((warning, index) => /* @__PURE__ */ jsx95(View60, { className: "border-l-4 border-warning pl-2", children: /* @__PURE__ */ jsx95(Text39, { className: "text-foreground", children: warning.code === "insufficient_stock" ? `Stock short by ${warning.quantity} for ${order.lines.find((line) => line.variantId === warning.variantId)?.name}` : warning.code === "tax_rate_mismatch" ? `Tax at ${(warning.ratePpm / 1e4).toLocaleString(void 0, { maximumFractionDigits: 4 })}%: store ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` : warning.code === "customer_ignored" ? `The online store didn't recognise the customer on this sale, so it was saved as a guest sale. Customer id: ${warning.customerId}.` : warning.code === "figures_mismatch" ? `The online store worked out different figures for this sale. ${warning.fields.map(({ field, tillMinor, serverMinor }) => `${FIGURE_LABELS.get(field) ?? field}: till ${formatMoney14({ amount: tillMinor, currency: order.currency })}, store ${formatMoney14({ amount: serverMinor, currency: order.currency })}.`).join(" ")}` : warning.bridgeMinor !== void 0 ? `Store calculated ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })}; a rounding line of ${warning.bridgeMinor > 0 ? "+" : ""}${formatMoney14({ amount: warning.bridgeMinor, currency: order.currency })} brought it to ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` : `Store total ${formatMoney14({ amount: warning.serverMinor, currency: order.currency })} vs POS ${formatMoney14({ amount: warning.expectedMinor, currency: order.currency })}` }) }, index))
         ] }, order.id);
       })
     ] }, section.title)),
@@ -4605,7 +4616,7 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
 import { useState as useState20 } from "react";
 import { Pressable as Pressable30, Text as Text40, View as View61, useWindowDimensions as useWindowDimensions3 } from "react-native";
 import { cn as cn80 } from "@tallyui/theme";
-import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
 function POSLayout({
   browseSlot,
   cartSlot,
@@ -4618,31 +4629,31 @@ function POSLayout({
   const { width } = useWindowDimensions3();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
   const [activeTab, setActiveTab] = useState20("browse");
-  return /* @__PURE__ */ jsxs54(View61, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx95(View61, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs54(View61, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx95(View61, { className: "flex-[3]", children: browseSlot }),
-      /* @__PURE__ */ jsx95(View61, { className: "flex-[2] border-l border-border", children: cartSlot })
-    ] }) : /* @__PURE__ */ jsxs54(Fragment8, { children: [
-      /* @__PURE__ */ jsxs54(View61, { className: "flex-row border-b border-border", children: [
-        /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs55(View61, { className: cn80("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx96(View61, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs55(View61, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx96(View61, { className: "flex-[3]", children: browseSlot }),
+      /* @__PURE__ */ jsx96(View61, { className: "flex-[2] border-l border-border", children: cartSlot })
+    ] }) : /* @__PURE__ */ jsxs55(Fragment9, { children: [
+      /* @__PURE__ */ jsxs55(View61, { className: "flex-row border-b border-border", children: [
+        /* @__PURE__ */ jsx96(
           Pressable30,
           {
             onPress: () => setActiveTab("browse"),
             className: cn80("flex-1 py-3", activeTab === "browse" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx95(Text40, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
+            children: /* @__PURE__ */ jsx96(Text40, { className: cn80("text-center text-sm font-semibold", activeTab === "browse" ? "text-primary" : "text-muted-foreground"), children: "Browse" })
           }
         ),
-        /* @__PURE__ */ jsx95(
+        /* @__PURE__ */ jsx96(
           Pressable30,
           {
             onPress: () => setActiveTab("cart"),
             className: cn80("flex-1 py-3", activeTab === "cart" && "border-b-2 border-primary"),
-            children: /* @__PURE__ */ jsx95(Text40, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
+            children: /* @__PURE__ */ jsx96(Text40, { className: cn80("text-center text-sm font-semibold", activeTab === "cart" ? "text-primary" : "text-muted-foreground"), children: "Cart" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx95(View61, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
+      /* @__PURE__ */ jsx96(View61, { className: "flex-1", children: activeTab === "browse" ? browseSlot : cartSlot })
     ] })
   ] });
 }
@@ -4650,7 +4661,7 @@ function POSLayout({
 // src/layout/checkout-layout.tsx
 import { ScrollView as ScrollView14, View as View62, useWindowDimensions as useWindowDimensions4 } from "react-native";
 import { cn as cn81 } from "@tallyui/theme";
-import { jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
 function CheckoutLayout({
   summarySlot,
   paymentSlot,
@@ -4662,12 +4673,12 @@ function CheckoutLayout({
 }) {
   const { width } = useWindowDimensions4();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
-  return /* @__PURE__ */ jsxs55(View62, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx96(View62, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs55(View62, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx96(View62, { className: "flex-1 border-r border-border", children: summarySlot }),
-      /* @__PURE__ */ jsx96(View62, { className: "flex-1", children: paymentSlot })
-    ] }) : /* @__PURE__ */ jsx96(ScrollView14, { className: "flex-1", children: /* @__PURE__ */ jsxs55(View62, { className: "gap-4 p-4", children: [
+  return /* @__PURE__ */ jsxs56(View62, { className: cn81("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx97(View62, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs56(View62, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx97(View62, { className: "flex-1 border-r border-border", children: summarySlot }),
+      /* @__PURE__ */ jsx97(View62, { className: "flex-1", children: paymentSlot })
+    ] }) : /* @__PURE__ */ jsx97(ScrollView14, { className: "flex-1", children: /* @__PURE__ */ jsxs56(View62, { className: "gap-4 p-4", children: [
       summarySlot,
       paymentSlot
     ] }) })
@@ -4678,7 +4689,7 @@ function CheckoutLayout({
 import { useState as useState21 } from "react";
 import { Pressable as Pressable31, Text as Text41, View as View63, useWindowDimensions as useWindowDimensions5 } from "react-native";
 import { cn as cn82 } from "@tallyui/theme";
-import { jsx as jsx97, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
 function SettingsLayout({
   navSlot,
   contentSlot,
@@ -4691,16 +4702,16 @@ function SettingsLayout({
   const { width } = useWindowDimensions5();
   const layout = layoutProp ?? (width >= breakpoint ? "split" : "stacked");
   const [showNav, setShowNav] = useState21(false);
-  return /* @__PURE__ */ jsxs56(View63, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
-    headerSlot && /* @__PURE__ */ jsx97(View63, { className: "border-b border-border", children: headerSlot }),
-    layout === "split" ? /* @__PURE__ */ jsxs56(View63, { className: "flex-1 flex-row", children: [
-      /* @__PURE__ */ jsx97(View63, { className: "w-64 border-r border-border", children: navSlot }),
-      /* @__PURE__ */ jsx97(View63, { className: "flex-1", children: contentSlot })
-    ] }) : /* @__PURE__ */ jsx97(View63, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs56(View63, { className: "flex-1", children: [
+  return /* @__PURE__ */ jsxs57(View63, { className: cn82("flex-1 bg-bg", className), ...viewProps, children: [
+    headerSlot && /* @__PURE__ */ jsx98(View63, { className: "border-b border-border", children: headerSlot }),
+    layout === "split" ? /* @__PURE__ */ jsxs57(View63, { className: "flex-1 flex-row", children: [
+      /* @__PURE__ */ jsx98(View63, { className: "w-64 border-r border-border", children: navSlot }),
+      /* @__PURE__ */ jsx98(View63, { className: "flex-1", children: contentSlot })
+    ] }) : /* @__PURE__ */ jsx98(View63, { className: "flex-1", children: showNav ? /* @__PURE__ */ jsxs57(View63, { className: "flex-1", children: [
       navSlot,
-      /* @__PURE__ */ jsx97(Pressable31, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx97(Text41, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
-    ] }) : /* @__PURE__ */ jsxs56(View63, { className: "flex-1", children: [
-      /* @__PURE__ */ jsx97(Pressable31, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx97(Text41, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
+      /* @__PURE__ */ jsx98(Pressable31, { onPress: () => setShowNav(false), className: "border-t border-border p-3", children: /* @__PURE__ */ jsx98(Text41, { className: "text-center text-sm font-medium text-primary", children: "Done" }) })
+    ] }) : /* @__PURE__ */ jsxs57(View63, { className: "flex-1", children: [
+      /* @__PURE__ */ jsx98(Pressable31, { onPress: () => setShowNav(true), className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx98(Text41, { className: "text-sm font-medium text-primary", children: "Menu" }) }),
       contentSlot
     ] }) })
   ] });
@@ -4709,7 +4720,7 @@ function SettingsLayout({
 // src/layout/live-tab-screen.tsx
 import { Pressable as Pressable32, Text as Text42, View as View64 } from "react-native";
 import { cn as cn83 } from "@tallyui/theme";
-import { jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
 function LiveTabScreen({
   state,
   onUseHere,
@@ -4726,10 +4737,10 @@ function LiveTabScreen({
   const body = state === "parked" ? parkedBody : blockedBody;
   const buttonLabel = state === "parked" ? useHereLabel : reloadLabel;
   const onPress = state === "parked" ? onUseHere : onReload;
-  return /* @__PURE__ */ jsxs57(View64, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsx98(Text42, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
-    /* @__PURE__ */ jsx98(Text42, { className: "text-center text-sm text-muted-foreground", children: body }),
-    /* @__PURE__ */ jsx98(Pressable32, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx98(Text42, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
+  return /* @__PURE__ */ jsxs58(View64, { className: cn83("flex-1 items-center justify-center gap-4 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsx99(Text42, { className: "text-center text-lg font-bold text-foreground", children: parkedTitle }),
+    /* @__PURE__ */ jsx99(Text42, { className: "text-center text-sm text-muted-foreground", children: body }),
+    /* @__PURE__ */ jsx99(Pressable32, { onPress, className: "items-center rounded-lg bg-primary px-4 py-3", children: /* @__PURE__ */ jsx99(Text42, { className: "text-sm font-semibold text-primary-foreground", children: buttonLabel }) })
   ] });
 }
 
@@ -4737,7 +4748,7 @@ function LiveTabScreen({
 import { useState as useState22 } from "react";
 import { Pressable as Pressable33, Text as Text43, View as View65 } from "react-native";
 import { cn as cn84 } from "@tallyui/theme";
-import { jsx as jsx99, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
 function useSectionSelection(options, initialValue) {
   const preset = options.length === 1 ? options[0].value : options.find((o) => o.value === initialValue)?.value;
   return useState22(preset);
@@ -4786,31 +4797,31 @@ function StoreSettingsChoiceScreen({
     else if (initial?.channel !== void 0) choice.channel = initial.channel;
     onSubmit(choice);
   };
-  return /* @__PURE__ */ jsxs58(View65, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
-    /* @__PURE__ */ jsxs58(View65, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx99(Text43, { className: "text-lg font-bold text-foreground", children: title }),
-      /* @__PURE__ */ jsx99(Text43, { className: "text-sm text-muted-foreground", children: body })
+  return /* @__PURE__ */ jsxs59(View65, { className: cn84("w-full max-w-[560px] flex-1 self-center gap-6 bg-bg p-6", className), ...viewProps, children: [
+    /* @__PURE__ */ jsxs59(View65, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx100(Text43, { className: "text-lg font-bold text-foreground", children: title }),
+      /* @__PURE__ */ jsx100(Text43, { className: "text-sm text-muted-foreground", children: body })
     ] }),
-    showRegions && /* @__PURE__ */ jsx99(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
-    showCountries && /* @__PURE__ */ jsx99(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
-    showChannels && /* @__PURE__ */ jsx99(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
-    /* @__PURE__ */ jsx99(
+    showRegions && /* @__PURE__ */ jsx100(ChoiceSection, { label: regionLabel, options: regionOptions, selected: region, onSelect: setRegion }),
+    showCountries && /* @__PURE__ */ jsx100(ChoiceSection, { label: countryLabel, options: countryOptions, selected: country, onSelect: setCountry }),
+    showChannels && /* @__PURE__ */ jsx100(ChoiceSection, { label: channelLabel, options: channelOptions, selected: channel, onSelect: setChannel }),
+    /* @__PURE__ */ jsx100(
       Pressable33,
       {
         onPress: handleSubmit,
         disabled: !complete,
         className: cn84("items-center rounded-lg bg-primary px-4 py-3", !complete && "opacity-50"),
-        children: /* @__PURE__ */ jsx99(Text43, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
+        children: /* @__PURE__ */ jsx100(Text43, { className: "text-sm font-semibold text-primary-foreground", children: submitLabel })
       }
     )
   ] });
 }
 function ChoiceSection({ label, options, selected, onSelect }) {
-  return /* @__PURE__ */ jsxs58(View65, { className: "gap-1.5", children: [
-    /* @__PURE__ */ jsx99(Text43, { className: "text-xs font-semibold text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx99(View65, { className: "rounded-lg border border-border", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs59(View65, { className: "gap-1.5", children: [
+    /* @__PURE__ */ jsx100(Text43, { className: "text-xs font-semibold text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx100(View65, { className: "rounded-lg border border-border", children: options.map((option, index) => {
       const checked = option.value === selected;
-      return /* @__PURE__ */ jsxs58(
+      return /* @__PURE__ */ jsxs59(
         Pressable33,
         {
           onPress: () => onSelect(option.value),
@@ -4819,8 +4830,8 @@ function ChoiceSection({ label, options, selected, onSelect }) {
           testID: `choice-option-${option.value}`,
           className: cn84("flex-row items-center gap-3 px-4 py-3", index > 0 && "border-t border-border", checked && "bg-primary/10"),
           children: [
-            /* @__PURE__ */ jsx99(View65, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx99(View65, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
-            /* @__PURE__ */ jsx99(Text43, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
+            /* @__PURE__ */ jsx100(View65, { className: "h-4 w-4 items-center justify-center rounded-full border border-primary", children: checked && /* @__PURE__ */ jsx100(View65, { testID: `choice-option-${option.value}-dot`, className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
+            /* @__PURE__ */ jsx100(Text43, { className: cn84("text-sm", checked ? "font-semibold text-primary" : "text-foreground"), children: option.label })
           ]
         },
         option.value
@@ -5021,6 +5032,7 @@ export {
   TooltipContent,
   TooltipTrigger,
   VStack,
+  XIcon,
   avatarVariants,
   badgeTextVariants,
   badgeVariants,