create-expo-stack 2.4.0-next.8829c0c → 2.4.0-next.a38e81a

package/build/templates/packages/expo-router/tabs/app/modal.tsx.ejs

@@ -6,6 +6,9 @@
 <% } else if (props.stylingPackage?.name === "restyle") { %>
   import { Platform } from 'react-native';
   import { Box, Text } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  import { createStyleSheet, useStyles } from 'react-native-unistyles'
+  import { Platform, Text, View } from "react-native";
 <% } else { %>
     import { Platform, StyleSheet, Text, View } from "react-native";
 <% } %>
@@ -14,6 +17,9 @@ import { StatusBar } from "expo-status-bar";
 import EditScreenInfo from "../components/edit-screen-info";
 
 export default function ModalScreen() {
+    <% if (props.stylingPackage?.name === "unistyles") { %>
+      const {styles} = useStyles(stylesheet)
+    <% } %>
     <% if (props.stylingPackage?.name === "nativewind") { %>
         return (
 			<View className={styles.container}>
@@ -61,6 +67,23 @@ export default function ModalScreen() {
 		separator: `h-[1px] my-7 w-4/5 bg-gray-200`,
 		title: `text-xl font-bold`
 	};
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  const stylesheet = createStyleSheet({
+		container: {
+			alignItems: "center",
+			flex: 1,
+			justifyContent: "center"
+		},
+		separator: {
+			height: 1,
+			marginVertical: 30,
+			width: "80%"
+		},
+		title: {
+			fontSize: 20,
+			fontWeight: "bold"
+		}
+	});
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
     const styles = StyleSheet.create({
 		container: {

package/build/templates/packages/expo-router/tabs/components/edit-screen-info.tsx.ejs

@@ -4,11 +4,17 @@
     import { YStack, H4, Paragraph } from "tamagui"
 <% } else if (props.stylingPackage?.name === "restyle") { %>
     import { Box, Text } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+    import { createStyleSheet, useStyles } from 'react-native-unistyles'
+    import { Text, View } from "react-native";
 <% } else { %>
     import { StyleSheet, Text, View } from "react-native";
 <% } %>
 
 export default function EditScreenInfo({ path }: { path: string }) {
+  <% if (props.stylingPackage?.name === "unistyles") { %>
+    const { styles } = useStyles(stylesheet);
+  <% } %>
     <% if (props.stylingPackage?.name === "nativewind") { %>
         return (
             <View>
@@ -84,6 +90,36 @@ export default function EditScreenInfo({ path }: { path: string }) {
     helpLinkText: `text-center`,
     homeScreenFilename: `my-2`,
     };
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+    const stylesheet = createStyleSheet({
+    codeHighlightContainer: {
+        borderRadius: 3,
+        paddingHorizontal: 4
+    },
+    getStartedContainer: {
+        alignItems: "center",
+        marginHorizontal: 50
+    },
+    getStartedText: {
+        fontSize: 17,
+        lineHeight: 24,
+        textAlign: "center"
+    },
+    helpContainer: {
+        alignItems: "center",
+        marginHorizontal: 20,
+        marginTop: 15
+    },
+    helpLink: {
+        paddingVertical: 15
+    },
+    helpLinkText: {
+        textAlign: "center"
+    },
+    homeScreenFilename: {
+        marginVertical: 7
+    }
+    });
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
     const styles = StyleSheet.create({
     codeHighlightContainer: {

package/build/templates/packages/react-navigation/components/edit-screen-info.tsx.ejs

@@ -3,6 +3,9 @@ import React from "react";
   import { Text, View } from "react-native";
 <% } else if (props.stylingPackage?.name === "restyle") { %>
   import { Box, Text } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  import { createStyleSheet, useStyles } from 'react-native-unistyles'
+  import { Text, View } from "react-native";
 <% } else { %>
   import { StyleSheet, Text, View } from "react-native";
 <% } %>
@@ -52,6 +55,32 @@ import React from "react";
       </Box>
     );
   }
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  export default function EditScreenInfo({ path }: { path: string }) {
+    const {styles} = useStyles(stylesheet)
+    return (
+      <View>
+        <View style={styles.getStartedContainer}>
+          <Text
+            style={styles.getStartedText}>
+            Open up the code for this screen:
+          </Text>
+
+          <View
+            style={[styles.codeHighlightContainer, styles.homeScreenFilename]}
+            >
+            <Text>{path}</Text>
+          </View>
+
+          <Text
+            style={styles.getStartedText}
+            >
+            Change any of the text, save the file, and your app will automatically update.
+          </Text>
+        </View>
+      </View>
+    );
+  }
 <% } else { %>
   export default function EditScreenInfo({ path }: { path: string }) {
     return (
@@ -88,6 +117,36 @@ import React from "react";
     helpLink: "py-4",
     helpLinkText: "text-center"
   };
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  const stylesheet = createStyleSheet({
+    codeHighlightContainer: {
+      borderRadius: 3,
+      paddingHorizontal: 4
+    },
+    getStartedContainer: {
+      alignItems: "center",
+      marginHorizontal: 50
+    },
+    getStartedText: {
+      fontSize: 17,
+      lineHeight: 24,
+      textAlign: "center"
+    },
+    helpContainer: {
+      alignItems: "center",
+      marginHorizontal: 20,
+      marginTop: 15
+    },
+    helpLink: {
+      paddingVertical: 15
+    },
+    helpLinkText: {
+      textAlign: "center"
+    },
+    homeScreenFilename: {
+      marginVertical: 7
+    }
+  });
 <% } else if (props.stylingPackage?.name !== "restyle") { %>
   const styles = StyleSheet.create({
     codeHighlightContainer: {

package/build/templates/packages/react-navigation/navigation/index.tsx.ejs

@@ -8,6 +8,9 @@
 		import { Button, Text } from "tamagui";
 	<% } else if (props.stylingPackage?.name === "restyle") { %>
     import { Box, Text, useTheme } from 'theme';
+  <% } else if (props.stylingPackage?.name === "unistyles") { %>
+    import { createStyleSheet, useStyles } from 'react-native-unistyles'
+		import { Text, View } from "react-native";
 	<% } else { %>
 		import { Text, View, StyleSheet } from "react-native";
 	<% } %>
@@ -26,6 +29,11 @@
     <% if (props.stylingPackage?.name === "restyle") { %>
     const { colors } = useTheme();
     <% } %>
+
+    <% if (props.stylingPackage?.name === "unistyles") { %>
+    const { styles } = useStyles(stylesheet)
+    <% } %>
+    
 		return (
 			<NavigationContainer>
 				<Stack.Navigator initialRouteName="Overview">
@@ -90,6 +98,17 @@
 			backButton: "flex-row",
 			backButtonText: "text-blue-500 ml-1"
 		};
+  <% } else if (props.stylingPackage?.name === "unistyles") { %>
+		const stylesheet = createStyleSheet({
+			backButton: {
+				flexDirection: "row",
+				paddingLeft: 20,
+			},
+			backButtonText: {
+				color: "#007AFF",
+				marginLeft: 4
+			}
+		});
 	<% } else if (props.stylingPackage?.name === "stylesheet") { %>
 		const styles = StyleSheet.create({
 			backButton: {

package/build/templates/packages/react-navigation/navigation/tab-navigator.tsx.ejs

@@ -1,7 +1,12 @@
 import FontAwesome from "@expo/vector-icons/FontAwesome";
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { StackScreenProps } from '@react-navigation/stack';
+<% if (props.stylingPackage?.name === "unistyles") {%>
+import { createStyleSheet, useStyles } from 'react-native-unistyles'
+import { Pressable } from "react-native";
+<% } else { %>
 import { Pressable, StyleSheet } from "react-native";
+<% } %>
 
 import { RootStackParamList } from '.';
 import One from "../screens/one";
@@ -13,12 +18,19 @@ function TabBarIcon(props: {
   name: React.ComponentProps<typeof FontAwesome>["name"];
   color: string;
 }) {
+  <% if (props.stylingPackage?.name === "unistyles") {%>
+  const {styles} = useStyles(stylesheet) 
+  <% } %>
   return <FontAwesome size={28} style={styles.tabBarIcon} {...props} />;
 }
 
 type Props = StackScreenProps<RootStackParamList, 'TabNavigator'>;
 
 export default function TabLayout({ navigation }: Props) {
+  <% if (props.stylingPackage?.name === "unistyles") {%>
+  const {styles} = useStyles(stylesheet) 
+  <% } %>
+  
   return (
     <Tab.Navigator
       screenOptions={{
@@ -56,6 +68,16 @@ export default function TabLayout({ navigation }: Props) {
   );
 }
 
+<% if (props.stylingPackage?.name === "unistyles") {%>
+const stylesheet = createStyleSheet({
+  headerRight: {
+    marginRight: 15
+  },
+  tabBarIcon: {
+    marginBottom: -3
+  }
+});
+<% } else { %>
 const styles = StyleSheet.create({
   headerRight: {
     marginRight: 15
@@ -63,4 +85,5 @@ const styles = StyleSheet.create({
   tabBarIcon: {
     marginBottom: -3
   }
-});
+});
+<% } %>

package/build/templates/packages/react-navigation/screens/details.tsx.ejs

@@ -6,6 +6,9 @@ import { RouteProp, useRoute } from "@react-navigation/native";
 	import { Container, Main, Subtitle, Title } from "../../tamagui.config";
 <% } else if (props.stylingPackage?.name === "restyle") { %>
 	import { Box, Text } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  import { createStyleSheet, useStyles } from 'react-native-unistyles'
+	import { View, Text } from "react-native";
 <% } else { %>
 	import { View, StyleSheet, Text } from "react-native";
 <% } %>
@@ -45,6 +48,16 @@ export default function Details() {
           </Text>
         </Box>
       </Box>
+    );
+  <% } else if (props.stylingPackage?.name === "unistyles") { %>
+    const {styles} = useStyles(stylesheet)
+    return (
+      <View style={styles.container}>
+        <View style={styles.main}>
+          <Text style={styles.title}>Details</Text>
+          <Text style={styles.subtitle}>Showing details for user {router.params.name}.</Text>
+        </View>
+      </View>
     );
 	<% } else { %>
 		return (
@@ -65,6 +78,26 @@ export default function Details() {
 		title: "text-[64px] font-bold",
 		subtitle: "text-4xl text-gray-700",
 	};
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+	const stylesheet = createStyleSheet({
+		container: {
+			flex: 1,
+			padding: 24,
+		},
+		main: {
+			flex: 1,
+			maxWidth: 960,
+			marginHorizontal: "auto",
+		},
+		title: {
+			fontSize: 64,
+			fontWeight: "bold",
+		},
+		subtitle: {
+			fontSize: 36,
+			color: "#38434D",
+		},
+	});
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
 	const styles = StyleSheet.create({
 		container: {

package/build/templates/packages/react-navigation/screens/modal.tsx.ejs

@@ -6,6 +6,9 @@
 <% } else if (props.stylingPackage?.name === "restyle") { %>
     import { Platform } from 'react-native';
     import { Box, Text, makeStyles } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  import { createStyleSheet, useStyles } from 'react-native-unistyles'
+  import { Platform, Text, View } from "react-native";
 <% } else { %>
   	import { Platform, StyleSheet, Text, View } from "react-native";
 <% } %>
@@ -45,6 +48,16 @@ export default function Modal() {
         <EditScreenInfo path="src/screens/modal.tsx" />
       </Box>
     );
+  <% } else if (props.stylingPackage?.name === "unistyles") { %>
+    const {styles} = useStyles(stylesheet)
+    return (
+			<View style={styles.container}>
+				<StatusBar style={Platform.OS === "ios" ? "light" : "auto"} />
+				<Text style={styles.title}>Modal</Text>
+				<View style={styles.separator} />
+				<EditScreenInfo path="src/screens/modal.tsx" />
+			</View>
+		);
 	<% } else { %>
 		return (
 			<View style={styles.container}>
@@ -73,6 +86,25 @@ export default function Modal() {
       width: '80%',
     },
   }));
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  const stylesheet = createStyleSheet({
+		container: {
+			alignItems: "center",
+			flex: 1,
+			justifyContent: "center"
+		},
+		separator: {
+			backgroundColor: "gray",
+			height: 1,
+			marginVertical: 30,
+			opacity: 0.25,
+			width: "80%",
+		},
+		title: {
+			fontSize: 20,
+			fontWeight: "bold"
+		}
+	});
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
   	const styles = StyleSheet.create({
 		container: {

package/build/templates/packages/react-navigation/screens/one.tsx.ejs

@@ -4,6 +4,9 @@
   	import { YStack, H2, Separator, Theme } from "tamagui";
 <% } else if (props.stylingPackage?.name === "restyle") { %>
     import { Box, Text, makeStyles } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  	import { createStyleSheet, useStyles } from 'react-native-unistyles'
+    import { Text, View } from "react-native";
 <% } else { %>
   	import { StyleSheet, Text, View } from "react-native";
 <% } %>
@@ -39,6 +42,15 @@ export default function TabOneScreen() {
         <EditScreenInfo path="src/screens/one.tsx" />
       </Box>
     );   
+  <% } else if (props.stylingPackage?.name === "unistyles") { %>
+    const { styles } = useStyles(stylesheet)
+		return (
+			<View style={styles.container}>
+				<Text style={styles.title}>Tab One</Text>
+				<View style={styles.separator} />
+				<EditScreenInfo path="src/screens/one.tsx" />
+			</View>
+		);
 	<% } else { %>
 		return (
 			<View style={styles.container}>
@@ -66,6 +78,25 @@ export default function TabOneScreen() {
         width: '80%',
       },
     }));
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  	const stylesheet = createStyleSheet({
+		container: {
+			alignItems: "center",
+			flex: 1,
+			justifyContent: "center",
+		},
+		separator: {
+			backgroundColor: "gray",
+			height: 1,
+			marginVertical: 30,
+			opacity: 0.25,
+			width: "80%",
+		},
+		title: {
+			fontSize: 20,
+			fontWeight: "bold",
+		}
+	});
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
   	const styles = StyleSheet.create({
 		container: {

package/build/templates/packages/react-navigation/screens/overview.tsx.ejs

@@ -8,6 +8,9 @@ import { StackNavigationProp } from "@react-navigation/stack";
 <% } else if (props.stylingPackage?.name === "restyle") { %>
   import { TouchableOpacity } from 'react-native';
   import { Box, Text, makeStyles } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  import { createStyleSheet, useStyles } from 'react-native-unistyles'
+	import { Text, TouchableOpacity, View } from "react-native";
 <% } else { %>
 	import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
 <% } %>
@@ -16,7 +19,6 @@ import { RootStackParamList } from "../navigation";
 type OverviewScreenNavigationProps = StackNavigationProp<RootStackParamList, "Overview">;
 
 export default function Overview() {
-  const styles = useStyles();
 	const navigation = useNavigation<OverviewScreenNavigationProps>();
   	<% if (props.stylingPackage?.name === "nativewind") { %>
 		return (
@@ -47,6 +49,7 @@ export default function Overview() {
 			</Container>
 		);
 	<% } else if (props.stylingPackage?.name === "restyle") { %>
+    const styles = useStyles();
     return (
       <Box flex={1} padding="ml_24">
         <Box flex={1} maxWidth={960} justifyContent="space-between">
@@ -66,7 +69,22 @@ export default function Overview() {
         </Box>
       </Box>
     );
-	<% } else { %>
+	<% } else if (props.stylingPackage?.name === "unistyles") { %>
+    const {styles} = useStyles(stylesheet)
+		return (
+			<View style={styles.container}>
+				<View style={styles.main}>
+					<View>
+						<Text style={styles.title}>Hello World</Text>
+						<Text style={styles.subtitle}>This is the first page of your app.</Text>
+					</View>
+					<TouchableOpacity style={styles.button} onPress={() => navigation.navigate("Details", { name: "Dan" })}>
+						<Text style={styles.buttonText}>Show Details</Text>
+					</TouchableOpacity>
+				</View>
+			</View>
+		);
+  <% } else { %>
 		return (
 			<View style={styles.container}>
 				<View style={styles.main}>
@@ -111,6 +129,49 @@ export default function Overview() {
       shadowRadius: 3.84,
     },
   }));
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  const stylesheet = createStyleSheet({
+		button: {
+			alignItems: "center",
+			backgroundColor: "#6366F1",
+			borderRadius: 24,
+			elevation: 5,
+			flexDirection: "row",
+			justifyContent: "center",
+			padding: 16,
+			shadowColor: "#000",
+			shadowOffset: {
+			height: 2,
+			width: 0
+			},
+			shadowOpacity: 0.25,
+			shadowRadius: 3.84
+		},
+		buttonText: {
+			color: "#FFFFFF",
+			fontSize: 16,
+			fontWeight: "600",
+			textAlign: "center",
+		},
+		container: {
+			flex: 1,
+			padding: 24,
+		},
+		main: {
+			flex: 1,
+			maxWidth: 960,
+			marginHorizontal: "auto",
+			justifyContent: "space-between",
+		},
+		title: {
+			fontSize: 64,
+			fontWeight: "bold",
+		},
+		subtitle: {
+			color: "#38434D",
+			fontSize: 36,
+		}
+	});
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
 	const styles = StyleSheet.create({
 		button: {

package/build/templates/packages/react-navigation/screens/two.tsx.ejs

@@ -4,6 +4,9 @@
   	import { YStack, H2, Separator, Theme } from "tamagui";
 <% } else if (props.stylingPackage?.name === "restyle") { %>
     import { Box, Text, makeStyles } from 'theme';
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+    import { createStyleSheet, useStyles } from 'react-native-unistyles'
+  	import { Text, View } from "react-native";
 <% } else { %>
   	import { StyleSheet, Text, View } from "react-native";
 <% } %>
@@ -29,6 +32,15 @@ export default function TabTwoScreen() {
 				</YStack>
 			</Theme>
 		);    
+  <% } else if (props.stylingPackage?.name === "unistyles") { %>
+    const { styles } = useStyles(stylesheet)
+		return (
+			<View style={styles.container}>
+				<Text style={styles.title}>Tab Two</Text>
+				<View style={styles.separator} />
+				<EditScreenInfo path="src/screens/two.tsx" />
+			</View>
+		);
 	<% } else if (props.stylingPackage?.name === "restyle") { %>
     const styles = useStyles();
 
@@ -66,6 +78,25 @@ export default function TabTwoScreen() {
         width: '80%',
       },
     }));
+<% } else if (props.stylingPackage?.name === "unistyles") { %>
+  	const stylesheet = createStyleSheet({
+		container: {
+			alignItems: "center",
+			flex: 1,
+			justifyContent: "center",
+		},
+		separator: {
+			backgroundColor: "gray",
+			height: 1,
+			marginVertical: 30,
+			opacity: 0.25,
+			width: "80%",
+		},
+		title: {
+			fontSize: 20,
+			fontWeight: "bold",
+		}
+	});
 <% } else if (props.stylingPackage?.name === "stylesheet") { %>
   	const styles = StyleSheet.create({
 		container: {

package/build/templates/packages/unistyles/breakpoints.ts.ejs

@@ -0,0 +1,9 @@
+export const breakpoints = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  superLarge: 2000,
+  tvLike: 4000
+} as const;

package/build/templates/packages/unistyles/theme.ts.ejs

@@ -0,0 +1,26 @@
+export const lightTheme = {
+  colors: {
+    background: '#ffffff',
+    azureRadiance: '#007AFF',
+    limedSpruce: '#38434D',
+    cornflowerBlue: '#6366F1'
+  },
+  margins: {
+    sm: 2,
+    md: 4,
+    lg: 8,
+    xl: 12
+  }
+} as const;
+
+export const darkTheme = {
+  colors: {
+    // define dark theme colors here
+  },
+  margins: {
+    sm: 2,
+    md: 4,
+    lg: 8,
+    xl: 12
+  }
+} as const;

package/build/templates/packages/unistyles/unistyles.ts.ejs

@@ -0,0 +1,28 @@
+import { breakpoints } from './breakpoints';
+import { darkTheme, lightTheme } from './theme';
+import { UnistylesRegistry } from 'react-native-unistyles';
+
+type AppBreakpoints = typeof breakpoints;
+
+// if you defined themes
+type AppThemes = {
+  light: typeof lightTheme;
+  dark: typeof darkTheme;
+};
+
+// override library types
+declare module 'react-native-unistyles' {
+  export interface UnistylesBreakpoints extends AppBreakpoints {}
+  export interface UnistylesThemes extends AppThemes {}
+}
+
+UnistylesRegistry.addBreakpoints(breakpoints)
+  .addThemes({
+    light: lightTheme,
+    dark: darkTheme
+    // register other themes with unique names
+  })
+  .addConfig({
+    // you can pass here optional config described below
+    adaptiveThemes: true
+  });

package/build/types/types.d.ts

@@ -5,7 +5,7 @@ export interface CliFlags {
     importAlias: string | boolean;
     packageManager: PackageManager;
 }
-export declare const availablePackages: readonly ["@react-navigation/drawer", "expo-router", "expoRouter", "firebase", "nativewind", "react-navigation", "reactNavigation", "react-native-gesture-handler", "react-native-reanimated", "reactnavigation", "stylesheet", "supabase", "tamagui", "restyle"];
+export declare const availablePackages: readonly ["@react-navigation/drawer", "expo-router", "expoRouter", "firebase", "nativewind", "react-navigation", "reactNavigation", "react-native-gesture-handler", "react-native-reanimated", "reactnavigation", "stylesheet", "supabase", "tamagui", "restyle", "unistyles"];
 export type NavigationTypes = 'stack' | 'tabs' | 'drawer' | undefined;
 export type PackageManager = 'yarn' | 'npm' | 'pnpm' | 'bun';
 export type AvailablePackages = {

package/build/types/utilities/printOutput.d.ts

@@ -1,3 +1,3 @@
 import { Toolbox } from 'gluegun/build/types/domain/toolbox';
-import { CliResults } from '../types';
-export declare function printOutput(cliResults: CliResults, formattedFiles: any[], toolbox: Toolbox): Promise<void>;
+import { AvailablePackages, CliResults } from '../types';
+export declare function printOutput(cliResults: CliResults, formattedFiles: any[], toolbox: Toolbox, stylingPackage: AvailablePackages): Promise<void>;

package/build/types.js

@@ -15,6 +15,7 @@ exports.availablePackages = [
     'stylesheet',
     'supabase',
     'tamagui',
-    'restyle'
+    'restyle',
+    'unistyles'
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBU2EsUUFBQSxpQkFBaUIsR0FBRztJQUMvQiwwQkFBMEI7SUFDMUIsYUFBYTtJQUNiLFlBQVk7SUFDWixVQUFVO0lBQ1YsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsOEJBQThCO0lBQzlCLHlCQUF5QjtJQUN6QixpQkFBaUI7SUFDakIsWUFBWTtJQUNaLFVBQVU7SUFDVixTQUFTO0lBQ1QsU0FBUztDQUNELENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBU2EsUUFBQSxpQkFBaUIsR0FBRztJQUMvQiwwQkFBMEI7SUFDMUIsYUFBYTtJQUNiLFlBQVk7SUFDWixVQUFVO0lBQ1YsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsOEJBQThCO0lBQzlCLHlCQUF5QjtJQUN6QixpQkFBaUI7SUFDakIsWUFBWTtJQUNaLFVBQVU7SUFDVixTQUFTO0lBQ1QsU0FBUztJQUNULFdBQVc7Q0FDSCxDQUFDIn0=