Refine admin PWA dark theme controls

resources/js/admin/mobile/components/__tests__/UserMenuSheet.test.tsx

@@ -17,8 +17,6 @@ vi.mock('@tamagui/react-native-web-lite', () => ({
 vi.mock('tamagui', () => {
   const Stack = ({ children, ...props }: { children: React.ReactNode }) => <div {...props}>{children}</div>;
   const Text = ({ children, ...props }: { children: React.ReactNode }) => <span {...props}>{children}</span>;
-  const Switch = ({ children }: { children?: React.ReactNode }) => <div>{children}</div>;
-  Switch.Thumb = () => <div />;
 
   const ListItem = ({ title, iconAfter, ...props }: { title?: React.ReactNode; iconAfter?: React.ReactNode }) => (
     <div {...props}>
@@ -36,11 +34,16 @@ vi.mock('tamagui', () => {
     SizableText: Text,
     ListItem,
     YGroup,
-    Switch,
     Separator: ({ children }: { children?: React.ReactNode }) => <div>{children}</div>,
   };
 });
 
+vi.mock('@tamagui/toggle-group', () => ({
+  ToggleGroup: Object.assign(({ children }: { children: React.ReactNode }) => <div>{children}</div>, {
+    Item: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  }),
+}));
+
 vi.mock('../FormControls', () => ({
   MobileSelect: ({ children }: { children: React.ReactNode }) => <select>{children}</select>,
 }));
@@ -66,6 +69,7 @@ vi.mock('../../theme', () => ({
     glassShadow: 'rgba(15,23,42,0.14)',
     shadow: 'rgba(0,0,0,0.12)',
   }),
+  withAlpha: (value: string) => value,
 }));
 
 import { UserMenuSheet } from '../UserMenuSheet';