@tallyui/components 3.0.0 → 3.0.1

package/package.json

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

package/src/register/register-panel.tsx

@@ -4,7 +4,9 @@ import type { MovementType, useRegisterSession } from '@tallyui/pos';
 
 import { formatMoney } from '@tallyui/core';
 import { Button } from '../ui/button';
-import { Dialog, DialogContent, DialogTitle } from '../ui/dialog';
+import { Dialog, DialogClose, DialogContent, DialogTitle } from '../ui/dialog';
+import { IconButton } from '../ui/icon-button';
+import { XIcon } from '../ui/icon/x-icon';
 import { Text } from '../ui/text';
 import { MovementSheet } from './movement-sheet';
 
@@ -64,7 +66,14 @@ export function RegisterPanel({ register, currency, registerName, open, onOpenCh
       >
         {/* The heading stays visible; a phone-height viewport must never push it under the page
             header (the Front desk review, 2026-09-28) — only the body below it scrolls. */}
-        <DialogTitle testID="register-panel-amount">{registerName ?? 'Register'}</DialogTitle>
+        <View className="flex-row items-center justify-between gap-2">
+          <DialogTitle testID="register-panel-amount">{registerName ?? 'Register'}</DialogTitle>
+          <DialogClose asChild>
+            <IconButton variant="ghost" size="sm" testID="register-panel-dismiss" accessibilityLabel="Close panel">
+              <XIcon size={16} />
+            </IconButton>
+          </DialogClose>
+        </View>
         <Text testID="register-panel-sales-count">{salesCount} sale{salesCount === 1 ? '' : 's'} this session</Text>
         <ScrollView testID="register-panel-body" className="flex-1" contentContainerClassName="gap-3">
           <View className="flex-row gap-2">

package/src/ui/icon/x-icon.tsx

@@ -0,0 +1,9 @@
+import { Line } from 'react-native-svg';
+import { createSvgIcon } from './svg-icon';
+
+export const XIcon = createSvgIcon('XIcon', () => (
+  <>
+    <Line x1={18} y1={6} x2={6} y2={18} />
+    <Line x1={6} y1={6} x2={18} y2={18} />
+  </>
+));

package/src/ui/index.ts

@@ -7,6 +7,7 @@ export { VStack, vstackVariants, type VStackProps } from './vstack';
 export { Icon, iconVariants, type IconProps } from './icon';
 export { createSvgIcon, type SvgIconProps } from './icon/svg-icon';
 export { SearchIcon } from './icon/search-icon';
+export { XIcon } from './icon/x-icon';
 export { Loader, loaderVariants, type LoaderProps } from './loader';
 export { Badge, badgeVariants, badgeTextVariants, type BadgeProps } from './badge';
 export { Avatar, avatarVariants, type AvatarProps } from './avatar';