From 1de1399105bb6732ff2f40fe23bc723e6d8719df Mon Sep 17 00:00:00 2001
From: frankcalise <frankcalise@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:59:12 +0000
Subject: [PATCH] deploy: 1d3b530c18be2ff527ddc9a8baee3843c4fa6c58

---
 404.html                                                  | 4 ++--
 assets/js/cc1d3934.9b731d24.js                            | 1 -
 assets/js/cc1d3934.bc103179.js                            | 1 +
 assets/js/main.389a2d66.js                                | 2 --
 assets/js/main.4c2ab01e.js                                | 2 ++
 ...9a2d66.js.LICENSE.txt => main.4c2ab01e.js.LICENSE.txt} | 0
 ...{runtime~main.ba822ad9.js => runtime~main.2e3ddb3d.js} | 2 +-
 docs/archive/PristineExpoProject/index.html               | 4 ++--
 docs/archive/index.html                                   | 4 ++--
 docs/intro/index.html                                     | 4 ++--
 docs/recipes/AccessibilityFontSizes/index.html            | 4 ++--
 docs/recipes/CircleCIRNSetup/index.html                   | 4 ++--
 .../CreatingGreateExperienceForScreenReaders/index.html   | 4 ++--
 docs/recipes/DetoxIntro/index.html                        | 4 ++--
 docs/recipes/DistributingAuthTokenToAPI/index.html        | 4 ++--
 docs/recipes/EASUpdate/index.html                         | 4 ++--
 docs/recipes/EnforcingImportOrder/index.html              | 4 ++--
 docs/recipes/EnvironmentVariables/index.html              | 4 ++--
 docs/recipes/ExpoRouter/index.html                        | 4 ++--
 docs/recipes/GeneratorComponentTests/index.html           | 4 ++--
 docs/recipes/MaestroSetup/index.html                      | 4 ++--
 docs/recipes/MigratingToMMKV/index.html                   | 4 ++--
 docs/recipes/PatchingBuildingAndroid/index.html           | 4 ++--
 docs/recipes/PrepForEASBuild/index.html                   | 4 ++--
 docs/recipes/ReactNativeVisionCamera/index.html           | 8 ++++----
 docs/recipes/Redux/index.html                             | 4 ++--
 docs/recipes/RemoveMobxStateTree/index.html               | 4 ++--
 docs/recipes/RequiringHardwareFeaturesWithExpo/index.html | 4 ++--
 docs/recipes/SampleYAMLCircleCI/index.html                | 4 ++--
 docs/recipes/SelectFieldWithBottomSheet/index.html        | 4 ++--
 docs/recipes/SwitchBetweenExpoGoCNG/index.html            | 4 ++--
 docs/recipes/TypeScriptBaseURL/index.html                 | 4 ++--
 docs/recipes/UnrenderedItemInScrollView/index.html        | 4 ++--
 docs/recipes/UpdatingDependencies/index.html              | 4 ++--
 docs/recipes/UpdatingIgnite/index.html                    | 4 ++--
 docs/recipes/UsingScreenReaders/index.html                | 4 ++--
 docs/recipes/Zustand/index.html                           | 4 ++--
 docs/tags/accessibility/index.html                        | 4 ++--
 docs/tags/android/index.html                              | 4 ++--
 docs/tags/apisauce/index.html                             | 4 ++--
 docs/tags/archive/index.html                              | 4 ++--
 docs/tags/async-storage/index.html                        | 4 ++--
 docs/tags/authentication/index.html                       | 4 ++--
 docs/tags/babel/index.html                                | 4 ++--
 docs/tags/ci-cd/index.html                                | 4 ++--
 docs/tags/cng/index.html                                  | 4 ++--
 docs/tags/debug/index.html                                | 4 ++--
 docs/tags/dependencies/index.html                         | 4 ++--
 docs/tags/eas-update/index.html                           | 4 ++--
 docs/tags/eas/index.html                                  | 4 ++--
 docs/tags/environment-variables/index.html                | 4 ++--
 docs/tags/expo-dev-client/index.html                      | 4 ++--
 docs/tags/expo-router/index.html                          | 4 ++--
 docs/tags/expo-updates/index.html                         | 4 ++--
 docs/tags/expo/index.html                                 | 4 ++--
 docs/tags/flat-list/index.html                            | 4 ++--
 docs/tags/generator/index.html                            | 4 ++--
 docs/tags/guide/index.html                                | 4 ++--
 docs/tags/hardware/index.html                             | 4 ++--
 docs/tags/i-os/index.html                                 | 4 ++--
 docs/tags/imports/index.html                              | 4 ++--
 docs/tags/index.html                                      | 4 ++--
 docs/tags/intro/index.html                                | 4 ++--
 docs/tags/maestro/index.html                              | 4 ++--
 docs/tags/mmkv/index.html                                 | 4 ++--
 docs/tags/mob-x/index.html                                | 4 ++--
 docs/tags/prebuild/index.html                             | 4 ++--
 docs/tags/prettier/index.html                             | 4 ++--
 docs/tags/react-native-vision-camera/index.html           | 4 ++--
 docs/tags/react-navigation/index.html                     | 4 ++--
 docs/tags/redux/index.html                                | 4 ++--
 docs/tags/scroll-to/index.html                            | 4 ++--
 docs/tags/section-list/index.html                         | 4 ++--
 docs/tags/select-field/index.html                         | 4 ++--
 docs/tags/state-management/index.html                     | 4 ++--
 docs/tags/testing/index.html                              | 4 ++--
 docs/tags/text-field/index.html                           | 4 ++--
 docs/tags/type-script/index.html                          | 4 ++--
 docs/tags/ui-required-device-capabilities/index.html      | 4 ++--
 docs/tags/ui/index.html                                   | 4 ++--
 docs/tags/uses-feature/index.html                         | 4 ++--
 docs/tags/vision-camera/index.html                        | 4 ++--
 docs/tags/yarn/index.html                                 | 4 ++--
 docs/tags/zustand/index.html                              | 4 ++--
 index.html                                                | 6 +++---
 search/index.html                                         | 4 ++--
 86 files changed, 167 insertions(+), 167 deletions(-)
 delete mode 100644 assets/js/cc1d3934.9b731d24.js
 create mode 100644 assets/js/cc1d3934.bc103179.js
 delete mode 100644 assets/js/main.389a2d66.js
 create mode 100644 assets/js/main.4c2ab01e.js
 rename assets/js/{main.389a2d66.js.LICENSE.txt => main.4c2ab01e.js.LICENSE.txt} (100%)
 rename assets/js/{runtime~main.ba822ad9.js => runtime~main.2e3ddb3d.js} (99%)

diff --git a/404.html b/404.html
index 63126099..5d2cd3f8 100644
--- a/404.html
+++ b/404.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/assets/js/cc1d3934.9b731d24.js b/assets/js/cc1d3934.9b731d24.js
deleted file mode 100644
index b3422875..00000000
--- a/assets/js/cc1d3934.9b731d24.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[8500],{5220:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>a,metadata:()=>r,toc:()=>l});var o=t(7624),i=t(2172);const a={title:"React Native Vision Camera",description:"How to integrate VisionCamera in Ignite v9+",tags:["Expo","VisionCamera","react-native-vision-camera"],last_update:{author:"Frank Calise"},publish_date:new Date("2023-10-23T00:00:00.000Z")},s="VisionCamera",r={id:"recipes/ReactNativeVisionCamera",title:"React Native Vision Camera",description:"How to integrate VisionCamera in Ignite v9+",source:"@site/docs/recipes/ReactNativeVisionCamera.md",sourceDirName:"recipes",slug:"/recipes/ReactNativeVisionCamera",permalink:"/docs/recipes/ReactNativeVisionCamera",draft:!1,unlisted:!1,tags:[{label:"Expo",permalink:"/docs/tags/expo"},{label:"VisionCamera",permalink:"/docs/tags/vision-camera"},{label:"react-native-vision-camera",permalink:"/docs/tags/react-native-vision-camera"}],version:"current",lastUpdatedBy:"Frank Calise",lastUpdatedAt:1708554035,formattedLastUpdatedAt:"Feb 21, 2024",frontMatter:{title:"React Native Vision Camera",description:"How to integrate VisionCamera in Ignite v9+",tags:["Expo","VisionCamera","react-native-vision-camera"],last_update:{author:"Frank Calise"},publish_date:"2023-10-23T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Prepping Ignite for EAS Build",permalink:"/docs/recipes/PrepForEASBuild"},next:{title:"Redux",permalink:"/docs/recipes/Redux"}},c={},l=[{value:"Overview",id:"overview",level:2},{value:"Installation",id:"installation",level:2},{value:"Permissions",id:"permissions",level:2},{value:"Codes Store &amp; Screen",id:"codes-store--screen",level:2},{value:"Displaying the Camera",id:"displaying-the-camera",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...(0,i.M)(),...e.components},{Details:t}=n;return t||function(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.h1,{id:"visioncamera",children:"VisionCamera"}),"\n",(0,o.jsx)(n.h2,{id:"overview",children:"Overview"}),"\n",(0,o.jsx)(n.p,{children:"VisionCamera is a powerful, high-performance React Native Camera library. It's both feature-rich and flexible! The library provides the necessary hooks and functions to easily integrate camera functionality in your app."}),"\n",(0,o.jsx)(n.p,{children:"In this example, we'll take a look at wiring up a barcode scanner. This tutorial is written for the Ignite v9 Prebuild workflow, however it generally still applies to DIY or even a bare react-native project."}),"\n",(0,o.jsx)(n.h2,{id:"installation",children:"Installation"}),"\n",(0,o.jsx)(n.p,{children:"If you haven't already, spin up a new Ignite application:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx ignite-cli@latest new PizzaApp --remove-demo --workflow=prebuild --yes\ncd PizzaApp\n"})}),"\n",(0,o.jsxs)(n.p,{children:["Next, let's install the necessary dependencies. You can see complete installation instructions for ",(0,o.jsx)(n.code,{children:"react-native-vision-camera"})," ",(0,o.jsx)(n.a,{href:"https://react-native-vision-camera.com/docs/guides",children:"here"}),"."]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx expo install react-native-vision-camera\n"})}),"\n",(0,o.jsxs)(n.p,{children:["Add the plugin to ",(0,o.jsx)(n.code,{children:"app.json"})," as per the documentation. It'll look like the following if you have the default Ignite template:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-json",children:'"plugins": [\n  "expo-localization",\n  [\n    "expo-build-properties",\n    {\n      "ios": {\n        "newArchEnabled": false\n      },\n      "android": {\n        "newArchEnabled": false\n      }\n    }\n  ],\n  [\n    "react-native-vision-camera",\n    {\n      "cameraPermissionText": "$(PRODUCT_NAME) needs access to your Camera.",\n      "enableCodeScanner": true\n    }\n  ]\n],\n'})}),"\n",(0,o.jsxs)(n.blockquote,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Note:"})," ",(0,o.jsx)(n.code,{children:"$(PRODUCT_NAME)"})," comes from the iOS project build configuration, this will be populated with the app name at runtime as long as it's configured properly (in this case, it is in the Ignite boilerplate)"]}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"To get this native dependency working in our project, we'll need to run prebuild so Expo can execute the proper native code changes for us. Then we can boot up the app on a device."}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx expo prebuild\nyarn android\n"})}),"\n",(0,o.jsx)(n.p,{children:"Since the simulators do not offer a good way of testing the camera for this recipe, we'll be creating an Android build to test on an actual device. This is for convenience, as it's a bit easier to achieve than running on an iOS device, however both would work."}),"\n",(0,o.jsx)(n.h2,{id:"permissions",children:"Permissions"}),"\n",(0,o.jsx)(n.p,{children:"Before we can get to using the camera on the device, we must get permission from the user to do so. Let's edit the Welcome screen in Ignite to reflect the current permission status and a way to prompt the user."}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-tsx",children:'import { observer } from "mobx-react-lite";\nimport React, { FC } from "react";\nimport { AppStackScreenProps } from "../navigators";\nimport { Camera, CameraPermissionStatus } from "react-native-vision-camera";\nimport { Linking, View, ViewStyle } from "react-native";\nimport { Button, Screen, Text } from "app/components";\n\ninterface WelcomeScreenProps extends AppStackScreenProps<"Welcome"> {}\n\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\n  function WelcomeScreen(_props) {\n    const [cameraPermission, setCameraPermission] =\n      React.useState<CameraPermissionStatus>();\n\n    React.useEffect(() => {\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n    }, []);\n\n    const promptForCameraPermissions = React.useCallback(async () => {\n      const permission = await Camera.requestCameraPermission();\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n\n      if (permission === "denied") await Linking.openSettings();\n    }, [cameraPermission]);\n\n    if (cameraPermission == null) {\n      // still loading\n      return null;\n    }\n\n    return (\n      <Screen contentContainerStyle={$container}>\n        <View>\n          <Text>\n            Camera Permission:{" "}\n            {cameraPermission === null ? "Loading..." : cameraPermission}\n          </Text>\n          {cameraPermission !== "granted" && (\n            <Button\n              onPress={promptForCameraPermissions}\n              text="Request Camera Permission"\n            />\n          )}\n        </View>\n      </Screen>\n    );\n  }\n);\n\nconst $container: ViewStyle = {\n  flex: 1,\n  padding: 20,\n  justifyContent: "space-evenly",\n};\n'})}),"\n",(0,o.jsxs)(t,{children:[(0,o.jsx)("summary",{children:"Demo Preview"}),(0,o.jsx)("img",{src:"https://github.com/frankcalise/CookbookVisionCamera/assets/374022/cbbae841-3b45-44ee-87dd-5bca69b5980b",width:"320",height:"240"})]}),"\n",(0,o.jsx)(n.h2,{id:"codes-store--screen",children:"Codes Store & Screen"}),"\n",(0,o.jsx)(n.p,{children:"Before we get to displaying the camera for scanning, let's quickly set up a new store in MST for keeping our list of codes and a screen to view them. Generate the commands using the Ignite CLI:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx ignite-cli@next g model CodeStore\nnpx ignite-cli@next g screen Codes\n"})}),"\n",(0,o.jsxs)(n.p,{children:["If you're not familiar with generators, head on over to the ",(0,o.jsx)(n.a,{href:"https://docs.infinite.red/ignite/concept/generators",children:"Ignite Generators"})," documentation to learn more!"]}),"\n",(0,o.jsxs)(n.p,{children:["Open the generated ",(0,o.jsx)(n.code,{children:"models/CodeStore.ts"}),". Our Code Store will just have a simple string array and an action to add a new code:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-typescript",children:'import { Instance, SnapshotIn, SnapshotOut, types } from "mobx-state-tree";\nimport { withSetPropAction } from "./helpers/withSetPropAction";\n\n/**\n * Model description here for TypeScript hints.\n */\nexport const CodeStoreModel = types\n  .model("CodeStore")\n  .props({\n    codes: types.array(types.string),\n  })\n  .actions(withSetPropAction)\n  .actions((self) => ({\n    addCode(code: string) {\n      self.codes.push(code);\n    },\n  }));\n\nexport interface CodeStore extends Instance<typeof CodeStoreModel> {}\nexport interface CodeStoreSnapshotOut\n  extends SnapshotOut<typeof CodeStoreModel> {}\nexport interface CodeStoreSnapshotIn\n  extends SnapshotIn<typeof CodeStoreModel> {}\nexport const createCodeStoreDefaultModel = () =>\n  types.optional(CodeStoreModel, {});\n'})}),"\n",(0,o.jsxs)(n.p,{children:["Next we'll utilize this store on our ",(0,o.jsx)(n.code,{children:"screens/CodesScreen.tsx"}),". This will just list all of the previously scanned codes and a way to get back to the main screen:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-tsx",children:'import React, { FC } from "react";\nimport { observer } from "mobx-react-lite";\nimport { View, ViewStyle } from "react-native";\nimport { AppStackScreenProps } from "app/navigators";\nimport { Button, Screen, Text } from "app/components";\nimport { useNavigation } from "@react-navigation/native";\nimport { useStores } from "app/models";\nimport { spacing } from "app/theme";\n\ninterface CodesScreenProps extends AppStackScreenProps<"Codes"> {}\n\nexport const CodesScreen: FC<CodesScreenProps> = observer(\n  function CodesScreen() {\n    // Pull in one of our MST stores\n    const { codeStore } = useStores();\n\n    // Pull in navigation via hook\n    const navigation = useNavigation();\n    return (\n      <Screen\n        safeAreaEdges={["top", "bottom"]}\n        style={$root}\n        preset="scroll"\n        contentContainerStyle={$container}\n      >\n        <View>\n          <Text text={`${codeStore.codes.length} codes scanned`} />\n\n          {codeStore.codes.map((code, index) => (\n            <Text key={`code-index-${index}`} text={code} />\n          ))}\n        </View>\n\n        <Button text="Go back" onPress={() => navigation.goBack()} />\n      </Screen>\n    );\n  }\n);\n\nconst $root: ViewStyle = {\n  flex: 1,\n};\n\nconst $container: ViewStyle = {\n  flex: 1,\n  justifyContent: "space-between",\n  paddingHorizontal: spacing.md,\n};\n'})}),"\n",(0,o.jsx)(n.h2,{id:"displaying-the-camera",children:"Displaying the Camera"}),"\n",(0,o.jsxs)(n.p,{children:["We have the dough prepped, we added the sauce - now it's time for the pizza toppings! Back in ",(0,o.jsx)(n.code,{children:"screens/Welcome.tsx"}),", we'll begin adding more of the camera code by adding the ",(0,o.jsx)(n.code,{children:"Camera"})," component and wire it up to the ",(0,o.jsx)(n.code,{children:"useCodeScanner"})," hook, both of which are provided by ",(0,o.jsx)(n.code,{children:"react-native-vision-camera"}),"."]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-tsx",children:'import { observer } from "mobx-react-lite";\nimport React, { FC } from "react";\nimport { AppStackScreenProps } from "../navigators";\n// success-line-start\nimport {\n  Camera,\n  CameraPermissionStatus,\n  useCameraDevice,\n  useCodeScanner,\n} from "react-native-vision-camera";\nimport {\n  Alert,\n  Linking,\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from "react-native";\nimport { Button, Icon, Screen, Text } from "app/components";\nimport { useSafeAreaInsets } from "react-native-safe-area-context";\nimport { useStores } from "app/models";\nimport { spacing } from "app/theme";\n// success-line-end\n\ninterface WelcomeScreenProps extends AppStackScreenProps<"Welcome"> {}\n\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\n  function WelcomeScreen(_props) {\n    const [cameraPermission, setCameraPermission] =\n      React.useState<CameraPermissionStatus>();\n    // success-line-start\n    const [showScanner, setShowScanner] = React.useState(false);\n    const [isActive, setIsActive] = React.useState(false);\n\n    const { codeStore } = useStores();\n    // success-line-end\n\n    React.useEffect(() => {\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n    }, []);\n\n    const promptForCameraPermissions = React.useCallback(async () => {\n      const permission = await Camera.requestCameraPermission();\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n\n      if (permission === "denied") await Linking.openSettings();\n    }, [cameraPermission]);\n\n    // success-line-start\n    const codeScanner = useCodeScanner({\n      codeTypes: ["qr", "ean-13"],\n      onCodeScanned: (codes) => {\n        setIsActive(false);\n\n        codes.every((code) => {\n          if (code.value) {\n            codeStore.addCode(code.value);\n          }\n          return true;\n        });\n\n        setShowScanner(false);\n        Alert.alert("Code scanned!");\n      },\n    });\n\n    const device = useCameraDevice("back");\n\n    const { right, top } = useSafeAreaInsets();\n    // success-line-end\n\n    if (cameraPermission == null) {\n      // still loading\n      return null;\n    }\n\n    // success-line-start\n    if (showScanner && device) {\n      return (\n        <View style={$cameraContainer}>\n          <Camera\n            isActive={isActive}\n            device={device}\n            codeScanner={codeScanner}\n            style={StyleSheet.absoluteFill}\n            photo\n            video\n          />\n          <View\n            style={[\n              $cameraButtons,\n              { right: right + spacing.md, top: top + spacing.md },\n            ]}\n          >\n            <TouchableOpacity\n              style={$closeCamera}\n              onPress={() => setShowScanner(false)}\n            >\n              <Icon icon="x" size={50} />\n            </TouchableOpacity>\n          </View>\n        </View>\n      );\n    }\n    // success-line-end\n\n    return (\n      <Screen contentContainerStyle={$container}>\n        <View>\n          <Text>\n            Camera Permission:{" "}\n            {cameraPermission === null ? "Loading..." : cameraPermission}\n          </Text>\n          {cameraPermission !== "granted" && (\n            <Button\n              onPress={promptForCameraPermissions}\n              text="Request Camera Permission"\n            />\n          )}\n        </View>\n        // success-line-start\n        <View>\n          <Button\n            onPress={() => {\n              setIsActive(true);\n              setShowScanner(true);\n            }}\n            text="Scan Barcodes"\n          />\n        </View>\n        <View>\n          <Button\n            onPress={() => _props.navigation.navigate("Codes")}\n            text={`View Scans (${codeStore.codes.length})`}\n          />\n          // success-line-end\n        </View>\n      </Screen>\n    );\n  }\n);\n\nconst $container: ViewStyle = {\n  flex: 1,\n  padding: 20,\n  justifyContent: "space-evenly",\n};\n\n// success-line-start\nconst $cameraContainer: ViewStyle = {\n  flex: 1,\n};\n\nconst $cameraButtons: ViewStyle = {\n  position: "absolute",\n};\n\nconst $closeCamera: ViewStyle = {\n  marginBottom: spacing.md,\n  width: 100,\n  height: 100,\n  borderRadius: 100 / 2,\n  backgroundColor: "rgba(140, 140, 140, 0.3)",\n  justifyContent: "center",\n  alignItems: "center",\n};\n// success-line-end\n'})}),"\n",(0,o.jsx)(n.p,{children:"And that's everything! Check out the Demo Preview to see it in action."}),"\n",(0,o.jsxs)(t,{children:[(0,o.jsx)("summary",{children:"Demo Preview"}),(0,o.jsx)("video",{width:"320",height:"240",controls:!0,children:(0,o.jsx)("source",{src:"https://github.com/frankcalise/CookbookVisionCamera/assets/374022/93a732bf-f6a4-4a7f-8a65-24e6af101a90",type:"video/mp4"})})]})]})}function p(e={}){const{wrapper:n}={...(0,i.M)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}},2172:(e,n,t)=>{t.d(n,{I:()=>r,M:()=>s});var o=t(1504);const i={},a=o.createContext(i);function s(e){const n=o.useContext(a);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),o.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/cc1d3934.bc103179.js b/assets/js/cc1d3934.bc103179.js
new file mode 100644
index 00000000..aafe17f1
--- /dev/null
+++ b/assets/js/cc1d3934.bc103179.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[8500],{5220:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>a,metadata:()=>r,toc:()=>l});var o=t(7624),i=t(2172);const a={title:"React Native Vision Camera",description:"How to integrate VisionCamera in Ignite v9+",tags:["Expo","VisionCamera","react-native-vision-camera"],last_update:{author:"Frank Calise"},publish_date:new Date("2023-10-23T00:00:00.000Z")},s="VisionCamera",r={id:"recipes/ReactNativeVisionCamera",title:"React Native Vision Camera",description:"How to integrate VisionCamera in Ignite v9+",source:"@site/docs/recipes/ReactNativeVisionCamera.md",sourceDirName:"recipes",slug:"/recipes/ReactNativeVisionCamera",permalink:"/docs/recipes/ReactNativeVisionCamera",draft:!1,unlisted:!1,tags:[{label:"Expo",permalink:"/docs/tags/expo"},{label:"VisionCamera",permalink:"/docs/tags/vision-camera"},{label:"react-native-vision-camera",permalink:"/docs/tags/react-native-vision-camera"}],version:"current",lastUpdatedBy:"Frank Calise",lastUpdatedAt:1711472289,formattedLastUpdatedAt:"Mar 26, 2024",frontMatter:{title:"React Native Vision Camera",description:"How to integrate VisionCamera in Ignite v9+",tags:["Expo","VisionCamera","react-native-vision-camera"],last_update:{author:"Frank Calise"},publish_date:"2023-10-23T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Prepping Ignite for EAS Build",permalink:"/docs/recipes/PrepForEASBuild"},next:{title:"Redux",permalink:"/docs/recipes/Redux"}},c={},l=[{value:"Overview",id:"overview",level:2},{value:"Installation",id:"installation",level:2},{value:"Permissions",id:"permissions",level:2},{value:"Codes Store &amp; Screen",id:"codes-store--screen",level:2},{value:"Displaying the Camera",id:"displaying-the-camera",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...(0,i.M)(),...e.components},{Details:t}=n;return t||function(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.h1,{id:"visioncamera",children:"VisionCamera"}),"\n",(0,o.jsx)(n.h2,{id:"overview",children:"Overview"}),"\n",(0,o.jsx)(n.p,{children:"VisionCamera is a powerful, high-performance React Native Camera library. It's both feature-rich and flexible! The library provides the necessary hooks and functions to easily integrate camera functionality in your app."}),"\n",(0,o.jsx)(n.p,{children:"In this example, we'll take a look at wiring up a barcode scanner. This tutorial is written for the Ignite v9 Prebuild workflow, however it generally still applies to DIY or even a bare react-native project."}),"\n",(0,o.jsx)(n.h2,{id:"installation",children:"Installation"}),"\n",(0,o.jsx)(n.p,{children:"If you haven't already, spin up a new Ignite application:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx ignite-cli@latest new PizzaApp --remove-demo --workflow=cng --yes\ncd PizzaApp\n"})}),"\n",(0,o.jsxs)(n.p,{children:["Next, let's install the necessary dependencies. You can see complete installation instructions for ",(0,o.jsx)(n.code,{children:"react-native-vision-camera"})," ",(0,o.jsx)(n.a,{href:"https://react-native-vision-camera.com/docs/guides",children:"here"}),"."]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx expo install react-native-vision-camera\n"})}),"\n",(0,o.jsxs)(n.p,{children:["Add the plugin to ",(0,o.jsx)(n.code,{children:"app.json"})," as per the documentation. It'll look like the following if you have the default Ignite template:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-json",children:'"plugins": [\n  "expo-localization",\n  [\n    "expo-build-properties",\n    {\n      "ios": {\n        "newArchEnabled": false\n      },\n      "android": {\n        "newArchEnabled": false\n      }\n    }\n  ],\n  [\n    "react-native-vision-camera",\n    {\n      "cameraPermissionText": "$(PRODUCT_NAME) needs access to your Camera.",\n      "enableCodeScanner": true\n    }\n  ]\n],\n'})}),"\n",(0,o.jsxs)(n.blockquote,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Note:"})," ",(0,o.jsx)(n.code,{children:"$(PRODUCT_NAME)"})," comes from the iOS project build configuration, this will be populated with the app name at runtime as long as it's configured properly (in this case, it is in the Ignite boilerplate)"]}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"To get this native dependency working in our project, we'll need to run prebuild so Expo can execute the proper native code changes for us. Then we can boot up the app on a device."}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx expo prebuild\nyarn android\n"})}),"\n",(0,o.jsx)(n.p,{children:"Since the simulators do not offer a good way of testing the camera for this recipe, we'll be creating an Android build to test on an actual device. This is for convenience, as it's a bit easier to achieve than running on an iOS device, however both would work."}),"\n",(0,o.jsx)(n.h2,{id:"permissions",children:"Permissions"}),"\n",(0,o.jsx)(n.p,{children:"Before we can get to using the camera on the device, we must get permission from the user to do so. Let's edit the Welcome screen in Ignite to reflect the current permission status and a way to prompt the user."}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-tsx",children:'import { observer } from "mobx-react-lite";\nimport React, { FC } from "react";\nimport { AppStackScreenProps } from "../navigators";\nimport { Camera, CameraPermissionStatus } from "react-native-vision-camera";\nimport { Linking, View, ViewStyle } from "react-native";\nimport { Button, Screen, Text } from "app/components";\n\ninterface WelcomeScreenProps extends AppStackScreenProps<"Welcome"> {}\n\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\n  function WelcomeScreen(_props) {\n    const [cameraPermission, setCameraPermission] =\n      React.useState<CameraPermissionStatus>();\n\n    React.useEffect(() => {\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n    }, []);\n\n    const promptForCameraPermissions = React.useCallback(async () => {\n      const permission = await Camera.requestCameraPermission();\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n\n      if (permission === "denied") await Linking.openSettings();\n    }, [cameraPermission]);\n\n    if (cameraPermission == null) {\n      // still loading\n      return null;\n    }\n\n    return (\n      <Screen contentContainerStyle={$container}>\n        <View>\n          <Text>\n            Camera Permission:{" "}\n            {cameraPermission === null ? "Loading..." : cameraPermission}\n          </Text>\n          {cameraPermission !== "granted" && (\n            <Button\n              onPress={promptForCameraPermissions}\n              text="Request Camera Permission"\n            />\n          )}\n        </View>\n      </Screen>\n    );\n  }\n);\n\nconst $container: ViewStyle = {\n  flex: 1,\n  padding: 20,\n  justifyContent: "space-evenly",\n};\n'})}),"\n",(0,o.jsxs)(t,{children:[(0,o.jsx)("summary",{children:"Demo Preview"}),(0,o.jsx)("img",{src:"https://github.com/frankcalise/CookbookVisionCamera/assets/374022/cbbae841-3b45-44ee-87dd-5bca69b5980b",width:"320",height:"240"})]}),"\n",(0,o.jsx)(n.h2,{id:"codes-store--screen",children:"Codes Store & Screen"}),"\n",(0,o.jsx)(n.p,{children:"Before we get to displaying the camera for scanning, let's quickly set up a new store in MST for keeping our list of codes and a screen to view them. Generate the commands using the Ignite CLI:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npx ignite-cli@next g model CodeStore\nnpx ignite-cli@next g screen Codes\n"})}),"\n",(0,o.jsxs)(n.p,{children:["If you're not familiar with generators, head on over to the ",(0,o.jsx)(n.a,{href:"https://docs.infinite.red/ignite/concept/generators",children:"Ignite Generators"})," documentation to learn more!"]}),"\n",(0,o.jsxs)(n.p,{children:["Open the generated ",(0,o.jsx)(n.code,{children:"models/CodeStore.ts"}),". Our Code Store will just have a simple string array and an action to add a new code:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-typescript",children:'import { Instance, SnapshotIn, SnapshotOut, types } from "mobx-state-tree";\nimport { withSetPropAction } from "./helpers/withSetPropAction";\n\n/**\n * Model description here for TypeScript hints.\n */\nexport const CodeStoreModel = types\n  .model("CodeStore")\n  .props({\n    codes: types.array(types.string),\n  })\n  .actions(withSetPropAction)\n  .actions((self) => ({\n    addCode(code: string) {\n      self.codes.push(code);\n    },\n  }));\n\nexport interface CodeStore extends Instance<typeof CodeStoreModel> {}\nexport interface CodeStoreSnapshotOut\n  extends SnapshotOut<typeof CodeStoreModel> {}\nexport interface CodeStoreSnapshotIn\n  extends SnapshotIn<typeof CodeStoreModel> {}\nexport const createCodeStoreDefaultModel = () =>\n  types.optional(CodeStoreModel, {});\n'})}),"\n",(0,o.jsxs)(n.p,{children:["Next we'll utilize this store on our ",(0,o.jsx)(n.code,{children:"screens/CodesScreen.tsx"}),". This will just list all of the previously scanned codes and a way to get back to the main screen:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-tsx",children:'import React, { FC } from "react";\nimport { observer } from "mobx-react-lite";\nimport { View, ViewStyle } from "react-native";\nimport { AppStackScreenProps } from "app/navigators";\nimport { Button, Screen, Text } from "app/components";\nimport { useNavigation } from "@react-navigation/native";\nimport { useStores } from "app/models";\nimport { spacing } from "app/theme";\n\ninterface CodesScreenProps extends AppStackScreenProps<"Codes"> {}\n\nexport const CodesScreen: FC<CodesScreenProps> = observer(\n  function CodesScreen() {\n    // Pull in one of our MST stores\n    const { codeStore } = useStores();\n\n    // Pull in navigation via hook\n    const navigation = useNavigation();\n    return (\n      <Screen\n        safeAreaEdges={["top", "bottom"]}\n        style={$root}\n        preset="scroll"\n        contentContainerStyle={$container}\n      >\n        <View>\n          <Text text={`${codeStore.codes.length} codes scanned`} />\n\n          {codeStore.codes.map((code, index) => (\n            <Text key={`code-index-${index}`} text={code} />\n          ))}\n        </View>\n\n        <Button text="Go back" onPress={() => navigation.goBack()} />\n      </Screen>\n    );\n  }\n);\n\nconst $root: ViewStyle = {\n  flex: 1,\n};\n\nconst $container: ViewStyle = {\n  flex: 1,\n  justifyContent: "space-between",\n  paddingHorizontal: spacing.md,\n};\n'})}),"\n",(0,o.jsx)(n.h2,{id:"displaying-the-camera",children:"Displaying the Camera"}),"\n",(0,o.jsxs)(n.p,{children:["We have the dough prepped, we added the sauce - now it's time for the pizza toppings! Back in ",(0,o.jsx)(n.code,{children:"screens/Welcome.tsx"}),", we'll begin adding more of the camera code by adding the ",(0,o.jsx)(n.code,{children:"Camera"})," component and wire it up to the ",(0,o.jsx)(n.code,{children:"useCodeScanner"})," hook, both of which are provided by ",(0,o.jsx)(n.code,{children:"react-native-vision-camera"}),"."]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-tsx",children:'import { observer } from "mobx-react-lite";\nimport React, { FC } from "react";\nimport { AppStackScreenProps } from "../navigators";\n// success-line-start\nimport {\n  Camera,\n  CameraPermissionStatus,\n  useCameraDevice,\n  useCodeScanner,\n} from "react-native-vision-camera";\nimport {\n  Alert,\n  Linking,\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from "react-native";\nimport { Button, Icon, Screen, Text } from "app/components";\nimport { useSafeAreaInsets } from "react-native-safe-area-context";\nimport { useStores } from "app/models";\nimport { spacing } from "app/theme";\n// success-line-end\n\ninterface WelcomeScreenProps extends AppStackScreenProps<"Welcome"> {}\n\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\n  function WelcomeScreen(_props) {\n    const [cameraPermission, setCameraPermission] =\n      React.useState<CameraPermissionStatus>();\n    // success-line-start\n    const [showScanner, setShowScanner] = React.useState(false);\n    const [isActive, setIsActive] = React.useState(false);\n\n    const { codeStore } = useStores();\n    // success-line-end\n\n    React.useEffect(() => {\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n    }, []);\n\n    const promptForCameraPermissions = React.useCallback(async () => {\n      const permission = await Camera.requestCameraPermission();\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\n\n      if (permission === "denied") await Linking.openSettings();\n    }, [cameraPermission]);\n\n    // success-line-start\n    const codeScanner = useCodeScanner({\n      codeTypes: ["qr", "ean-13"],\n      onCodeScanned: (codes) => {\n        setIsActive(false);\n\n        codes.every((code) => {\n          if (code.value) {\n            codeStore.addCode(code.value);\n          }\n          return true;\n        });\n\n        setShowScanner(false);\n        Alert.alert("Code scanned!");\n      },\n    });\n\n    const device = useCameraDevice("back");\n\n    const { right, top } = useSafeAreaInsets();\n    // success-line-end\n\n    if (cameraPermission == null) {\n      // still loading\n      return null;\n    }\n\n    // success-line-start\n    if (showScanner && device) {\n      return (\n        <View style={$cameraContainer}>\n          <Camera\n            isActive={isActive}\n            device={device}\n            codeScanner={codeScanner}\n            style={StyleSheet.absoluteFill}\n            photo\n            video\n          />\n          <View\n            style={[\n              $cameraButtons,\n              { right: right + spacing.md, top: top + spacing.md },\n            ]}\n          >\n            <TouchableOpacity\n              style={$closeCamera}\n              onPress={() => setShowScanner(false)}\n            >\n              <Icon icon="x" size={50} />\n            </TouchableOpacity>\n          </View>\n        </View>\n      );\n    }\n    // success-line-end\n\n    return (\n      <Screen contentContainerStyle={$container}>\n        <View>\n          <Text>\n            Camera Permission:{" "}\n            {cameraPermission === null ? "Loading..." : cameraPermission}\n          </Text>\n          {cameraPermission !== "granted" && (\n            <Button\n              onPress={promptForCameraPermissions}\n              text="Request Camera Permission"\n            />\n          )}\n        </View>\n        // success-line-start\n        <View>\n          <Button\n            onPress={() => {\n              setIsActive(true);\n              setShowScanner(true);\n            }}\n            text="Scan Barcodes"\n          />\n        </View>\n        <View>\n          <Button\n            onPress={() => _props.navigation.navigate("Codes")}\n            text={`View Scans (${codeStore.codes.length})`}\n          />\n          // success-line-end\n        </View>\n      </Screen>\n    );\n  }\n);\n\nconst $container: ViewStyle = {\n  flex: 1,\n  padding: 20,\n  justifyContent: "space-evenly",\n};\n\n// success-line-start\nconst $cameraContainer: ViewStyle = {\n  flex: 1,\n};\n\nconst $cameraButtons: ViewStyle = {\n  position: "absolute",\n};\n\nconst $closeCamera: ViewStyle = {\n  marginBottom: spacing.md,\n  width: 100,\n  height: 100,\n  borderRadius: 100 / 2,\n  backgroundColor: "rgba(140, 140, 140, 0.3)",\n  justifyContent: "center",\n  alignItems: "center",\n};\n// success-line-end\n'})}),"\n",(0,o.jsx)(n.p,{children:"And that's everything! Check out the Demo Preview to see it in action."}),"\n",(0,o.jsxs)(t,{children:[(0,o.jsx)("summary",{children:"Demo Preview"}),(0,o.jsx)("video",{width:"320",height:"240",controls:!0,children:(0,o.jsx)("source",{src:"https://github.com/frankcalise/CookbookVisionCamera/assets/374022/93a732bf-f6a4-4a7f-8a65-24e6af101a90",type:"video/mp4"})})]})]})}function p(e={}){const{wrapper:n}={...(0,i.M)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}},2172:(e,n,t)=>{t.d(n,{I:()=>r,M:()=>s});var o=t(1504);const i={},a=o.createContext(i);function s(e){const n=o.useContext(a);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),o.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/main.389a2d66.js b/assets/js/main.389a2d66.js
deleted file mode 100644
index 0662b412..00000000
--- a/assets/js/main.389a2d66.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see main.389a2d66.js.LICENSE.txt */
-(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[1590],{5052:(e,t,n)=>{"use strict";n.d(t,{I:()=>o});var r=n(1504);function o(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}},628:(e,t,n)=>{"use strict";n.d(t,{c:()=>p});n(1504);var r=n(8852),o=n.n(r),a=n(4504);const i={"03224537":[()=>n.e(5284).then(n.bind(n,4024)),"@site/docs/recipes/DetoxIntro.md",4024],"08a54ed9":[()=>n.e(5156).then(n.t.bind(n,1128,19)),"~docs/default/tag-docs-tags-expo-updates-8e6.json",1128],"0e384e19":[()=>n.e(6328).then(n.bind(n,9404)),"@site/docs/intro.md",9404],"145425bc":[()=>n.e(16).then(n.bind(n,9856)),"@site/docs/recipes/AccessibilityFontSizes.md",9856],17896441:[()=>Promise.all([n.e(2176),n.e(4912),n.e(6752)]).then(n.bind(n,4276)),"@theme/DocItem",4276],"18d888f3":[()=>n.e(5640).then(n.t.bind(n,9584,19)),"~docs/default/tag-docs-tags-state-management-fd9.json",9584],"19d620af":[()=>n.e(3966).then(n.t.bind(n,5568,19)),"~docs/default/tag-docs-tags-ui-22c.json",5568],"1a4e3797":[()=>Promise.all([n.e(2176),n.e(9648)]).then(n.bind(n,3416)),"@theme/SearchPage",3416],"1ab29606":[()=>n.e(6928).then(n.t.bind(n,7704,19)),"~docs/default/tag-docs-tags-apisauce-8de.json",7704],"1c9ea255":[()=>n.e(8636).then(n.bind(n,620)),"@site/docs/recipes/TypeScriptBaseURL.md",620],"1df93b7f":[()=>Promise.all([n.e(2176),n.e(2096),n.e(8552)]).then(n.bind(n,9184)),"@site/src/pages/index.tsx",9184],"24a07a83":[()=>n.e(4424).then(n.t.bind(n,4136,19)),"~docs/default/tag-docs-tags-generator-e43.json",4136],"24c3776a":[()=>n.e(9828).then(n.bind(n,176)),"@site/docs/recipes/DistributingAuthTokenToAPI.md",176],"3192f89a":[()=>n.e(4992).then(n.t.bind(n,590,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",590],"31ac2bc7":[()=>n.e(9632).then(n.t.bind(n,9010,19)),"~docs/default/tag-docs-tags-cng-585.json",9010],"33f24359":[()=>n.e(222).then(n.t.bind(n,1592,19)),"~docs/default/tag-docs-tags-eas-update-bce.json",1592],"3720c009":[()=>Promise.all([n.e(2176),n.e(4492)]).then(n.bind(n,2808)),"@theme/DocTagsListPage",2808],"3bb7a4af":[()=>n.e(2008).then(n.t.bind(n,7264,19)),"~docs/default/tag-docs-tags-i-os-d44.json",7264],"47a03c7f":[()=>n.e(3336).then(n.t.bind(n,7536,19)),"~docs/default/tag-docs-tags-testing-194.json",7536],"4a4fb967":[()=>n.e(6756).then(n.t.bind(n,9056,19)),"~docs/default/tag-docs-tags-accessibility-83c.json",9056],"4e09609f":[()=>n.e(3128).then(n.bind(n,8220)),"@site/docs/recipes/SampleYAMLCircleCI.md",8220],"51658ad1":[()=>n.e(9576).then(n.t.bind(n,5752,19)),"~docs/default/tag-docs-tags-intro-ce4.json",5752],"51e76fb5":[()=>n.e(5064).then(n.bind(n,4488)),"@site/docs/recipes/MaestroSetup.md",4488],"51ea30c5":[()=>n.e(2324).then(n.t.bind(n,162,19)),"~docs/default/tag-docs-tags-mob-x-748.json",162],"54a9c7e8":[()=>n.e(8576).then(n.bind(n,2716)),"@site/docs/recipes/PrepForEASBuild.md",2716],"55960ee5":[()=>n.e(4296).then(n.t.bind(n,2416,19)),"~docs/default/tags-list-current-prop-15a.json",2416],"569bff92":[()=>n.e(5320).then(n.t.bind(n,2968,19)),"~docs/default/tag-docs-tags-hardware-92c.json",2968],"5e95c892":[()=>n.e(4304).then(n.bind(n,3564)),"@theme/DocsRoot",3564],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,7768)),"@generated/docusaurus.config",7768],63181745:[()=>n.e(5548).then(n.bind(n,9108)),"@site/docs/recipes/UsingScreenReaders.md",9108],"657027a7":[()=>n.e(3180).then(n.bind(n,8232)),"@site/docs/recipes/MigratingToMMKV.md",8232],"6728e797":[()=>n.e(8616).then(n.t.bind(n,6824,19)),"~docs/default/tag-docs-tags-android-593.json",6824],"69dd30cd":[()=>n.e(4e3).then(n.t.bind(n,7672,19)),"~docs/default/tag-docs-tags-prettier-367.json",7672],"6fd287af":[()=>n.e(4264).then(n.bind(n,9700)),"@site/docs/recipes/UpdatingIgnite.md",9700],"72dfd944":[()=>n.e(40).then(n.t.bind(n,8466,19)),"~docs/default/tag-docs-tags-text-field-8cc.json",8466],"78a0b2f7":[()=>n.e(4224).then(n.bind(n,4068)),"@site/docs/recipes/SwitchBetweenExpoGoCNG.md",4068],"7acb6f50":[()=>n.e(56).then(n.t.bind(n,9200,19)),"~docs/default/tag-docs-tags-yarn-9bd.json",9200],"7b45617e":[()=>n.e(8436).then(n.bind(n,9368)),"@site/docs/recipes/GeneratorComponentTests.md",9368],82139467:[()=>n.e(7820).then(n.t.bind(n,5688,19)),"~docs/default/tag-docs-tags-react-native-vision-camera-af5.json",5688],"8b0d950b":[()=>n.e(3960).then(n.t.bind(n,4832,19)),"~docs/default/tag-docs-tags-dependencies-d4f.json",4832],"935f2afb":[()=>n.e(5696).then(n.t.bind(n,5988,19)),"~docs/default/version-current-metadata-prop-751.json",5988],"94ee064e":[()=>n.e(7300).then(n.t.bind(n,5683,19)),"~docs/default/tag-docs-tags-react-navigation-23c.json",5683],"954f316d":[()=>n.e(6044).then(n.t.bind(n,9272,19)),"~docs/default/tag-docs-tags-zustand-18e.json",9272],"985027d8":[()=>n.e(2160).then(n.t.bind(n,6843,19)),"~docs/default/tag-docs-tags-archive-6cf.json",6843],"99d16955":[()=>n.e(622).then(n.t.bind(n,5004,19)),"~docs/default/tag-docs-tags-eas-228.json",5004],"9dc0f37b":[()=>n.e(6704).then(n.t.bind(n,6154,19)),"~docs/default/tag-docs-tags-section-list-198.json",6154],"9fc76e3d":[()=>n.e(900).then(n.bind(n,8468)),"@site/docs/recipes/EASUpdate.md",8468],a0d6a633:[()=>n.e(7732).then(n.t.bind(n,1284,19)),"~docs/default/tag-docs-tags-expo-dev-client-4bf.json",1284],a2f5d017:[()=>n.e(916).then(n.bind(n,3884)),"@site/docs/recipes/Redux.md",3884],a7bd4aaa:[()=>n.e(6500).then(n.bind(n,2e3)),"@theme/DocVersionRoot",2e3],a8646ade:[()=>n.e(3008).then(n.t.bind(n,1492,19)),"~docs/default/tag-docs-tags-mmkv-046.json",1492],a8f9d519:[()=>n.e(6216).then(n.t.bind(n,606,19)),"~docs/default/tag-docs-tags-scroll-to-8d4.json",606],a94703ab:[()=>Promise.all([n.e(2176),n.e(4666)]).then(n.bind(n,996)),"@theme/DocRoot",996],a951c726:[()=>n.e(8200).then(n.t.bind(n,7976,19)),"~docs/default/tag-docs-tags-ci-cd-ed9.json",7976],abaad534:[()=>n.e(2464).then(n.t.bind(n,4684,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",4684],b33180cb:[()=>n.e(1528).then(n.bind(n,7160)),"@site/docs/archive/PristineExpoProject.md",7160],b3d1732c:[()=>n.e(95).then(n.t.bind(n,2464,19)),"~docs/default/tag-docs-tags-babel-ecc.json",2464],b832b2ff:[()=>n.e(4822).then(n.t.bind(n,2962,19)),"~docs/default/tag-docs-tags-imports-63f.json",2962],b8c37621:[()=>n.e(2372).then(n.t.bind(n,4328,19)),"~docs/default/tag-docs-tags-guide-a32.json",4328],c3e2f4d4:[()=>n.e(1264).then(n.bind(n,5800)),"@site/docs/recipes/UnrenderedItemInScrollView.md",5800],c47fa949:[()=>n.e(5032).then(n.bind(n,8332)),"@site/docs/recipes/ExpoRouter.md",8332],c5abe9fe:[()=>n.e(9607).then(n.t.bind(n,1344,19)),"~docs/default/tag-docs-tags-vision-camera-2ad.json",1344],c5ca3bf3:[()=>n.e(8872).then(n.t.bind(n,872,19)),"~docs/default/tag-docs-tags-expo-router-e61.json",872],c75b21fd:[()=>n.e(1412).then(n.bind(n,6188)),"@site/docs/recipes/RemoveMobxStateTree.md",6188],cc1d3934:[()=>n.e(8500).then(n.bind(n,5220)),"@site/docs/recipes/ReactNativeVisionCamera.md",5220],ccf3150e:[()=>n.e(7600).then(n.t.bind(n,3030,19)),"~docs/default/tag-docs-tags-ui-required-device-capabilities-7ff.json",3030],ce17b301:[()=>n.e(1388).then(n.t.bind(n,1540,19)),"~docs/default/tag-docs-tags-expo-4de.json",1540],cecd52bc:[()=>n.e(8).then(n.bind(n,6040)),"@site/docs/recipes/RequiringHardwareFeaturesWithExpo.md",6040],d01c4de2:[()=>n.e(7224).then(n.t.bind(n,488,19)),"~docs/default/tag-docs-tags-async-storage-da0.json",488],d0e08e4a:[()=>n.e(9016).then(n.bind(n,2980)),"@site/docs/recipes/PatchingBuildingAndroid.md",2980],d63d2b89:[()=>Promise.all([n.e(6432),n.e(5276)]).then(n.bind(n,6960)),"@site/docs/recipes/SelectFieldWithBottomSheet.mdx",6960],d699663a:[()=>n.e(1784).then(n.t.bind(n,5820,19)),"~docs/default/tag-docs-tags-uses-feature-818.json",5820],d6ab422f:[()=>n.e(8762).then(n.bind(n,7748)),"@site/docs/recipes/EnvironmentVariables.md",7748],d7af48b9:[()=>n.e(6264).then(n.bind(n,2508)),"@site/docs/recipes/EnforcingImportOrder.md",2508],da9277bc:[()=>n.e(5856).then(n.bind(n,1188)),"@site/docs/recipes/UpdatingDependencies.md",1188],dce6faa4:[()=>n.e(2596).then(n.t.bind(n,5892,19)),"~docs/default/tag-docs-tags-select-field-e86.json",5892],dd3340a6:[()=>n.e(7572).then(n.bind(n,8508)),"@site/docs/archive/index.md",8508],dec1aed8:[()=>n.e(9144).then(n.t.bind(n,4986,19)),"~docs/default/tag-docs-tags-maestro-a0f.json",4986],df203c0f:[()=>Promise.all([n.e(2176),n.e(3400)]).then(n.bind(n,8614)),"@theme/DocTagDocListPage",8614],e0854532:[()=>n.e(2288).then(n.t.bind(n,2456,19)),"~docs/default/tag-docs-tags-flat-list-bca.json",2456],e1b6b0a8:[()=>n.e(328).then(n.t.bind(n,2984,19)),"~docs/default/tag-docs-tags-debug-69b.json",2984],e2041b9b:[()=>n.e(7164).then(n.t.bind(n,9680,19)),"~docs/default/tag-docs-tags-redux-49b.json",9680],e33e793e:[()=>n.e(5708).then(n.bind(n,3356)),"@site/docs/recipes/Zustand.md",3356],e7928ab4:[()=>n.e(6460).then(n.t.bind(n,2080,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",2080],ecce3b64:[()=>n.e(3324).then(n.t.bind(n,4640,19)),"~docs/default/tag-docs-tags-authentication-9a3.json",4640],f50f3884:[()=>n.e(1236).then(n.t.bind(n,9720,19)),"~docs/default/tag-docs-tags-prebuild-64b.json",9720],f523b160:[()=>n.e(3504).then(n.bind(n,2232)),"@site/docs/recipes/CreatingGreateExperienceForScreenReaders.md",2232],fd1937a7:[()=>n.e(4116).then(n.t.bind(n,7472,19)),"~docs/default/tag-docs-tags-environment-variables-3be.json",7472],fe9b09bf:[()=>n.e(140).then(n.bind(n,1204)),"@site/docs/recipes/CircleCIRNSetup.md",1204],ff2c7cca:[()=>n.e(6252).then(n.t.bind(n,2248,19)),"~docs/default/tag-docs-tags-type-script-6e5.json",2248]};var s=n(7624);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8120),u=n(5548);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(4552).then(n.bind(n,4552)),modules:["@theme/NotFound"],webpack:()=>[4552],render(e,t){const n=e.default;return(0,s.jsx)(u.Y,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.c)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;return delete o.__context,(0,s.jsx)(u.Y,{value:i,children:(0,s.jsx)(a,{...o,...n})})}})}const p=[{path:"/search",component:d("/search","437"),exact:!0},{path:"/docs",component:d("/docs","d53"),routes:[{path:"/docs",component:d("/docs","195"),routes:[{path:"/docs/tags",component:d("/docs/tags","0cc"),exact:!0},{path:"/docs/tags/accessibility",component:d("/docs/tags/accessibility","8aa"),exact:!0},{path:"/docs/tags/android",component:d("/docs/tags/android","e3a"),exact:!0},{path:"/docs/tags/apisauce",component:d("/docs/tags/apisauce","143"),exact:!0},{path:"/docs/tags/archive",component:d("/docs/tags/archive","51b"),exact:!0},{path:"/docs/tags/async-storage",component:d("/docs/tags/async-storage","afc"),exact:!0},{path:"/docs/tags/authentication",component:d("/docs/tags/authentication","587"),exact:!0},{path:"/docs/tags/babel",component:d("/docs/tags/babel","e90"),exact:!0},{path:"/docs/tags/ci-cd",component:d("/docs/tags/ci-cd","56c"),exact:!0},{path:"/docs/tags/cng",component:d("/docs/tags/cng","581"),exact:!0},{path:"/docs/tags/debug",component:d("/docs/tags/debug","888"),exact:!0},{path:"/docs/tags/dependencies",component:d("/docs/tags/dependencies","c34"),exact:!0},{path:"/docs/tags/eas",component:d("/docs/tags/eas","17a"),exact:!0},{path:"/docs/tags/eas-update",component:d("/docs/tags/eas-update","632"),exact:!0},{path:"/docs/tags/environment-variables",component:d("/docs/tags/environment-variables","0f3"),exact:!0},{path:"/docs/tags/expo",component:d("/docs/tags/expo","a41"),exact:!0},{path:"/docs/tags/expo-dev-client",component:d("/docs/tags/expo-dev-client","0df"),exact:!0},{path:"/docs/tags/expo-router",component:d("/docs/tags/expo-router","257"),exact:!0},{path:"/docs/tags/expo-updates",component:d("/docs/tags/expo-updates","807"),exact:!0},{path:"/docs/tags/flat-list",component:d("/docs/tags/flat-list","5a7"),exact:!0},{path:"/docs/tags/generator",component:d("/docs/tags/generator","80e"),exact:!0},{path:"/docs/tags/guide",component:d("/docs/tags/guide","cea"),exact:!0},{path:"/docs/tags/hardware",component:d("/docs/tags/hardware","303"),exact:!0},{path:"/docs/tags/i-os",component:d("/docs/tags/i-os","96e"),exact:!0},{path:"/docs/tags/imports",component:d("/docs/tags/imports","887"),exact:!0},{path:"/docs/tags/intro",component:d("/docs/tags/intro","b42"),exact:!0},{path:"/docs/tags/maestro",component:d("/docs/tags/maestro","034"),exact:!0},{path:"/docs/tags/mmkv",component:d("/docs/tags/mmkv","f7e"),exact:!0},{path:"/docs/tags/mob-x",component:d("/docs/tags/mob-x","a01"),exact:!0},{path:"/docs/tags/prebuild",component:d("/docs/tags/prebuild","83d"),exact:!0},{path:"/docs/tags/prettier",component:d("/docs/tags/prettier","db7"),exact:!0},{path:"/docs/tags/react-native-vision-camera",component:d("/docs/tags/react-native-vision-camera","ea0"),exact:!0},{path:"/docs/tags/react-navigation",component:d("/docs/tags/react-navigation","0ad"),exact:!0},{path:"/docs/tags/redux",component:d("/docs/tags/redux","c5e"),exact:!0},{path:"/docs/tags/scroll-to",component:d("/docs/tags/scroll-to","f32"),exact:!0},{path:"/docs/tags/section-list",component:d("/docs/tags/section-list","8de"),exact:!0},{path:"/docs/tags/select-field",component:d("/docs/tags/select-field","5f4"),exact:!0},{path:"/docs/tags/state-management",component:d("/docs/tags/state-management","181"),exact:!0},{path:"/docs/tags/testing",component:d("/docs/tags/testing","b53"),exact:!0},{path:"/docs/tags/text-field",component:d("/docs/tags/text-field","782"),exact:!0},{path:"/docs/tags/type-script",component:d("/docs/tags/type-script","825"),exact:!0},{path:"/docs/tags/ui",component:d("/docs/tags/ui","020"),exact:!0},{path:"/docs/tags/ui-required-device-capabilities",component:d("/docs/tags/ui-required-device-capabilities","73a"),exact:!0},{path:"/docs/tags/uses-feature",component:d("/docs/tags/uses-feature","f1a"),exact:!0},{path:"/docs/tags/vision-camera",component:d("/docs/tags/vision-camera","e9b"),exact:!0},{path:"/docs/tags/yarn",component:d("/docs/tags/yarn","e4e"),exact:!0},{path:"/docs/tags/zustand",component:d("/docs/tags/zustand","24d"),exact:!0},{path:"/docs",component:d("/docs","05b"),routes:[{path:"/docs/archive/",component:d("/docs/archive/","ab8"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/archive/PristineExpoProject",component:d("/docs/archive/PristineExpoProject","afa"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/intro",component:d("/docs/intro","194"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/AccessibilityFontSizes",component:d("/docs/recipes/AccessibilityFontSizes","872"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/CircleCIRNSetup",component:d("/docs/recipes/CircleCIRNSetup","ce2"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/CreatingGreateExperienceForScreenReaders",component:d("/docs/recipes/CreatingGreateExperienceForScreenReaders","752"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/DetoxIntro",component:d("/docs/recipes/DetoxIntro","700"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/DistributingAuthTokenToAPI",component:d("/docs/recipes/DistributingAuthTokenToAPI","298"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/EASUpdate",component:d("/docs/recipes/EASUpdate","938"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/EnforcingImportOrder",component:d("/docs/recipes/EnforcingImportOrder","713"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/EnvironmentVariables",component:d("/docs/recipes/EnvironmentVariables","92b"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/ExpoRouter",component:d("/docs/recipes/ExpoRouter","0b5"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/GeneratorComponentTests",component:d("/docs/recipes/GeneratorComponentTests","e55"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/MaestroSetup",component:d("/docs/recipes/MaestroSetup","237"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/MigratingToMMKV",component:d("/docs/recipes/MigratingToMMKV","9d0"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/PatchingBuildingAndroid",component:d("/docs/recipes/PatchingBuildingAndroid","ac8"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/PrepForEASBuild",component:d("/docs/recipes/PrepForEASBuild","64a"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/ReactNativeVisionCamera",component:d("/docs/recipes/ReactNativeVisionCamera","e2e"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Redux",component:d("/docs/recipes/Redux","0f8"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/RemoveMobxStateTree",component:d("/docs/recipes/RemoveMobxStateTree","50f"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/RequiringHardwareFeaturesWithExpo",component:d("/docs/recipes/RequiringHardwareFeaturesWithExpo","2fd"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/SampleYAMLCircleCI",component:d("/docs/recipes/SampleYAMLCircleCI","30a"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/SelectFieldWithBottomSheet",component:d("/docs/recipes/SelectFieldWithBottomSheet","ca3"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/SwitchBetweenExpoGoCNG",component:d("/docs/recipes/SwitchBetweenExpoGoCNG","695"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/TypeScriptBaseURL",component:d("/docs/recipes/TypeScriptBaseURL","986"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UnrenderedItemInScrollView",component:d("/docs/recipes/UnrenderedItemInScrollView","c15"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UpdatingDependencies",component:d("/docs/recipes/UpdatingDependencies","21c"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UpdatingIgnite",component:d("/docs/recipes/UpdatingIgnite","f0c"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UsingScreenReaders",component:d("/docs/recipes/UsingScreenReaders","324"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Zustand",component:d("/docs/recipes/Zustand","0e1"),exact:!0,sidebar:"mainSidebar"}]}]}]},{path:"/",component:d("/","703"),exact:!0},{path:"*",component:d("*")}]},240:(e,t,n)=>{"use strict";n.d(t,{e:()=>a,g:()=>i});var r=n(1504),o=n(7624);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},8808:(e,t,n)=>{"use strict";var r=n(1504),o=n(8352),a=n(440),i=n(2160),s=n(8684);const l=[n(7483),n(1462),n(5396),n(1976),n(9115)];var c=n(628),u=n(5592),d=n(5464),p=n(7624);function f(e){let{children:t}=e;return(0,p.jsx)(p.Fragment,{children:t})}var m=n(6952),g=n(8264),h=n(964),y=n(1824),b=n(5008),v=n(1616),S=n(204),w=n(4456),x=n(5684),k=n(8712);function E(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.c)(),r=(0,v.D)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,p.jsxs)(m.c,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function T(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.c)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.c)(),{pathname:r}=(0,u.IT)();return e+(0,x.applyTrailingSlash)((0,h.c)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,p.jsxs)(m.c,{children:[(0,p.jsx)("meta",{property:"og:url",content:o}),(0,p.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,g.c)(),{metadata:t,image:n}=(0,y.y)();return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(m.c,{children:[(0,p.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,p.jsx)("body",{className:S.m})]}),n&&(0,p.jsx)(b.U7,{image:n}),(0,p.jsx)(T,{}),(0,p.jsx)(E,{}),(0,p.jsx)(k.c,{tag:w.e6,locale:e}),(0,p.jsx)(m.c,{children:t.map(((e,t)=>(0,p.jsx)("meta",{...e},t)))})]})}const _=new Map;function A(e){if(_.has(e.pathname))return{...e,pathname:_.get(e.pathname)};if((0,d.C)(c.c,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return _.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return _.set(e.pathname,t),{...e,pathname:t}}var I=n(240),R=n(136),P=n(5288);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=l.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const N=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.c)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function F(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.C)(c.c,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=s.c.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),F(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,p.jsx)(N,{previousLocation:this.previousLocation,location:t,children:(0,p.jsx)(u.kX,{location:t,render:()=>e})})}}const j=O,M="__docusaurus-base-url-issue-banner-container",D="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function $(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${D}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${B}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${B}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function z(){const{siteConfig:{baseUrl:e}}=(0,g.c)();return(0,p.jsx)(p.Fragment,{children:!s.c.canUseDOM&&(0,p.jsx)(m.c,{children:(0,p.jsx)("script",{children:$(e)})})})}function U(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.c)(),{pathname:n}=(0,u.IT)();return t&&n===e?(0,p.jsx)(z,{}):null}function V(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.c)(),a=(0,h.c)(e),{htmlLang:i,direction:s}=o[r];return(0,p.jsxs)(m.c,{children:[(0,p.jsx)("html",{lang:i,dir:s}),(0,p.jsx)("title",{children:t}),(0,p.jsx)("meta",{property:"og:title",content:t}),(0,p.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,p.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,p.jsx)("link",{rel:"icon",href:a})]})}var H=n(5852),G=n(3664);function W(){const e=(0,G.c)();return(0,p.jsx)(m.c,{children:(0,p.jsx)("html",{"data-has-hydrated":e})})}function q(){const e=(0,d.k)(c.c),t=(0,u.IT)();return(0,p.jsx)(H.c,{children:(0,p.jsx)(R.y,{children:(0,p.jsxs)(I.g,{children:[(0,p.jsxs)(f,{children:[(0,p.jsx)(V,{}),(0,p.jsx)(C,{}),(0,p.jsx)(U,{}),(0,p.jsx)(j,{location:A(t),children:e})]}),(0,p.jsx)(W,{})]})})})}var Y=n(4504);const K=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var X=n(8120);const Q=new Set,Z=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!Z.has(e)&&!Q.has(e))(e))return!1;Q.add(e);const t=(0,d.C)(c.c,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,X.c)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?K(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!Z.has(e))(e)&&(Z.add(e),F(e))},te=Object.freeze(ee),ne=Boolean(!0);if(s.c.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),t=(0,p.jsx)(i.EN,{children:(0,p.jsx)(a.kn,{children:(0,p.jsx)(q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},s=()=>{if(ne)r.startTransition((()=>{o.hydrateRoot(e,t,{onRecoverableError:n})}));else{const a=o.createRoot(e,{onRecoverableError:n});r.startTransition((()=>{a.render(t)}))}};F(window.location.pathname).then(s)}},136:(e,t,n)=>{"use strict";n.d(t,{e:()=>d,y:()=>p});var r=n(1504),o=n(7768);const a=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-1NP64B0XVM"],"anonymizeIP":true,"id":"default"}},"example-code-snippets":{"default":{"snippets":[{"author":"Mark Rickert","content":"import * as React from \\"react\\";\\nimport { View, TextProps, PixelRatio, AppState } from \\"react-native\\";\\nimport { MaterialTopTabNavigationOptions } from \\"@react-navigation/material-top-tabs\\";\\nimport { StackNavigationOptions } from \\"@react-navigation/stack\\";\\nimport { BottomTabNavigationOptions } from \\"@react-navigation/bottom-tabs\\";\\nimport { DrawerNavigationOptions } from \\"@react-navigation/drawer\\";\\nimport { Text } from \\"./Text\\";\\n\\n// These constants determine how much bigger the font size should get based on the user\'s\\n// accessibility settings. Even if they turn the dial all the way to 11, we will only ever\\n// scale the fonts by these factors. This is to prevent the font size from getting too large\\n// and completely breaking the layout.\\nconst MAX_FONT_SCALE = 1.2;\\nconst MIN_FONT_SCALE = 0.8;\\n\\n// Returns fontScaling props for Text and TextInput components\\n// Usage:\\n// const fontProps = useFontScaling();\\n// return <Text {...fontProps}>Text Here</Text>;\\nexport const useFontScaling = (): Partial<TextProps> => {\\n  // You probably want to get this value from your user\'s preferences\\n  const [allowFontScaling,] = React.useState(true);\\n\\n  const fontScaling: Partial<TextProps> = React.useMemo(() => {\\n    return {\\n      minimumFontScale: allowFontScaling ? MIN_FONT_SCALE : 1, // This prevents the font from getting too small.\\n      maxFontSizeMultiplier: allowFontScaling ? MAX_FONT_SCALE : 1, // This prevents the font from getting too big.\\n      allowFontScaling, // This allows the font to be scaled or not.\\n    };\\n  }, [allowFontScaling]);\\n\\n  return fontScaling;\\n};\\n\\n// Returns fontScaling props for Navigator components\\nexport const useNavigatorFontScalingScreenOptions =\\n  (): Partial<StackNavigationOptions> => {\\n    // You probably want to get this value from your user\'s preferences\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<StackNavigationOptions> = React.useMemo(() => {\\n      return {\\n        headerBackAllowFontScaling: allowFontScaling,\\n        headerTitleAllowFontScaling: allowFontScaling,\\n      };\\n    }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Returns fontScaling props for Top Tab Navigator components\\nexport const useTopTabNavigatorFontScalingScreenOptions =\\n  (): Partial<MaterialTopTabNavigationOptions> => {\\n    // You probably want to get this value from your user\'s preferences\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<MaterialTopTabNavigationOptions> =\\n      React.useMemo(() => {\\n        return {\\n          tabBarAllowFontScaling: allowFontScaling,\\n        };\\n      }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Returns fontScaling props for Tab Navigator components\\nexport const useTabNavigatorFontScalingScreenOptions =\\n  (): Partial<BottomTabNavigationOptions> => {\\n    // You probably want to get this value from your user\'s preferences\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<BottomTabNavigationOptions> =\\n      React.useMemo(() => {\\n        return {\\n          tabBarAllowFontScaling: fontScaling,\\n          headerTitleAllowFontScaling: fontScaling,\\n        };\\n      }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Returns fontScaling props for Tab Navigator components\\nexport const useDrawerNavigatorFontScalingScreenOptions =\\n  (): Partial<DrawerNavigationOptions> => {\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<DrawerNavigationOptions> = React.useMemo(() => {\\n      return {\\n        drawerAllowFontScaling: allowFontScaling,\\n        headerTitleAllowFontScaling: allowFontScaling,\\n      };\\n    }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Use this handy __DEV__ mode only component to figure out what the font size is actually doing.\\nexport const DevFontSize = () => {\\n  const [allowFontScaling,] = React.useState(true);\\n  const [appStateVisible, setAppStateVisible] = React.useState(\\n    AppState.currentState\\n  );\\n\\n  React.useEffect(() => {\\n    const subscription = AppState.addEventListener(\\"change\\", (nextAppState) => {\\n      setAppStateVisible(nextAppState);\\n    });\\n\\n    return () => subscription.remove();\\n  }, []);\\n\\n  // This memo has to listen to appStateVisible even though it\'s not a direct dependency\\n  // so that we can reload the font size when the app switches back from user settings.\\n  const fontSize = React.useMemo(() => {\\n    if (allowFontScaling) {\\n      return Math.min(\\n        Math.max(PixelRatio.getFontScale(), MIN_FONT_SCALE),\\n        MAX_FONT_SCALE\\n      );\\n    } else {\\n      return 1.0;\\n    }\\n  }, [allowFontScaling, appStateVisible]); // eslint-disable-line react-hooks/exhaustive-deps\\n\\n  return __DEV__ ? (\\n    <View style={{\\n      backgroundColor: \'#E58F83\',\\n      padding: 10,\\n      margin: 10,\\n      borderRadius: 5,\\n      borderColor: \'#000,\\n      borderWidth: 1,\\n    }}>\\n      <Text>\\n        User Font Setting: {Math.trunc(PixelRatio.getFontScale() * 100) / 100}\\n      </Text>\\n      <Text>\\n        Currently limiting ratio to: {Math.trunc(fontSize * 100) / 100}\\n      </Text>\\n    </View>\\n  ) : null;\\n};\\n\\n","lastUpdated":"1 year, 1 month ago","title":"Accessiblity Font Sizes","publish_date":"2022-10-09","doc_name":"AccessibilityFontSizes.md"},{"author":"Robin Heinze","content":"defaults: &defaults\\n  docker:\\n    # Choose the version of Node you want here\\n    - image: circleci/node:10.11\\n  working_directory: ~/repo\\n\\nversion: 2\\njobs:\\n  setup:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          keys:\\n            - v1-dependencies-node-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-node-\\n      - run:\\n          name: Install dependencies\\n          command: yarn install\\n      - save_cache:\\n          name: Save node modules\\n          paths:\\n            - node_modules\\n          key: v1-dependencies-node-{{ checksum \\"package.json\\" }}\\n\\n  tests:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          keys:\\n            - v1-dependencies-node-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-node-\\n      - run:\\n          name: Run tests\\n          command: yarn ci:test # this command will be added to/found in your package.json scripts\\n\\nworkflows:\\n  version: 2\\n  test_and_release:\\n    jobs:\\n      - setup\\n      - tests:\\n          requires:\\n            - setup\\n\\n  {\\n    ...\\n    \\"scripts\\": {\\n      ...\\n      \\"ci:test\\": \\"<command to run tests>\\" <<-- if you don\'t already have this one\\n    },\\n    ...\\n  }\\n\\nbefore_all do\\n setup_circle_ci\\nend\\n\\nPROJECT = \\"YourProject\\"\\nXCODE_PROJECT    = \\"#{PROJECT}.xcodeproj\\"\\n  lane :beta do\\n    increment_build_number(xcodeproj: \\"./#{XCODE_PROJECT}\\")\\n    match(type: \\"appstore\\")\\n    build_ios_app(\\n      scheme: PROJECT,\\n      workspace: \\"./YourProject.xcworkspace\\",\\n      xcargs: \\"-UseNewBuildSystem=NO -allowProvisioningUpdates\\",\\n      export_method: \\"app-store\\"\\n    )\\n    # Ship it!\\n    upload_to_testflight(\\n      skip_waiting_for_build_processing: true\\n    )\\n    commit_version_bump(\\n      xcodeproj: \\"./#{XCODE_PROJECT}\\",\\n      ignore: /tvOS/,\\n      force: true,\\n      message: \\"[skip ci] Version bump\\"\\n    )\\n  end\\n\\n  {\\n    ...\\n    \\"scripts\\": {\\n      ...\\n      \\"ci:setup\\": \\"touch .env && echo \\\\\\"ENV_VAR=\\\\\\"$ENV_VAR >> .env\\",\\n    },\\n    ...\\n  }\\n\\ndefaults: ...\\n\\nmac: &mac\\n  macos:\\n    xcode: \\"10.1.0\\"\\n  working_directory: ~/repo\\n  environment:\\n    FL_OUTPUT_DIR: output\\n  shell: /bin/bash --login -o pipefail\\n\\nversion: 2\\njobs:\\n  setup: ...\\n\\n  tests: ...\\n\\n  deploy_ios:\\n    <<: *mac\\n    steps:\\n      - checkout\\n      - add_ssh_keys:\\n          fingerprints: \u2014 \u201cSSH_FINGERPRINT_HERE\u201d\\n      - run:\\n          name: Git configuration\\n          command: git config user.email \\"ci@your.domain\\" && git config user.name \\"CircleCI\\"\\n      - run:\\n          name: Set upstream branch\\n          command: git branch --set-upstream-to origin ${CIRCLE_BRANCH}\\n      # Node modules\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-mac-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-mac-\\n      - run:\\n          name: Install dependencies\\n          command: NOYARNPOSTINSTALL=1 yarn install\\n      - save_cache:\\n          name: Save node modules\\n          paths:\\n            - node_modules\\n          key: v1-dependencies-mac-{{ checksum \\"package.json\\" }}\\n\\n      # Cocoapods\\n      - run:\\n          name: Fetch CocoaPods Specs\\n          command: |\\n            curl https://cocoapods-specs.circleci.com/fetch-cocoapods-repo-from-s3.sh | bash -s cf\\n      - run:\\n          working_directory: ios\\n          name: Install CocoaPods\\n          command: pod install --verbose\\n\\n      # Gems\\n      - restore_cache:\\n          name: Restore gems\\n          key: bundle-v1-{{ checksum \\"ios/Gemfile.lock\\" }}-{{ arch }}\\n      - run:\\n          name: Bundle Install\\n          command: bundle install\\n          working_directory: ios\\n      - save_cache:\\n          key: bundle-v1-{{ checksum \\"ios/Gemfile.lock\\" }}-{{ arch }}\\n          paths:\\n            - vendor/bundle\\n\\n      # Misc setup\\n      - run:\\n          name: Misc setup\\n          command: yarn ci:setup\\n\\n      # Git grooming\\n      - run:\\n          name: Pull latest git\\n          command: git stash && git pull && git stash pop\\n\\n      # Run Fastlane\\n      - run:\\n          working_directory: ios\\n          name: Fastlane\\n          command: bundle exec fastlane ios beta\\n\\n      # Git cleanup\\n      - run:\\n          name: Pull latest git\\n          command: git stash && git pull && git stash pop\\n      - run:\\n          name: Push version bump commit\\n          command: git push\\n      - store_artifacts:\\n          path: output\\n\\nworkflows:\\n  version: 2\\n  test_and_release:\\n    jobs:\\n      - setup\\n      - tests:\\n          requires:\\n            - setup\\n      - deploy_ios:\\n          filters:\\n            branches:\\n              only: master\\n\\n\\n**Troubleshooting tips**\\n\\n- If you need to debug failed builds, you can use the \\"Rebuild with SSH\\" option in CircleCI. See [https://circleci.com/docs/2.0/ssh-access-jobs/](https://circleci.com/docs/2.0/ssh-access-jobs/) for more info.\\n- Tip: make sure you are logged in to Github/CircleCI as yourself (not the CI user) when you hit the button to rebuild with SSH.\\n- If you get a vague error saying `File main.jsbundle does not exist`, that means there was an error while building the app and you can view the more detailed message by inspecting the log files with the following command (while in SSH mode). Increase the number of lines from 50 as needed.\\n- `tail -50 ios/output/buildlogs/gym/YourProject-YourProject.log`\\n","lastUpdated":"1 year, 2 months ago","title":"CircleCI CD Setup - React Native","publish_date":"2022-10-09","doc_name":"CircleCIRNSetup.md"},{"author":"Ellie Croce","content":"export const DEFAULT_API_CONFIG: ApiConfig = {\\n  url: Config.API_URL,\\n  timeout: 10000,\\n}\\n\\n\\nexport class Api {\\n  apisauce: ApisauceInstance\\n  config: ApiConfig\\n\\n  constructor(config: ApiConfig = DEFAULT_API_CONFIG) {\\n    this.config = config\\n    this.apisauce = create({\\n      baseURL: this.config.url,\\n      timeout: this.config.timeout,\\n      headers: {\\n        Accept: \\"application/json\\",\\n      },\\n    })\\n  }\\n\\n  async getEpisodes(): Promise<{ kind: \\"ok\\"; episodes: EpisodeSnapshotIn[] } | GeneralApiProblem> {\\n    ... // example API call that needs authenticating\\n  }\\n\\n}\\n\\n// Singleton instance of the API for convenience\\nexport const api = new Api()\\n\\nimport { Instance, SnapshotOut, types } from \\"mobx-state-tree\\";\\n\\nexport const AuthenticationStoreModel = types\\n  .model(\\"AuthenticationStore\\")\\n  .props({\\n    authToken: types.maybe(types.string),\\n    authEmail: \\"\\",\\n  })\\n  .views((store) => ({}))\\n  .actions((store) => ({\\n    setAuthToken(value?: string) {\\n      store.authToken = value;\\n    },\\n  }));\\n\\nexport interface AuthenticationStore\\n  extends Instance<typeof AuthenticationStoreModel> {}\\nexport interface AuthenticationStoreSnapshot\\n  extends SnapshotOut<typeof AuthenticationStoreModel> {}\\n\\n\\t// We will need to import the api from the service\\n\\timport { api } from \\"app/services/api\\"\\n\\n  ...\\n\\n  // then update the Authentication Model actions\\n  .actions((store) => ({\\n    setAuthToken(value?: string) {\\n      store.authToken = value;\\n    },\\n    distributeAuthToken(value?: string) {\\n      // optionally grab the store\'s authToken if not passing a value\\n      const token = value || store.authToken;\\n      api.apiSauce.setHeader(\\"Authorization\\", `Bearer ${token}`);\\n    },\\n  })\\n\\n\\t// We can update `authenticationStore` from the useStores hook to include `distributeAuthToken`\\n\\tconst {\\n\\t    authenticationStore: { authEmail, setAuthEmail, setAuthToken, distributeAuthToken, validationError },\\n\\t  } = useStores()\\n\\n\\t  ...\\n\\n  function login() {\\n    setIsSubmitted(true);\\n    setAttemptsCount(attemptsCount + 1);\\n\\n    if (validationError) return;\\n\\n    // Make a request to your server to get an authentication token.\\n    // If successful, reset the fields and set the token.\\n    setIsSubmitted(false);\\n    setAuthPassword(\\"\\");\\n    setAuthEmail(\\"\\");\\n\\n    // We\'ll mock this with a fake token.\\n    const token = String(Date.now());\\n    setAuthToken(token);\\n    distributeAuthToken(token);\\n  }\\n\\n","lastUpdated":"10 months ago","title":"Distributing Auth Token to APIs","publish_date":"2023-05-09","doc_name":"DistributingAuthTokenToAPI.md"},{"author":"Frank Calise","content":"npm install -g eas-cli\\n\\nnpx expo install expo-updates\\neas build:configure\\n\\neas update:configure\\n\\n{\\n  \\"cli\\": {\\n    \\"version\\": \\">= 3.0.0\\"\\n  },\\n  \\"build\\": {\\n    \\"development\\": {\\n      \\"developmentClient\\": true,\\n      \\"distribution\\": \\"internal\\"\\n    },\\n    \\"preview\\": {\\n      \\"channel\\": \\"preview\\",\\n      \\"android\\": { \\"buildType\\": \\"apk\\" },\\n      \\"ios\\": { \\"simulator\\": false }\\n    },\\n    \\"production\\": {}\\n  },\\n  \\"submit\\": {\\n    \\"production\\": {}\\n  }\\n}\\n\\n# via EAS\\neas build --profile preview -p android\\n\\n# locally\\neas build --profile preview -p android --local\\n\\n// error-line\\n<Text testID=\\"login-heading\\" tx=\\"loginScreen.signIn\\" preset=\\"heading\\" style={$signIn} />\\n// success-line\\n<Text testID=\\"login-heading\\" text=\\"Welcome! Please sign in\\" preset=\\"heading\\" style={$signIn} />\\n\\neas channel:create preview\\n\\neas update --branch preview --message \\"update login screen\\"\\n\\n{\\n  // ...\\n  \\"updates\\": {\\n    \\"checkAutomatically\\": \\"ON_ERROR_RECOVERY\\"\\n    // ...\\n  }\\n}\\n\\n","lastUpdated":"4 weeks ago","title":"EAS Update","publish_date":"2023-01-06","doc_name":"EASUpdate.md"},{"author":"Mark Rickert","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nyarn add --dev @serverless-guru/prettier-plugin-import-order\\n\\n// @ts-check\\n/** @type {import(\\"@serverless-guru/prettier-plugin-import-order\\").PrettierConfig} */\\nmodule.exports = {\\n  // begin: settings from the package.json file\\n  printWidth: 100,\\n  semi: false,\\n  singleQuote: false,\\n  trailingComma: \\"all\\",\\n  // end: settings from the package.json file\\n\\n  // Sort and group imports using the @serverless-guru/prettier-import-order plugin.\\n  // https://github.com/serverless-guru/prettier-import-order\\n  //\\n  // See documentation and usage: https://www.npmjs.com/package/@serverless-guru/prettier-plugin-import-order#usage\\n  importOrder: [\\n    \\"^react(-native)?$\\", // React and react-native stuff goes at the top\\n    \\"\\", // use empty strings to separate groups with empty lines\\n    \\"<THIRD_PARTY_MODULES>\\", // Third party modules (this is a plugin keyword)\\n    \\"\\",\\n    \\"^app/(.*)$\\",\\n    \\"\\",\\n    \\"^../(.*)$\\", // Local imports in parent directories\\n    \\"^./(.*)$\\", // Local imports in current directory\\n  ],\\n  importOrderSeparation: false, // turn this on to see the sorting groups.\\n  importOrderSortIndividualImports: true,\\n  importOrderMergeDuplicateImports: true,\\n  importOrderTypeImportsToTop: true, // Set this to false if you want type imports to be sorted with the rest of the imports\\n  importOrderCaseInsensitive: true,\\n  importOrderParserPlugins: [\\"typescript\\", \\"jsx\\"],\\n  // End sort options\\n}\\n\\nyarn format\\n\\n","lastUpdated":"3 weeks ago","title":"Enforcing JS/TS Import Order","publish_date":"2024-02-29","doc_name":"EnforcingImportOrder.md"},{"author":"Frank Calise","content":"yarn add -D dotenv babel-plugin-inline-dotenv\\n\\n// babel.config.js\\n\\nconst plugins = [\\n  [\\n    \\"@babel/plugin-proposal-decorators\\",\\n    {\\n      legacy: true,\\n    },\\n  ],\\n  [\\"@babel/plugin-proposal-optional-catch-binding\\"],\\n  \\"inline-dotenv\\",\\n  \\"react-native-reanimated/plugin\\", // NOTE: this must be last in the plugins\\n];\\n\\nconst expoConfig = {\\n  presets: [\\"babel-preset-expo\\"],\\n  env: {\\n    production: {},\\n  },\\n  plugins,\\n};\\n\\nMY_VAR=\\"MY_VALUE\\"\\nKEEP_IN_MIND=\\"THESE ARE NOT SECURE\\"\\n\\nconsole.log(process.env.MY_VAR); // results in: MY_VALUE\\nconsole.log(process.env.KEEP_IN_MIND); // results in: THESE ARE NOT SECURE\\n\\n","lastUpdated":"1 year, 2 months ago","title":"Environment Variables","publish_date":"2022-10-11","doc_name":"EnvironmentVariables.md"},{"author":"Frank Calise & Justin Poliachik","content":"npx ignite-cli@next new pizza-router --yes\\ncd pizza-router\\n\\nnpx expo install expo-router expo-constants\\n\\n\\"plugins\\": [\\n   ...\\n  \\"expo-font\\",\\n  // success-line\\n  \\"expo-router\\"\\n],\\n\\n// error-line\\n\\"main\\": \\"node_modules/expo/AppEntry.js\\",\\n// success-line\\n\\"main\\": \\"expo-router/entry\\",\\n\\n{\\n  \\"expo\\": {\\n    \\"experiments\\": {\\n      \\"tsconfigPaths\\": true,\\n      // success-line\\n      \\"typedRoutes\\": true\\n    }\\n  }\\n}\\n\\nrm App.tsx\\nmv app src\\nmkdir src/app\\n\\n{\\n  \\"compilerOptions\\": {\\n    // ...\\n    \\"paths\\": {\\n      // error-line\\n      \\"app/*\\": [\\"./app/*\\"],\\n      // success-line\\n      \\"src/*\\": [\\"./src/*\\"],\\n      // ...\\n    },\\n  }\\n  // error-line-start\\n   \\"include\\": [\\n    \\"index.js\\",\\n    \\"App.tsx\\",\\n    \\"app\\",\\n    \\"types\\",\\n    \\"plugins\\",\\n    \\"app.config.ts\\",\\n    \\".expo/types/**/*.ts\\",\\n    \\"expo-env.d.ts\\"\\n  ],\\n  // error-line-end\\n  // success-line\\n  \\"include\\": [\\"**/*.ts\\", \\"**/*.tsx\\"],\\n  // ...\\n}\\n\\n// error-line-start\\n\\"format\\": \\"prettier --write \\\\\\"app/**/*.{js,jsx,json,md,ts,tsx}\\\\\\"\\",\\n\\"lint\\": \\"eslint App.tsx app test --fix --ext .js,.ts,.tsx && npm run format\\",\\n// error-line-end\\n// success-line-start\\n\\"format\\": \\"prettier --write \\\\\\"src/**/*.{js,jsx,json,md,ts,tsx}\\\\\\"\\",\\n\\"lint\\": \\"eslint src test --fix --ext .js,.ts,.tsx && npm run format\\",\\n// success-line-end\\n\\n// error-line-start\\nimport { clear } from \\"app/utils/storage\\";\\nimport { goBack, resetRoot, navigate } from \\"app/navigators/navigationUtilities\\";\\n// error-line-end\\n// success-line-start\\nimport { clear } from \\"src/utils/storage\\";\\nimport { goBack, resetRoot, navigate } from \\"src/navigators/navigationUtilities\\";\\n// success-line-end\\n\\n// error-line\\nimport { isRTL } from \\"app/i18n\\";\\n// success-line\\nimport { isRTL } from \\"src/i18n\\";\\n\\n// error-line\\nimport { isRTL } from \\"app/i18n\\";\\n// success-line\\nimport { isRTL } from \\"src/i18n\\";\\n\\n// error-line\\nimport en from \\"../app/i18n/en\\";\\n// success-line\\nimport en from \\"../src/i18n/en\\";\\nimport { exec } from \\"child_process\\";\\n\\n---\\npatch:\\n  // error-line\\n  path: \\"app/components/index.ts\\"\\n  // success-line\\n  path: \\"src/components/index.ts\\"\\n  append: \\"export * from \\\\\\"./<%= props.subdirectory %><%= props.pascalCaseName %>\\\\\\"\\\\n\\"\\n  skip: <%= props.skipIndexFile %>\\n---\\nimport * as React from \\"react\\"\\nimport { StyleProp, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { observer } from \\"mobx-react-lite\\"\\n// error-line-start\\nimport { colors, typography } from \\"app/theme\\"\\nimport { Text } from \\"app/components/Text\\"\\n// error-line-end\\n// success-line-start\\nimport { colors, typography } from \\"src/theme\\"\\nimport { Text } from \\"src/components/Text\\"\\n// success-line-end\\n\\n---\\npatches:\\n// error-line\\n- path: \\"app/models/RootStore.ts\\"\\n// success-line\\n- path: \\"src/models/RootStore.ts\\"\\n  after: \\"from \\\\\\"mobx-state-tree\\\\\\"\\\\n\\"\\n  insert: \\"import { <%= props.pascalCaseName %>Model } from \\\\\\"./<%= props.pascalCaseName %>\\\\\\"\\\\n\\"\\n  skip: <%= !props.pascalCaseName.endsWith(\'Store\') %>\\n// error-line\\n- path: \\"app/models/RootStore.ts\\"\\n// success-line\\n- path: \\"src/models/RootStore.ts\\"\\n  after: \\"types.model(\\\\\\"RootStore\\\\\\").props({\\\\n\\"\\n  insert: \\"  <%= props.camelCaseName %>: types.optional(<%= props.pascalCaseName %>Model, {} as any),\\\\n\\"\\n  skip: <%= !props.pascalCaseName.endsWith(\'Store\') %>\\n// error-line\\n- path: \\"app/models/index.ts\\"\\n// success-line\\n- path: \\"src/models/index.ts\\"\\n\\n\\n// app/_layout.tsx\\nimport React from \\"react\\";\\nimport { Slot, SplashScreen } from \\"expo-router\\";\\nimport { useInitialRootStore } from \\"src/models\\";\\n\\nSplashScreen.preventAutoHideAsync();\\n\\nif (__DEV__) {\\n  // Load Reactotron configuration in development. We don\'t want to\\n  // include this in our production bundle, so we are using `if (__DEV__)`\\n  // to only execute this in development.\\n  require(\\"src/devtools/ReactotronConfig.ts\\");\\n}\\n\\nexport { ErrorBoundary } from \\"src/components/ErrorBoundary/ErrorBoundary\\";\\n\\nexport default function Root() {\\n  // Wait for stores to load and render our layout inside of it so we have access\\n  // to auth info etc\\n  const { rehydrated } = useInitialRootStore();\\n  if (!rehydrated) {\\n    return null;\\n  }\\n\\n  return <Slot />;\\n}\\n\\nmkdir src/components/ErrorBoundary\\nmv src/screens/ErrorScreen/* src/components/ErrorBoundary\\n\\nimport React from \\"react\\";\\nimport { Redirect, SplashScreen, Stack } from \\"expo-router\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport { useStores } from \\"src/models\\";\\nimport { useFonts } from \\"expo-font\\";\\nimport { customFontsToLoad } from \\"src/theme\\";\\n\\nexport default observer(function Layout() {\\n  const {\\n    authenticationStore: { isAuthenticated },\\n  } = useStores();\\n\\n  const [fontsLoaded, fontError] = useFonts(customFontsToLoad);\\n\\n  React.useEffect(() => {\\n    if (fontsLoaded || fontError) {\\n      // Hide the splash screen after the fonts have loaded and the UI is ready.\\n      SplashScreen.hideAsync();\\n    }\\n  }, [fontsLoaded, fontError]);\\n\\n  if (!fontsLoaded && !fontError) {\\n    return null;\\n  }\\n\\n  if (!isAuthenticated) {\\n    return <Redirect href=\\"/log-in\\" />;\\n  }\\n\\n  return <Stack screenOptions={{ headerShown: false }} />;\\n});\\n\\nimport { router } from \\"expo-router\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { ComponentType, useEffect, useMemo, useRef, useState } from \\"react\\";\\nimport { TextInput, TextStyle, ViewStyle } from \\"react-native\\";\\nimport { Button, Icon, Screen, Text, TextField, TextFieldAccessoryProps } from \\"src/components\\";\\nimport { useStores } from \\"src/models\\";\\nimport { colors, spacing } from \\"src/theme\\";\\n\\nexport default observer(function Login(_props) {\\n  const authPasswordInput = useRef<TextInput>(null);\\n\\n  const [authPassword, setAuthPassword] = useState(\\"\\");\\n  const [isAuthPasswordHidden, setIsAuthPasswordHidden] = useState(true);\\n  const [isSubmitted, setIsSubmitted] = useState(false);\\n  const [attemptsCount, setAttemptsCount] = useState(0);\\n  const {\\n    authenticationStore: { authEmail, setAuthEmail, setAuthToken, validationError },\\n  } = useStores();\\n\\n  useEffect(() => {\\n    // Here is where you could fetch credentials from keychain or storage\\n    // and pre-fill the form fields.\\n    setAuthEmail(\\"ignite@infinite.red\\");\\n    setAuthPassword(\\"ign1teIsAwes0m3\\");\\n\\n    // Return a \\"cleanup\\" function that React will run when the component unmounts\\n    return () => {\\n      setAuthPassword(\\"\\");\\n      setAuthEmail(\\"\\");\\n    };\\n  }, []);\\n\\n  const error = isSubmitted ? validationError : \\"\\";\\n\\n  function login() {\\n    setIsSubmitted(true);\\n    setAttemptsCount(attemptsCount + 1);\\n\\n    if (validationError) return;\\n\\n    // Make a request to your server to get an authentication token.\\n    // If successful, reset the fields and set the token.\\n    setIsSubmitted(false);\\n    setAuthPassword(\\"\\");\\n    setAuthEmail(\\"\\");\\n\\n    // We\'ll mock this with a fake token.\\n    setAuthToken(String(Date.now()));\\n\\n    // navigate to the main screen\\n    router.replace(\\"/\\");\\n  }\\n\\n  const PasswordRightAccessory: ComponentType<TextFieldAccessoryProps> = useMemo(\\n    () =>\\n      function PasswordRightAccessory(props: TextFieldAccessoryProps) {\\n        return (\\n          <Icon\\n            icon={isAuthPasswordHidden ? \\"view\\" : \\"hidden\\"}\\n            color={colors.palette.neutral800}\\n            containerStyle={props.style}\\n            size={20}\\n            onPress={() => setIsAuthPasswordHidden(!isAuthPasswordHidden)}\\n          />\\n        );\\n      },\\n    [isAuthPasswordHidden]\\n  );\\n\\n  return (\\n    <Screen preset=\\"auto\\" contentContainerStyle={$screenContentContainer} safeAreaEdges={[\\"top\\", \\"bottom\\"]}>\\n      <Text testID=\\"login-heading\\" tx=\\"loginScreen.signIn\\" preset=\\"heading\\" style={$signIn} />\\n      <Text tx=\\"loginScreen.enterDetails\\" preset=\\"subheading\\" style={$enterDetails} />\\n      {attemptsCount > 2 && <Text tx=\\"loginScreen.hint\\" size=\\"sm\\" weight=\\"light\\" style={$hint} />}\\n\\n      <TextField\\n        value={authEmail}\\n        onChangeText={setAuthEmail}\\n        containerStyle={$textField}\\n        autoCapitalize=\\"none\\"\\n        autoComplete=\\"email\\"\\n        autoCorrect={false}\\n        keyboardType=\\"email-address\\"\\n        labelTx=\\"loginScreen.emailFieldLabel\\"\\n        placeholderTx=\\"loginScreen.emailFieldPlaceholder\\"\\n        helper={error}\\n        status={error ? \\"error\\" : undefined}\\n        onSubmitEditing={() => authPasswordInput.current?.focus()}\\n      />\\n\\n      <TextField\\n        ref={authPasswordInput}\\n        value={authPassword}\\n        onChangeText={setAuthPassword}\\n        containerStyle={$textField}\\n        autoCapitalize=\\"none\\"\\n        autoComplete=\\"password\\"\\n        autoCorrect={false}\\n        secureTextEntry={isAuthPasswordHidden}\\n        labelTx=\\"loginScreen.passwordFieldLabel\\"\\n        placeholderTx=\\"loginScreen.passwordFieldPlaceholder\\"\\n        onSubmitEditing={login}\\n        RightAccessory={PasswordRightAccessory}\\n      />\\n\\n      <Button testID=\\"login-button\\" tx=\\"loginScreen.tapToSignIn\\" style={$tapButton} preset=\\"reversed\\" onPress={login} />\\n    </Screen>\\n  );\\n});\\n\\nconst $screenContentContainer: ViewStyle = {\\n  paddingVertical: spacing.xxl,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $signIn: TextStyle = {\\n  marginBottom: spacing.sm,\\n};\\n\\nconst $enterDetails: TextStyle = {\\n  marginBottom: spacing.lg,\\n};\\n\\nconst $hint: TextStyle = {\\n  color: colors.tint,\\n  marginBottom: spacing.md,\\n};\\n\\nconst $textField: ViewStyle = {\\n  marginBottom: spacing.lg,\\n};\\n\\nconst $tapButton: ViewStyle = {\\n  marginTop: spacing.xs,\\n};\\n\\nimport { router } from \\"expo-router\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React from \\"react\\";\\nimport { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { Button, Text } from \\"src/components\\";\\nimport { isRTL } from \\"src/i18n\\";\\nimport { useStores } from \\"src/models\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { useHeader } from \\"src/utils/useHeader\\";\\nimport { useSafeAreaInsetsStyle } from \\"src/utils/useSafeAreaInsetsStyle\\";\\n\\nconst welcomeLogo = require(\\"assets/images/logo.png\\");\\nconst welcomeFace = require(\\"assets/images/welcome-face.png\\");\\n\\nexport default observer(function WelcomeScreen() {\\n  const {\\n    authenticationStore: { logout },\\n  } = useStores();\\n\\n  function goNext() {\\n    router.replace(\\"/showroom\\");\\n  }\\n\\n  useHeader(\\n    {\\n      rightTx: \\"common.logOut\\",\\n      onRightPress: logout,\\n    },\\n    [logout]\\n  );\\n\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"]);\\n\\n  return (\\n    <View style={$container}>\\n      <View style={$topContainer}>\\n        <Image style={$welcomeLogo} source={welcomeLogo} resizeMode=\\"contain\\" />\\n        <Text testID=\\"welcome-heading\\" style={$welcomeHeading} tx=\\"welcomeScreen.readyForLaunch\\" preset=\\"heading\\" />\\n        <Text tx=\\"welcomeScreen.exciting\\" preset=\\"subheading\\" />\\n        <Image style={$welcomeFace} source={welcomeFace} resizeMode=\\"contain\\" />\\n      </View>\\n\\n      <View style={[$bottomContainer, $bottomContainerInsets]}>\\n        <Text tx=\\"welcomeScreen.postscript\\" size=\\"md\\" />\\n        <Button testID=\\"next-screen-button\\" preset=\\"reversed\\" tx=\\"welcomeScreen.letsGo\\" onPress={goNext} />\\n      </View>\\n    </View>\\n  );\\n});\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.background,\\n};\\n\\nconst $topContainer: ViewStyle = {\\n  flexShrink: 1,\\n  flexGrow: 1,\\n  flexBasis: \\"57%\\",\\n  justifyContent: \\"center\\",\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $bottomContainer: ViewStyle = {\\n  flexShrink: 1,\\n  flexGrow: 0,\\n  flexBasis: \\"43%\\",\\n  backgroundColor: colors.palette.neutral100,\\n  borderTopLeftRadius: 16,\\n  borderTopRightRadius: 16,\\n  paddingHorizontal: spacing.lg,\\n  justifyContent: \\"space-around\\",\\n};\\nconst $welcomeLogo: ImageStyle = {\\n  height: 88,\\n  width: \\"100%\\",\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $welcomeFace: ImageStyle = {\\n  height: 169,\\n  width: 269,\\n  position: \\"absolute\\",\\n  bottom: -47,\\n  right: -80,\\n  transform: [{ scaleX: isRTL ? -1 : 1 }],\\n};\\n\\nconst $welcomeHeading: TextStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nimport React from \\"react\\";\\nimport { Tabs } from \\"expo-router/tabs\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport { Icon } from \\"src/components\\";\\nimport { translate } from \\"src/i18n\\";\\nimport { colors, spacing, typography } from \\"src/theme\\";\\nimport { TextStyle, ViewStyle } from \\"react-native\\";\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\n\\nexport default observer(function Layout() {\\n  const { bottom } = useSafeAreaInsets();\\n\\n  return (\\n    <Tabs\\n      screenOptions={{\\n        headerShown: false,\\n        tabBarHideOnKeyboard: true,\\n        tabBarStyle: [$tabBar, { height: bottom + 70 }],\\n        tabBarActiveTintColor: colors.text,\\n        tabBarInactiveTintColor: colors.text,\\n        tabBarLabelStyle: $tabBarLabel,\\n        tabBarItemStyle: $tabBarItem,\\n      }}\\n    >\\n      <Tabs.Screen\\n        name=\\"showroom\\"\\n        options={{\\n          href: \\"/showroom\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.componentsTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"components\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"community\\"\\n        options={{\\n          href: \\"/community\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.communityTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"community\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"podcasts\\"\\n        options={{\\n          href: \\"/podcasts\\",\\n          headerShown: false,\\n          tabBarAccessibilityLabel: translate(\\"demoNavigator.podcastListTab\\"),\\n          tabBarLabel: translate(\\"demoNavigator.podcastListTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"podcast\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"debug\\"\\n        options={{\\n          href: \\"/debug\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.debugTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"debug\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n    </Tabs>\\n  );\\n});\\n\\nconst $tabBar: ViewStyle = {\\n  backgroundColor: colors.background,\\n  borderTopColor: colors.transparent,\\n};\\n\\nconst $tabBarItem: ViewStyle = {\\n  paddingTop: spacing.md,\\n};\\n\\nconst $tabBarLabel: TextStyle = {\\n  fontSize: 12,\\n  fontFamily: typography.primary.medium,\\n  lineHeight: 16,\\n  flex: 1,\\n};\\n\\nimport React from \\"react\\";\\nimport { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { ListItem, Screen, Text } from \\"src/components\\";\\nimport { spacing } from \\"src/theme\\";\\nimport { openLinkInBrowser } from \\"src/utils/openLinkInBrowser\\";\\nimport { isRTL } from \\"src/i18n\\";\\n\\nconst chainReactLogo = require(\\"assets/images/demo/cr-logo.png\\");\\nconst reactNativeLiveLogo = require(\\"assets/images/demo/rnl-logo.png\\");\\nconst reactNativeRadioLogo = require(\\"assets/images/demo/rnr-logo.png\\");\\nconst reactNativeNewsletterLogo = require(\\"assets/images/demo/rnn-logo.png\\");\\n\\nexport default function DemoCommunityScreen() {\\n  return (\\n    <Screen preset=\\"scroll\\" contentContainerStyle={$container} safeAreaEdges={[\\"top\\"]}>\\n      <Text preset=\\"heading\\" tx=\\"demoCommunityScreen.title\\" style={$title} />\\n      <Text tx=\\"demoCommunityScreen.tagLine\\" style={$tagline} />\\n\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.joinUsOnSlackTitle\\" />\\n      <Text tx=\\"demoCommunityScreen.joinUsOnSlack\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.joinSlackLink\\"\\n        leftIcon=\\"slack\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() => openLinkInBrowser(\\"https://community.infinite.red/\\")}\\n      />\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.makeIgniteEvenBetterTitle\\" style={$sectionTitle} />\\n      <Text tx=\\"demoCommunityScreen.makeIgniteEvenBetter\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.contributeToIgniteLink\\"\\n        leftIcon=\\"github\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() => openLinkInBrowser(\\"https://github.com/infinitered/ignite\\")}\\n      />\\n\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.theLatestInReactNativeTitle\\" style={$sectionTitle} />\\n      <Text tx=\\"demoCommunityScreen.theLatestInReactNative\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.reactNativeRadioLink\\"\\n        bottomSeparator\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={reactNativeRadioLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://reactnativeradio.com/\\")}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.reactNativeNewsletterLink\\"\\n        bottomSeparator\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={reactNativeNewsletterLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://reactnativenewsletter.com/\\")}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.reactNativeLiveLink\\"\\n        bottomSeparator\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={reactNativeLiveLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://rn.live/\\")}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.chainReactConferenceLink\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={chainReactLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://cr.infinite.red/\\")}\\n      />\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.hireUsTitle\\" style={$sectionTitle} />\\n      <Text tx=\\"demoCommunityScreen.hireUs\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.hireUsLink\\"\\n        leftIcon=\\"clap\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() => openLinkInBrowser(\\"https://infinite.red/contact\\")}\\n      />\\n    </Screen>\\n  );\\n}\\n\\nconst $container: ViewStyle = {\\n  paddingTop: spacing.lg + spacing.xl,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $title: TextStyle = {\\n  marginBottom: spacing.sm,\\n};\\n\\nconst $tagline: TextStyle = {\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $description: TextStyle = {\\n  marginBottom: spacing.lg,\\n};\\n\\nconst $sectionTitle: TextStyle = {\\n  marginTop: spacing.xxl,\\n};\\n\\nconst $logoContainer: ViewStyle = {\\n  marginEnd: spacing.md,\\n  flexDirection: \\"row\\",\\n  flexWrap: \\"wrap\\",\\n  alignContent: \\"center\\",\\n};\\n\\nconst $logo: ImageStyle = {\\n  height: 38,\\n  width: 38,\\n};\\n\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { ComponentType, useEffect, useMemo } from \\"react\\";\\nimport {\\n  AccessibilityProps,\\n  ActivityIndicator,\\n  Image,\\n  ImageSourcePropType,\\n  ImageStyle,\\n  Platform,\\n  StyleSheet,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\";\\nimport { type ContentStyle } from \\"@shopify/flash-list\\";\\nimport Animated, {\\n  Extrapolate,\\n  interpolate,\\n  useAnimatedStyle,\\n  useSharedValue,\\n  withSpring,\\n} from \\"react-native-reanimated\\";\\nimport { Button, ButtonAccessoryProps, Card, EmptyState, Icon, ListView, Screen, Text, Toggle } from \\"src/components\\";\\nimport { isRTL, translate } from \\"src/i18n\\";\\nimport { useStores } from \\"src/models\\";\\nimport { Episode } from \\"src/models/Episode\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { delay } from \\"src/utils/delay\\";\\nimport { openLinkInBrowser } from \\"src/utils/openLinkInBrowser\\";\\n\\nconst ICON_SIZE = 14;\\n\\nconst rnrImage1 = require(\\"assets/images/demo/rnr-image-1.png\\");\\nconst rnrImage2 = require(\\"assets/images/demo/rnr-image-2.png\\");\\nconst rnrImage3 = require(\\"assets/images/demo/rnr-image-3.png\\");\\nconst rnrImages = [rnrImage1, rnrImage2, rnrImage3];\\n\\nexport default observer(function DemoPodcastListScreen(_props) {\\n  const { episodeStore } = useStores();\\n\\n  const [refreshing, setRefreshing] = React.useState(false);\\n  const [isLoading, setIsLoading] = React.useState(false);\\n\\n  // initially, kick off a background refresh without the refreshing UI\\n  useEffect(() => {\\n    (async function load() {\\n      setIsLoading(true);\\n      await episodeStore.fetchEpisodes();\\n      setIsLoading(false);\\n    })();\\n  }, [episodeStore]);\\n\\n  // simulate a longer refresh, if the refresh is too fast for UX\\n  async function manualRefresh() {\\n    setRefreshing(true);\\n    await Promise.all([episodeStore.fetchEpisodes(), delay(750)]);\\n    setRefreshing(false);\\n  }\\n\\n  return (\\n    <Screen preset=\\"fixed\\" safeAreaEdges={[\\"top\\"]} contentContainerStyle={$screenContentContainer}>\\n      <ListView<Episode>\\n        contentContainerStyle={$listContentContainer}\\n        data={episodeStore.episodesForList.slice()}\\n        extraData={episodeStore.favorites.length + episodeStore.episodes.length}\\n        refreshing={refreshing}\\n        estimatedItemSize={177}\\n        onRefresh={manualRefresh}\\n        ListEmptyComponent={\\n          isLoading ? (\\n            <ActivityIndicator />\\n          ) : (\\n            <EmptyState\\n              preset=\\"generic\\"\\n              style={$emptyState}\\n              headingTx={episodeStore.favoritesOnly ? \\"demoPodcastListScreen.noFavoritesEmptyState.heading\\" : undefined}\\n              contentTx={episodeStore.favoritesOnly ? \\"demoPodcastListScreen.noFavoritesEmptyState.content\\" : undefined}\\n              button={episodeStore.favoritesOnly ? \\"\\" : undefined}\\n              buttonOnPress={manualRefresh}\\n              imageStyle={$emptyStateImage}\\n              ImageProps={{ resizeMode: \\"contain\\" }}\\n            />\\n          )\\n        }\\n        ListHeaderComponent={\\n          <View style={$heading}>\\n            <Text preset=\\"heading\\" tx=\\"demoPodcastListScreen.title\\" />\\n            {(episodeStore.favoritesOnly || episodeStore.episodesForList.length > 0) && (\\n              <View style={$toggle}>\\n                <Toggle\\n                  value={episodeStore.favoritesOnly}\\n                  onValueChange={() => episodeStore.setProp(\\"favoritesOnly\\", !episodeStore.favoritesOnly)}\\n                  variant=\\"switch\\"\\n                  labelTx=\\"demoPodcastListScreen.onlyFavorites\\"\\n                  labelPosition=\\"left\\"\\n                  labelStyle={$labelStyle}\\n                  accessibilityLabel={translate(\\"demoPodcastListScreen.accessibility.switch\\")}\\n                />\\n              </View>\\n            )}\\n          </View>\\n        }\\n        renderItem={({ item }) => (\\n          <EpisodeCard\\n            episode={item}\\n            isFavorite={episodeStore.hasFavorite(item)}\\n            onPressFavorite={() => episodeStore.toggleFavorite(item)}\\n          />\\n        )}\\n      />\\n    </Screen>\\n  );\\n});\\n\\nconst EpisodeCard = observer(function EpisodeCard({\\n  episode,\\n  isFavorite,\\n  onPressFavorite,\\n}: {\\n  episode: Episode;\\n  onPressFavorite: () => void;\\n  isFavorite: boolean;\\n}) {\\n  const liked = useSharedValue(isFavorite ? 1 : 0);\\n\\n  const imageUri = useMemo<ImageSourcePropType>(() => {\\n    return rnrImages[Math.floor(Math.random() * rnrImages.length)];\\n  }, []);\\n\\n  // Grey heart\\n  const animatedLikeButtonStyles = useAnimatedStyle(() => {\\n    return {\\n      transform: [\\n        {\\n          scale: interpolate(liked.value, [0, 1], [1, 0], Extrapolate.EXTEND),\\n        },\\n      ],\\n      opacity: interpolate(liked.value, [0, 1], [1, 0], Extrapolate.CLAMP),\\n    };\\n  });\\n\\n  // Pink heart\\n  const animatedUnlikeButtonStyles = useAnimatedStyle(() => {\\n    return {\\n      transform: [\\n        {\\n          scale: liked.value,\\n        },\\n      ],\\n      opacity: liked.value,\\n    };\\n  });\\n\\n  /**\\n   * Android has a \\"longpress\\" accessibility action. iOS does not, so we just have to use a hint.\\n   * @see https://reactnative.dev/docs/accessibility#accessibilityactions\\n   */\\n  const accessibilityHintProps = useMemo(\\n    () =>\\n      Platform.select<AccessibilityProps>({\\n        ios: {\\n          accessibilityLabel: episode.title,\\n          accessibilityHint: translate(\\"demoPodcastListScreen.accessibility.cardHint\\", {\\n            action: isFavorite ? \\"unfavorite\\" : \\"favorite\\",\\n          }),\\n        },\\n        android: {\\n          accessibilityLabel: episode.title,\\n          accessibilityActions: [\\n            {\\n              name: \\"longpress\\",\\n              label: translate(\\"demoPodcastListScreen.accessibility.favoriteAction\\"),\\n            },\\n          ],\\n          onAccessibilityAction: ({ nativeEvent }) => {\\n            if (nativeEvent.actionName === \\"longpress\\") {\\n              handlePressFavorite();\\n            }\\n          },\\n        },\\n      }),\\n    [episode, isFavorite]\\n  );\\n\\n  const handlePressFavorite = () => {\\n    onPressFavorite();\\n    liked.value = withSpring(liked.value ? 0 : 1);\\n  };\\n\\n  const handlePressCard = () => {\\n    openLinkInBrowser(episode.enclosure.link);\\n  };\\n\\n  const ButtonLeftAccessory: ComponentType<ButtonAccessoryProps> = useMemo(\\n    () =>\\n      function ButtonLeftAccessory() {\\n        return (\\n          <View>\\n            <Animated.View style={[$iconContainer, StyleSheet.absoluteFill, animatedLikeButtonStyles]}>\\n              <Icon\\n                icon=\\"heart\\"\\n                size={ICON_SIZE}\\n                color={colors.palette.neutral800} // dark grey\\n              />\\n            </Animated.View>\\n            <Animated.View style={[$iconContainer, animatedUnlikeButtonStyles]}>\\n              <Icon\\n                icon=\\"heart\\"\\n                size={ICON_SIZE}\\n                color={colors.palette.primary400} // pink\\n              />\\n            </Animated.View>\\n          </View>\\n        );\\n      },\\n    []\\n  );\\n\\n  return (\\n    <Card\\n      style={$item}\\n      verticalAlignment=\\"force-footer-bottom\\"\\n      onPress={handlePressCard}\\n      onLongPress={handlePressFavorite}\\n      HeadingComponent={\\n        <View style={$metadata}>\\n          <Text style={$metadataText} size=\\"xxs\\" accessibilityLabel={episode.datePublished.accessibilityLabel}>\\n            {episode.datePublished.textLabel}\\n          </Text>\\n          <Text style={$metadataText} size=\\"xxs\\" accessibilityLabel={episode.duration.accessibilityLabel}>\\n            {episode.duration.textLabel}\\n          </Text>\\n        </View>\\n      }\\n      content={`${episode.parsedTitleAndSubtitle.title} - ${episode.parsedTitleAndSubtitle.subtitle}`}\\n      {...accessibilityHintProps}\\n      RightComponent={<Image source={imageUri} style={$itemThumbnail} />}\\n      FooterComponent={\\n        <Button\\n          onPress={handlePressFavorite}\\n          onLongPress={handlePressFavorite}\\n          style={[$favoriteButton, isFavorite && $unFavoriteButton]}\\n          accessibilityLabel={\\n            isFavorite\\n              ? translate(\\"demoPodcastListScreen.accessibility.unfavoriteIcon\\")\\n              : translate(\\"demoPodcastListScreen.accessibility.favoriteIcon\\")\\n          }\\n          LeftAccessory={ButtonLeftAccessory}\\n        >\\n          <Text\\n            size=\\"xxs\\"\\n            accessibilityLabel={episode.duration.accessibilityLabel}\\n            weight=\\"medium\\"\\n            text={\\n              isFavorite\\n                ? translate(\\"demoPodcastListScreen.unfavoriteButton\\")\\n                : translate(\\"demoPodcastListScreen.favoriteButton\\")\\n            }\\n          />\\n        </Button>\\n      }\\n    />\\n  );\\n});\\n\\nconst $screenContentContainer: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $listContentContainer: ContentStyle = {\\n  paddingHorizontal: spacing.lg,\\n  paddingTop: spacing.lg + spacing.xl,\\n  paddingBottom: spacing.lg,\\n};\\n\\nconst $heading: ViewStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nconst $item: ViewStyle = {\\n  padding: spacing.md,\\n  marginTop: spacing.md,\\n  minHeight: 120,\\n};\\n\\nconst $itemThumbnail: ImageStyle = {\\n  marginTop: spacing.sm,\\n  borderRadius: 50,\\n  alignSelf: \\"flex-start\\",\\n};\\n\\nconst $toggle: ViewStyle = {\\n  marginTop: spacing.md,\\n};\\n\\nconst $labelStyle: TextStyle = {\\n  textAlign: \\"left\\",\\n};\\n\\nconst $iconContainer: ViewStyle = {\\n  height: ICON_SIZE,\\n  width: ICON_SIZE,\\n  flexDirection: \\"row\\",\\n  marginEnd: spacing.sm,\\n};\\n\\nconst $metadata: TextStyle = {\\n  color: colors.textDim,\\n  marginTop: spacing.xs,\\n  flexDirection: \\"row\\",\\n};\\n\\nconst $metadataText: TextStyle = {\\n  color: colors.textDim,\\n  marginEnd: spacing.md,\\n  marginBottom: spacing.xs,\\n};\\n\\nconst $favoriteButton: ViewStyle = {\\n  borderRadius: 17,\\n  marginTop: spacing.md,\\n  justifyContent: \\"flex-start\\",\\n  backgroundColor: colors.palette.neutral300,\\n  borderColor: colors.palette.neutral300,\\n  paddingHorizontal: spacing.md,\\n  paddingTop: spacing.xxxs,\\n  paddingBottom: 0,\\n  minHeight: 32,\\n  alignSelf: \\"flex-start\\",\\n};\\n\\nconst $unFavoriteButton: ViewStyle = {\\n  borderColor: colors.palette.primary100,\\n  backgroundColor: colors.palette.primary100,\\n};\\n\\nconst $emptyState: ViewStyle = {\\n  marginTop: spacing.xxl,\\n};\\n\\nconst $emptyStateImage: ImageStyle = {\\n  transform: [{ scaleX: isRTL ? -1 : 1 }],\\n};\\n\\nimport React from \\"react\\";\\nimport * as Application from \\"expo-application\\";\\nimport { Linking, Platform, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { Button, ListItem, Screen, Text } from \\"src/components\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { isRTL } from \\"src/i18n\\";\\nimport { useStores } from \\"src/models\\";\\n\\nfunction openLinkInBrowser(url: string) {\\n  Linking.canOpenURL(url).then((canOpen) => canOpen && Linking.openURL(url));\\n}\\n\\nexport default function DemoDebugScreen() {\\n  const {\\n    authenticationStore: { logout },\\n  } = useStores();\\n\\n  const usingHermes = typeof HermesInternal === \\"object\\" && HermesInternal !== null;\\n  // @ts-expect-error\\n  const usingFabric = global.nativeFabricUIManager != null;\\n\\n  const demoReactotron = React.useMemo(\\n    () => async () => {\\n      if (__DEV__) {\\n        console.tron.display({\\n          name: \\"DISPLAY\\",\\n          value: {\\n            appId: Application.applicationId,\\n            appName: Application.applicationName,\\n            appVersion: Application.nativeApplicationVersion,\\n            appBuildVersion: Application.nativeBuildVersion,\\n            hermesEnabled: usingHermes,\\n          },\\n          important: true,\\n        });\\n      }\\n    },\\n    []\\n  );\\n\\n  return (\\n    <Screen preset=\\"scroll\\" safeAreaEdges={[\\"top\\"]} contentContainerStyle={$container}>\\n      <Text\\n        style={$reportBugsLink}\\n        tx=\\"demoDebugScreen.reportBugs\\"\\n        onPress={() => openLinkInBrowser(\\"https://github.com/infinitered/ignite/issues\\")}\\n      />\\n      <Text style={$title} preset=\\"heading\\" tx=\\"demoDebugScreen.title\\" />\\n      <View style={$itemsContainer}>\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Id</Text>\\n              <Text>{Application.applicationId}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Name</Text>\\n              <Text>{Application.applicationName}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Version</Text>\\n              <Text>{Application.nativeApplicationVersion}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Build Version</Text>\\n              <Text>{Application.nativeBuildVersion}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">Hermes Enabled</Text>\\n              <Text>{String(usingHermes)}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">Fabric Enabled</Text>\\n              <Text>{String(usingFabric)}</Text>\\n            </View>\\n          }\\n        />\\n      </View>\\n      <View style={$buttonContainer}>\\n        <Button style={$button} tx=\\"demoDebugScreen.reactotron\\" onPress={demoReactotron} />\\n        <Text style={$hint} tx={`demoDebugScreen.${Platform.OS}ReactotronHint` as const} />\\n      </View>\\n      <View style={$buttonContainer}>\\n        <Button style={$button} tx=\\"common.logOut\\" onPress={logout} />\\n      </View>\\n    </Screen>\\n  );\\n}\\n\\nconst $container: ViewStyle = {\\n  paddingTop: spacing.lg + spacing.xl,\\n  paddingBottom: spacing.xxl,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $title: TextStyle = {\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $reportBugsLink: TextStyle = {\\n  color: colors.tint,\\n  marginBottom: spacing.lg,\\n  alignSelf: isRTL ? \\"flex-start\\" : \\"flex-end\\",\\n};\\n\\nconst $item: ViewStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nconst $itemsContainer: ViewStyle = {\\n  marginBottom: spacing.xl,\\n};\\n\\nconst $button: ViewStyle = {\\n  marginBottom: spacing.xs,\\n};\\n\\nconst $buttonContainer: ViewStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nconst $hint: TextStyle = {\\n  color: colors.palette.neutral600,\\n  fontSize: 12,\\n  lineHeight: 15,\\n  paddingBottom: spacing.lg,\\n};\\n\\nmv src/screens/DemoShowroomScreen src/components/Showroom\\nrm src/components/Showroom/DemoShowroomScreen.tsx\\n\\n> import { ReactElement } from \\"react\\";\\n>\\n> export interface Demo {\\n>   name: string;\\n>   description: string;\\n>   data: ReactElement[];\\n> }\\n\\nconst WebListItem: FC<DemoListItem> = ({ item, sectionIndex }) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link to={`/showroom/${sectionSlug}`} style={$menuContainer}>\\n        <Text preset=\\"bold\\">{item.name}</Text>\\n      </Link>\\n      {item.useCases.map((u) => {\\n        const itemSlug = slugify(u);\\n\\n        return (\\n          <Link key={`section${sectionIndex}-${u}`} to={`/showroom/${sectionSlug}/${itemSlug}`}>\\n            <Text>{u}</Text>\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nconst NativeListItem: FC<DemoListItem> = ({ item, sectionIndex, handleScroll }) => (\\n  <View>\\n    <Text onPress={() => handleScroll?.(sectionIndex)} preset=\\"bold\\" style={$menuContainer}>\\n      {item.name}\\n    </Text>\\n    {item.useCases.map((u, index) => (\\n      <ListItem\\n        key={`section${sectionIndex}-${u}`}\\n        onPress={() => handleScroll?.(sectionIndex, index + 1)}\\n        text={u}\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n      />\\n    ))}\\n  </View>\\n);\\n\\nconst ShowroomListItem = Platform.select({\\n  web: WebListItem,\\n  default: NativeListItem,\\n});\\n\\nconst ShowroomListItem: FC<DemoListItem> = ({ item, sectionIndex }) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link href={{ pathname: \\"/showroom\\", params: { sectionSlug } }}>\\n        <Text preset=\\"bold\\">{item.name}</Text>\\n      </Link>\\n      {item.useCases.map((u) => {\\n        const itemSlug = slugify(u);\\n        return (\\n          <Link\\n            key={`section${sectionIndex}-${u}`}\\n            href={{ pathname: \\"/showroom\\", params: { sectionSlug, itemSlug } }}\\n            asChild\\n          >\\n            <ListItem text={u} rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"} />\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nimport React, { FC, useEffect, useRef, useState } from \\"react\\";\\nimport { Image, ImageStyle, SectionList, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { Drawer } from \\"react-native-drawer-layout\\";\\nimport { type ContentStyle } from \\"@shopify/flash-list\\";\\nimport { ListItem, ListView, ListViewRef, Screen, Text } from \\"src/components\\";\\nimport { isRTL } from \\"src/i18n\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { useSafeAreaInsetsStyle } from \\"src/utils/useSafeAreaInsetsStyle\\";\\nimport * as Demos from \\"src/components/Showroom/demos\\";\\nimport { DrawerIconButton } from \\"src/components/Showroom/DrawerIconButton\\";\\nimport { Link, useLocalSearchParams } from \\"expo-router\\";\\n\\nconst logo = require(\\"assets/images/logo.png\\");\\n\\ninterface DemoListItem {\\n  item: { name: string; useCases: string[] };\\n  sectionIndex: number;\\n  handleScroll?: (sectionIndex: number, itemIndex?: number) => void;\\n}\\n\\nconst slugify = (str: string) =>\\n  str\\n    .toLowerCase()\\n    .trim()\\n    .replace(/[^\\\\w\\\\s-]/g, \\"\\")\\n    .replace(/[\\\\s_-]+/g, \\"-\\")\\n    .replace(/^-+|-+$/g, \\"\\");\\n\\nconst ShowroomListItem: FC<DemoListItem> = ({ item, sectionIndex }) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link href={{ pathname: \\"/showroom\\", params: { sectionSlug } }}>\\n        <Text preset=\\"bold\\">{item.name}</Text>\\n      </Link>\\n      {item.useCases.map((u) => {\\n        const itemSlug = slugify(u);\\n        return (\\n          <Link\\n            key={`section${sectionIndex}-${u}`}\\n            href={{ pathname: \\"/showroom\\", params: { sectionSlug, itemSlug } }}\\n            asChild\\n          >\\n            <ListItem text={u} rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"} />\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nexport default function DemoShowroomScreen() {\\n  const [open, setOpen] = useState(false);\\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\\n  const listRef = useRef<SectionList>(null);\\n  const menuRef = useRef<ListViewRef<DemoListItem[\\"item\\"]>>(null);\\n\\n  const params = useLocalSearchParams<{\\n    sectionSlug?: string;\\n    itemSlug?: string;\\n  }>();\\n\\n  // handle scroll when section/item params change\\n  React.useEffect(() => {\\n    if (Object.keys(params).length > 0) {\\n      const demoValues = Object.values(Demos);\\n      const findSectionIndex = demoValues.findIndex((x) => x.name.toLowerCase() === params.sectionSlug);\\n      let findItemIndex = 0;\\n      if (params.itemSlug) {\\n        try {\\n          findItemIndex =\\n            demoValues[findSectionIndex].data.findIndex((u) => slugify(u.props.name) === params.itemSlug) + 1;\\n        } catch (err) {\\n          console.error(err);\\n        }\\n      }\\n      handleScroll(findSectionIndex, findItemIndex);\\n    }\\n  }, [params]);\\n\\n  const toggleDrawer = () => {\\n    if (!open) {\\n      setOpen(true);\\n    } else {\\n      setOpen(false);\\n    }\\n  };\\n\\n  const handleScroll = (sectionIndex: number, itemIndex = 0) => {\\n    listRef.current?.scrollToLocation({\\n      animated: true,\\n      itemIndex,\\n      sectionIndex,\\n    });\\n    toggleDrawer();\\n  };\\n\\n  const scrollToIndexFailed = (info: {\\n    index: number;\\n    highestMeasuredFrameIndex: number;\\n    averageItemLength: number;\\n  }) => {\\n    listRef.current?.getScrollResponder()?.scrollToEnd();\\n    timeout.current = setTimeout(\\n      () =>\\n        listRef.current?.scrollToLocation({\\n          animated: true,\\n          itemIndex: info.index,\\n          sectionIndex: 0,\\n        }),\\n      50\\n    );\\n  };\\n\\n  useEffect(() => {\\n    return () => timeout.current && clearTimeout(timeout.current);\\n  }, []);\\n\\n  const $drawerInsets = useSafeAreaInsetsStyle([\\"top\\"]);\\n\\n  return (\\n    <Drawer\\n      open={open}\\n      onOpen={() => setOpen(true)}\\n      onClose={() => setOpen(false)}\\n      drawerType={\\"slide\\"}\\n      drawerPosition={isRTL ? \\"right\\" : \\"left\\"}\\n      renderDrawerContent={() => (\\n        <View style={[$drawer, $drawerInsets]}>\\n          <View style={$logoContainer}>\\n            <Image source={logo} style={$logoImage} />\\n          </View>\\n\\n          <ListView<DemoListItem[\\"item\\"]>\\n            ref={menuRef}\\n            contentContainerStyle={$listContentContainer}\\n            estimatedItemSize={250}\\n            data={Object.values(Demos).map((d) => ({\\n              name: d.name,\\n              useCases: d.data.map((u) => u.props.name as string),\\n            }))}\\n            keyExtractor={(item) => item.name}\\n            renderItem={({ item, index: sectionIndex }) => (\\n              <ShowroomListItem {...{ item, sectionIndex, handleScroll }} />\\n            )}\\n          />\\n        </View>\\n      )}\\n    >\\n      <Screen preset=\\"fixed\\" safeAreaEdges={[\\"top\\"]} contentContainerStyle={$screenContainer}>\\n        <DrawerIconButton onPress={toggleDrawer} {...{ open }} />\\n\\n        <SectionList\\n          ref={listRef}\\n          contentContainerStyle={$sectionListContentContainer}\\n          stickySectionHeadersEnabled={false}\\n          sections={Object.values(Demos)}\\n          renderItem={({ item }) => item}\\n          renderSectionFooter={() => <View style={$demoUseCasesSpacer} />}\\n          ListHeaderComponent={\\n            <View style={$heading}>\\n              <Text preset=\\"heading\\" tx=\\"demoShowroomScreen.jumpStart\\" />\\n            </View>\\n          }\\n          onScrollToIndexFailed={scrollToIndexFailed}\\n          renderSectionHeader={({ section }) => {\\n            return (\\n              <View>\\n                <Text preset=\\"heading\\" style={$demoItemName}>\\n                  {section.name}\\n                </Text>\\n                <Text style={$demoItemDescription}>{section.description}</Text>\\n              </View>\\n            );\\n          }}\\n        />\\n      </Screen>\\n    </Drawer>\\n  );\\n}\\n\\nconst $screenContainer: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $drawer: ViewStyle = {\\n  backgroundColor: colors.background,\\n  flex: 1,\\n};\\n\\nconst $listContentContainer: ContentStyle = {\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $sectionListContentContainer: ViewStyle = {\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $heading: ViewStyle = {\\n  marginBottom: spacing.xxxl,\\n};\\n\\nconst $logoImage: ImageStyle = {\\n  height: 42,\\n  width: 77,\\n};\\n\\nconst $logoContainer: ViewStyle = {\\n  alignSelf: \\"flex-start\\",\\n  justifyContent: \\"center\\",\\n  height: 56,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $demoItemName: TextStyle = {\\n  fontSize: 24,\\n  marginBottom: spacing.md,\\n};\\n\\nconst $demoItemDescription: TextStyle = {\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $demoUseCasesSpacer: ViewStyle = {\\n  paddingBottom: spacing.xxl,\\n};\\n\\nnpx uri-scheme open exp://localhost:8081/--/showroom --ios\\n\\nrm src/app.tsx\\nrm -rf src/screens\\nrm -rf src/navigators\\n\\n// error-line\\nimport { goBack, resetRoot, navigate } from \\"src/navigators/navigationUtilities\\";\\n// success-line\\nimport { router } from \\"expo-router\\";\\n// ...\\n// error-line-start\\nreactotron.onCustomCommand({\\n  title: \\"Reset Navigation State\\",\\n  description: \\"Resets the navigation state\\",\\n  command: \\"resetNavigation\\",\\n  handler: () => {\\n    Reactotron.log(\\"resetting navigation state\\");\\n    resetRoot({ index: 0, routes: [] });\\n  },\\n});\\n// error-line-end\\n\\nreactotron.onCustomCommand<[{ name: \\"route\\"; type: ArgType.String }]>({\\n  command: \\"navigateTo\\",\\n  handler: (args) => {\\n    const { route } = args ?? {};\\n    if (route) {\\n      Reactotron.log(`Navigating to: ${route}`);\\n      // error-line\\n      navigate(route as any); // this should be tied to the navigator, but since this is for debugging, we can navigate to illegal routes\\n      // success-line-start\\n      // @ts-ignore - bypass Expo Router Typed Routes\\n      router.push(route);\\n      // success-line-end\\n    } else {\\n      Reactotron.log(\\"Could not navigate. No route provided.\\");\\n    }\\n  },\\n  title: \\"Navigate To Screen\\",\\n  description: \\"Navigates to a screen by name.\\",\\n  args: [{ name: \\"route\\", type: ArgType.String }],\\n});\\n\\nreactotron.onCustomCommand({\\n  title: \\"Go Back\\",\\n  description: \\"Goes back\\",\\n  command: \\"goBack\\",\\n  handler: () => {\\n    Reactotron.log(\\"Going back\\");\\n    // error-line\\n    goBack();\\n    // success-line\\n    router.back();\\n  },\\n});\\n\\nERROR  Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?\\n\\n/**\\n * A styled row component that can be used in FlatList, SectionList, or by itself.\\n * @see [Documentation and Examples]{@link https://docs.infinite.red/ignite-cli/boilerplate/components/ListItem/}\\n * @param {ListItemProps} props - The props for the `ListItem` component.\\n * @returns {JSX.Element} The rendered `ListItem` component.\\n */\\n// error-line\\n  export function ListItem(props: ListItemProps) {\\n// success-line-start\\n  export const ListItem = React.forwardRef<View, ListItemProps>(function ListItem(\\n  props: ListItemProps,\\n  ref,\\n) {\\n// success-line-end\\n  const {\\n    bottomSeparator,\\n    children,\\n    height = 56,\\n    LeftComponent,\\n    leftIcon,\\n    leftIconColor,\\n    RightComponent,\\n    rightIcon,\\n    rightIconColor,\\n    style,\\n    text,\\n    TextProps,\\n    topSeparator,\\n    tx,\\n    txOptions,\\n    textStyle: $textStyleOverride,\\n    containerStyle: $containerStyleOverride,\\n    ...TouchableOpacityProps\\n  } = props\\n\\n  const $textStyles = [$textStyle, $textStyleOverride, TextProps?.style]\\n\\n  const $containerStyles = [\\n    topSeparator && $separatorTop,\\n    bottomSeparator && $separatorBottom,\\n    $containerStyleOverride,\\n  ]\\n\\n  const $touchableStyles = [$touchableStyle, { minHeight: height }, style]\\n\\n  return (\\n    // error-line\\n   <View style={$containerStyles}>\\n    // success-line\\n   <View ref={ref} style={$containerStyles}>\\n      <TouchableOpacity {...TouchableOpacityProps} style={$touchableStyles}>\\n        <ListItemAction\\n          side=\\"left\\"\\n          size={height}\\n          icon={leftIcon}\\n          iconColor={leftIconColor}\\n          Component={LeftComponent}\\n        />\\n\\n        <Text {...TextProps} tx={tx} text={text} txOptions={txOptions} style={$textStyles}>\\n          {children}\\n        </Text>\\n\\n        <ListItemAction\\n          side=\\"right\\"\\n          size={height}\\n          icon={rightIcon}\\n          iconColor={rightIconColor}\\n          Component={RightComponent}\\n        />\\n      </TouchableOpacity>\\n    </View>\\n  )\\n  //error-line\\n}\\n  //success-line\\n})\\n\\n\\n","lastUpdated":"32 seconds ago","title":"Expo Router","publish_date":"2024-01-25","doc_name":"ExpoRouter.md"},{"author":"Joshua Yoes","content":"---\\ndestinationDir: app/components/specs\\n---\\n// https://reactnativetesting.io/component/testing/\\n\\nimport React from \\"react\\"\\nimport { fireEvent, render, screen } from \\"@testing-library/react-native\\"\\nimport { <%= props.pascalCaseName %> } from \\"../<%= props.pascalCaseName %>\\"\\n\\ndescribe(\\"<%= props.pascalCaseName %>\\", () => {\\n  it(\\"renders\\", () => {\\n    render(<<%= props.pascalCaseName %> />)\\n    expect(screen.getByText(\\"Hello\\")).toBeTruthy()\\n  })\\n})\\n\\n","lastUpdated":"11 months ago","title":"Generator for Component Tests","publish_date":"2022-10-10","doc_name":"GeneratorComponentTests.md"},{"author":"Dan Edwards","content":"curl -Ls \\"https://get.maestro.mobile.dev\\" | bash\\n\\nbrew tap facebook/fb\\nbrew install idb-companion\\n\\n#flow: Login\\n#intent:\\n# Open up our app and use the default credentials to login\\n# and navigate to the demo screen\\n\\nappId: com.maestroapp # the app id of the app we want to test\\n# You can find the appId of an Ignite app in the `app.json` file\\n# as the \\"package\\" under the \\"android\\" section and \\"bundleIdentifier\\" under the \\"ios\\" section\\n---\\n- clearState # clears the state of our app (navigation and authentication)\\n- launchApp # launches the app\\n- assertVisible: \\"Sign In\\"\\n- tapOn:\\n    text: \\"Tap to sign in!\\"\\n- assertVisible: \\"Your app, almost ready for launch!\\"\\n- tapOn:\\n    text: \\"Let\'s go!\\"\\n- assertVisible: \\"Components to jump start your project!\\"\\n\\ncd .maestro\\nmaestro test Login.yaml\\n\\n    \u2551  > Flow\\n        Running on iPhone 11 - iOS 16.2 - 5A269AA1-2704-429B-BF30-D6965060E03E\\n    \u2551    \u2705  Clear state of com.maestroapp\\n    \u2551    \u2705  Launch app \\"com.maestroapp\\"\\n    \u2551    \u2705  Assert that \\"Sign In\\" is visible\\n    \u2551    \u2705  Tap on \\"Tap to sign in!\\"\\n    \u2551    \u2705  Assert that \\"Your app, almost ready for launch!\\" is visible\\n    \u2551    \u2705  Tap on \\"Let\'s go!\\"\\n    \u2551    \u2705  Assert that \\"Components to jump start your project!\\" is visible\\n\\n# flow: run the login flow and then navigate to the demo podcast list screen, favorite a podcast, and then switch the list to only be favorites.\\n\\nappId: com.maestroapp\\nenv:\\n  TITLE: \\"RNR 257 - META RESPONDS! How can we improve React Native, part 2\\"\\n  FAVORITES_TEXT: \\"Switch on to only show favorites\\"\\n\\n---\\n- runFlow: Login.yaml\\n- tapOn: \\"Podcast, tab, 3 of 4\\"\\n- assertVisible: \\"React Native Radio episodes\\"\\n- tapOn:\\n    text: ${FAVORITES_TEXT}\\n- assertVisible: \\"This looks a bit empty\\"\\n- tapOn:\\n    text: ${FAVORITES_TEXT}\\n- scrollUntilVisible:\\n    element:\\n      text: ${TITLE}\\n    direction: DOWN\\n    timeout: 50000\\n    speed: 40\\n    visibilityPercentage: 100\\n- longPressOn: ${TITLE}\\n- scrollUntilVisible:\\n    element:\\n      text: ${FAVORITES_TEXT}\\n    direction: UP\\n    timeout: 50000\\n    speed: 40\\n    visibilityPercentage: 100\\n- tapOn:\\n    text: ${FAVORITES_TEXT}\\n- assertVisible: ${TITLE}\\n\\n","lastUpdated":"6 weeks ago","title":"Maestro Setup","publish_date":"2023-02-01","doc_name":"MaestroSetup.md"},{"author":"Frank Calise","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nyarn add react-native-mmkv\\nyarn prebuild\\n\\n// error-line\\nimport AsyncStorage from \\"@react-native-async-storage/async-storage\\";\\n// success-line\\nimport { MMKV } from \\"react-native-mmkv\\";\\n// success-line\\nconst storage = new MMKV();\\n\\n/**\\n * Loads a string from storage.\\n *\\n * @param key The key to fetch.\\n */\\n// error-line\\nexport async function loadString(key: string): Promise<string | null> {\\n// success-line\\nexport function loadString(key: string): string | null {\\n  try {\\n    // error-line\\n    return await AsyncStorage.getItem(key)\\n    // success-line\\n    return storage.getString(key);\\n  } catch {\\n    // not sure why this would fail... even reading the RN docs I\'m unclear\\n    return null;\\n  }\\n}\\n\\n/**\\n * Saves a string to storage.\\n *\\n * @param key The key to fetch.\\n * @param value The value to store.\\n */\\n// error-line\\nexport async function saveString(key: string, value: string): Promise<boolean> {\\n// success-line\\nexport function saveString(key: string, value: string): boolean {\\n  try {\\n    // error-line\\n    await AsyncStorage.setItem(key, value)\\n    // success-line\\n    storage.set(key, value);\\n    return true;\\n  } catch {\\n    return false;\\n  }\\n}\\n\\n/**\\n * Loads something from storage and runs it thru JSON.parse.\\n *\\n * @param key The key to fetch.\\n */\\n// error-line\\nexport async function load(key: string): Promise<any | null> {\\n// success-line\\nexport function load(key: string): any | null {\\n  try {\\n    // error-line\\n    const almostThere = await AsyncStorage.getItem(key)\\n    // success-line\\n    const almostThere = storage.getString(key);\\n    return JSON.parse(almostThere);\\n  } catch {\\n    return null;\\n  }\\n}\\n\\n/**\\n * Saves an object to storage.\\n *\\n * @param key The key to fetch.\\n * @param value The value to store.\\n */\\n// error-line\\nexport async function save(key: string, value: any): Promise<boolean> {\\n// success-line\\nexport function save(key: string, value: any): boolean {\\n  try {\\n    // error-line\\n    await AsyncStorage.setItem(key, JSON.stringify(value))\\n    // success-line\\n    saveString(key, JSON.stringify(value));\\n    return true;\\n  } catch {\\n    return false;\\n  }\\n}\\n\\n/**\\n * Removes something from storage.\\n *\\n * @param key The key to kill.\\n */\\n// error-line\\nexport async function remove(key: string): Promise<void> {\\n// success-line\\nexport function remove(key: string): void {\\n  try {\\n    // error-line\\n    await AsyncStorage.removeItem(key)\\n    // success-line\\n    storage.delete(key);\\n  } catch {}\\n}\\n\\n/**\\n * Burn it all to the ground.\\n */\\n// error-line\\nexport async function clear(): Promise<void> {\\n// success-line\\nexport function clear(): void {\\n  try {\\n    // error-line\\n    await AsyncStorage.clear()\\n    // success-line\\n    storage.clearAll();\\n  } catch {}\\n}\\n\\nimport { load, loadString, save, saveString, clear, remove } from \\"./storage\\"\\nimport { storage } from \\"./mmkv\\" // <- wherever your global `new MMKV()` constant is\\n\\nconst VALUE_OBJECT = { x: 1 }\\nconst VALUE_STRING = JSON.stringify(VALUE_OBJECT)\\n\\ndescribe(\\"MMKV Storage\\", () => {\\n  beforeEach(() => {\\n    storage.clearAll()\\n    storage.set(\\"string\\", \\"string\\")\\n    storage.set(\\"object\\", JSON.stringify(VALUE_OBJECT))\\n  })\\n\\n  it(\\"should be defined\\", () => {\\n    expect(storage).toBeDefined()\\n  })\\n\\n  it(\\"should have default keys\\", () => {\\n    expect(storage.getAllKeys()).toEqual([\\"string\\", \\"object\\"])\\n  })\\n\\n  it(\\"should load data\\", () => {\\n    expect(load(\\"object\\")).toEqual(VALUE_OBJECT)\\n    expect(loadString(\\"object\\")).toEqual(VALUE_STRING)\\n\\n    expect(load(\\"string\\")).toEqual(\\"string\\")\\n    expect(loadString(\\"string\\")).toEqual(\\"string\\")\\n  })\\n\\n  it(\\"should save strings\\", () => {\\n    saveString(\\"string\\", \\"new string\\")\\n    expect(loadString(\\"string\\")).toEqual(\\"new string\\")\\n  })\\n\\n  it(\\"should save objects\\", () => {\\n    save(\\"object\\", { y: 2 })\\n    expect(load(\\"object\\")).toEqual({ y: 2 })\\n    save(\\"object\\", { z: 3, also: true })\\n    expect(load(\\"object\\")).toEqual({ z: 3, also: true })\\n  })\\n\\n  it(\\"should save strings and objects\\", () => {\\n    saveString(\\"object\\", \\"new string\\")\\n    expect(loadString(\\"object\\")).toEqual(\\"new string\\")\\n  })\\n\\n  it(\\"should remove data\\", () => {\\n    remove(\\"object\\")\\n    expect(load(\\"object\\")).toBeUndefined()\\n    expect(storage.getAllKeys()).toEqual([\\"string\\"])\\n\\n    remove(\\"string\\")\\n    expect(load(\\"string\\")).toBeUndefined()\\n    expect(storage.getAllKeys()).toEqual([])\\n  })\\n\\n  it(\\"should clear all data\\", () => {\\n    expect(storage.getAllKeys()).toEqual([\\"string\\", \\"object\\"])\\n    clear()\\n    expect(storage.getAllKeys()).toEqual([])\\n  })\\n})\\n\\n","lastUpdated":"3 weeks ago","title":"Migrating to MMKV","publish_date":"2022-12-28","doc_name":"MigratingToMMKV.md"},{"author":"Yulian Glukhenko","content":"sdk.dir=/Users/path/to/sdk\\nndk.dir=/Users/path/to/ndk\\n\\nsdk.dir=/Users/~Usernamehere~/Library/Android/sdk\\nndk.dir=/Users/~Usernamehere~/Library/Android/sdk/ndk/21.4.7075529\\n\\narch -x86_64 ./gradlew :ReactAndroid:installArchives --no-daemon\\n\\n","lastUpdated":"4 weeks ago","title":"Patching/Building Android .aar From Source","publish_date":"2022-10-09","doc_name":"PatchingBuildingAndroid.md"},{"author":"Frank Calise","content":"npx ignite-cli@latest new PizzaApp --workflow=prebuild --yes\\n\\nnpm install -g eas-cli\\n\\nbrew install cocoapods fastlane\\n\\nyarn add expo-dev-client\\n\\neas init\\n\\nWarning: Your project uses dynamic app configuration, and the EAS project ID can\'t automatically be added to it.\\nhttps://docs.expo.dev/workflow/configuration/#dynamic-configuration-with-appconfigjs\\n\\nTo complete the setup process, set \\"extra.eas.projectId\\" in your app.config.ts or app.json:\\n\\n{\\n  \\"expo\\": {\\n    \\"extra\\": {\\n      \\"eas\\": {\\n        \\"projectId\\": \\"...id here...\\"\\n      }\\n    }\\n  }\\n}\\n\\neas build:configure\\n\\n{\\n  \\"cli\\": {\\n    \\"version\\": \\">= 0.60.0\\"\\n  },\\n  \\"build\\": {\\n    \\"development\\": {\\n      \\"developmentClient\\": true,\\n      \\"distribution\\": \\"internal\\"\\n    },\\n    \\"preview\\": {\\n      \\"developmentClient\\": true,\\n      \\"ios\\": {\\n        \\"simulator\\": true\\n      }\\n    },\\n    \\"production\\": {}\\n  },\\n  \\"submit\\": {\\n    \\"production\\": {}\\n  }\\n}\\n\\neas build --profile preview\\n\\neas build --profile preview --local\\n\\nEAS_LOCAL_BUILD_ARTIFACTS_DIR=build eas build --profile preview --local\\n\\n--\\"start\\": \\"expo start\\"\\n++\\"start\\": \\"expo start --dev-client\\"\\n\\n","lastUpdated":"4 weeks ago","title":"Prepping Ignite for EAS Build","publish_date":"2023-12-04","doc_name":"PrepForEASBuild.md"},{"author":"Frank Calise","content":"npx ignite-cli@latest new PizzaApp --remove-demo --workflow=prebuild --yes\\ncd PizzaApp\\n\\nnpx expo install react-native-vision-camera\\n\\n\\"plugins\\": [\\n  \\"expo-localization\\",\\n  [\\n    \\"expo-build-properties\\",\\n    {\\n      \\"ios\\": {\\n        \\"newArchEnabled\\": false\\n      },\\n      \\"android\\": {\\n        \\"newArchEnabled\\": false\\n      }\\n    }\\n  ],\\n  [\\n    \\"react-native-vision-camera\\",\\n    {\\n      \\"cameraPermissionText\\": \\"$(PRODUCT_NAME) needs access to your Camera.\\",\\n      \\"enableCodeScanner\\": true\\n    }\\n  ]\\n],\\n\\nnpx expo prebuild\\nyarn android\\n\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { FC } from \\"react\\";\\nimport { AppStackScreenProps } from \\"../navigators\\";\\nimport { Camera, CameraPermissionStatus } from \\"react-native-vision-camera\\";\\nimport { Linking, View, ViewStyle } from \\"react-native\\";\\nimport { Button, Screen, Text } from \\"app/components\\";\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\\n  function WelcomeScreen(_props) {\\n    const [cameraPermission, setCameraPermission] =\\n      React.useState<CameraPermissionStatus>();\\n\\n    React.useEffect(() => {\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n    }, []);\\n\\n    const promptForCameraPermissions = React.useCallback(async () => {\\n      const permission = await Camera.requestCameraPermission();\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n\\n      if (permission === \\"denied\\") await Linking.openSettings();\\n    }, [cameraPermission]);\\n\\n    if (cameraPermission == null) {\\n      // still loading\\n      return null;\\n    }\\n\\n    return (\\n      <Screen contentContainerStyle={$container}>\\n        <View>\\n          <Text>\\n            Camera Permission:{\\" \\"}\\n            {cameraPermission === null ? \\"Loading...\\" : cameraPermission}\\n          </Text>\\n          {cameraPermission !== \\"granted\\" && (\\n            <Button\\n              onPress={promptForCameraPermissions}\\n              text=\\"Request Camera Permission\\"\\n            />\\n          )}\\n        </View>\\n      </Screen>\\n    );\\n  }\\n);\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  padding: 20,\\n  justifyContent: \\"space-evenly\\",\\n};\\n\\nnpx ignite-cli@next g model CodeStore\\nnpx ignite-cli@next g screen Codes\\n\\nimport { Instance, SnapshotIn, SnapshotOut, types } from \\"mobx-state-tree\\";\\nimport { withSetPropAction } from \\"./helpers/withSetPropAction\\";\\n\\n/**\\n * Model description here for TypeScript hints.\\n */\\nexport const CodeStoreModel = types\\n  .model(\\"CodeStore\\")\\n  .props({\\n    codes: types.array(types.string),\\n  })\\n  .actions(withSetPropAction)\\n  .actions((self) => ({\\n    addCode(code: string) {\\n      self.codes.push(code);\\n    },\\n  }));\\n\\nexport interface CodeStore extends Instance<typeof CodeStoreModel> {}\\nexport interface CodeStoreSnapshotOut\\n  extends SnapshotOut<typeof CodeStoreModel> {}\\nexport interface CodeStoreSnapshotIn\\n  extends SnapshotIn<typeof CodeStoreModel> {}\\nexport const createCodeStoreDefaultModel = () =>\\n  types.optional(CodeStoreModel, {});\\n\\nimport React, { FC } from \\"react\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport { View, ViewStyle } from \\"react-native\\";\\nimport { AppStackScreenProps } from \\"app/navigators\\";\\nimport { Button, Screen, Text } from \\"app/components\\";\\nimport { useNavigation } from \\"@react-navigation/native\\";\\nimport { useStores } from \\"app/models\\";\\nimport { spacing } from \\"app/theme\\";\\n\\ninterface CodesScreenProps extends AppStackScreenProps<\\"Codes\\"> {}\\n\\nexport const CodesScreen: FC<CodesScreenProps> = observer(\\n  function CodesScreen() {\\n    // Pull in one of our MST stores\\n    const { codeStore } = useStores();\\n\\n    // Pull in navigation via hook\\n    const navigation = useNavigation();\\n    return (\\n      <Screen\\n        safeAreaEdges={[\\"top\\", \\"bottom\\"]}\\n        style={$root}\\n        preset=\\"scroll\\"\\n        contentContainerStyle={$container}\\n      >\\n        <View>\\n          <Text text={`${codeStore.codes.length} codes scanned`} />\\n\\n          {codeStore.codes.map((code, index) => (\\n            <Text key={`code-index-${index}`} text={code} />\\n          ))}\\n        </View>\\n\\n        <Button text=\\"Go back\\" onPress={() => navigation.goBack()} />\\n      </Screen>\\n    );\\n  }\\n);\\n\\nconst $root: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  justifyContent: \\"space-between\\",\\n  paddingHorizontal: spacing.md,\\n};\\n\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { FC } from \\"react\\";\\nimport { AppStackScreenProps } from \\"../navigators\\";\\n// success-line-start\\nimport {\\n  Camera,\\n  CameraPermissionStatus,\\n  useCameraDevice,\\n  useCodeScanner,\\n} from \\"react-native-vision-camera\\";\\nimport {\\n  Alert,\\n  Linking,\\n  StyleSheet,\\n  TouchableOpacity,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\";\\nimport { Button, Icon, Screen, Text } from \\"app/components\\";\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\nimport { useStores } from \\"app/models\\";\\nimport { spacing } from \\"app/theme\\";\\n// success-line-end\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\\n  function WelcomeScreen(_props) {\\n    const [cameraPermission, setCameraPermission] =\\n      React.useState<CameraPermissionStatus>();\\n    // success-line-start\\n    const [showScanner, setShowScanner] = React.useState(false);\\n    const [isActive, setIsActive] = React.useState(false);\\n\\n    const { codeStore } = useStores();\\n    // success-line-end\\n\\n    React.useEffect(() => {\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n    }, []);\\n\\n    const promptForCameraPermissions = React.useCallback(async () => {\\n      const permission = await Camera.requestCameraPermission();\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n\\n      if (permission === \\"denied\\") await Linking.openSettings();\\n    }, [cameraPermission]);\\n\\n    // success-line-start\\n    const codeScanner = useCodeScanner({\\n      codeTypes: [\\"qr\\", \\"ean-13\\"],\\n      onCodeScanned: (codes) => {\\n        setIsActive(false);\\n\\n        codes.every((code) => {\\n          if (code.value) {\\n            codeStore.addCode(code.value);\\n          }\\n          return true;\\n        });\\n\\n        setShowScanner(false);\\n        Alert.alert(\\"Code scanned!\\");\\n      },\\n    });\\n\\n    const device = useCameraDevice(\\"back\\");\\n\\n    const { right, top } = useSafeAreaInsets();\\n    // success-line-end\\n\\n    if (cameraPermission == null) {\\n      // still loading\\n      return null;\\n    }\\n\\n    // success-line-start\\n    if (showScanner && device) {\\n      return (\\n        <View style={$cameraContainer}>\\n          <Camera\\n            isActive={isActive}\\n            device={device}\\n            codeScanner={codeScanner}\\n            style={StyleSheet.absoluteFill}\\n            photo\\n            video\\n          />\\n          <View\\n            style={[\\n              $cameraButtons,\\n              { right: right + spacing.md, top: top + spacing.md },\\n            ]}\\n          >\\n            <TouchableOpacity\\n              style={$closeCamera}\\n              onPress={() => setShowScanner(false)}\\n            >\\n              <Icon icon=\\"x\\" size={50} />\\n            </TouchableOpacity>\\n          </View>\\n        </View>\\n      );\\n    }\\n    // success-line-end\\n\\n    return (\\n      <Screen contentContainerStyle={$container}>\\n        <View>\\n          <Text>\\n            Camera Permission:{\\" \\"}\\n            {cameraPermission === null ? \\"Loading...\\" : cameraPermission}\\n          </Text>\\n          {cameraPermission !== \\"granted\\" && (\\n            <Button\\n              onPress={promptForCameraPermissions}\\n              text=\\"Request Camera Permission\\"\\n            />\\n          )}\\n        </View>\\n        // success-line-start\\n        <View>\\n          <Button\\n            onPress={() => {\\n              setIsActive(true);\\n              setShowScanner(true);\\n            }}\\n            text=\\"Scan Barcodes\\"\\n          />\\n        </View>\\n        <View>\\n          <Button\\n            onPress={() => _props.navigation.navigate(\\"Codes\\")}\\n            text={`View Scans (${codeStore.codes.length})`}\\n          />\\n          // success-line-end\\n        </View>\\n      </Screen>\\n    );\\n  }\\n);\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  padding: 20,\\n  justifyContent: \\"space-evenly\\",\\n};\\n\\n// success-line-start\\nconst $cameraContainer: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $cameraButtons: ViewStyle = {\\n  position: \\"absolute\\",\\n};\\n\\nconst $closeCamera: ViewStyle = {\\n  marginBottom: spacing.md,\\n  width: 100,\\n  height: 100,\\n  borderRadius: 100 / 2,\\n  backgroundColor: \\"rgba(140, 140, 140, 0.3)\\",\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n};\\n// success-line-end\\n\\n","lastUpdated":"4 weeks ago","title":"React Native Vision Camera","publish_date":"2023-10-23","doc_name":"ReactNativeVisionCamera.md"},{"author":"Justin Poliachik","content":"npx ignite-cli new ReduxApp --yes --removeDemo\\n\\nyarn add @reduxjs/toolkit\\nyarn add react-redux\\n\\nimport { configureStore } from \\"@reduxjs/toolkit\\";\\nimport { TypedUseSelectorHook, useDispatch, useSelector } from \\"react-redux\\";\\nimport counterReducer from \\"./counterSlice\\";\\n\\nexport const store = configureStore({\\n  reducer: {\\n    counter: counterReducer,\\n    // add other state here\\n  },\\n});\\n\\n// Infer the `RootState` and `AppDispatch` types from the store itself\\nexport type RootState = ReturnType<typeof store.getState>;\\nexport type AppDispatch = typeof store.dispatch;\\n\\n// Use throughout app instead of plain `useDispatch` and `useSelector` for type safety\\ntype DispatchFunc = () => AppDispatch;\\nexport const useAppDispatch: DispatchFunc = useDispatch;\\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\\n\\nimport { createSlice } from \\"@reduxjs/toolkit\\";\\n\\n// Define a type for the slice state\\ninterface CounterState {\\n  value: number;\\n}\\n\\n// Define the initial state using that type\\nconst initialState: CounterState = {\\n  value: 0,\\n};\\n\\nexport const counterSlice = createSlice({\\n  name: \\"counter\\",\\n  // `createSlice` will infer the state type from the `initialState` argument\\n  initialState,\\n  reducers: {\\n    increment: (state) => {\\n      state.value += 1;\\n    },\\n    decrement: (state) => {\\n      state.value -= 1;\\n    },\\n  },\\n});\\n\\nexport const { increment, decrement } = counterSlice.actions;\\nexport default counterSlice.reducer;\\n\\nimport { Provider } from \\"react-redux\\";\\nimport { store } from \\"./store/store\\";\\n\\n...\\n\\n<Provider store={store}>\\n  <AppNavigator\\n    linking={linking}\\n    initialState={initialNavigationState}\\n    onStateChange={onNavigationStateChange}\\n  />\\n</Provider>\\n\\nimport React, { FC } from \\"react\\";\\nimport { View, ViewStyle } from \\"react-native\\";\\nimport { Button, Text } from \\"app/components\\";\\nimport { AppStackScreenProps } from \\"../navigators\\";\\nimport { colors } from \\"../theme\\";\\nimport { useSafeAreaInsetsStyle } from \\"../utils/useSafeAreaInsetsStyle\\";\\nimport { useAppDispatch, useAppSelector } from \\"app/store/store\\";\\nimport { decrement, increment } from \\"app/store/counterSlice\\";\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = () => {\\n  const $containerInsets = useSafeAreaInsetsStyle([\\"top\\", \\"bottom\\"]);\\n  const count = useAppSelector((state) => state.counter.value);\\n  const dispatch = useAppDispatch();\\n  return (\\n    <View style={[$containerInsets, $container]}>\\n      <Button text=\\"Increment\\" onPress={() => dispatch(increment())} />\\n      <Button text=\\"Decrement\\" onPress={() => dispatch(decrement())} />\\n      <Text text={`Count: ${count}`} />\\n    </View>\\n  );\\n};\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.background,\\n};\\n\\nyarn add redux-persist\\n\\nimport { combineReducers, configureStore } from \\"@reduxjs/toolkit\\";\\nimport counterReducer from \\"./counterSlice\\";\\nimport { TypedUseSelectorHook, useDispatch, useSelector } from \\"react-redux\\";\\nimport { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from \\"redux-persist\\";\\nimport AsyncStorage from \\"@react-native-async-storage/async-storage\\";\\n\\nconst persistConfig = {\\n  key: \\"root\\",\\n  version: 1,\\n  storage: AsyncStorage,\\n};\\n\\nconst rootReducer = combineReducers({\\n  counter: counterReducer,\\n});\\n\\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\\n\\nexport const store = configureStore({\\n  reducer: persistedReducer,\\n  middleware: (getDefaultMiddleware) =>\\n    getDefaultMiddleware({\\n      serializableCheck: {\\n        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\\n      },\\n    }),\\n});\\n\\nexport const persistor = persistStore(store);\\n\\n// Infer the `RootState` and `AppDispatch` types from the store itself\\nexport type RootState = ReturnType<typeof store.getState>;\\nexport type AppDispatch = typeof store.dispatch;\\n\\n// Use throughout app instead of plain `useDispatch` and `useSelector` for type safety\\ntype DispatchFunc = () => AppDispatch;\\nexport const useAppDispatch: DispatchFunc = useDispatch;\\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\\n\\n...\\n\\nimport { persistor, store } from \\"./store/store\\"\\nimport { PersistGate } from \\"redux-persist/integration/react\\"\\n\\n...\\n\\nfunction App(props: AppProps) {\\n  const { hideSplashScreen } = props\\n...\\n  const onBeforeLiftPersistGate = () => {\\n    // If your initialization scripts run very fast, it\'s good to show the splash screen for just a bit longer to prevent flicker.\\n    // Slightly delaying splash screen hiding for better UX; can be customized or removed as needed,\\n    // Note: (vanilla Android) The splash-screen will not appear if you launch your app via the terminal or Android Studio. Kill the app and launch it normally by tapping on the launcher icon. https://stackoverflow.com/a/69831106\\n    // Note: (vanilla iOS) You might notice the splash-screen logo change size. This happens in debug/development mode. Try building the app for release.\\n    setTimeout(hideSplashScreen, 500)\\n  }\\n...\\n  return (\\n    <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n      <ErrorBoundary catchErrors={Config.catchErrors}>\\n        <GestureHandlerRootView style={$container}>\\n          <Provider store={store}>\\n            <PersistGate\\n              loading={null}\\n              onBeforeLift={onBeforeLiftPersistGate}\\n              persistor={persistor}\\n            >\\n              <AppNavigator\\n                linking={linking}\\n                initialState={initialNavigationState}\\n                onStateChange={onNavigationStateChange}\\n              />\\n            </PersistGate>\\n          </Provider>\\n        </GestureHandlerRootView>\\n      </ErrorBoundary>\\n    </SafeAreaProvider>\\n  )\\n}\\n\\nexport default App\\n\\n","lastUpdated":"4 weeks ago","title":"Redux","publish_date":"2024-01-16","doc_name":"Redux.md"},{"author":"Justin Poliachik","content":"yarn remove mobx mobx-react-lite mobx-state-tree reactotron-mst\\n\\nrm -rf ./app/models\\n\\n--import { mst } from \\"reactotron-mst\\"\\n\\n...\\n\\nconst reactotron = Reactotron.configure({\\n  name: require(\\"../../package.json\\").name,\\n  onConnect: () => {\\n    /** since this file gets hot reloaded, let\'s clear the past logs every time we connect */\\n    Reactotron.clear()\\n  },\\n--}).use(\\n--  mst({\\n--    /** ignore some chatty `mobx-state-tree` actions  */\\n--    filter: (event) => /postProcessSnapshot|@APPLY_SNAPSHOT/.test(event.name) === false,\\n--  }),\\n--)\\n++})\\n\\n--import { observer } from \\"mobx-react-lite\\"\\n\\n--export const WelcomeScreen: FC<WelcomeScreenProps> = observer(function WelcomeScreen(props) {\\n++export const WelcomeScreen: FC<WelcomeScreenProps> = (props) => {\\n    ...\\n--})\\n++}\\n\\n--import { useStores } from \\"../models\\"\\n\\nconst AppStack = () => {\\n--  const { authenticationStore: { isAuthenticated } } = useStores()\\n++  const isAuthenticated = false // TODO: TEMPORARY VALUE - replace with alternative state management solution\\n\\n--import { observer } from \\"mobx-react-lite\\"\\n\\n--export const <%= props.pascalCaseName %> = observer(function <%= props.pascalCaseName %>(props: <%= props.pascalCaseName %>Props) {\\n++export const <%= props.pascalCaseName %> = (props: <%= props.pascalCaseName %>Props) => {\\n    ...\\n--})\\n++}\\n\\n--import { useInitialRootStore } from \\"./models\\"\\n\\n--const { rehydrated } = useInitialRootStore(() => {\\n--setTimeout(hideSplashScreen, 500)\\n--})\\n++React.useEffect(() => {\\n++    setTimeout(hideSplashScreen, 500)\\n++}, [])\\n\\n--if (!rehydrated || !isNavigationStateRestored || !areFontsLoaded) return null\\n++if (!isNavigationStateRestored || !areFontsLoaded) return null\\n\\n--import type { ApiConfig, ApiFeedResponse } from \\"./api.types\\"\\n--import type { EpisodeSnapshotIn } from \\"../../models/Episode\\"\\n++import type { ApiConfig, ApiFeedResponse, EpisodeItem } from \\"./api.types\\"\\n\\n\\n--async getEpisodes(): Promise<{ kind: \\"ok\\"; episodes: EpisodeSnapshotIn[] } | GeneralApiProblem> {\\n++async getEpisodes(): Promise<{ kind: \\"ok\\"; episodes: EpisodeItem[] } | GeneralApiProblem> {\\n// make the api call\\n\\n--// This is where we transform the data into the shape we expect for our MST model.\\n--const episodes: EpisodeSnapshotIn[] =\\n--  rawData?.items.map((raw) => ({\\n--    ...raw,\\n--  })) ?? []\\n++const episodes = rawData?.items ?? []\\n\\n","lastUpdated":"4 weeks ago","title":"Remove MobX-State-Tree","publish_date":"2024-02-05","doc_name":"RemoveMobxStateTree.md"},{"author":"Mark Rickert","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nimport {\\n  withInfoPlist,\\n  withAndroidManifest,\\n  type ConfigPlugin,\\n  type AndroidConfig,\\n  type IOSConfig,\\n} from \\"@expo/config-plugins\\"\\n\\n// More info: https://developer.android.com/guide/topics/manifest/uses-feature-element\\nconst validAndroidFeatures = [\\n  \\"android.hardware.audio.low_latency\\",\\n  \\"android.hardware.audio.output\\",\\n  \\"android.hardware.audio.pro\\",\\n  \\"android.hardware.bluetooth\\",\\n  \\"android.hardware.bluetooth_le\\",\\n  \\"android.hardware.camera\\",\\n  \\"android.hardware.camera.any\\",\\n  \\"android.hardware.camera.autofocus\\",\\n  \\"android.hardware.camera.capability.manual_post_processing\\",\\n  \\"android.hardware.camera.capability.manual_sensor\\",\\n  \\"android.hardware.camera.capability.raw\\",\\n  \\"android.hardware.camera.external\\",\\n  \\"android.hardware.camera.flash\\",\\n  \\"android.hardware.camera.front\\",\\n  \\"android.hardware.camera.level.full\\",\\n  \\"android.hardware.consumerir\\",\\n  \\"android.hardware.faketouch\\",\\n  \\"android.hardware.faketouch.multitouch.distinct\\",\\n  \\"android.hardware.faketouch.multitouch.jazzhand\\",\\n  \\"android.hardware.fingerprint\\",\\n  \\"android.hardware.gamepad\\",\\n  \\"android.hardware.location\\",\\n  \\"android.hardware.location.gps\\",\\n  \\"android.hardware.location.network\\",\\n  \\"android.hardware.microphone\\",\\n  \\"android.hardware.nfc\\",\\n  \\"android.hardware.nfc.hce\\",\\n  \\"android.hardware.opengles.aep\\",\\n  \\"android.hardware.screen.landscape\\",\\n  \\"android.hardware.screen.portrait\\",\\n  \\"android.hardware.sensor.accelerometer\\",\\n  \\"android.hardware.sensor.ambient_temperature\\",\\n  \\"android.hardware.sensor.barometer\\",\\n  \\"android.hardware.sensor.compass\\",\\n  \\"android.hardware.sensor.gyroscope\\",\\n  \\"android.hardware.sensor.heartrate\\",\\n  \\"android.hardware.sensor.heartrate.ecg\\",\\n  \\"android.hardware.sensor.hifi_sensors\\",\\n  \\"android.hardware.sensor.light\\",\\n  \\"android.hardware.sensor.proximity\\",\\n  \\"android.hardware.sensor.relative_humidity\\",\\n  \\"android.hardware.sensor.stepcounter\\",\\n  \\"android.hardware.sensor.stepdetector\\",\\n  \\"android.hardware.telephony\\",\\n  \\"android.hardware.telephony.cdma\\",\\n  \\"android.hardware.telephony.gsm\\",\\n  \\"android.hardware.touchscreen\\",\\n  \\"android.hardware.touchscreen.multitouch\\",\\n  \\"android.hardware.touchscreen.multitouch.distinct\\",\\n  \\"android.hardware.touchscreen.multitouch.jazzhand\\",\\n  \\"android.hardware.type.automotive\\",\\n  \\"android.hardware.type.pc\\",\\n  \\"android.hardware.type.television\\",\\n  \\"android.hardware.type.watch\\",\\n  \\"android.hardware.usb.accessory\\",\\n  \\"android.hardware.usb.host\\",\\n  \\"android.hardware.vulkan.compute\\",\\n  \\"android.hardware.vulkan.level\\",\\n  \\"android.hardware.vulkan.version\\",\\n  \\"android.hardware.wifi\\",\\n  \\"android.hardware.wifi.direct\\",\\n] as const\\n\\n// More info: https://developer.apple.com/documentation/bundleresources/information_property_list/uirequireddevicecapabilities/\\nconst validIOSFeatures = [\\n  \\"accelerometer\\",\\n  \\"arkit\\",\\n  \\"arm64\\",\\n  \\"armv7\\",\\n  \\"auto-focus-camera\\",\\n  \\"bluetooth-le\\",\\n  \\"camera-flash\\",\\n  \\"driverkit\\",\\n  \\"front-facing-camera\\",\\n  \\"gamekit\\",\\n  \\"gps\\",\\n  \\"gyroscope\\",\\n  \\"healthkit\\",\\n  \\"iphone-ipad-minimum-performance-a12\\",\\n  \\"iphone-performance-gaming-tier\\",\\n  \\"location-services\\",\\n  \\"magnetometer\\",\\n  \\"metal\\",\\n  \\"microphone\\",\\n  \\"nfc\\",\\n  \\"opengles-1\\",\\n  \\"opengles-2\\",\\n  \\"opengles-3\\",\\n  \\"peer-peer\\",\\n  \\"sms\\",\\n  \\"still-camera\\",\\n  \\"telephony\\",\\n  \\"video-camera\\",\\n  \\"wifi\\",\\n] as const\\n\\ntype HardwareFeatureAndroid = (typeof validAndroidFeatures)[number]\\ntype HardwareFeatureIOS = (typeof validIOSFeatures)[number]\\n\\nexport const withRequiredHardware: ConfigPlugin<{\\n  ios: Array<HardwareFeatureIOS>\\n  android: Array<HardwareFeatureAndroid>\\n}> = (config, { android, ios }) => {\\n  // Add android required hardware\\n  config = withAndroidManifest(config, (config) => {\\n    config.modResults = addHardwareFeaturesToAndroidManifestManifest(config.modResults, android)\\n    return config\\n  })\\n\\n  // Add ios required hardware\\n  config = withInfoPlist(config, (config) => {\\n    config.modResults = addRequiredDeviceCapabilitiesToInfoPlist(config.modResults, ios)\\n    return config\\n  })\\n\\n  return config\\n}\\n\\nexport function addHardwareFeaturesToAndroidManifestManifest(\\n  androidManifest: AndroidConfig.Manifest.AndroidManifest,\\n  requiredFeatures: Array<HardwareFeatureAndroid>,\\n) {\\n  // Add `<uses-feature android:name=\\"android.hardware.camera.front\\" android:required=\\"true\\"/>` to the AndroidManifest.xml\\n  if (!Array.isArray(androidManifest.manifest[\\"uses-feature\\"])) {\\n    androidManifest.manifest[\\"uses-feature\\"] = []\\n  }\\n\\n  // Here we add the feature to the manifest:\\n  // loop through the array of features and add them to the manifest if they don\'t exist\\n  for (const feature of requiredFeatures) {\\n    if (\\n      !androidManifest.manifest[\\"uses-feature\\"].find((item) => item.$[\\"android:name\\"] === feature)\\n    ) {\\n      androidManifest.manifest[\\"uses-feature\\"]?.push({\\n        $: {\\n          \\"android:name\\": feature,\\n          \\"android:required\\": \\"true\\",\\n        },\\n      })\\n    }\\n  }\\n\\n  return androidManifest\\n}\\n\\nexport function addRequiredDeviceCapabilitiesToInfoPlist(\\n  infoPlist: IOSConfig.InfoPlist,\\n  requiredFeatures: Array<HardwareFeatureIOS>,\\n) {\\n  if (!infoPlist.UIRequiredDeviceCapabilities) {\\n    infoPlist.UIRequiredDeviceCapabilities = []\\n  }\\n  const existingFeatures = infoPlist.UIRequiredDeviceCapabilities as Array<HardwareFeatureIOS>\\n  for (const f of requiredFeatures) {\\n    if (!existingFeatures.includes(f)) {\\n      existingFeatures.push(f)\\n    }\\n  }\\n\\n  infoPlist.UIRequiredDeviceCapabilities = existingFeatures\\n  return infoPlist\\n}\\n\\n  return {\\n    ...config,\\n    plugins: [\\n      ...existingPlugins,\\n      require(\\"./plugins/withSplashScreen\\").withSplashScreen,\\n      require(\\"./plugins/withFlipperDisabled\\").withFlipperDisabled,\\n      // success-line-start\\n      [\\n        require(\\"./plugins/withRequiredHardware\\").withRequiredHardware,\\n        {\\n          // More info: https://developer.apple.com/documentation/bundleresources/information_property_list/uirequireddevicecapabilities/\\n          ios: [\\"front-facing-camera\\", \\"microphone\\"],\\n          // More info: https://developer.android.com/guide/topics/manifest/uses-feature-element\\n          android: [\\"android.hardware.camera.front\\", \\"android.hardware.microphone\\"],\\n        },\\n      ],\\n      // success-line-end\\n    ],\\n  }\\n\\n<key>UIRequiredDeviceCapabilities</key>\\n<array>\\n  <string>armv7</string>\\n  // success-line-start\\n  <string>front-facing-camera</string>\\n  <string>microphone</string>\\n  // success-line-end\\n</array>\\n\\n// success-line\\n<uses-feature android:name=\\"android.hardware.camera.front\\" android:required=\\"true\\"/>\\n// success-line\\n<uses-feature android:name=\\"android.hardware.microphone\\" android:required=\\"true\\"/>\\n\\n","lastUpdated":"3 weeks ago","title":"Requiring Hardware Features with Expo","publish_date":"2024-02-28","doc_name":"RequiringHardwareFeaturesWithExpo.md"},{"author":"Robin Heinze","content":"# Javascript Node CircleCI 2.0 configuration file\\n#\\n# Check https://circleci.com/docs/2.0/language-javascript/ for more details\\n#\\n\\ndefaults: &defaults\\n  docker:\\n    # Choose the version of Node you want here\\n    - image: circleci/node:10.11\\n  working_directory: ~/repo\\n\\nversion: 2\\njobs:\\n  setup:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-\\n      - run:\\n          name: Install dependencies\\n          command: |\\n            yarn install\\n      - save_cache:\\n          name: Save node modules\\n          paths:\\n            - node_modules\\n          key: v1-dependencies-{{ checksum \\"package.json\\" }}\\n\\n  tests:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-\\n      - run:\\n          name: Install React Native CLI and Ignite CLI\\n          command: |\\n            sudo npm i -g ignite-cli react-native-cli\\n      - run:\\n          name: Run tests\\n          command: yarn ci:test # this command will be added to/found in your package.json scripts\\n\\n  publish:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - run: echo \\"//registry.npmjs.org/:_authToken=$NPM_TOKEN\\" >> ~/.npmrc\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-\\n      # Run semantic-release after all the above is set.\\n      - run:\\n          name: Publish to NPM\\n          command: yarn ci:publish # this will be added to your package.json scripts\\n\\nworkflows:\\n  version: 2\\n  test_and_release:\\n    jobs:\\n      - setup\\n      - tests:\\n          requires:\\n            - setup\\n      - publish:\\n          requires:\\n            - tests\\n          filters:\\n            branches:\\n              only: master\\n\\n","lastUpdated":"3 weeks ago","title":"Sample YAML for CircleCi for Ignite","publish_date":"2022-10-09","doc_name":"SampleYAMLCircleCI.md"},{"author":"Yulian Glukhenko","content":"yarn add @gorhom/bottom-sheet@^4\\n\\nyarn add react-native-reanimated react-native-gesture-handler\\n# or\\nexpo install react-native-reanimated react-native-gesture-handler\\n\\ntouch ./app/components/SelectField.tsx\\n\\nimport React, { forwardRef, Ref, useImperativeHandle } from \\"react\\";\\nimport { View, TouchableOpacity } from \\"react-native\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<\\n    TextFieldProps,\\n    \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"\\n  > {}\\nexport interface SelectFieldRef {}\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const { ...TextFieldProps } = props;\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  useImperativeHandle(ref, () => ({}));\\n\\n  return (\\n    <>\\n      <TouchableOpacity activeOpacity={1}>\\n        <View pointerEvents=\\"none\\">\\n          <TextField {...TextFieldProps} />\\n        </View>\\n      </TouchableOpacity>\\n    </>\\n  );\\n});\\n\\nimport { SelectField } from \\"../components/SelectField\\";\\n\\nfunction FavoriteNBATeamsScreen() {\\n  return (\\n    <SelectField\\n      label=\\"NBA Team(s)\\"\\n      helper=\\"Select your team(s)\\"\\n      placeholder=\\"e.g. Trail Blazers\\"\\n    />\\n  );\\n}\\n\\n<TextField\\n  {...TextFieldProps}\\n  RightAccessory={(props) => (\\n    <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n  )}\\n/>\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\"> {\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n}\\n\\n// ...\\n\\nconst {\\n  value = [],\\n  renderValue,\\n  onSelect,\\n  options = [],\\n  multiple = true,\\n  ...TextFieldProps\\n} = props;\\n\\nconst valueString =\\n  renderValue?.(value) ??\\n  value\\n    .map((v) => options.find((o) => o.value === v)?.label)\\n    .filter(Boolean)\\n    .join(\\", \\");\\n\\nimport React, { forwardRef, Ref, useImperativeHandle } from \\"react\\";\\nimport { TouchableOpacity, View } from \\"react-native\\";\\n// success-line\\nimport { Icon } from \\"./Icon\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {\\n  // success-line-start\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n  // success-line-end\\n}\\nexport interface SelectFieldRef {}\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const {\\n    // success-line-start\\n    value = [],\\n    onSelect,\\n    renderValue,\\n    options = [],\\n    multiple = true,\\n    // success-line-end\\n    ...TextFieldProps\\n  } = props;\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  useImperativeHandle(ref, () => ({}));\\n\\n  // success-line-start\\n  const valueString =\\n    renderValue?.(value) ??\\n    value\\n      .map((v) => options.find((o) => o.value === v)?.label)\\n      .filter(Boolean)\\n      .join(\\", \\");\\n  // success-line-end\\n\\n  return (\\n    <>\\n      <TouchableOpacity activeOpacity={1}>\\n        <View pointerEvents=\\"none\\">\\n          <TextField\\n            {...TextFieldProps}\\n            // success-line-start\\n            value={valueString}\\n            RightAccessory={(props) => (\\n              <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n            )}\\n            // success-line-end\\n          />\\n        </View>\\n      </TouchableOpacity>\\n    </>\\n  );\\n});\\n\\nimport { SelectField } from \\"../components/SelectField\\";\\n\\nconst teams = [\\n  { label: \\"Hawks\\", value: \\"ATL\\" },\\n  { label: \\"Celtics\\", value: \\"BOS\\" },\\n  // ...\\n  { label: \\"Jazz\\", value: \\"UTA\\" },\\n  { label: \\"Wizards\\", value: \\"WAS\\" },\\n];\\n\\n// prettier-ignore\\nfunction FavoriteNBATeamsScreen() {\\n  return (\\n    <>\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={[\\"POR\\", \\"MEM\\", \\"NOP\\", \\"CHI\\", \\"CLE\\", \\"SAS\\", \\"MIL\\", \\"LAL\\", \\"PHX\\", \\"WAS\\"]}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n      />\\n\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={[\\"POR\\", \\"MEM\\", \\"NOP\\", \\"CHI\\", \\"CLE\\", \\"SAS\\", \\"MIL\\", \\"LAL\\", \\"PHX\\", \\"WAS\\"]}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n        multiline\\n      />\\n\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={[\\"POR\\", \\"MEM\\", \\"NOP\\", \\"CHI\\", \\"CLE\\", \\"SAS\\", \\"MIL\\", \\"LAL\\", \\"PHX\\", \\"WAS\\"]}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n        renderValue={(value) => `Selected ${value.length} Teams`}\\n      />\\n    </>\\n  )\\n}\\n\\n//...\\n// success-line\\nimport { BottomSheetModalProvider } from \\"@gorhom/bottom-sheet\\";\\n\\n//...\\n\\nreturn (\\n  <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n    <ErrorBoundary catchErrors={Config.catchErrors}>\\n      // success-line\\n      <BottomSheetModalProvider>\\n        <AppNavigator\\n          linking={linking}\\n          initialState={initialNavigationState}\\n          onStateChange={onNavigationStateChange}\\n        />\\n        // success-line\\n      </BottomSheetModalProvider>\\n    </ErrorBoundary>\\n  </SafeAreaProvider>\\n);\\n\\n//...\\n\\n// success-line-start\\nimport {\\n  BottomSheetBackdrop,\\n  BottomSheetFlatList,\\n  BottomSheetFooter,\\n  BottomSheetModal,\\n} from \\"@gorhom/bottom-sheet\\";\\n// success-line-end\\nimport React, { forwardRef, Ref, useImperativeHandle, useRef } from \\"react\\";\\nimport { TouchableOpacity, View, ViewStyle } from \\"react-native\\";\\n// success-line\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\n// success-line\\nimport { spacing } from \\"../theme\\";\\n// success-line\\nimport { Button } from \\"./Button\\";\\nimport { Icon } from \\"./Icon\\";\\n// success-line\\nimport { ListItem } from \\"./ListItem\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n}\\nexport interface SelectFieldRef {\\n  // success-line-start\\n  presentOptions: () => void;\\n  dismissOptions: () => void;\\n  // success-line-end\\n}\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const {\\n    value = [],\\n    onSelect,\\n    renderValue,\\n    options = [],\\n    multiple = true,\\n    ...TextFieldProps\\n  } = props;\\n  // success-line-start\\n  const sheet = useRef<BottomSheetModal>(null);\\n  const { bottom } = useSafeAreaInsets();\\n  // success-line-end\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  // success-line\\n  useImperativeHandle(ref, () => ({ presentOptions, dismissOptions }));\\n\\n  const valueString =\\n    renderValue?.(value) ??\\n    value\\n      .map((v) => options.find((o) => o.value === v)?.label)\\n      .filter(Boolean)\\n      .join(\\", \\");\\n\\n  // success-line-start\\n  function presentOptions() {\\n    if (disabled) return;\\n    sheet.current?.present();\\n  }\\n\\n  function dismissOptions() {\\n    sheet.current?.dismiss();\\n  }\\n  // success-line-end\\n\\n  return (\\n    <>\\n      <TouchableOpacity\\n        activeOpacity={1}\\n        // success-line\\n        onPress={presentOptions}\\n      >\\n        <View pointerEvents=\\"none\\">\\n          <TextField\\n            {...TextFieldProps}\\n            value={valueString}\\n            RightAccessory={(props) => (\\n              <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n            )}\\n          />\\n        </View>\\n      </TouchableOpacity>\\n\\n      {/* success-line-start */}\\n      <BottomSheetModal\\n        ref={sheet}\\n        snapPoints={[\\"50%\\"]}\\n        stackBehavior=\\"replace\\"\\n        enableDismissOnClose\\n        backdropComponent={(props) => (\\n          <BottomSheetBackdrop\\n            {...props}\\n            appearsOnIndex={0}\\n            disappearsOnIndex={-1}\\n          />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={$bottomSheetFooter}\\n                  bottomInset={bottom}\\n                >\\n                  <Button\\n                    text=\\"Dismiss\\"\\n                    preset=\\"reversed\\"\\n                    onPress={dismissOptions}\\n                  />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}\\n          data={options}\\n          keyExtractor={(o) => o.value}\\n          renderItem={({ item, index }) => (\\n            <ListItem\\n              text={item.label}\\n              topSeparator={index !== 0}\\n              style={$listItem}\\n            />\\n          )}\\n        />\\n      </BottomSheetModal>\\n      {/* success-line-end */}\\n    </>\\n  );\\n});\\n\\n// success-line-start\\nconst $bottomSheetFooter: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n\\nconst $listItem: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n// success-line-end\\n\\nimport {\\n  BottomSheetBackdrop,\\n  BottomSheetFlatList,\\n  BottomSheetFooter,\\n  BottomSheetModal,\\n} from \\"@gorhom/bottom-sheet\\";\\nimport React, { forwardRef, Ref, useImperativeHandle, useRef } from \\"react\\";\\nimport { TouchableOpacity, View, ViewStyle } from \\"react-native\\";\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\n// success-line\\nimport { colors, spacing } from \\"../theme\\";\\nimport { Button } from \\"./Button\\";\\nimport { Icon } from \\"./Icon\\";\\nimport { ListItem } from \\"./ListItem\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n}\\nexport interface SelectFieldRef {\\n  presentOptions: () => void;\\n  dismissOptions: () => void;\\n}\\n\\n// success-line-start\\nfunction without<T>(array: T[], value: T) {\\n  return array.filter((v) => v !== value);\\n}\\n// success-line-end\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const {\\n    value = [],\\n    onSelect,\\n    renderValue,\\n    options = [],\\n    multiple = true,\\n    ...TextFieldProps\\n  } = props;\\n  const sheet = useRef<BottomSheetModal>(null);\\n  const { bottom } = useSafeAreaInsets();\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  useImperativeHandle(ref, () => ({ presentOptions, dismissOptions }));\\n\\n  const valueString =\\n    renderValue?.(value) ??\\n    value\\n      .map((v) => options.find((o) => o.value === v)?.label)\\n      .filter(Boolean)\\n      .join(\\", \\");\\n\\n  function presentOptions() {\\n    if (disabled) return;\\n\\n    sheet.current?.present();\\n  }\\n\\n  function dismissOptions() {\\n    sheet.current?.dismiss();\\n  }\\n\\n  // success-line-start\\n  function updateValue(optionValue: string) {\\n    if (value.includes(optionValue)) {\\n      onSelect?.(multiple ? without(value, optionValue) : []);\\n    } else {\\n      onSelect?.(multiple ? [...value, optionValue] : [optionValue]);\\n      if (!multiple) dismissOptions();\\n    }\\n  }\\n  // success-line-end\\n\\n  return (\\n    <>\\n      <TouchableOpacity activeOpacity={1} onPress={presentOptions}>\\n        <View pointerEvents=\\"none\\">\\n          <TextField\\n            {...TextFieldProps}\\n            value={valueString}\\n            RightAccessory={(props) => (\\n              <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n            )}\\n          />\\n        </View>\\n      </TouchableOpacity>\\n\\n      <BottomSheetModal\\n        ref={sheet}\\n        snapPoints={[\\"50%\\"]}\\n        stackBehavior=\\"replace\\"\\n        enableDismissOnClose\\n        backdropComponent={(props) => (\\n          <BottomSheetBackdrop\\n            {...props}\\n            appearsOnIndex={0}\\n            disappearsOnIndex={-1}\\n          />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={$bottomSheetFooter}\\n                  bottomInset={bottom}\\n                >\\n                  <Button\\n                    text=\\"Dismiss\\"\\n                    preset=\\"reversed\\"\\n                    onPress={dismissOptions}\\n                  />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}\\n          data={options}\\n          keyExtractor={(o) => o.value}\\n          renderItem={({ item, index }) => (\\n            <ListItem\\n              text={item.label}\\n              topSeparator={index !== 0}\\n              style={$listItem}\\n              // success-line-start\\n              rightIcon={value.includes(item.value) ? \\"check\\" : undefined}\\n              rightIconColor={colors.palette.angry500}\\n              onPress={() => updateValue(item.value)}\\n              // success-line-end\\n            />\\n          )}\\n        />\\n      </BottomSheetModal>\\n    </>\\n  );\\n});\\n\\nconst $bottomSheetFooter: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n\\nconst $listItem: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n\\nimport { SelectField } from \\"../components/SelectField\\";\\n\\nconst teams = [\\n  { label: \\"Hawks\\", value: \\"ATL\\" },\\n  { label: \\"Celtics\\", value: \\"BOS\\" },\\n  // ...\\n  { label: \\"Jazz\\", value: \\"UTA\\" },\\n  { label: \\"Wizards\\", value: \\"WAS\\" },\\n];\\n\\nfunction FavoriteNBATeamsScreen() {\\n  const [selectedTeam, setSelectedTeam] = useState<string[]>([]);\\n  const [selectedTeams, setSelectedTeams] = useState<string[]>([]);\\n\\n  return (\\n    <>\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={selectedTeam}\\n        onSelect={setSelectedTeam}\\n        options={teams}\\n        multiple={false}\\n        containerStyle={{ marginBottom: spacing.large }}\\n      />\\n\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={selectedTeams}\\n        onSelect={setSelectedTeams}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n        renderValue={(value) => `Selected ${value.length} Teams`}\\n      />\\n    </>\\n  );\\n}\\n\\n","lastUpdated":"1 year, 1 month ago","title":"SelectField using `react-native-bottom-sheet`","publish_date":"2023-02-15","doc_name":"SelectFieldWithBottomSheet.mdx"},{"author":"Justin Poliachik","content":"--\\"android\\": \\"npx expo start --android\\",\\n--\\"ios\\": \\"npx expo start --ios\\",\\n++\\"android\\": \\"npx expo run:android\\",\\n++\\"ios\\": \\"npx expo run:ios\\",\\n\\n--\\"android\\": \\"npx expo run:android\\",\\n--\\"ios\\": \\"npx expo run:ios\\",\\n++\\"android\\": \\"npx expo start --android\\",\\n++\\"ios\\": \\"npx expo start --ios\\",\\n\\n\\"@react-native-async-storage/async-storage\\": \\"1.18.2\\",\\n\\"@shopify/flash-list\\": \\"1.4.3\\",\\n\\"expo-application\\": \\"~5.3.0\\",\\n\\"expo-font\\": \\"~11.4.0\\",\\n\\"expo-localization\\": \\"~14.3.0\\",\\n\\"react-native\\": \\"0.72.6\\",\\n\\n","lastUpdated":"10 weeks ago","title":"Switch Between Expo Go and Expo CNG","publish_date":"2024-01-11","doc_name":"SwitchBetweenExpoGoCNG.md"},{"author":"Frank Calise","content":"import { Thing } from \\"../../../../../components/thing\\";\\n\\nimport { Thing } from \\"~/components/thing\\";\\n\\nyarn add -D babel-plugin-root-import\\n\\n{\\n  // ...\\n  \\"baseUrl\\": \\"./\\",\\n  // the following assumes Ignite\'s app/ structure, however yours may differ\\n  \\"paths\\": { \\"~/*\\": [\\"app/*\\"] }\\n}\\n\\n[\\n  \\"babel-plugin-root-import\\",\\n  {\\n    root: __dirname,\\n    rootPathPrefix: \\"~/\\",\\n    // mapping ~/ to the ./app directory (again, your app structure may differ here)\\n    rootPathSuffix: \\"app\\",\\n  },\\n],\\n\\nimport { ListItem, Screen, Text } from \\"../../components\\";\\nimport { isRTL } from \\"../../i18n\\";\\nimport { DemoTabScreenProps } from \\"../../navigators/DemoNavigator\\";\\nimport { colors, spacing } from \\"../../theme\\";\\n\\nimport { ListItem, Screen, Text } from \\"~/components\\";\\nimport { isRTL } from \\"~/i18n\\";\\nimport { DemoTabScreenProps } from \\"~/navigators/DemoNavigator\\";\\nimport { colors, spacing } from \\"~/theme\\";\\n\\nyarn expo:start\\n\\nyarn expo:start --clear\\n\\n","lastUpdated":"1 year ago","title":"TypeScript baseUrl Configuration","publish_date":"2022-10-24","doc_name":"TypeScriptBaseURL.md"},{"author":"Mark Rickert","content":"import * as React from \'react\';\\nimport { SectionList, SectionListProps, SectionListScrollParams } from \'react-native\';\\n\\ninterface SectionListHandle {\\n  scrollToLocation: (params: SectionListScrollParams) => void;\\n}\\n\\n/**\\n * This is a wrapper around react-native\'s SectionList that adds protection against scrolling to an\\n * unknown (not rendered yet) location. This is useful for cases where the user wants to scroll to a\\n * position very far down the list but we haven\'t rendered that far yet.\\n *\\n * This adds onScrollToIndexFailed property to SectionList so that if the scroll fails, we calculate the approximate\\n * scroll position, scroll there, and then try again to get the exact position requested.\\n *\\n * Essentially, it\'s a \\"guess the position and retry the operation\\" strategy until the list is scrolled to the\\n * correct location.\\n */\\nexport const ScrollProtectedSectionList = React.forwardRef<\\n  SectionListHandle,\\n  SectionListProps<any, any>\\n>((props, forwardedRef) => {\\n  const internalRef = React.useRef<SectionList>(null);\\n  const [lastScrollRequest, setLastScrollRequest] = React.useState<SectionListScrollParams>();\\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\\n\\n  const onScrollToIndexFailed = (info: {\\n    index: number;\\n    highestMeasuredFrameIndex: number;\\n    averageItemLength: number;\\n  }) => {\\n    console.log(\'ScrollProtectedSectionList.onScrollToIndexFailed\', info);\\n\\n    // Calculate the possible position of the item and scroll there using the internal scroll responder.\\n    const offset = info.averageItemLength * info.index;\\n    internalRef.current?.getScrollResponder()?.scrollTo({ x: 0, y: offset, animated: false });\\n\\n    // If we know exactly where we want to scroll to, we can just scroll now since the item is likely visible.\\n    // Otherwise it\'ll call this function recursively again.\\n    if (lastScrollRequest) {\\n      timeout.current = setTimeout(() => {\\n        internalRef.current?.scrollToLocation(lastScrollRequest);\\n      }, 100);\\n    }\\n  };\\n\\n  // Clear the timeout if it still exists when the component unmounts.\\n  React.useEffect(() => {\\n    return () => timeout.current && clearTimeout(timeout.current);\\n  }, []);\\n\\n  React.useImperativeHandle(\\n    forwardedRef,\\n    () => ({\\n      scrollToLocation: (params: SectionListScrollParams) => {\\n        internalRef.current?.scrollToLocation(params);\\n        setLastScrollRequest(params);\\n      },\\n    }),\\n    [internalRef],\\n  );\\n\\n  return <SectionList {...props} ref={internalRef} onScrollToIndexFailed={onScrollToIndexFailed} />;\\n});\\n\\n","lastUpdated":"1 year, 2 months ago","title":"Scrolling to a location that hasn\'t been rendered using FlatList or SectionList","publish_date":"2022-10-09","doc_name":"UnrenderedItemInScrollView.md"},{"author":"Derek Greenberg","content":"yarn audit\\n\\nyarn outdated\\n\\nyarn upgrade-interactive\\nyarn upgrade-interactive --latest\\n\\n","lastUpdated":"4 weeks ago","title":"Updating Dependencies with Yarn Audit, Outdated and Upgrade","publish_date":"2022-10-09","doc_name":"UpdatingDependencies.md"},{"author":"Lizzi Lindboe","content":"# enable\\nadb shell settings put secure enabled_accessibility_services \\\\\\ncom.google.android.marvin.talkback/com.google.android.marvin.talkback.TalkBackService\\n# disable\\nadb shell settings put secure enabled_accessibility_services \\\\\\ncom.android.talkback/com.google.android.marvin.talkback.TalkBackService\\n\\n","lastUpdated":"1 year, 2 months ago","title":"Using Screen Readers","publish_date":"2022-10-09","doc_name":"UsingScreenReaders.md"},{"author":"Justin Poliachik","content":"npx ignite-cli new ZustandApp --yes\\n\\nyarn add zustand\\n\\nmkdir app/store\\n\\nimport { Instance, SnapshotOut, types } from \\"mobx-state-tree\\";\\n\\nexport const AuthenticationStoreModel = types\\n  .model(\\"AuthenticationStore\\")\\n  .props({\\n    authToken: types.maybe(types.string),\\n    authEmail: \\"\\",\\n  })\\n  .views((store) => ({\\n    get isAuthenticated() {\\n      return !!store.authToken;\\n    },\\n    get validationError() {\\n      if (store.authEmail.length === 0) return \\"can\'t be blank\\";\\n      if (store.authEmail.length < 6) return \\"must be at least 6 characters\\";\\n      if (!/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$/.test(store.authEmail)) return \\"must be a valid email address\\";\\n      return \\"\\";\\n    },\\n  }))\\n  .actions((store) => ({\\n    setAuthToken(value?: string) {\\n      store.authToken = value;\\n    },\\n    setAuthEmail(value: string) {\\n      store.authEmail = value.replace(/ /g, \\"\\");\\n    },\\n    logout() {\\n      store.authToken = undefined;\\n      store.authEmail = \\"\\";\\n    },\\n  }));\\n\\nexport interface AuthenticationStore extends Instance<typeof AuthenticationStoreModel> {}\\nexport interface AuthenticationStoreSnapshot extends SnapshotOut<typeof AuthenticationStoreModel> {}\\n\\nimport { StateCreator } from \\"zustand\\";\\nimport { RootStore } from \\"./RootStore\\";\\n\\n// Typescript interface for this store slice\\nexport interface AuthenticationStore {\\n  authToken?: string;\\n  authEmail: string;\\n  setAuthToken: (value?: string) => void;\\n  setAuthEmail: (value: string) => void;\\n  logout: () => void;\\n}\\n\\n// create our store slice with default data and actions\\nexport const createAuthenticationSlice: StateCreator<RootStore, [], [], AuthenticationStore> = (set) => ({\\n  authToken: undefined,\\n  authEmail: \\"\\",\\n  setAuthToken: (value) => set({ authToken: value }),\\n  setAuthEmail: (value) => set({ authEmail: value.replace(/ /g, \\"\\") }),\\n  logout: () => set({ authToken: undefined, authEmail: \\"\\" }),\\n});\\n\\n// a selector can be used to grab the full AuthenticationStore\\nexport const authenticationStoreSelector = (state: RootStore) => ({\\n  authToken: state.authToken,\\n  authEmail: state.authEmail,\\n  isAuthenticated: isAuthenticatedSelector(state),\\n  setAuthToken: state.setAuthToken,\\n  setAuthEmail: state.setAuthEmail,\\n  logout: state.logout,\\n});\\n\\n// selectors can also be used for derived values\\nexport const isAuthenticatedSelector = (state: RootStore) => !!state.authToken;\\n\\nexport const validationErrorSelector = (state: RootStore) => {\\n  if (state.authEmail.length === 0) return \\"can\'t be blank\\";\\n  if (state.authEmail.length < 6) return \\"must be at least 6 characters\\";\\n  if (!/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$/.test(state.authEmail)) return \\"must be a valid email address\\";\\n  return \\"\\";\\n};\\n\\nimport { Instance, SnapshotOut, types } from \\"mobx-state-tree\\";\\nimport { api } from \\"../services/api\\";\\nimport { Episode, EpisodeModel } from \\"./Episode\\";\\nimport { withSetPropAction } from \\"./helpers/withSetPropAction\\";\\n\\nexport const EpisodeStoreModel = types\\n  .model(\\"EpisodeStore\\")\\n  .props({\\n    episodes: types.array(EpisodeModel),\\n    favorites: types.array(types.reference(EpisodeModel)),\\n    favoritesOnly: false,\\n  })\\n  .actions(withSetPropAction)\\n  .actions((store) => ({\\n    async fetchEpisodes() {\\n      const response = await api.getEpisodes();\\n      if (response.kind === \\"ok\\") {\\n        store.setProp(\\"episodes\\", response.episodes);\\n      } else {\\n        console.error(`Error fetching episodes: ${JSON.stringify(response)}`);\\n      }\\n    },\\n    addFavorite(episode: Episode) {\\n      store.favorites.push(episode);\\n    },\\n    removeFavorite(episode: Episode) {\\n      store.favorites.remove(episode);\\n    },\\n  }))\\n  .views((store) => ({\\n    get episodesForList() {\\n      return store.favoritesOnly ? store.favorites : store.episodes;\\n    },\\n\\n    hasFavorite(episode: Episode) {\\n      return store.favorites.includes(episode);\\n    },\\n  }))\\n  .actions((store) => ({\\n    toggleFavorite(episode: Episode) {\\n      if (store.hasFavorite(episode)) {\\n        store.removeFavorite(episode);\\n      } else {\\n        store.addFavorite(episode);\\n      }\\n    },\\n  }));\\n\\nexport interface EpisodeStore extends Instance<typeof EpisodeStoreModel> {}\\nexport interface EpisodeStoreSnapshot extends SnapshotOut<typeof EpisodeStoreModel> {}\\n\\nimport { api } from \\"../services/api\\";\\nimport { Episode } from \\"./Episode\\";\\nimport { StateCreator } from \\"zustand\\";\\nimport { RootStore } from \\"./RootStore\\";\\n\\nexport interface EpisodeStore {\\n  episodes: Episode[];\\n  favorites: string[];\\n  favoritesOnly: boolean;\\n\\n  fetchEpisodes: () => Promise<void>;\\n  addFavorite: (episode: Episode) => void;\\n  removeFavorite: (episode: Episode) => void;\\n  toggleFavorite: (episode: Episode) => void;\\n  setFavoritesOnly: (value: boolean) => void;\\n}\\n\\nexport const createEpisodeSlice: StateCreator<RootStore, [], [], EpisodeStore> = (set, get) => ({\\n  episodes: [],\\n  favorites: [],\\n  favoritesOnly: false,\\n\\n  // Zustand supports async actions\\n  fetchEpisodes: async () => {\\n    const response = await api.getEpisodes();\\n    if (response.kind === \\"ok\\") {\\n      set({ episodes: response.episodes });\\n    } else {\\n      console.error(`Error fetching episodes: ${JSON.stringify(response)}`);\\n    }\\n  },\\n  addFavorite: (episode) => set((state) => ({ favorites: [...state.favorites, episode.guid] })),\\n  removeFavorite: (episode) => set((state) => ({ favorites: state.favorites.filter((guid) => guid !== episode.guid) })),\\n  toggleFavorite: (episode) => {\\n    // get() can be used within actions\\n    if (get().favorites.includes(episode.guid)) {\\n      get().removeFavorite(episode);\\n    } else {\\n      get().addFavorite(episode);\\n    }\\n  },\\n  setFavoritesOnly: (value: boolean) => set({ favoritesOnly: value }),\\n});\\n\\nexport const episodeStoreSelector = (state: RootStore) => ({\\n  episodes: state.episodes,\\n  favorites: state.favorites,\\n  favoritesOnly: state.favoritesOnly,\\n\\n  // derived values can be included in selectors like this\\n  episodesForList: getEpisodesForList(state),\\n\\n  fetchEpisodes: state.fetchEpisodes,\\n  addFavorite: state.addFavorite,\\n  removeFavorite: state.removeFavorite,\\n  toggleFavorite: state.toggleFavorite,\\n  setFavoritesOnly: state.setFavoritesOnly,\\n\\n  // we can also include helper functions that have access to state\\n  hasFavorite: (episode: Episode) => {\\n    return state.favorites.includes(episode.guid);\\n  },\\n});\\n\\nexport const getEpisodesForList = (store: EpisodeStore) => {\\n  return store.favoritesOnly ? store.episodes.filter((a) => store.favorites.includes(a.guid)) : store.episodes;\\n};\\n\\nimport { Instance, SnapshotIn, SnapshotOut, types } from \\"mobx-state-tree\\";\\nimport { withSetPropAction } from \\"./helpers/withSetPropAction\\";\\nimport { formatDate } from \\"../utils/formatDate\\";\\nimport { translate } from \\"../i18n\\";\\n\\ninterface Enclosure {\\n  link: string;\\n  type: string;\\n  length: number;\\n  duration: number;\\n  rating: { scheme: string; value: string };\\n}\\n\\n/**\\n * This represents an episode of React Native Radio.\\n */\\nexport const EpisodeModel = types\\n  .model(\\"Episode\\")\\n  .props({\\n    guid: types.identifier,\\n    title: \\"\\",\\n    pubDate: \\"\\", // Ex: 2022-08-12 21:05:36\\n    link: \\"\\",\\n    author: \\"\\",\\n    thumbnail: \\"\\",\\n    description: \\"\\",\\n    content: \\"\\",\\n    enclosure: types.frozen<Enclosure>(),\\n    categories: types.array(types.string),\\n  })\\n  .actions(withSetPropAction)\\n  .views((episode) => ({\\n    get parsedTitleAndSubtitle() {\\n      const defaultValue = { title: episode.title?.trim(), subtitle: \\"\\" };\\n\\n      if (!defaultValue.title) return defaultValue;\\n\\n      const titleMatches = defaultValue.title.match(/^(RNR.*\\\\d)(?: - )(.*$)/);\\n\\n      if (!titleMatches || titleMatches.length !== 3) return defaultValue;\\n\\n      return { title: titleMatches[1], subtitle: titleMatches[2] };\\n    },\\n    get datePublished() {\\n      try {\\n        const formatted = formatDate(episode.pubDate);\\n        return {\\n          textLabel: formatted,\\n          accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.publishLabel\\", {\\n            date: formatted,\\n          }),\\n        };\\n      } catch (error) {\\n        return { textLabel: \\"\\", accessibilityLabel: \\"\\" };\\n      }\\n    },\\n    get duration() {\\n      const seconds = Number(episode.enclosure.duration);\\n      const h = Math.floor(seconds / 3600);\\n      const m = Math.floor((seconds % 3600) / 60);\\n      const s = Math.floor((seconds % 3600) % 60);\\n\\n      const hDisplay = h > 0 ? `${h}:` : \\"\\";\\n      const mDisplay = m > 0 ? `${m}:` : \\"\\";\\n      const sDisplay = s > 0 ? s : \\"\\";\\n      return {\\n        textLabel: hDisplay + mDisplay + sDisplay,\\n        accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.durationLabel\\", {\\n          hours: h,\\n          minutes: m,\\n          seconds: s,\\n        }),\\n      };\\n    },\\n  }));\\n\\nexport interface Episode extends Instance<typeof EpisodeModel> {}\\nexport interface EpisodeSnapshotOut extends SnapshotOut<typeof EpisodeModel> {}\\nexport interface EpisodeSnapshotIn extends SnapshotIn<typeof EpisodeModel> {}\\n\\nimport { formatDate } from \\"../utils/formatDate\\";\\nimport { translate } from \\"../i18n\\";\\n\\ninterface Enclosure {\\n  link: string;\\n  type: string;\\n  length: number;\\n  duration: number;\\n  rating: { scheme: string; value: string };\\n}\\n\\nexport type Episode = {\\n  guid: string;\\n  title: string;\\n  pubDate: string;\\n  link: string;\\n  author: string;\\n  thumbnail: string;\\n  description: string;\\n  content: string;\\n  enclosure: Enclosure;\\n  categories: string[];\\n};\\n\\nexport const getParsedTitleAndSubtitle = (episode: Episode) => {\\n  const defaultValue = { title: episode.title?.trim(), subtitle: \\"\\" };\\n\\n  if (!defaultValue.title) return defaultValue;\\n\\n  const titleMatches = defaultValue.title.match(/^(RNR.*\\\\d)(?: - )(.*$)/);\\n\\n  if (!titleMatches || titleMatches.length !== 3) return defaultValue;\\n\\n  return { title: titleMatches[1], subtitle: titleMatches[2] };\\n};\\n\\nexport const getDatePublished = (episode: Episode) => {\\n  try {\\n    const formatted = formatDate(episode.pubDate);\\n    return {\\n      textLabel: formatted,\\n      accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.publishLabel\\", {\\n        date: formatted,\\n      }),\\n    };\\n  } catch (error) {\\n    return { textLabel: \\"\\", accessibilityLabel: \\"\\" };\\n  }\\n};\\n\\nexport const getDuration = (episode: Episode) => {\\n  const seconds = Number(episode.enclosure.duration);\\n  const h = Math.floor(seconds / 3600);\\n  const m = Math.floor((seconds % 3600) / 60);\\n  const s = Math.floor((seconds % 3600) % 60);\\n\\n  const hDisplay = h > 0 ? `${h}:` : \\"\\";\\n  const mDisplay = m > 0 ? `${m}:` : \\"\\";\\n  const sDisplay = s > 0 ? s : \\"\\";\\n  return {\\n    textLabel: hDisplay + mDisplay + sDisplay,\\n    accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.durationLabel\\", {\\n      hours: h,\\n      minutes: m,\\n      seconds: s,\\n    }),\\n  };\\n};\\n\\nimport { create } from \\"zustand\\";\\nimport { useShallow } from \\"zustand/react/shallow\\";\\nimport { AuthenticationStore, authenticationStoreSelector, createAuthenticationSlice } from \\"./AuthenticationStore\\";\\nimport { EpisodeStore, createEpisodeSlice, episodeStoreSelector } from \\"./EpisodeStore\\";\\n\\nexport interface RootStore extends AuthenticationStore, EpisodeStore {}\\n\\nexport const useStore = create<RootStore>()((...a) => ({\\n  ...createAuthenticationSlice(...a),\\n  ...createEpisodeSlice(...a),\\n  // add your state slices here\\n}));\\n\\n// optional: custom hooks can be used to pick pieces from state\\n// useShallow is used to help prevent unnecessary rerenders\\nexport const useAuthenticationStore = () => useStore(useShallow(authenticationStoreSelector));\\nexport const useEpisodeStore = () => useStore(useShallow(episodeStoreSelector));\\n\\nexport * from \\"./RootStore\\";\\nexport * from \\"./AuthenticationStore\\";\\nexport * from \\"./EpisodeStore\\";\\nexport * from \\"./Episode\\";\\n\\nimport { useStore, isAuthenticatedSelector } from \\"app/store\\";\\n\\nconst AppStack = () => {\\n\\n  // use a selector to pick only that value\\n  const isAuthenticated = useStore(isAuthenticatedSelector)\\n\\n  return (\\n    <Stack.Navigator\\n    ...\\n\\n// pick several values & actions from the AuthenticationStore\\nconst { authEmail, setAuthEmail, setAuthToken } = useAuthenticationStore();\\n// we can also use multiple hooks\\nconst validationError = useStore(validationErrorSelector);\\n\\nimport {\\n  useEpisodeStore,\\n  Episode,\\n  getDatePublished,\\n  getDuration,\\n  getParsedTitleAndSubtitle,\\n} from \\"app/store\\"\\n\\n...\\n\\nconst episodeStore = useEpisodeStore();\\n\\n<Toggle\\n  value={episodeStore.favoritesOnly}\\n  onValueChange={() =>\\n--  episodeStore.setProp(\\"favoritesOnly\\", !episodeStore.favoritesOnly)\\n++  episodeStore.setFavoritesOnly(!episodeStore.favoritesOnly)\\n  }\\n\\n\\nconst datePublished = getDatePublished(episode);\\nconst duration = getDuration(episode);\\nconst parsedTitleAndSubtitle = getParsedTitleAndSubtitle(episode);\\n\\n <Text\\n  style={$metadataText}\\n  size=\\"xxs\\"\\n--accessibilityLabel={episode.datePublished.accessibilityLabel}\\n++accessibilityLabel={datePublished.accessibilityLabel}\\n>\\n--{episode.datePublished.textLabel}\\n++{datePublished.textLabel}\\n</Text>\\n\\n++import { useStore } from \\"app/store\\"\\n\\n--const {\\n--  authenticationStore: { logout },\\n--} = useStores()\\n++const logout = useStore((state) => state.logout)\\n\\n++import { useStore } from \\"app/store\\"\\n\\n--const {\\n--  authenticationStore: { logout },\\n--} = useStores()\\n++const logout = useStore((state) => state.logout)\\n\\n+import { Episode } from \\"app/store/Episode\\";\\n\\n-const episodes: EpisodeSnapshotIn[] =\\n+const episodes: Episode[] =\\n\\nimport { create } from \\"zustand\\";\\nimport { useShallow } from \\"zustand/react/shallow\\";\\nimport { persist, createJSONStorage } from \\"zustand/middleware\\";\\n\\nimport { AuthenticationStore, authenticationStoreSelector, createAuthenticationSlice } from \\"./AuthenticationStore\\";\\nimport { EpisodeStore, createEpisodeSlice, episodeStoreSelector } from \\"./EpisodeStore\\";\\nimport AsyncStorage from \\"@react-native-async-storage/async-storage\\";\\n\\nexport interface RootStore extends AuthenticationStore, EpisodeStore {\\n  _hasHydrated: boolean;\\n  setHasHydrated: (state: boolean) => void;\\n}\\n\\nexport const useStore = create<RootStore>()(\\n  persist(\\n    (...a) => ({\\n      ...createAuthenticationSlice(...a),\\n      ...createEpisodeSlice(...a),\\n      // add your state slices here\\n\\n      _hasHydrated: false,\\n      setHasHydrated: (state) => {\\n        const set = a[0];\\n        set({\\n          _hasHydrated: state,\\n        });\\n      },\\n    }),\\n    {\\n      name: \\"zustand-app\\",\\n      storage: createJSONStorage(() => AsyncStorage),\\n      onRehydrateStorage: () => (state) => {\\n        state?.setHasHydrated(true);\\n      },\\n    }\\n  )\\n);\\n\\nexport const useAuthenticationStore = () => useStore(useShallow(authenticationStoreSelector));\\nexport const useEpisodeStore = () => useStore(useShallow(episodeStoreSelector));\\n\\n+import { useStore } from \\"./store\\"\\n\\n...\\n\\nconst [areFontsLoaded] = useFonts(customFontsToLoad)\\n\\n-useEffect(() => {\\n-  hideSplashScreen()\\n-}, [])\\n\\n+const hasHydrated = useStore((state) => state._hasHydrated)\\n+useEffect(() => {\\n+  if (hasHydrated) {\\n+    setTimeout(hideSplashScreen, 500)\\n+  }\\n+}, [hasHydrated])\\n\\n-if (!isNavigationStateRestored || !areFontsLoaded) return null\\n+if (!hasHydrated || !isNavigationStateRestored || !areFontsLoaded) return null\\n\\n\\n","lastUpdated":"4 weeks ago","title":"Zustand","publish_date":"2024-02-05","doc_name":"Zustand.md"}]}},"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/docs","mainDocId":"intro","docs":[{"id":"archive/index","path":"/docs/archive/","sidebar":"mainSidebar"},{"id":"archive/PristineExpoProject","path":"/docs/archive/PristineExpoProject","sidebar":"mainSidebar"},{"id":"intro","path":"/docs/intro","sidebar":"mainSidebar"},{"id":"recipes/AccessibilityFontSizes","path":"/docs/recipes/AccessibilityFontSizes","sidebar":"mainSidebar"},{"id":"recipes/CircleCIRNSetup","path":"/docs/recipes/CircleCIRNSetup","sidebar":"mainSidebar"},{"id":"recipes/CreatingGreateExperienceForScreenReaders","path":"/docs/recipes/CreatingGreateExperienceForScreenReaders","sidebar":"mainSidebar"},{"id":"recipes/DetoxIntro","path":"/docs/recipes/DetoxIntro","sidebar":"mainSidebar"},{"id":"recipes/DistributingAuthTokenToAPI","path":"/docs/recipes/DistributingAuthTokenToAPI","sidebar":"mainSidebar"},{"id":"recipes/EASUpdate","path":"/docs/recipes/EASUpdate","sidebar":"mainSidebar"},{"id":"recipes/EnforcingImportOrder","path":"/docs/recipes/EnforcingImportOrder","sidebar":"mainSidebar"},{"id":"recipes/EnvironmentVariables","path":"/docs/recipes/EnvironmentVariables","sidebar":"mainSidebar"},{"id":"recipes/ExpoRouter","path":"/docs/recipes/ExpoRouter","sidebar":"mainSidebar"},{"id":"recipes/GeneratorComponentTests","path":"/docs/recipes/GeneratorComponentTests","sidebar":"mainSidebar"},{"id":"recipes/MaestroSetup","path":"/docs/recipes/MaestroSetup","sidebar":"mainSidebar"},{"id":"recipes/MigratingToMMKV","path":"/docs/recipes/MigratingToMMKV","sidebar":"mainSidebar"},{"id":"recipes/PatchingBuildingAndroid","path":"/docs/recipes/PatchingBuildingAndroid","sidebar":"mainSidebar"},{"id":"recipes/PrepForEASBuild","path":"/docs/recipes/PrepForEASBuild","sidebar":"mainSidebar"},{"id":"recipes/ReactNativeVisionCamera","path":"/docs/recipes/ReactNativeVisionCamera","sidebar":"mainSidebar"},{"id":"recipes/Redux","path":"/docs/recipes/Redux","sidebar":"mainSidebar"},{"id":"recipes/RemoveMobxStateTree","path":"/docs/recipes/RemoveMobxStateTree","sidebar":"mainSidebar"},{"id":"recipes/RequiringHardwareFeaturesWithExpo","path":"/docs/recipes/RequiringHardwareFeaturesWithExpo","sidebar":"mainSidebar"},{"id":"recipes/SampleYAMLCircleCI","path":"/docs/recipes/SampleYAMLCircleCI","sidebar":"mainSidebar"},{"id":"recipes/SelectFieldWithBottomSheet","path":"/docs/recipes/SelectFieldWithBottomSheet","sidebar":"mainSidebar"},{"id":"recipes/SwitchBetweenExpoGoCNG","path":"/docs/recipes/SwitchBetweenExpoGoCNG","sidebar":"mainSidebar"},{"id":"recipes/TypeScriptBaseURL","path":"/docs/recipes/TypeScriptBaseURL","sidebar":"mainSidebar"},{"id":"recipes/UnrenderedItemInScrollView","path":"/docs/recipes/UnrenderedItemInScrollView","sidebar":"mainSidebar"},{"id":"recipes/UpdatingDependencies","path":"/docs/recipes/UpdatingDependencies","sidebar":"mainSidebar"},{"id":"recipes/UpdatingIgnite","path":"/docs/recipes/UpdatingIgnite","sidebar":"mainSidebar"},{"id":"recipes/UsingScreenReaders","path":"/docs/recipes/UsingScreenReaders","sidebar":"mainSidebar"},{"id":"recipes/Zustand","path":"/docs/recipes/Zustand","sidebar":"mainSidebar"}],"draftIds":[],"sidebars":{"mainSidebar":{"link":{"path":"/docs/intro","label":"intro"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(144);const l=JSON.parse('{"docusaurusVersion":"3.1.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.1.1"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.1.1"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.1.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.1.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.1.1"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.1.1"},"example-code-snippets":{"type":"local"}}}');var c=n(7624);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},5852:(e,t,n)=>{"use strict";n.d(t,{c:()=>f});var r=n(1504),o=n(8684),a=n(6952),i=n(5684),s=n(7468),l=n(7624);function c(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,l.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,l.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,l.jsx)(u,{error:t})]})}function u(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function d(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)(f,{fallback:()=>(0,l.jsx)(c,{error:t,tryAgain:n}),children:[(0,l.jsx)(a.c,{children:(0,l.jsx)("title",{children:"Page Error"})}),(0,l.jsx)(s.c,{children:(0,l.jsx)(c,{error:t,tryAgain:n})})]})}const p=e=>(0,l.jsx)(d,{...e});class f extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.c.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},8684:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},6952:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});n(1504);var r=n(2160),o=n(7624);function a(e){return(0,o.jsx)(r.So,{...e})}},867:(e,t,n)=>{"use strict";n.d(t,{c:()=>f});var r=n(1504),o=n(440),a=n(5684),i=n(8264),s=n(8136),l=n(8684),c=n(5976),u=n(964),d=n(7624);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":h,autoAddBaseUrl:y=!0,...b}=e;const{siteConfig:{trailingSlash:v,baseUrl:S}}=(0,i.c)(),{withBaseUrl:w}=(0,u.E)(),x=(0,c.c)(),k=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>k.current));const E=p||f;const T=(0,s.c)(E),C=E?.replace("pathname://","");let _=void 0!==C?(A=C,y&&(e=>e.startsWith("/"))(A)?w(A):A):void 0;var A;_&&T&&(_=(0,a.applyTrailingSlash)(_,{trailingSlash:v,baseUrl:S}));const I=(0,r.useRef)(!1),R=n?o.Af:o.cH,P=l.c.canUseIntersectionObserver,L=(0,r.useRef)(),N=()=>{I.current||null==_||(window.docusaurus.preload(_),I.current=!0)};(0,r.useEffect)((()=>(!P&&T&&null!=_&&window.docusaurus.prefetch(_),()=>{P&&L.current&&L.current.disconnect()})),[L,_,P,T]);const F=_?.startsWith("#")??!1,O=!b.target||"_self"===b.target,j=!_||!T||!O||F;return h||!F&&j||x.collectLink(_),b.id&&x.collectAnchor(b.id),j?(0,d.jsx)("a",{ref:k,href:_,...E&&!T&&{target:"_blank",rel:"noopener noreferrer"},...b}):(0,d.jsx)(R,{...b,onMouseEnter:N,onTouchStart:N,innerRef:e=>{k.current=e,P&&e&&T&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=_&&window.docusaurus.prefetch(_))}))})),L.current.observe(e))},to:_,...n&&{isActive:g,activeClassName:m}})}const f=r.forwardRef(p)},4357:(e,t,n)=>{"use strict";n.d(t,{c:()=>c,G:()=>l});var r=n(1504),o=n(7624);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(144);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},2488:(e,t,n)=>{"use strict";n.d(t,{M:()=>r});const r="default"},8136:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{_:()=>r,c:()=>o})},964:(e,t,n)=>{"use strict";n.d(t,{E:()=>i,c:()=>s});var r=n(1504),o=n(8264),a=n(8136);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.c)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,a._)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},5976:(e,t,n)=>{"use strict";n.d(t,{c:()=>i});var r=n(1504);n(7624);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},8264:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(136);function a(){return(0,r.useContext)(o.e)}},3160:(e,t,n)=>{"use strict";n.d(t,{MP:()=>i,mm:()=>a});var r=n(8264),o=n(2488);function a(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.c)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}function i(e,t,n){void 0===t&&(t=o.M),void 0===n&&(n={});const r=a(e),i=r?.[t];if(!i&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return i}},3664:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(240);function a(){return(0,r.useContext)(o.e)}},5288:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(1504);const o=n(8684).c.canUseDOM?r.useLayoutEffect:r.useEffect},8120:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},5548:(e,t,n)=>{"use strict";n.d(t,{Y:()=>i,e:()=>a});var r=n(1504),o=n(7624);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},5172:(e,t,n)=>{"use strict";n.d(t,{wB:()=>g,UF:()=>d,mU:()=>p,L0:()=>c,i8:()=>h,OK:()=>u,aA:()=>m,gN:()=>f});var r=n(5592),o=n(3160);const a=e=>e.versions.find((e=>e.isLast));function i(e,t){const n=a(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.ot)(t,{path:e.path,exact:!1,strict:!1})))}function s(e,t){const n=i(e,t),o=n?.docs.find((e=>!!(0,r.ot)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const l={},c=()=>(0,o.mm)("docusaurus-plugin-content-docs")??l,u=e=>(0,o.MP)("docusaurus-plugin-content-docs",e,{failfast:!0});function d(e){void 0===e&&(e={});const t=c(),{pathname:n}=(0,r.IT)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.ot)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function p(e){void 0===e&&(e={});const t=d(e),{pathname:n}=(0,r.IT)();if(!t)return;return{activePlugin:t,activeVersion:i(t.pluginData,n)}}function f(e){return u(e).versions}function m(e){const t=u(e);return a(t)}function g(e){const t=u(e),{pathname:n}=(0,r.IT)();return s(t,n)}function h(e){const t=u(e),{pathname:n}=(0,r.IT)();return function(e,t){const n=a(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},7483:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},1976:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(2272),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},5396:(e,t,n)=>{"use strict";n.r(t);var r=n(5720),o=n(7768);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1808),n(4096)(`./prism-${e}`)})),delete globalThis.Prism}(r.sp)},6448:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});n(1504);var r=n(5456),o=n(4357),a=n(1824),i=n(867),s=n(5976);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=n(7624);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.c)(),{navbar:{hideOnScroll:p}}=(0,a.y)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.G)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.c)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.c,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},3232:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});n(1504);const r={iconExternalLink:"iconExternalLink_nPIU"};var o=n(7624);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},7468:(e,t,n)=>{"use strict";n.d(t,{c:()=>Lt});var r=n(1504),o=n(5456),a=n(5852),i=n(5008),s=n(5592),l=n(4357),c=n(7124),u=n(7624);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.Uz)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.c)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.G)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var h=n(5864),y=n(204);const b={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(g,{className:b.skipToContent})}var S=n(1824),w=n(3868);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_CVFx"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.G)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.c)("clean-btn close",k.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const T={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,S.y)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.c)(T.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const _={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function A(){const{announcementBar:e}=(0,S.y)(),{isActive:t,close:n}=(0,w.el)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:_.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:_.announcementBarPlaceholder}),(0,u.jsx)(C,{className:_.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:_.announcementBarClose})]})}var I=n(8200),R=n(3943);var P=n(1100),L=n(5168);const N=r.createContext(null);function F(e){let{children:t}=e;const n=function(){const e=(0,I.q)(),t=(0,L.MF)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.i0)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(N.Provider,{value:n,children:t})}function O(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function j(){const e=(0,r.useContext)(N);if(!e)throw new P.AH("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.MF)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:O(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=j();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.c)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var D=n(6528),B=n(3664);function $(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function z(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function V(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,B.c)(),s=(0,l.G)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.G)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.G)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.c)(U.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.c)("clean-btn",U.toggleButton,!i&&U.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)($,{className:(0,o.c)(U.toggleIcon,U.lightToggleIcon)}),(0,u.jsx)(z,{className:(0,o.c)(U.toggleIcon,U.darkToggleIcon)})]})})}const H=r.memo(V),G={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function W(e){let{className:t}=e;const n=(0,S.y)().navbar.style,r=(0,S.y)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,D.U)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?G.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var q=n(8164);function Y(){return(0,u.jsx)(q.c,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function K(){const e=(0,I.q)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.G)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function X(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(Y,{}),(0,u.jsx)(W,{className:"margin-right--md"}),(0,u.jsx)(K,{})]})}var Q=n(867),Z=n(964),J=n(8136),ee=n(1064),te=n(3232);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,Z.c)(r),p=(0,Z.c)(t),f=(0,Z.c)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,J.c)(o),g=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.c,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Q.c,{href:l?f:o,...c,...g}):(0,u.jsx)(Q.c,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee._)(n,t.pathname):t.pathname.startsWith(p)},...c,...g})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.c)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.c)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(8448),se=n(3376),le=n(8264);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.Sc)(e.to,t)||!!(0,ee._)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.c)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.c)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(He,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.c)(),{pathname:t}=(0,s.IT)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.a)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.c)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.c)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.U,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(He,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1616);function ge(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const he="iconLanguage_nlXk";var ye=n(7104);function be(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var ve=n(5052),Se=["translations"];function we(){return we=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},we.apply(this,arguments)}function xe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(l){s=!0,o=l}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ke(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ke(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ke(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ee(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Te="Ctrl";var Ce=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=Ee(e,Se),i=o.buttonText,s=void 0===i?"Search":i,l=o.buttonAriaLabel,c=void 0===l?"Search":l,u=xe((0,r.useState)(null),2),d=u[0],p=u[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("\u2318"):p(Te))}),[]),r.createElement("button",we({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(ve.I,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},s)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Te?r.createElement(be,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),_e=n(6952),Ae=n(7092),Ie=n(9032),Re=n(4456);const Pe={button:{buttonText:(0,l.G)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.G)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.G)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.G)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.G)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.G)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.G)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.G)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.G)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.G)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.G)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.G)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.G)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.G)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.G)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.G)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.G)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.G)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.G)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Le=null;function Ne(e){let{hit:t,children:n}=e;return(0,u.jsx)(Q.c,{to:t.url,children:n})}function Fe(e){let{state:t,onClose:n}=e;const r=(0,Ae.Y)();return(0,u.jsx)(Q.c,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.c,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.c)(),l=(0,Ie.Q)(),c=function(){const{locale:e,tags:t}=(0,Re.mY)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.Uz)(),g=(0,r.useRef)(null),h=(0,r.useRef)(null),[y,b]=(0,r.useState)(!1),[v,S]=(0,r.useState)(void 0),w=(0,r.useCallback)((()=>Le?Promise.resolve():Promise.all([n.e(2528).then(n.bind(n,148)),Promise.all([n.e(2176),n.e(1676)]).then(n.bind(n,1676)),Promise.all([n.e(2176),n.e(8879)]).then(n.bind(n,8879))]).then((e=>{let[{DocSearchModal:t}]=e;Le=t}))),[]),x=(0,r.useCallback)((()=>{w().then((()=>{g.current=document.createElement("div"),document.body.insertBefore(g.current,document.body.firstChild),b(!0)}))}),[w,b]),k=(0,r.useCallback)((()=>{b(!1),g.current?.remove()}),[b]),E=(0,r.useCallback)((e=>{w().then((()=>{b(!0),S(e.key)}))}),[w,b,S]),T=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee._)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,_=(0,r.useMemo)((()=>e=>(0,u.jsx)(Fe,{...e,onClose:k})),[k]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}({isOpen:y,onOpen:x,onClose:k,onInput:E,searchButtonRef:h}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(_e.c,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(Ce,{onTouchStart:w,onFocus:w,onMouseOver:w,onClick:x,ref:h,translations:Pe.button}),y&&Le&&g.current&&(0,ye.createPortal)((0,u.jsx)(Le,{onClose:k,initialScrollY:window.scrollY,initialQuery:v,navigator:T,transformItems:C,hitComponent:Ne,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:_},...a,searchParameters:f,placeholder:Pe.placeholder,translations:Pe.modal}),g.current)]})}function je(){const{siteConfig:e}=(0,le.c)();return(0,u.jsx)(Oe,{...e.themeConfig.algolia})}const Me={navbarSearchContainer:"navbarSearchContainer_Bca1"};function De(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.c)(n,Me.navbarSearchContainer),children:t})}var Be=n(5172),$e=n(9940);var ze=n(4592);const Ue=e=>e.docs.find((t=>t.id===e.mainDocId));const Ve={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.c)(),p=(0,me.D)(),{search:f,hash:m}=(0,s.IT)(),g=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],h=t?(0,l.G)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ge,{className:he}),h]}),items:g})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(De,{className:n,children:(0,u.jsx)(je,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.c)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),i=(0,$e.Qf)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),i=(0,$e.Ab)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,$e.b7)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.IT)(),p=(0,Be.wB)(n),f=(0,Be.gN)(n),{savePreferredVersionName:m}=(0,ze.iy)(n),g=[...o,...f.map((e=>{const t=p.alternateDocVersions[e.name]??Ue(e);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],h=(0,$e.b7)(n)[0],y=t&&g.length>1?(0,l.G)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,b=t&&g.length>1?void 0:Ue(h).path;return g.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:y,to:b,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:y,to:b,items:g,isActive:r?()=>!1:void 0})}};function He(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Ve[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function Ge(){const e=(0,I.q)(),t=(0,S.y)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(He,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function We(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.c,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function qe(){const e=0===(0,S.y)().navbar.items.length,t=j();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(We,{onClick:()=>t.hide()}),t.content]})}function Ye(){const e=(0,I.q)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(X,{}),primaryMenu:(0,u.jsx)(Ge,{}),secondaryMenu:(0,u.jsx)(qe,{})}):null}const Ke={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Xe(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.c)("navbar-sidebar__backdrop",e.className)})}function Qe(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,S.y)(),i=(0,I.q)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,R.SM)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.c)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.G)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.c)("navbar","navbar--fixed-top",n&&[Ke.navbarHideable,!d&&Ke.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(Xe,{onClick:i.toggle}),(0,u.jsx)(Ye,{})]})}var Ze=n(5684);const Je={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function et(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.c,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function tt(e){let{error:t}=e;const n=(0,Ze.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Je.errorBoundaryError,children:n})}class nt extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const rt="right";function ot(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function at(){const{toggle:e,shown:t}=(0,I.q)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.G)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(ot,{})})}const it={colorModeToggle:"colorModeToggle_DEke"};function st(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(nt,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(He,{...e})},t)))})}function lt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function ct(){const e=(0,I.q)(),t=(0,S.y)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??rt)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(lt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(at,{}),(0,u.jsx)(Y,{}),(0,u.jsx)(st,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(st,{items:r}),(0,u.jsx)(W,{className:it.colorModeToggle}),!o&&(0,u.jsx)(De,{children:(0,u.jsx)(je,{})})]})})}function ut(){return(0,u.jsx)(Qe,{children:(0,u.jsx)(ct,{})})}function dt(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,Z.c)(n),l=(0,Z.c)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Q.c,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,J.c)(r)&&(0,u.jsx)(te.c,{})]})}function pt(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(dt,{item:t})},t.href??t.to)}function ft(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(pt,{item:e},t)))})]})}function mt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(ft,{column:e},t)))})}function gt(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ht(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(dt,{item:t})}function yt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ht,{item:e}),t.length!==n+1&&(0,u.jsx)(gt,{})]},n)))})})}function bt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(mt,{columns:t}):(0,u.jsx)(yt,{links:t})}var vt=n(1964);const St={footerLogoLink:"footerLogoLink_BH7S"};function wt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,Z.E)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(vt.c,{className:(0,o.c)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function xt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Q.c,{href:t.href,className:St.footerLogoLink,target:t.target,children:(0,u.jsx)(wt,{logo:t})}):(0,u.jsx)(wt,{logo:t})}function kt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Et(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.c)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function Tt(){const{footer:e}=(0,S.y)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(Et,{style:o,links:n&&n.length>0&&(0,u.jsx)(bt,{links:n}),logo:r&&(0,u.jsx)(xt,{logo:r}),copyright:t&&(0,u.jsx)(kt,{copyright:t})})}const Ct=r.memo(Tt),_t=(0,P.qY)([D.C,w.qu,R.S2,ze.gc,i.w7,function(e){let{children:t}=e;return(0,u.jsx)(L.Ub,{children:(0,u.jsx)(I.y,{children:(0,u.jsx)(F,{children:t})})})}]);function At(e){let{children:t}=e;return(0,u.jsx)(_t,{children:t})}var It=n(6448);function Rt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(It.c,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.c,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(et,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(tt,{error:t})})]})})})}const Pt={mainWrapper:"mainWrapper_z2l0"};function Lt(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,y.W)(),(0,u.jsxs)(At,{children:[(0,u.jsx)(i.U7,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ut,{}),(0,u.jsx)("div",{id:d,className:(0,o.c)(h.W.wrapper.main,Pt.mainWrapper,r),children:(0,u.jsx)(a.c,{fallback:e=>(0,u.jsx)(Rt,{...e}),children:t})}),!n&&(0,u.jsx)(Ct,{})]})}},8164:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});n(1504);var r=n(867),o=n(964),a=n(8264),i=n(1824),s=n(1964),l=n(7624);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.c)(t.src),dark:(0,o.c)(t.srcDark||t.src)},i=(0,l.jsx)(s.c,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.c)(),{navbar:{title:n,logo:s}}=(0,i.y)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.c)(s?.href||"/"),m=n?"":t,g=s?.alt??m;return(0,l.jsxs)(r.c,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:g,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},8712:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});n(1504);var r=n(6952),o=n(7624);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.c,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},1964:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var r=n(1504),o=n(5456),a=n(3664),i=n(6528);const s={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=n(7624);function c(e){let{className:t,children:n}=e;const c=(0,a.c)(),{colorMode:u}=(0,i.U)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.c)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},8448:(e,t,n)=>{"use strict";n.d(t,{U:()=>y,a:()=>c});var r=n(1504),o=n(8684),a=n(5288),i=n(3856),s=n(7624);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.I)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.c.canUseDOM)return e?u:d}function g(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function h(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.c)((()=>{t||i(!0)}),[t]),(0,a.c)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(g,{...n,collapsed:l}):null}function y(e){let{lazy:t,...n}=e;const r=t?h:g;return(0,s.jsx)(r,{...n})}},3868:(e,t,n)=>{"use strict";n.d(t,{el:()=>g,qu:()=>m});var r=n(1504),o=n(3664),a=n(1148),i=n(1100),s=n(1824),l=n(7624);const c=(0,a.GS)("docusaurus.announcement.dismiss"),u=(0,a.GS)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.y)(),t=(0,o.c)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function g(){const e=(0,r.useContext)(f);if(!e)throw new i.AH("AnnouncementBarProvider");return e}},6528:(e,t,n)=>{"use strict";n.d(t,{C:()=>h,U:()=>y});var r=n(1504),o=n(8684),a=n(1100),i=n(1148),s=n(1824),l=n(7624);const c=r.createContext(void 0),u="theme",d=(0,i.GS)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.c.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),g=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.y)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&g(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function y(){const e=(0,r.useContext)(c);if(null==e)throw new a.AH("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},4592:(e,t,n)=>{"use strict";n.d(t,{eM:()=>S,gc:()=>y,iy:()=>v});var r=n(1504),o=n(5172),a=n(2488),i=n(1824),s=n(9940),l=n(1100),c=n(1148),u=n(7624);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.GS)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.GS)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.GS)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const m=r.createContext(null);function g(){const e=(0,o.L0)(),t=(0,i.y)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=p.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=g();return(0,u.jsx)(m.Provider,{value:n,children:t})}function y(e){let{children:t}=e;return s.c1?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function b(){const e=(0,r.useContext)(m);if(!e)throw new l.AH("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.M);const t=(0,o.OK)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function S(){const e=(0,o.L0)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},6192:(e,t,n)=>{"use strict";n.d(t,{m:()=>c,y:()=>l});var r=n(1504),o=n(1100),a=n(7624);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.AH("DocsSidebarProvider");return e}},9920:(e,t,n)=>{"use strict";n.d(t,{E:()=>l,Q:()=>s});var r=n(1504),o=n(1100),a=n(7624);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.AH("DocsVersionProvider");return e}},8200:(e,t,n)=>{"use strict";n.d(t,{q:()=>f,y:()=>p});var r=n(1504),o=n(5168),a=n(1432),i=n(632),s=n(1824),l=n(1100),c=n(7624);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.MF)(),{items:t}=(0,s.y)().navbar;return 0===t.length&&!e.component}(),t=(0,a.U)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.a4)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.AH("NavbarMobileSidebarProvider");return e}},5168:(e,t,n)=>{"use strict";n.d(t,{MF:()=>l,Mx:()=>c,Ub:()=>s});var r=n(1504),o=n(1100),a=n(7624);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.AH("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.AH("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Mh)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},204:(e,t,n)=>{"use strict";n.d(t,{m:()=>o,W:()=>a});var r=n(1504);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},7092:(e,t,n)=>{"use strict";n.d(t,{Y:()=>l,a:()=>s});var r=n(1504),o=n(8264),a=n(632);const i="q";function s(){return(0,a.E9)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.c)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},1432:(e,t,n)=>{"use strict";n.d(t,{U:()=>s});var r=n(1504),o=n(8684);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.c.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},5864:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},3856:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{I:()=>r})},9940:(e,t,n)=>{"use strict";n.d(t,{Gw:()=>f,Md:()=>h,c1:()=>p,Uj:()=>E,b7:()=>w,Qf:()=>k,Ab:()=>x,js:()=>S,mg:()=>b});var r=n(1504),o=n(5592),a=n(5464),i=n(5172),s=n(4592),l=n(9920),c=n(6192);function u(e){return Array.from(new Set(e))}var d=n(3376);const p=!!i.L0;function f(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=f(t);if(e)return e}}(e):void 0:e.href}const m=(e,t)=>void 0!==e&&(0,d.Sc)(e,t),g=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?m(e.href,t):"category"===e.type&&(m(e.href,t)||g(e.items,t))}function y(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>y(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>y(e,t)))),[e,t])}function v(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,d.Sc)(a.href,n)||e(a.items))||"link"===a.type&&(0,d.Sc)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function S(){const e=(0,c.m)(),{pathname:t}=(0,o.IT)(),n=(0,i.UF)()?.pluginData.breadcrumbs;return!1!==n&&e?v({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.wB)(e),{preferredVersion:n}=(0,s.iy)(e),o=(0,i.aA)(e);return(0,r.useMemo)((()=>u([t,n,o].filter(Boolean))),[t,n,o])}function x(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${u(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function E(e){let{route:t}=e;const n=(0,o.IT)(),r=(0,l.E)(),i=t.routes,s=i.find((e=>(0,o.ot)(n.pathname,e)));if(!s)return null;const c=s.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,a.k)(i),sidebarName:c,sidebarItems:u}}},8648:(e,t,n)=>{"use strict";n.d(t,{g:()=>o});var r=n(8264);function o(e){const{siteConfig:t}=(0,r.c)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},632:(e,t,n)=>{"use strict";n.d(t,{E9:()=>l,a4:()=>i});var r=n(1504),o=n(5592),a=n(1100);function i(e){!function(e){const t=(0,o.Uz)(),n=(0,a.yA)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){return function(e){const t=(0,o.Uz)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}function l(e){const t=s(e)??"",n=function(){const e=(0,o.Uz)();return(0,r.useCallback)(((t,n,r)=>{const o=new URLSearchParams(e.location.search);n?o.set(t,n):o.delete(t),(r?.push?e.push:e.replace)({search:o.toString()})}),[e])}();return[t,(0,r.useCallback)(((t,r)=>{n(e,t,r)}),[n,e])]}},5008:(e,t,n)=>{"use strict";n.d(t,{cr:()=>f,U7:()=>d,w7:()=>m});var r=n(1504),o=n(5456),a=n(6952),i=n(5548);function s(){const e=r.useContext(i.e);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(964),c=n(8648),u=n(7624);function d(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const s=(0,c.g)(t),{withBaseUrl:d}=(0,l.E)(),p=o?d(o,{absolute:!0}):void 0;return(0,u.jsxs)(a.c,{children:[t&&(0,u.jsx)("title",{children:s}),t&&(0,u.jsx)("meta",{property:"og:title",content:s}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),r&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(p),s=(0,o.c)(i,t);return(0,u.jsxs)(p.Provider,{value:s,children:[(0,u.jsx)(a.c,{children:(0,u.jsx)("html",{className:s})}),n]})}function m(e){let{children:t}=e;const n=s(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.c)(r,a),children:t})}},1100:(e,t,n)=>{"use strict";n.d(t,{AH:()=>l,Mh:()=>c,i0:()=>s,qY:()=>u,yA:()=>i});var r=n(1504),o=n(5288),a=n(7624);function i(e){const t=(0,r.useRef)(e);return(0,o.c)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.c)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},1064:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{_:()=>r})},3376:(e,t,n)=>{"use strict";n.d(t,{Sc:()=>i,Y5:()=>s});var r=n(1504),o=n(628),a=n(8264);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.c)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.c,baseUrl:e})),[e])}},3943:(e,t,n)=>{"use strict";n.d(t,{S2:()=>c,SM:()=>p,yI:()=>f});var r=n(1504),o=n(8684),a=n(3664),i=(n(5288),n(1100)),s=n(7624);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.AH("ScrollControllerProvider");return e}const d=()=>o.c.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i.yA)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.c)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4456:(e,t,n)=>{"use strict";n.d(t,{SE:()=>s,e6:()=>i,mY:()=>l});var r=n(5172),o=n(8264),a=n(4592);const i="default";function s(e,t){return`docs-${e}-${t}`}function l(){const{i18n:e}=(0,o.c)(),t=(0,r.L0)(),n=(0,r.mU)(),l=(0,a.eM)();const c=[i,...Object.keys(t).map((function(e){const r=n?.activePlugin.pluginId===e?n.activeVersion:void 0,o=l[e],a=t[e].versions.find((e=>e.isLast));return s(e,(r??o??a).name)}))];return{locale:e.currentLocale,tags:c}}},1148:(e,t,n)=>{"use strict";n.d(t,{GS:()=>l});n(1504);const r="localStorage";function o(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function a(e){if(void 0===e&&(e=r),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const s={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function l(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=a(t?.persistence);return null===n?s:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}},1616:(e,t,n)=>{"use strict";n.d(t,{D:()=>i});var r=n(8264),o=n(5592),a=n(5684);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.c)(),{pathname:l}=(0,o.IT)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},7124:(e,t,n)=>{"use strict";n.d(t,{c:()=>i});var r=n(1504),o=n(5592),a=n(1100);function i(e){const t=(0,o.IT)(),n=(0,a.i0)(t),i=(0,a.yA)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},1824:(e,t,n)=>{"use strict";n.d(t,{y:()=>o});var r=n(8264);function o(){return(0,r.c)().siteConfig.themeConfig}},8589:(e,t,n)=>{"use strict";n.d(t,{E:()=>o});var r=n(8264);function o(){const{siteConfig:{themeConfig:e}}=(0,r.c)();return e}},9032:(e,t,n)=>{"use strict";n.d(t,{Q:()=>s});var r=n(1504),o=n(1064),a=n(964),i=n(8589);function s(){const{withBaseUrl:e}=(0,a.E)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.E)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o._)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1600:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,a)}},4292:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},5684:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(1600);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}});var a=n(4292);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},8064:(e,t,n)=>{"use strict";n.d(t,{iU:()=>S,Yf:()=>C,gh:()=>f,Wi:()=>A,Ep:()=>p});var r=n(6404);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(6136);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.c)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var g=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var y="popstate",b="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function S(e){void 0===e&&(e={}),g||(0,s.c)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,S=void 0!==c&&c,w=i.getUserConfirmation,x=void 0===w?h:w,k=i.keyLength,E=void 0===k?6:k,T=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return T&&(a=u(a,T)),f(a,r,n)}function _(){return Math.random().toString(36).substr(2,E)}var A=m();function I(e){(0,r.c)(z,e),z.length=n.length,A.notifyListeners(z.location,z.action)}function R(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(C(e.state))}function P(){N(C(v()))}var L=!1;function N(e){if(L)L=!1,I();else{A.confirmTransitionTo(e,"POP",x,(function(t){t?I({action:"POP",location:e}):function(e){var t=z.location,n=O.indexOf(t.key);-1===n&&(n=0);var r=O.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var F=C(v()),O=[F.key];function j(e){return T+p(e)}function M(e){n.go(e)}var D=0;function B(e){1===(D+=e)&&1===e?(window.addEventListener(y,R),a&&window.addEventListener(b,P)):0===D&&(window.removeEventListener(y,R),a&&window.removeEventListener(b,P))}var $=!1;var z={length:n.length,action:"POP",location:F,createHref:j,push:function(e,t){var r="PUSH",a=f(e,t,_(),z.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=j(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),S)window.location.href=t;else{var l=O.indexOf(z.location.key),c=O.slice(0,l+1);c.push(a.key),O=c,I({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,_(),z.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=j(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),S)window.location.replace(t);else{var l=O.indexOf(z.location.key);-1!==l&&(O[l]=a.key),I({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return $||(B(1),$=!0),function(){return $&&($=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return z}var w="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function T(e){window.location.replace(k(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),g||(0,s.c)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?h:o,i=n.hashType,c=void 0===i?"slash":i,y=e.basename?d(l(e.basename)):"",b=x[c],v=b.encodePath,S=b.decodePath;function C(){var e=S(E());return y&&(e=u(e,y)),f(e)}var _=m();function A(e){(0,r.c)($,e),$.length=t.length,_.notifyListeners($.location,$.action)}var I=!1,R=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)T(r);else{var o=C(),i=$.location;if(!I&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(R===p(o))return;R=null,function(e){if(I)I=!1,A();else{var t="POP";_.confirmTransitionTo(e,t,a,(function(n){n?A({action:t,location:e}):function(e){var t=$.location,n=O.lastIndexOf(p(t));-1===n&&(n=0);var r=O.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(I=!0,j(o))}(e)}))}}(o)}}var L=E(),N=v(L);L!==N&&T(N);var F=C(),O=[p(F)];function j(e){t.go(e)}var M=0;function D(e){1===(M+=e)&&1===e?window.addEventListener(w,P):0===M&&window.removeEventListener(w,P)}var B=!1;var $={length:t.length,action:"POP",location:F,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=k(window.location.href)),n+"#"+v(y+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,$.location);_.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(y+t);if(E()!==o){R=t,function(e){window.location.hash=e}(o);var a=O.lastIndexOf(p($.location)),i=O.slice(0,a+1);i.push(t),O=i,A({action:n,location:r})}else A()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,$.location);_.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(y+t);E()!==o&&(R=t,T(o));var a=O.indexOf(p($.location));-1!==a&&(O[a]=t),A({action:n,location:r})}}))},go:j,goBack:function(){j(-1)},goForward:function(){j(1)},block:function(e){void 0===e&&(e=!1);var t=_.setPrompt(e);return B||(D(1),B=!0),function(){return B&&(B=!1,D(-1)),t()}},listen:function(e){var t=_.appendListener(e);return D(1),function(){D(-1),t()}}};return $}function _(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.c)(S,e),S.length=S.entries.length,u.notifyListeners(S.location,S.action)}function g(){return Math.random().toString(36).substr(2,c)}var h=_(s,0,a.length-1),y=a.map((function(e){return f(e,void 0,"string"==typeof e?g():e.key||g())})),b=p;function v(e){var t=_(S.index+e,0,S.entries.length-1),r=S.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var S={length:y.length,action:"POP",location:y[h],index:h,entries:y,createHref:b,push:function(e,t){var r="PUSH",o=f(e,t,g(),S.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=S.index+1,n=S.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,g(),S.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(S.entries[S.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=S.index+e;return t>=0&&t<S.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return S}},4792:(e,t,n)=>{"use strict";var r=n(2168),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),g=l(n),h=0;h<i.length;++h){var y=i[h];if(!(a[y]||r&&r[y]||g&&g[y]||s&&s[y])){var b=p(n,y);try{c(t,y,b)}catch(v){}}}}return t}},9328:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},9600:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},1462:(e,t,n)=>{"use strict";n.r(t)},9115:(e,t,n)=>{"use strict";n.r(t)},2272:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},1596:()=>{!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i<o.length;i++)a[o[i]]=e.languages.bash[o[i]];e.languages.sh=e.languages.bash,e.languages.shell=e.languages.bash}(Prism)},1496:()=>{!function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(Prism)},5960:()=>{!function(e){e.languages.ejs={delimiter:{pattern:/^<%[-_=]?|[-_]?%>$/,alias:"punctuation"},comment:/^#[\s\S]*/,"language-javascript":{pattern:/[\s\S]+/,inside:e.languages.javascript}},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"ejs",/<%(?!%)[\s\S]+?%>/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"ejs")})),e.languages.eta=e.languages.ejs}(Prism)},9264:()=>{Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},1808:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),y=p.substring(m+f.length),b=[];g&&b.push.apply(b,i([g])),b.push(h),y&&b.push.apply(b,i([y])),"string"==typeof c?s.splice.apply(s,[l,1].concat(b)):c.content=b}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},712:()=>{!function(e){e.languages.ruby=e.languages.extend("clike",{comment:{pattern:/#.*|^=begin\s[\s\S]*?^=end/m,greedy:!0},"class-name":{pattern:/(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,operator:/\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,punctuation:/[(){}[\].,;]/}),e.languages.insertBefore("ruby","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}});var t={pattern:/((?:^|[^\\])(?:\\{2})*)#\{(?:[^{}]|\{[^{}]*\})*\}/,lookbehind:!0,inside:{content:{pattern:/^(#\{)[\s\S]+(?=\}$)/,lookbehind:!0,inside:e.languages.ruby},delimiter:{pattern:/^#\{|\}$/,alias:"punctuation"}}};delete e.languages.ruby.function;var n="(?:"+[/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,/\((?:[^()\\]|\\[\s\S]|\((?:[^()\\]|\\[\s\S])*\))*\)/.source,/\{(?:[^{}\\]|\\[\s\S]|\{(?:[^{}\\]|\\[\s\S])*\})*\}/.source,/\[(?:[^\[\]\\]|\\[\s\S]|\[(?:[^\[\]\\]|\\[\s\S])*\])*\]/.source,/<(?:[^<>\\]|\\[\s\S]|<(?:[^<>\\]|\\[\s\S])*>)*>/.source].join("|")+")",r=/(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;e.languages.insertBefore("ruby","keyword",{"regex-literal":[{pattern:RegExp(/%r/.source+n+/[egimnosux]{0,6}/.source),greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}}],variable:/[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,symbol:[{pattern:RegExp(/(^|[^:]):/.source+r),lookbehind:!0,greedy:!0},{pattern:RegExp(/([\r\n{(,][ \t]*)/.source+r+/(?=:(?!:))/.source),lookbehind:!0,greedy:!0}],"method-definition":{pattern:/(\bdef\s+)\w+(?:\s*\.\s*\w+)?/,lookbehind:!0,inside:{function:/\b\w+$/,keyword:/^self\b/,"class-name":/^\w+/,punctuation:/\./}}}),e.languages.insertBefore("ruby","string",{"string-literal":[{pattern:RegExp(/%[qQiIwWs]?/.source+n),greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?([a-z_]\w*)[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?[a-z_]\w*|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?/}},interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?'([a-z_]\w*)'[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?'[a-z_]\w*'|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?'|'$/}},string:/[\s\S]+/}}],"command-literal":[{pattern:RegExp(/%x/.source+n),greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}},{pattern:/`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}}]}),delete e.languages.ruby.string,e.languages.insertBefore("ruby","number",{builtin:/\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,constant:/\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/}),e.languages.rb=e.languages.ruby}(Prism)},4096:(e,t,n)=>{var r={"./prism-bash":1596,"./prism-diff":1496,"./prism-ejs":5960,"./prism-json":9264,"./prism-markup-templating":1808,"./prism-ruby":712};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=4096},9776:(e,t,n)=>{"use strict";var r=n(9143);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},3268:(e,t,n)=>{e.exports=n(9776)()},9143:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9516:(e,t,n)=>{"use strict";var r=n(1504),o=n(4712);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function g(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new g(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new g(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new g(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new g(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new g(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new g(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new g(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new g(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new g(e,5,!1,e.toLowerCase(),null,!1,!1)}));var y=/[\-:]([a-z])/g;function b(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(y,b);h[t]=new g(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(y,b);h[t]=new g(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(y,b);h[t]=new g(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new g(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new g("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new g(e,1,!1,e.toLowerCase(),null,!0,!0)}));var S=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=Symbol.for("react.element"),x=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),_=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),R=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var N=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var F=Symbol.iterator;function O(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=F&&e[F]||e["@@iterator"])?e:null}var j,M=Object.assign;function D(e){if(void 0===j)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);j=t&&t[1]||""}return"\n"+j+e}var B=!1;function $(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?D(e):""}function z(e){switch(e.tag){case 5:return D(e.type);case 16:return D("Lazy");case 13:return D("Suspense");case 19:return D("SuspenseList");case 0:case 2:case 15:return e=$(e.type,!1);case 11:return e=$(e.type.render,!1);case 1:return e=$(e.type,!0);default:return""}}function U(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case k:return"Fragment";case x:return"Portal";case T:return"Profiler";case E:return"StrictMode";case I:return"Suspense";case R:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case _:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:U(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return U(e(t))}catch(n){}}return null}function V(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function W(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=G(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function Y(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function K(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function X(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Q(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function Z(e,t){Q(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&Y(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function ge(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ge(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var ye=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function be(e,t){if(t){if(ye[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Se=null;function we(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,ke=null,Ee=null;function Te(e){if(e=So(e)){if("function"!=typeof xe)throw Error(a(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function Ce(e){ke?Ee?Ee.push(e):Ee=[e]:ke=e}function _e(){if(ke){var e=ke,t=Ee;if(Ee=ke=null,Te(e),t)for(e=0;e<t.length;e++)Te(t[e])}}function Ae(e,t){return e(t)}function Ie(){}var Re=!1;function Pe(e,t,n){if(Re)return e(t,n);Re=!0;try{return Ae(e,t,n)}finally{Re=!1,(null!==ke||null!==Ee)&&(Ie(),_e())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=xo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ne=!1;if(u)try{var Fe={};Object.defineProperty(Fe,"passive",{get:function(){Ne=!0}}),window.addEventListener("test",Fe,Fe),window.removeEventListener("test",Fe,Fe)}catch(ue){Ne=!1}function Oe(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var je=!1,Me=null,De=!1,Be=null,$e={onError:function(e){je=!0,Me=e}};function ze(e,t,n,r,o,a,i,s,l){je=!1,Me=null,Oe.apply($e,arguments)}function Ue(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ve(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(Ue(e)!==e)throw Error(a(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ue(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=We(e);if(null!==t)return t;e=e.sibling}return null}var qe=o.unstable_scheduleCallback,Ye=o.unstable_cancelCallback,Ke=o.unstable_shouldYield,Xe=o.unstable_requestPaint,Qe=o.unstable_now,Ze=o.unstable_getCurrentPriorityLevel,Je=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&0==(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&0!=(4194240&a)))return t;if(0!=(4&r)&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function gt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function yt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function bt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function St(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var wt,xt,kt,Et,Tt,Ct=!1,_t=[],At=null,It=null,Rt=null,Pt=new Map,Lt=new Map,Nt=[],Ft="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Ot(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":It=null;break;case"mouseover":case"mouseout":Rt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function jt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=So(t))&&xt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=Ue(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ve(n)))return e.blockedOn=t,void Tt(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Dt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Kt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=So(n))&&xt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);Se=r,n.target.dispatchEvent(r),Se=null,t.shift()}return!0}function Bt(e,t,n){Dt(e)&&n.delete(t)}function $t(){Ct=!1,null!==At&&Dt(At)&&(At=null),null!==It&&Dt(It)&&(It=null),null!==Rt&&Dt(Rt)&&(Rt=null),Pt.forEach(Bt),Lt.forEach(Bt)}function zt(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,$t)))}function Ut(e){function t(t){return zt(t,e)}if(0<_t.length){zt(_t[0],e);for(var n=1;n<_t.length;n++){var r=_t[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==At&&zt(At,e),null!==It&&zt(It,e),null!==Rt&&zt(Rt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<Nt.length;n++)(r=Nt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<Nt.length&&null===(n=Nt[0]).blockedOn;)Mt(n),null===n.blockedOn&&Nt.shift()}var Vt=S.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,r){var o=vt,a=Vt.transition;Vt.transition=null;try{vt=1,qt(e,t,n,r)}finally{vt=o,Vt.transition=a}}function Wt(e,t,n,r){var o=vt,a=Vt.transition;Vt.transition=null;try{vt=4,qt(e,t,n,r)}finally{vt=o,Vt.transition=a}}function qt(e,t,n,r){if(Ht){var o=Kt(e,t,n,r);if(null===o)Hr(e,t,r,Yt,n),Ot(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return At=jt(At,e,t,n,r,o),!0;case"dragenter":return It=jt(It,e,t,n,r,o),!0;case"mouseover":return Rt=jt(Rt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,jt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,jt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Ot(e,r),4&t&&-1<Ft.indexOf(e)){for(;null!==o;){var a=So(o);if(null!==a&&wt(a),null===(a=Kt(e,t,n,r))&&Hr(e,t,r,Yt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Yt=null;function Kt(e,t,n,r){if(Yt=null,null!==(e=vo(e=we(r))))if(null===(t=Ue(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=Ve(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Yt=e,null}function Xt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Ze()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Qt=null,Zt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Zt,r=n.length,o="value"in Qt?Qt.value:Qt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Jt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Tn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),gn=on(M({},fn,{dataTransfer:0})),hn=on(M({},dn,{relatedTarget:0})),yn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),bn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(bn),Sn=on(M({},cn,{data:0})),wn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function Tn(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=wn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Tn,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),_n=on(Cn),An=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),In=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Tn})),Rn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),Nn=[9,13,27,32],Fn=u&&"CompositionEvent"in window,On=null;u&&"documentMode"in document&&(On=document.documentMode);var jn=u&&"TextEvent"in window&&!On,Mn=u&&(!Fn||On&&8<On&&11>=On),Dn=String.fromCharCode(32),Bn=!1;function $n(e,t){switch(e){case"keyup":return-1!==Nn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function zn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Un=!1;var Vn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Vn[e.type]:"textarea"===t}function Gn(e,t,n,r){Ce(r),0<(t=Wr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Wn=null,qn=null;function Yn(e){Dr(e,0)}function Kn(e){if(q(wo(e)))return e}function Xn(e,t){if("change"===e)return t}var Qn=!1;if(u){var Zn;if(u){var Jn="oninput"in document;if(!Jn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Jn="function"==typeof er.oninput}Zn=Jn}else Zn=!1;Qn=Zn&&(!document.documentMode||9<document.documentMode)}function tr(){Wn&&(Wn.detachEvent("onpropertychange",nr),qn=Wn=null)}function nr(e){if("value"===e.propertyName&&Kn(qn)){var t=[];Gn(t,qn,e,we(e)),Pe(Yn,t)}}function rr(e,t,n){"focusin"===e?(tr(),qn=n,(Wn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Kn(qn)}function ar(e,t){if("click"===e)return Kn(t)}function ir(e,t){if("input"===e||"change"===e)return Kn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=Y();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=Y((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var gr=u&&"documentMode"in document&&11>=document.documentMode,hr=null,yr=null,br=null,vr=!1;function Sr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==hr||hr!==Y(r)||("selectionStart"in(r=hr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},br&&lr(br,r)||(br=r,0<(r=Wr(yr,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=hr)))}function wr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:wr("Animation","AnimationEnd"),animationiteration:wr("Animation","AnimationIteration"),animationstart:wr("Animation","AnimationStart"),transitionend:wr("Transition","TransitionEnd")},kr={},Er={};function Tr(e){if(kr[e])return kr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return kr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var Cr=Tr("animationend"),_r=Tr("animationiteration"),Ar=Tr("animationstart"),Ir=Tr("transitionend"),Rr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Rr.set(e,t),l(t,[e])}for(var Nr=0;Nr<Pr.length;Nr++){var Fr=Pr[Nr];Lr(Fr.toLowerCase(),"on"+(Fr[0].toUpperCase()+Fr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(_r,"onAnimationIteration"),Lr(Ar,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Ir,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Or="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),jr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Or));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(ze.apply(this,arguments),je){if(!je)throw Error(a(198));var u=Me;je=!1,Me=null,De||(De=!0,Be=u)}}(r,t,void 0,e),e.currentTarget=null}function Dr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(De)throw e=Be,De=!1,Be=null,e}function Br(e,t){var n=t[ho];void 0===n&&(n=t[ho]=new Set);var r=e+"__bubble";n.has(r)||(Vr(t,e,2,!1),n.add(r))}function $r(e,t,n){var r=0;t&&(r|=4),Vr(n,e,r,t)}var zr="_reactListening"+Math.random().toString(36).slice(2);function Ur(e){if(!e[zr]){e[zr]=!0,i.forEach((function(t){"selectionchange"!==t&&(jr.has(t)||$r(t,!1,e),$r(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[zr]||(t[zr]=!0,$r("selectionchange",!1,t))}}function Vr(e,t,n,r){switch(Xt(t)){case 1:var o=Gt;break;case 4:o=Wt;break;default:o=qt}n=o.bind(null,t,n,e),o=void 0,!Ne||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=we(n),i=[];e:{var s=Rr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=_n;break;case"focusin":c="focus",l=hn;break;case"focusout":c="blur",l=hn;break;case"beforeblur":case"afterblur":l=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=gn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=In;break;case Cr:case _r:case Ar:l=yn;break;case Ir:l=Rn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var g=(f=m).stateNode;if(5===f.tag&&null!==g&&(f=g,null!==p&&(null!=(g=Le(m,p))&&u.push(Gr(m,g,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(0==(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===Se||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[go])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=Ue(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,g="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,g="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:wo(l),f=null==c?s:wo(c),(s=new u(g,m+"leave",l,n,o)).target=d,s.relatedTarget=f,g=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,g=u),d=g,l&&c)e:{for(p=c,m=0,f=u=l;f;f=qr(f))m++;for(f=0,g=p;g;g=qr(g))f++;for(;0<m-f;)u=qr(u),m--;for(;0<f-m;)p=qr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=qr(u),p=qr(p)}u=null}else u=null;null!==l&&Yr(i,s,l,u,!1),null!==c&&null!==d&&Yr(i,d,c,u,!0)}if("select"===(l=(s=r?wo(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var h=Xn;else if(Hn(s))if(Qn)h=ir;else{h=or;var y=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(h=ar);switch(h&&(h=h(e,r))?Gn(i,h,n,o):(y&&y(e,s,r),"focusout"===e&&(y=s._wrapperState)&&y.controlled&&"number"===s.type&&ee(s,"number",s.value)),y=r?wo(r):window,e){case"focusin":(Hn(y)||"true"===y.contentEditable)&&(hr=y,yr=r,br=null);break;case"focusout":br=yr=hr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,Sr(i,n,o);break;case"selectionchange":if(gr)break;case"keydown":case"keyup":Sr(i,n,o)}var b;if(Fn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else Un?$n(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(Un||"onCompositionStart"!==v?"onCompositionEnd"===v&&Un&&(b=en()):(Zt="value"in(Qt=o)?Qt.value:Qt.textContent,Un=!0)),0<(y=Wr(r,v)).length&&(v=new Sn(v,e,null,n,o),i.push({event:v,listeners:y}),b?v.data=b:null!==(b=zn(n))&&(v.data=b))),(b=jn?function(e,t){switch(e){case"compositionend":return zn(t);case"keypress":return 32!==t.which?null:(Bn=!0,Dn);case"textInput":return(e=t.data)===Dn&&Bn?null:e;default:return null}}(e,n):function(e,t){if(Un)return"compositionend"===e||!Fn&&$n(e,t)?(e=en(),Jt=Zt=Qt=null,Un=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Wr(r,"onBeforeInput")).length&&(o=new Sn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=b))}Dr(i,t)}))}function Gr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Wr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Gr(e,a,o)),null!=(a=Le(e,t))&&r.push(Gr(e,a,o))),e=e.return}return r}function qr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Yr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Gr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Gr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Kr=/\r\n?/g,Xr=/\u0000|\uFFFD/g;function Qr(e){return("string"==typeof e?e:""+e).replace(Kr,"\n").replace(Xr,"")}function Zr(e,t,n){if(t=Qr(t),Qr(e)!==t&&n)throw Error(a(425))}function Jr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void Ut(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);Ut(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,go="__reactContainer$"+po,ho="__reactEvents$"+po,yo="__reactListeners$"+po,bo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[go]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function So(e){return!(e=e[fo]||e[go])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wo(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function xo(e){return e[mo]||null}var ko=[],Eo=-1;function To(e){return{current:e}}function Co(e){0>Eo||(e.current=ko[Eo],ko[Eo]=null,Eo--)}function _o(e,t){Eo++,ko[Eo]=e.current,e.current=t}var Ao={},Io=To(Ao),Ro=To(!1),Po=Ao;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Ao;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function No(e){return null!=(e=e.childContextTypes)}function Fo(){Co(Ro),Co(Io)}function Oo(e,t,n){if(Io.current!==Ao)throw Error(a(168));_o(Io,t),_o(Ro,n)}function jo(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,V(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ao,Po=Io.current,_o(Io,e),_o(Ro,Ro.current),!0}function Do(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=jo(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(Ro),Co(Io),_o(Io,e)):Co(Ro),_o(Ro,n)}var Bo=null,$o=!1,zo=!1;function Uo(e){null===Bo?Bo=[e]:Bo.push(e)}function Vo(){if(!zo&&null!==Bo){zo=!0;var e=0,t=vt;try{var n=Bo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}Bo=null,$o=!1}catch(o){throw null!==Bo&&(Bo=Bo.slice(e+1)),qe(Je,Vo),o}finally{vt=t,zo=!1}}return null}var Ho=[],Go=0,Wo=null,qo=0,Yo=[],Ko=0,Xo=null,Qo=1,Zo="";function Jo(e,t){Ho[Go++]=qo,Ho[Go++]=Wo,Wo=e,qo=t}function ea(e,t,n){Yo[Ko++]=Qo,Yo[Ko++]=Zo,Yo[Ko++]=Xo,Xo=e;var r=Qo;e=Zo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Qo=1<<32-it(t)+o|n<<o|r,Zo=a+e}else Qo=1<<a|n<<o|r,Zo=e}function ta(e){null!==e.return&&(Jo(e,1),ea(e,1,0))}function na(e){for(;e===Wo;)Wo=Ho[--Go],Ho[Go]=null,qo=Ho[--Go],Ho[Go]=null;for(;e===Xo;)Xo=Yo[--Ko],Yo[Ko]=null,Zo=Yo[--Ko],Yo[Ko]=null,Qo=Yo[--Ko],Yo[Ko]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Lc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Xo?{id:Qo,overflow:Zo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Lc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ga(e){null===ia?ia=[e]:ia.push(e)}var ha=S.ReactCurrentBatchConfig;function ya(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var ba=To(null),va=null,Sa=null,wa=null;function xa(){wa=Sa=va=null}function ka(e){var t=ba.current;Co(ba),e._currentValue=t}function Ea(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){va=e,wa=Sa=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Ss=!0),e.firstContext=null)}function Ca(e){var t=e._currentValue;if(wa!==e)if(e={context:e,memoizedValue:t,next:null},null===Sa){if(null===va)throw Error(a(308));Sa=e,va.dependencies={lanes:0,firstContext:e}}else Sa=Sa.next=e;return t}var _a=null;function Aa(e){null===_a?_a=[e]:_a.push(e)}function Ia(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Aa(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ra(e,r)}function Ra(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Pa=!1;function La(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Na(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Fa(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Oa(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,0!=(2&Il)){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ra(e,n)}return null===(o=r.interleaved)?(t.next=t,Aa(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ra(e,n)}function ja(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,bt(e,n)}}function Ma(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Da(e,t,n,r){var o=e.updateQueue;Pa=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,g=s;switch(p=t,f=n,g.tag){case 1:if("function"==typeof(m=g.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=g.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Pa=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Ml|=i,e.lanes=i,e.memoizedState=d}}function Ba(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var $a=(new r.Component).refs;function za(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var Ua={isMounted:function(e){return!!(e=e._reactInternals)&&Ue(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=tc(),o=nc(e),a=Fa(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Oa(e,a,o))&&(rc(t,e,o,r),ja(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=tc(),o=nc(e),a=Fa(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Oa(e,a,o))&&(rc(t,e,o,r),ja(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),r=nc(e),o=Fa(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Oa(e,o,r))&&(rc(t,e,r,n),ja(t,e,r))}};function Va(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function Ha(e,t,n){var r=!1,o=Ao,a=t.contextType;return"object"==typeof a&&null!==a?a=Ca(a):(o=No(t)?Po:Io.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Ao),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ua,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function Ga(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Ua.enqueueReplaceState(t,t.state,null)}function Wa(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=$a,La(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Ca(a):(a=No(t)?Po:Io.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(za(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ua.enqueueReplaceState(o,o.state,null),Da(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function qa(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;t===$a&&(t=o.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function Ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Ka(e){return(0,e._init)(e._payload)}function Xa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Fc(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Dc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&Ka(a)===t.type)?((r=o(t,n.props)).ref=qa(e,t,n),r.return=e,r):((r=Oc(n.type,n.key,n.props,null,e.mode,r)).ref=qa(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=jc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Dc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case w:return(n=Oc(t.type,t.key,t.props,null,e.mode,n)).ref=qa(e,null,t),n.return=e,n;case x:return(t=Bc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||O(t))return(t=jc(t,e.mode,n,null)).return=e,t;Ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return n.key===o?c(e,t,n,r):null;case x:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||O(n))return null!==o?null:d(e,t,n,r,null);Ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case w:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case x:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||O(r))return d(t,e=e.get(n)||null,r,o,null);Ya(t,r)}return null}function g(o,a,s,l){for(var c=null,u=null,d=a,g=a=0,h=null;null!==d&&g<s.length;g++){d.index>g?(h=d,d=null):h=d.sibling;var y=f(o,d,s[g],l);if(null===y){null===d&&(d=h);break}e&&d&&null===y.alternate&&t(o,d),a=i(y,a,g),null===u?c=y:u.sibling=y,u=y,d=h}if(g===s.length)return n(o,d),aa&&Jo(o,g),c;if(null===d){for(;g<s.length;g++)null!==(d=p(o,s[g],l))&&(a=i(d,a,g),null===u?c=d:u.sibling=d,u=d);return aa&&Jo(o,g),c}for(d=r(o,d);g<s.length;g++)null!==(h=m(d,o,g,s[g],l))&&(e&&null!==h.alternate&&d.delete(null===h.key?g:h.key),a=i(h,a,g),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(o,e)})),aa&&Jo(o,g),c}function h(o,s,l,c){var u=O(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,g=s,h=s=0,y=null,b=l.next();null!==g&&!b.done;h++,b=l.next()){g.index>h?(y=g,g=null):y=g.sibling;var v=f(o,g,b.value,c);if(null===v){null===g&&(g=y);break}e&&g&&null===v.alternate&&t(o,g),s=i(v,s,h),null===d?u=v:d.sibling=v,d=v,g=y}if(b.done)return n(o,g),aa&&Jo(o,h),u;if(null===g){for(;!b.done;h++,b=l.next())null!==(b=p(o,b.value,c))&&(s=i(b,s,h),null===d?u=b:d.sibling=b,d=b);return aa&&Jo(o,h),u}for(g=r(o,g);!b.done;h++,b=l.next())null!==(b=m(g,o,h,b.value,c))&&(e&&null!==b.alternate&&g.delete(null===b.key?h:b.key),s=i(b,s,h),null===d?u=b:d.sibling=b,d=b);return e&&g.forEach((function(e){return t(o,e)})),aa&&Jo(o,h),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===k&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case w:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===k){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&Ka(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=qa(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===k?((a=jc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Oc(i.type,i.key,i.props,null,r.mode,l)).ref=qa(r,a,i),l.return=r,r=l)}return s(r);case x:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Bc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return g(r,a,i,l);if(O(i))return h(r,a,i,l);Ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Dc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Qa=Xa(!0),Za=Xa(!1),Ja={},ei=To(Ja),ti=To(Ja),ni=To(Ja);function ri(e){if(e===Ja)throw Error(a(174));return e}function oi(e,t){switch(_o(ni,t),_o(ti,e),_o(ei,Ja),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(ei),_o(ei,t)}function ai(){Co(ei),Co(ti),Co(ni)}function ii(e){ri(ni.current);var t=ri(ei.current),n=le(t,e.type);t!==n&&(_o(ti,e),_o(ei,n))}function si(e){ti.current===e&&(Co(ei),Co(ti))}var li=To(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=S.ReactCurrentDispatcher,fi=S.ReactCurrentBatchConfig,mi=0,gi=null,hi=null,yi=null,bi=!1,vi=!1,Si=0,wi=0;function xi(){throw Error(a(321))}function ki(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function Ei(e,t,n,r,o,i){if(mi=i,gi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ss:ls,e=n(r,o),vi){i=0;do{if(vi=!1,Si=0,25<=i)throw Error(a(301));i+=1,yi=hi=null,t.updateQueue=null,pi.current=cs,e=n(r,o)}while(vi)}if(pi.current=is,t=null!==hi&&null!==hi.next,mi=0,yi=hi=gi=null,bi=!1,t)throw Error(a(300));return e}function Ti(){var e=0!==Si;return Si=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===yi?gi.memoizedState=yi=e:yi=yi.next=e,yi}function _i(){if(null===hi){var e=gi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===yi?gi.memoizedState:yi.next;if(null!==t)yi=t,hi=e;else{if(null===e)throw Error(a(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===yi?gi.memoizedState=yi=e:yi=yi.next=e}return yi}function Ai(e,t){return"function"==typeof t?t(e):t}function Ii(e){var t=_i(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=hi,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((mi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,gi.lanes|=d,Ml|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(Ss=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,gi.lanes|=i,Ml|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ri(e){var t=_i(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(Ss=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function Pi(){}function Li(e,t){var n=gi,r=_i(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,Ss=!0),r=r.queue,Hi(Oi.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==yi&&1&yi.memoizedState.tag){if(n.flags|=2048,Bi(9,Fi.bind(null,n,r,o,t),void 0,null),null===Rl)throw Error(a(349));0!=(30&mi)||Ni(n,t,o)}return o}function Ni(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=gi.updateQueue)?(t={lastEffect:null,stores:null},gi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Fi(e,t,n,r){t.value=n,t.getSnapshot=r,ji(t)&&Mi(e)}function Oi(e,t,n){return n((function(){ji(t)&&Mi(e)}))}function ji(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Mi(e){var t=Ra(e,1);null!==t&&rc(t,e,1,-1)}function Di(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=ns.bind(null,gi,e),[t.memoizedState,e]}function Bi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=gi.updateQueue)?(t={lastEffect:null,stores:null},gi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function $i(){return _i().memoizedState}function zi(e,t,n,r){var o=Ci();gi.flags|=e,o.memoizedState=Bi(1|t,n,void 0,void 0===r?null:r)}function Ui(e,t,n,r){var o=_i();r=void 0===r?null:r;var a=void 0;if(null!==hi){var i=hi.memoizedState;if(a=i.destroy,null!==r&&ki(r,i.deps))return void(o.memoizedState=Bi(t,n,a,r))}gi.flags|=e,o.memoizedState=Bi(1|t,n,a,r)}function Vi(e,t){return zi(8390656,8,e,t)}function Hi(e,t){return Ui(2048,8,e,t)}function Gi(e,t){return Ui(4,2,e,t)}function Wi(e,t){return Ui(4,4,e,t)}function qi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Yi(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4,4,qi.bind(null,t,e),n)}function Ki(){}function Xi(e,t){var n=_i();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ki(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Qi(e,t){var n=_i();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ki(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Zi(e,t,n){return 0==(21&mi)?(e.baseState&&(e.baseState=!1,Ss=!0),e.memoizedState=n):(sr(n,t)||(n=gt(),gi.lanes|=n,Ml|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=r}}function es(){return _i().memoizedState}function ts(e,t,n){var r=nc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},rs(e))os(t,n);else if(null!==(n=Ia(e,t,n,r))){rc(n,e,r,tc()),as(n,t,r)}}function ns(e,t,n){var r=nc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(rs(e))os(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Aa(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Ia(e,t,o,r))&&(rc(n,e,r,o=tc()),as(n,t,r))}}function rs(e){var t=e.alternate;return e===gi||null!==t&&t===gi}function os(e,t){vi=bi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function as(e,t,n){if(0!=(4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,bt(e,n)}}var is={readContext:Ca,useCallback:xi,useContext:xi,useEffect:xi,useImperativeHandle:xi,useInsertionEffect:xi,useLayoutEffect:xi,useMemo:xi,useReducer:xi,useRef:xi,useState:xi,useDebugValue:xi,useDeferredValue:xi,useTransition:xi,useMutableSource:xi,useSyncExternalStore:xi,useId:xi,unstable_isNewReconciler:!1},ss={readContext:Ca,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Ca,useEffect:Vi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,zi(4194308,4,qi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return zi(4194308,4,e,t)},useInsertionEffect:function(e,t){return zi(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Ci();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=ts.bind(null,gi,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Di,useDebugValue:Ki,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Di(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=gi,o=Ci();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Rl)throw Error(a(349));0!=(30&mi)||Ni(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Vi(Oi.bind(null,r,i,e),[e]),r.flags|=2048,Bi(9,Fi.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=Rl.identifierPrefix;if(aa){var n=Zo;t=":"+t+"R"+(n=(Qo&~(1<<32-it(Qo)-1)).toString(32)+n),0<(n=Si++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=wi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},ls={readContext:Ca,useCallback:Xi,useContext:Ca,useEffect:Hi,useImperativeHandle:Yi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Qi,useReducer:Ii,useRef:$i,useState:function(){return Ii(Ai)},useDebugValue:Ki,useDeferredValue:function(e){return Zi(_i(),hi.memoizedState,e)},useTransition:function(){return[Ii(Ai)[0],_i().memoizedState]},useMutableSource:Pi,useSyncExternalStore:Li,useId:es,unstable_isNewReconciler:!1},cs={readContext:Ca,useCallback:Xi,useContext:Ca,useEffect:Hi,useImperativeHandle:Yi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Qi,useReducer:Ri,useRef:$i,useState:function(){return Ri(Ai)},useDebugValue:Ki,useDeferredValue:function(e){var t=_i();return null===hi?t.memoizedState=e:Zi(t,hi.memoizedState,e)},useTransition:function(){return[Ri(Ai)[0],_i().memoizedState]},useMutableSource:Pi,useSyncExternalStore:Li,useId:es,unstable_isNewReconciler:!1};function us(e,t){try{var n="",r=t;do{n+=z(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function ds(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ps(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fs="function"==typeof WeakMap?WeakMap:Map;function ms(e,t,n){(n=Fa(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Gl||(Gl=!0,Wl=r),ps(0,t)},n}function gs(e,t,n){(n=Fa(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ps(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ps(0,t),"function"!=typeof r&&(null===ql?ql=new Set([this]):ql.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new fs;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function ys(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Fa(-1,1)).tag=2,Oa(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var vs=S.ReactCurrentOwner,Ss=!1;function ws(e,t,n,r){t.child=null===e?Za(t,null,n,r):Qa(t,e.child,n,r)}function xs(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=Ei(e,t,n,r,a,o),n=Ti(),null===e||Ss?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gs(e,t,o))}function ks(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Nc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Oc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,Es(e,t,a,r,o))}if(a=e.child,0==(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Gs(e,t,o)}return t.flags|=1,(e=Fc(a,r)).ref=t.ref,e.return=t,t.child=e}function Es(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(Ss=!1,t.pendingProps=r=a,0==(e.lanes&o))return t.lanes=e.lanes,Gs(e,t,o);0!=(131072&e.flags)&&(Ss=!0)}}return _s(e,t,n,r,o)}function Ts(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},_o(Fl,Nl),Nl|=n;else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,_o(Fl,Nl),Nl|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,_o(Fl,Nl),Nl|=r}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,_o(Fl,Nl),Nl|=r;return ws(e,t,o,n),t.child}function Cs(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function _s(e,t,n,r,o){var a=No(n)?Po:Io.current;return a=Lo(t,a),Ta(t,o),n=Ei(e,t,n,r,a,o),r=Ti(),null===e||Ss?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gs(e,t,o))}function As(e,t,n,r,o){if(No(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)Hs(e,t),Ha(t,n,r),Wa(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Ca(c):c=Lo(t,c=No(n)?Po:Io.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&Ga(t,i,r,c),Pa=!1;var p=t.memoizedState;i.state=p,Da(t,r,i,o),l=t.memoizedState,s!==r||p!==l||Ro.current||Pa?("function"==typeof u&&(za(t,n,u,r),l=t.memoizedState),(s=Pa||Va(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Na(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ya(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Ca(l):l=Lo(t,l=No(n)?Po:Io.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&Ga(t,i,r,l),Pa=!1,p=t.memoizedState,i.state=p,Da(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||Ro.current||Pa?("function"==typeof f&&(za(t,n,f,r),m=t.memoizedState),(c=Pa||Va(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Is(e,t,n,r,a,o)}function Is(e,t,n,r,o,a){Cs(e,t);var i=0!=(128&t.flags);if(!r&&!i)return o&&Do(t,n,!1),Gs(e,t,a);r=t.stateNode,vs.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Qa(t,e.child,null,a),t.child=Qa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Do(t,n,!0),t.child}function Rs(e){var t=e.stateNode;t.pendingContext?Oo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Oo(0,t.context,!1),oi(e,t.containerInfo)}function Ps(e,t,n,r,o){return ma(),ga(o),t.flags|=256,ws(e,t,n,r),t.child}var Ls,Ns,Fs,Os,js={dehydrated:null,treeContext:null,retryLane:0};function Ms(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ds(e,t,n){var r,o=t.pendingProps,i=li.current,s=!1,l=0!=(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&0!=(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),_o(li,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},0==(1&o)&&null!==s?(s.childLanes=0,s.pendingProps=l):s=Mc(l,o,0,null),e=jc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ms(n),t.memoizedState=js,e):Bs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,$s(e,t,s,r=ds(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Mc({mode:"visible",children:r.children},o,0,null),(i=jc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,0!=(1&t.mode)&&Qa(t,e.child,null,s),t.child.memoizedState=Ms(s),t.memoizedState=js,i);if(0==(1&t.mode))return $s(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,$s(e,t,s,r=ds(i=Error(a(419)),r,void 0))}if(l=0!=(s&e.childLanes),Ss||l){if(null!==(r=Rl)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=0!=(o&(r.suspendedLanes|s))?0:o)&&o!==i.retryLane&&(i.retryLane=o,Ra(e,o),rc(r,e,o,-1))}return hc(),$s(e,t,s,r=ds(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Yo[Ko++]=Qo,Yo[Ko++]=Zo,Yo[Ko++]=Xo,Qo=e.id,Zo=e.overflow,Xo=t),t=Bs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 0==(1&l)&&t.child!==i?((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null):(o=Fc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==r?s=Fc(r,s):(s=jc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ms(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=js,o}return e=(s=e.child).sibling,o=Fc(s,{mode:"visible",children:o.children}),0==(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Bs(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function $s(e,t,n,r){return null!==r&&ga(r),Qa(t,e.child,null,n),(e=Bs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function zs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Ea(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function Vs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),0!=(2&(r=li.current)))r=1&r|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&zs(e,n,t);else if(19===e.tag)zs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(_o(li,r),0==(1&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ci(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hs(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ml|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Fc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Fc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Ws(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function qs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ys(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return qs(t),null;case 1:case 17:return No(t.type)&&Fo(),qs(t),null;case 3:return r=t.stateNode,ai(),Co(Ro),Co(Io),di(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==ia&&(sc(ia),ia=null))),Ns(e,t),qs(t),null;case 5:si(t);var o=ri(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Fs(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return qs(t),null}if(e=ri(ei.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=0!=(1&t.mode),n){case"dialog":Br("cancel",r),Br("close",r);break;case"iframe":case"object":case"embed":Br("load",r);break;case"video":case"audio":for(o=0;o<Or.length;o++)Br(Or[o],r);break;case"source":Br("error",r);break;case"img":case"image":case"link":Br("error",r),Br("load",r);break;case"details":Br("toggle",r);break;case"input":X(r,i),Br("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},Br("invalid",r);break;case"textarea":oe(r,i),Br("invalid",r)}for(var l in be(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Br("scroll",r)}switch(n){case"input":W(r),J(r,i,!0);break;case"textarea":W(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Jr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ls(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":Br("cancel",e),Br("close",e),o=r;break;case"iframe":case"object":case"embed":Br("load",e),o=r;break;case"video":case"audio":for(o=0;o<Or.length;o++)Br(Or[o],e);o=r;break;case"source":Br("error",e),o=r;break;case"img":case"image":case"link":Br("error",e),Br("load",e),o=r;break;case"details":Br("toggle",e),o=r;break;case"input":X(e,r),o=K(e,r),Br("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),Br("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),Br("invalid",e)}for(i in be(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Br("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":W(e),J(e,r,!1);break;case"textarea":W(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Jr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return qs(t),null;case 6:if(e&&null!=t.stateNode)Os(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=ri(ni.current),ri(ei.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Zr(r.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Zr(r.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return qs(t),null;case 13:if(Co(li),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&0!=(1&t.mode)&&0==(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;qs(t),i=!1}else null!==ia&&(sc(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&li.current)?0===Ol&&(Ol=3):hc())),null!==t.updateQueue&&(t.flags|=4),qs(t),null);case 4:return ai(),Ns(e,t),null===e&&Ur(t.stateNode.containerInfo),qs(t),null;case 10:return ka(t.type._context),qs(t),null;case 19:if(Co(li),null===(i=t.memoizedState))return qs(t),null;if(r=0!=(128&t.flags),null===(l=i.rendering))if(r)Ws(i,!1);else{if(0!==Ol||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(l=ci(e))){for(t.flags|=128,Ws(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return _o(li,1&li.current|2),t.child}e=e.sibling}null!==i.tail&&Qe()>Vl&&(t.flags|=128,r=!0,Ws(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ci(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Ws(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return qs(t),null}else 2*Qe()-i.renderingStartTime>Vl&&1073741824!==n&&(t.flags|=128,r=!0,Ws(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Qe(),t.sibling=null,n=li.current,_o(li,r?1&n|2:1&n),t):(qs(t),null);case 22:case 23:return pc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&0!=(1&t.mode)?0!=(1073741824&Nl)&&(qs(t),6&t.subtreeFlags&&(t.flags|=8192)):qs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return No(t.type)&&Fo(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return ai(),Co(Ro),Co(Io),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return si(t),null;case 13:if(Co(li),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(li),null;case 4:return ai(),null;case 10:return ka(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Ls=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ns=function(){},Fs=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,ri(ei.current);var a,i=null;switch(n){case"input":o=K(e,o),r=K(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Jr)}for(u in be(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Br("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Os=function(e,t,n,r){n!==r&&(t.flags|=4)};var Xs=!1,Qs=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function el(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Tc(e,t,r)}else n.current=null}function tl(e,t,n){try{n()}catch(r){Tc(e,t,r)}}var nl=!1;function rl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&tl(t,n,a)}o=o.next}while(o!==r)}}function ol(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function al(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function il(e){var t=e.alternate;null!==t&&(e.alternate=null,il(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[ho],delete t[yo],delete t[bo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function sl(e){return 5===e.tag||3===e.tag||4===e.tag}function ll(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||sl(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Jr));else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}function ul(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(ul(e,t,n),e=e.sibling;null!==e;)ul(e,t,n),e=e.sibling}var dl=null,pl=!1;function fl(e,t,n){for(n=n.child;null!==n;)ml(e,t,n),n=n.sibling}function ml(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Qs||el(n,t);case 6:var r=dl,o=pl;dl=null,fl(e,t,n),pl=o,null!==(dl=r)&&(pl?(e=dl,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):dl.removeChild(n.stateNode));break;case 18:null!==dl&&(pl?(e=dl,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),Ut(e)):lo(dl,n.stateNode));break;case 4:r=dl,o=pl,dl=n.stateNode.containerInfo,pl=!0,fl(e,t,n),dl=r,pl=o;break;case 0:case 11:case 14:case 15:if(!Qs&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(0!=(2&a)||0!=(4&a))&&tl(n,t,i),o=o.next}while(o!==r)}fl(e,t,n);break;case 1:if(!Qs&&(el(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Tc(n,t,s)}fl(e,t,n);break;case 21:fl(e,t,n);break;case 22:1&n.mode?(Qs=(r=Qs)||null!==n.memoizedState,fl(e,t,n),Qs=r):fl(e,t,n);break;default:fl(e,t,n)}}function gl(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Ic.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:dl=l.stateNode,pl=!1;break e;case 3:case 4:dl=l.stateNode.containerInfo,pl=!0;break e}l=l.return}if(null===dl)throw Error(a(160));ml(i,s,o),dl=null,pl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Tc(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)yl(t,e),t=t.sibling}function yl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{rl(3,e,e.return),ol(3,e)}catch(h){Tc(e,e.return,h)}try{rl(5,e,e.return)}catch(h){Tc(e,e.return,h)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&el(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&el(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(h){Tc(e,e.return,h)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Q(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?he(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":Z(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(h){Tc(e,e.return,h)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(h){Tc(e,e.return,h)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{Ut(t.containerInfo)}catch(h){Tc(e,e.return,h)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Qe())),4&r&&gl(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Qs=(u=Qs)||d,hl(t,e),Qs=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:rl(4,f,f.return);break;case 1:el(f,f.return);var g=f.stateNode;if("function"==typeof g.componentWillUnmount){r=f,n=f.return;try{t=r,g.props=t.memoizedProps,g.state=t.memoizedState,g.componentWillUnmount()}catch(h){Tc(r,n,h)}}break;case 5:el(f,f.return);break;case 22:if(null!==f.memoizedState){xl(p);continue}}null!==m?(m.return=f,Js=m):xl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=ge("display",s))}catch(h){Tc(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){Tc(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&gl(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(sl(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),ul(e,ll(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;cl(e,ll(e),i);break;default:throw Error(a(161))}}catch(s){Tc(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vl(e,t,n){Js=e,Sl(e,t,n)}function Sl(e,t,n){for(var r=0!=(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Xs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Qs;s=Xs;var c=Qs;if(Xs=i,(Qs=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?kl(o):null!==l?(l.return=i,Js=l):kl(o);for(;null!==a;)Js=a,Sl(a,t,n),a=a.sibling;Js=o,Xs=s,Qs=c}wl(e)}else 0!=(8772&o.subtreeFlags)&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Qs||ol(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Qs)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ya(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ba(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ba(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&Ut(p)}}}break;default:throw Error(a(163))}Qs||512&t.flags&&al(t)}catch(f){Tc(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function xl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{ol(4,t)}catch(l){Tc(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Tc(t,o,l)}}var a=t.return;try{al(t)}catch(l){Tc(t,a,l)}break;case 5:var i=t.return;try{al(t)}catch(l){Tc(t,i,l)}}}catch(l){Tc(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var El,Tl=Math.ceil,Cl=S.ReactCurrentDispatcher,_l=S.ReactCurrentOwner,Al=S.ReactCurrentBatchConfig,Il=0,Rl=null,Pl=null,Ll=0,Nl=0,Fl=To(0),Ol=0,jl=null,Ml=0,Dl=0,Bl=0,$l=null,zl=null,Ul=0,Vl=1/0,Hl=null,Gl=!1,Wl=null,ql=null,Yl=!1,Kl=null,Xl=0,Ql=0,Zl=null,Jl=-1,ec=0;function tc(){return 0!=(6&Il)?Qe():-1!==Jl?Jl:Jl=Qe()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Il)&&0!==Ll?Ll&-Ll:null!==ha.transition?(0===ec&&(ec=gt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Xt(e.type)}function rc(e,t,n,r){if(50<Ql)throw Ql=0,Zl=null,Error(a(185));yt(e,n,r),0!=(2&Il)&&e===Rl||(e===Rl&&(0==(2&Il)&&(Dl|=n),4===Ol&&lc(e,Ll)),oc(e,r),1===n&&0===Il&&0==(1&t.mode)&&(Vl=Qe()+500,$o&&Vo()))}function oc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?0!=(s&n)&&0==(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Rl?Ll:0);if(0===r)null!==n&&Ye(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ye(n),1===t)0===e.tag?function(e){$o=!0,Uo(e)}(cc.bind(null,e)):Uo(cc.bind(null,e)),io((function(){0==(6&Il)&&Vo()})),n=null;else{switch(St(r)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Rc(n,ac.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function ac(e,t){if(Jl=-1,ec=0,0!=(6&Il))throw Error(a(327));var n=e.callbackNode;if(kc()&&e.callbackNode!==n)return null;var r=pt(e,e===Rl?Ll:0);if(0===r)return null;if(0!=(30&r)||0!=(r&e.expiredLanes)||t)t=yc(e,r);else{t=r;var o=Il;Il|=2;var i=gc();for(Rl===e&&Ll===t||(Hl=null,Vl=Qe()+500,fc(e,t));;)try{vc();break}catch(l){mc(e,l)}xa(),Cl.current=i,Il=o,null!==Pl?t=0:(Rl=null,Ll=0,t=Ol)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ic(e,o))),1===t)throw n=jl,fc(e,0),lc(e,r),oc(e,Qe()),n;if(6===t)lc(e,r);else{if(o=e.current.alternate,0==(30&r)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)&&(2===(t=yc(e,r))&&(0!==(i=mt(e))&&(r=i,t=ic(e,i))),1===t))throw n=jl,fc(e,0),lc(e,r),oc(e,Qe()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:xc(e,zl,Hl);break;case 3:if(lc(e,r),(130023424&r)===r&&10<(t=Ul+500-Qe())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){tc(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(xc.bind(null,e,zl,Hl),t);break}xc(e,zl,Hl);break;case 4:if(lc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Qe()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Tl(r/1960))-r)){e.timeoutHandle=ro(xc.bind(null,e,zl,Hl),r);break}xc(e,zl,Hl);break;default:throw Error(a(329))}}}return oc(e,Qe()),e.callbackNode===n?ac.bind(null,e):null}function ic(e,t){var n=$l;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=yc(e,t))&&(t=zl,zl=n,null!==t&&sc(t)),e}function sc(e){null===zl?zl=e:zl.push.apply(zl,e)}function lc(e,t){for(t&=~Bl,t&=~Dl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function cc(e){if(0!=(6&Il))throw Error(a(327));kc();var t=pt(e,0);if(0==(1&t))return oc(e,Qe()),null;var n=yc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ic(e,r))}if(1===n)throw n=jl,fc(e,0),lc(e,t),oc(e,Qe()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,xc(e,zl,Hl),oc(e,Qe()),null}function uc(e,t){var n=Il;Il|=1;try{return e(t)}finally{0===(Il=n)&&(Vl=Qe()+500,$o&&Vo())}}function dc(e){null!==Kl&&0===Kl.tag&&0==(6&Il)&&kc();var t=Il;Il|=1;var n=Al.transition,r=vt;try{if(Al.transition=null,vt=1,e)return e()}finally{vt=r,Al.transition=n,0==(6&(Il=t))&&Vo()}}function pc(){Nl=Fl.current,Co(Fl)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Pl)for(n=Pl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Fo();break;case 3:ai(),Co(Ro),Co(Io),di();break;case 5:si(r);break;case 4:ai();break;case 13:case 19:Co(li);break;case 10:ka(r.type._context);break;case 22:case 23:pc()}n=n.return}if(Rl=e,Pl=e=Fc(e.current,null),Ll=Nl=t,Ol=0,jl=null,Bl=Dl=Ml=0,zl=$l=null,null!==_a){for(t=0;t<_a.length;t++)if(null!==(r=(n=_a[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}_a=null}return e}function mc(e,t){for(;;){var n=Pl;try{if(xa(),pi.current=is,bi){for(var r=gi.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}bi=!1}if(mi=0,yi=hi=gi=null,vi=!1,Si=0,_l.current=null,null===n||null===n.return){Ol=1,jl=t,Pl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Ll,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=ys(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var g=(t=m).updateQueue;if(null===g){var h=new Set;h.add(c),t.updateQueue=h}else g.add(c);break e}if(0==(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var y=ys(s);if(null!==y){0==(65536&y.flags)&&(y.flags|=256),bs(y,s,l,0,t),ga(us(c,l));break e}}i=c=us(c,l),4!==Ol&&(Ol=2),null===$l?$l=[i]:$l.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Ma(i,ms(0,c,t));break e;case 1:l=c;var b=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof b.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===ql||!ql.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Ma(i,gs(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(S){t=S,Pl===n&&null!==n&&(Pl=n=n.return);continue}break}}function gc(){var e=Cl.current;return Cl.current=is,null===e?is:e}function hc(){0!==Ol&&3!==Ol&&2!==Ol||(Ol=4),null===Rl||0==(268435455&Ml)&&0==(268435455&Dl)||lc(Rl,Ll)}function yc(e,t){var n=Il;Il|=2;var r=gc();for(Rl===e&&Ll===t||(Hl=null,fc(e,t));;)try{bc();break}catch(o){mc(e,o)}if(xa(),Il=n,Cl.current=r,null!==Pl)throw Error(a(261));return Rl=null,Ll=0,Ol}function bc(){for(;null!==Pl;)Sc(Pl)}function vc(){for(;null!==Pl&&!Ke();)Sc(Pl)}function Sc(e){var t=El(e.alternate,e,Nl);e.memoizedProps=e.pendingProps,null===t?wc(e):Pl=t,_l.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Ys(n,t,Nl)))return void(Pl=n)}else{if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Pl=n);if(null===e)return Ol=6,void(Pl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Pl=t);Pl=t=e}while(null!==t);0===Ol&&(Ol=5)}function xc(e,t,n){var r=vt,o=Al.transition;try{Al.transition=null,vt=1,function(e,t,n,r){do{kc()}while(null!==Kl);if(0!=(6&Il))throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Rl&&(Pl=Rl=null,Ll=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Yl||(Yl=!0,Rc(tt,(function(){return kc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=Al.transition,Al.transition=null;var s=vt;vt=1;var l=Il;Il|=4,_l.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(w){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var g=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==g){var h=g.memoizedProps,y=g.memoizedState,b=t.stateNode,v=b.getSnapshotBeforeUpdate(t.elementType===t.type?h:ya(t.type,h),y);b.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var S=t.stateNode.containerInfo;1===S.nodeType?S.textContent="":9===S.nodeType&&S.documentElement&&S.removeChild(S.documentElement);break;default:throw Error(a(163))}}catch(w){Tc(t,t.return,w)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}g=nl,nl=!1}(e,n),yl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,vl(n,e,o),Xe(),Il=l,vt=s,Al.transition=i}else e.current=n;if(Yl&&(Yl=!1,Kl=e,Xl=o),i=e.pendingLanes,0===i&&(ql=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),oc(e,Qe()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Gl)throw Gl=!1,e=Wl,Wl=null,e;0!=(1&Xl)&&0!==e.tag&&kc(),i=e.pendingLanes,0!=(1&i)?e===Zl?Ql++:(Ql=0,Zl=e):Ql=0,Vo()}(e,t,n,r)}finally{Al.transition=o,vt=r}return null}function kc(){if(null!==Kl){var e=St(Xl),t=Al.transition,n=vt;try{if(Al.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Xl=0,0!=(6&Il))throw Error(a(331));var o=Il;for(Il|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(0!=(16&Js.flags)){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:rl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(il(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var g=i.alternate;if(null!==g){var h=g.child;if(null!==h){g.child=null;do{var y=h.sibling;h.sibling=null,h=y}while(null!==h)}}Js=i}}if(0!=(2064&i.subtreeFlags)&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(0!=(2048&(i=Js).flags))switch(i.tag){case 0:case 11:case 15:rl(9,i,i.return)}var b=i.sibling;if(null!==b){b.return=i.return,Js=b;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var S=(s=Js).child;if(0!=(2064&s.subtreeFlags)&&null!==S)S.return=s,Js=S;else e:for(s=v;null!==Js;){if(0!=(2048&(l=Js).flags))try{switch(l.tag){case 0:case 11:case 15:ol(9,l)}}catch(x){Tc(l,l.return,x)}if(l===s){Js=null;break e}var w=l.sibling;if(null!==w){w.return=l.return,Js=w;break e}Js=l.return}}if(Il=o,Vo(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(x){}r=!0}return r}finally{vt=n,Al.transition=t}}return!1}function Ec(e,t,n){e=Oa(e,t=ms(0,t=us(n,t),1),1),t=tc(),null!==e&&(yt(e,1,t),oc(e,t))}function Tc(e,t,n){if(3===e.tag)Ec(e,e,n);else for(;null!==t;){if(3===t.tag){Ec(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===ql||!ql.has(r))){t=Oa(t,e=gs(t,e=us(n,e),1),1),e=tc(),null!==t&&(yt(t,1,e),oc(t,e));break}}t=t.return}}function Cc(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Rl===e&&(Ll&n)===n&&(4===Ol||3===Ol&&(130023424&Ll)===Ll&&500>Qe()-Ul?fc(e,0):Bl|=n),oc(e,t)}function _c(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Ra(e,t))&&(yt(e,t,n),oc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),_c(e,n)}function Ic(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),_c(e,n)}function Rc(e,t){return qe(e,t)}function Pc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Lc(e,t,n,r){return new Pc(e,t,n,r)}function Nc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Fc(e,t){var n=e.alternate;return null===n?((n=Lc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Oc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Nc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case k:return jc(n.children,o,i,t);case E:s=8,o|=8;break;case T:return(e=Lc(12,n,t,2|o)).elementType=T,e.lanes=i,e;case I:return(e=Lc(13,n,t,o)).elementType=I,e.lanes=i,e;case R:return(e=Lc(19,n,t,o)).elementType=R,e.lanes=i,e;case N:return Mc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case _:s=9;break e;case A:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Lc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function jc(e,t,n,r){return(e=Lc(7,e,r,t)).lanes=n,e}function Mc(e,t,n,r){return(e=Lc(22,e,r,t)).elementType=N,e.lanes=n,e.stateNode={isHidden:!1},e}function Dc(e,t,n){return(e=Lc(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Lc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function $c(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function zc(e,t,n,r,o,a,i,s,l){return e=new $c(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Lc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},La(a),e}function Uc(e){if(!e)return Ao;e:{if(Ue(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(No(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(No(n))return jo(e,n,t)}return t}function Vc(e,t,n,r,o,a,i,s,l){return(e=zc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=Fa(r=tc(),o=nc(n))).callback=null!=t?t:null,Oa(n,a,o),e.current.lanes=o,yt(e,o,r),oc(e,r),e}function Hc(e,t,n,r){var o=t.current,a=tc(),i=nc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Fa(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Oa(o,t,i))&&(rc(e,o,i,a),ja(e,o,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Wc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function qc(e,t){Wc(e,t),(e=e.alternate)&&Wc(e,t)}El=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Ro.current)Ss=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return Ss=!1,function(e,t,n){switch(t.tag){case 3:Rs(t),ma();break;case 5:ii(t);break;case 1:No(t.type)&&Mo(t);break;case 4:oi(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;_o(ba,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(_o(li,1&li.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Ds(e,t,n):(_o(li,1&li.current),null!==(e=Gs(e,t,n))?e.sibling:null);_o(li,1&li.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(128&e.flags)){if(r)return Vs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),_o(li,li.current),r)break;return null;case 22:case 23:return t.lanes=0,Ts(e,t,n)}return Gs(e,t,n)}(e,t,n);Ss=0!=(131072&e.flags)}else Ss=!1,aa&&0!=(1048576&t.flags)&&ea(t,qo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Hs(e,t),e=t.pendingProps;var o=Lo(t,Io.current);Ta(t,n),o=Ei(null,t,r,e,o,n);var i=Ti();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,No(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,La(t),o.updater=Ua,t.stateNode=o,o._reactInternals=t,Wa(t,r,e,n),t=Is(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Hs(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Nc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(r),e=ya(r,e),o){case 0:t=_s(null,t,r,e,n);break e;case 1:t=As(null,t,r,e,n);break e;case 11:t=xs(null,t,r,e,n);break e;case 14:t=ks(null,t,r,ya(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,_s(e,t,r,o=t.elementType===r?o:ya(r,o),n);case 1:return r=t.type,o=t.pendingProps,As(e,t,r,o=t.elementType===r?o:ya(r,o),n);case 3:e:{if(Rs(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Na(e,t),Da(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ps(e,t,r,n,o=us(Error(a(423)),t));break e}if(r!==o){t=Ps(e,t,r,n,o=us(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=Za(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Gs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return ii(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),Cs(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ds(e,t,n);case 4:return oi(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Qa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,xs(e,t,r,o=t.elementType===r?o:ya(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,_o(ba,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!Ro.current){t=Gs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=Fa(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Ea(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Ea(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Ca(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ya(r=t.type,t.pendingProps),ks(e,t,r,o=ya(r.type,o),n);case 15:return Es(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ya(r,o),Hs(e,t),t.tag=1,No(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),Ha(t,r,o),Wa(t,r,o,n),Is(null,t,r,!0,e,n);case 19:return Vs(e,t,n);case 22:return Ts(e,t,n)}throw Error(a(156,t.tag))};var Yc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Xc(e){this._internalRoot=e}function Qc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Gc(i);s.call(e)}}Hc(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Gc(i);a.call(e)}}var i=Vc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[go]=i.current,Ur(8===e.nodeType?e.parentNode:e),dc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Gc(l);s.call(e)}}var l=zc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[go]=l.current,Ur(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,l,n,r)})),l}(n,t,e,o,r);return Gc(i)}Xc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));Hc(e,t,null,null)},Xc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[go]=null}},Xc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Nt.length&&0!==t&&t<Nt[n].priority;n++);Nt.splice(n,0,e),0===n&&Mt(e)}},wt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(bt(t,1|n),oc(t,Qe()),0==(6&Il)&&(Vl=Qe()+500,Vo()))}break;case 13:dc((function(){var t=Ra(e,1);if(null!==t){var n=tc();rc(t,e,1,n)}})),qc(e,1)}},xt=function(e){if(13===e.tag){var t=Ra(e,134217728);if(null!==t)rc(t,e,134217728,tc());qc(e,134217728)}},kt=function(e){if(13===e.tag){var t=nc(e),n=Ra(e,t);if(null!==n)rc(n,e,t,tc());qc(e,t)}},Et=function(){return vt},Tt=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(Z(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=xo(r);if(!o)throw Error(a(90));q(r),Z(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,Ie=dc;var tu={usingClientEntryPoint:!1,Events:[So,wo,xo,Ce,_e,uc]},nu={findFiberByHostInstance:vo,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},ru={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:S.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ou=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ou.isDisabled&&ou.supportsFiber)try{ot=ou.inject(ru),at=ou}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Qc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Qc(e))throw Error(a(299));var n=!1,r="",o=Yc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=zc(e,1,!1,null,0,n,0,r,o),e[go]=t.current,Ur(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Qc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Yc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=Vc(t,null,e,1,null!=n?n:null,o,0,i,s),e[go]=t.current,Ur(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Xc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[go]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return eu(e,t,n,!1,r)},t.version="18.2.0-next-9e3b772b8-20220608"},8352:(e,t,n)=>{"use strict";var r=n(7104);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},7104:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9516)},448:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},2160:(e,t,n)=>{"use strict";n.d(t,{EN:()=>G,So:()=>J});var r=n(1504),o=n(3268),a=n.n(o),i=n(448),s=n.n(i),l=n(9328),c=n.n(l),u=n(1072),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},y={rel:["amphtml","canonical","alternate"]},b={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},S=Object.keys(h).map((function(e){return h[e]})),w={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(w).reduce((function(e,t){return e[w[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=k(e,h.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=k(e,"defaultTitle");return t||r||void 0},T=function(e){return k(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},_=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},A=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},I=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},R=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},N=[h.NOSCRIPT,h.SCRIPT,h.STYLE],F=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},O=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},j=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[w[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=w[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},D=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=j(n,o),[r.createElement(h.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=O(n),a=R(t);return o?"<"+e+' data-rh="true" '+o+">"+F(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+F(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return j(t)},toString:function(){return O(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+F(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===N.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,y),i=P(n,b);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,o.priority),M(h.LINK,a.priority),M(h.SCRIPT,i.priority))},toString:function(){return D(h.META,o.priority,r)+" "+D(h.LINK,a.priority,r)+" "+D(h.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:D(h.BASE,t,r),bodyAttributes:D("bodyAttributes",n,r),htmlAttributes:D("htmlAttributes",o,r),link:D(h.LINK,u,r),meta:D(h.META,d,r),noscript:D(h.NOSCRIPT,a,r),script:D(h.SCRIPT,p,r),style:D(h.STYLE,i,r),title:D(h.TITLE,{title:l,titleAttributes:c},r)}},$=[],z=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?$:n.instances},add:function(e){(n.canUseDOM?$:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?$:n.instances).indexOf(e);(n.canUseDOM?$:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=r.createContext({}),V=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new z(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);G.canUseDOM=H,G.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var W=function(e,t){var n,r=document.head||document.querySelector(h.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},q=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},Y=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;q(h.BODY,e.bodyAttributes),q(h.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=R(e)),q(h.TITLE,t)}(u,d);var p={baseTag:W(h.BASE,n),linkTags:W(h.LINK,o),metaTags:W(h.META,a),noscriptTags:W(h.NOSCRIPT,i),scriptTags:W(h.SCRIPT,l),styleTags:W(h.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},K=null,X=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:_(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:T(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:I(e,"prioritizeSeoTags")});G.canUseDOM?(t=a,K&&cancelAnimationFrame(K),t.defer?K=requestAnimationFrame((function(){Y(t,(function(){K=null}))})):(Y(t),K=null)):B&&(o=B(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);X.propTypes={context:V.isRequired},X.displayName="HelmetDispatcher";var Q=["children"],Z=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case h.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case h.BODY:return p({},o,{bodyAttributes:p({},a)});case h.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(S.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+S.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=g(r,Q),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case h.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=g(e,Z),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof z||(a=new z(a.context,a.instances)),a?r.createElement(X,p({},o,{context:a.value,helmetData:void 0})):r.createElement(U.Consumer,null,(function(e){return r.createElement(X,p({},o,{context:e}))}))},t}(r.Component);J.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},9764:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,y=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,S=n?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case g:case l:return e;default:return t}}case o:return t}}}function x(e){return w(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=h,t.Memo=g,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||w(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return w(e)===c},t.isContextProvider=function(e){return w(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return w(e)===p},t.isFragment=function(e){return w(e)===a},t.isLazy=function(e){return w(e)===h},t.isMemo=function(e){return w(e)===g},t.isPortal=function(e){return w(e)===o},t.isProfiler=function(e){return w(e)===s},t.isStrictMode=function(e){return w(e)===i},t.isSuspense=function(e){return w(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===g||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===b||e.$$typeof===v||e.$$typeof===S||e.$$typeof===y)},t.typeOf=w},2168:(e,t,n)=>{"use strict";e.exports=n(9764)},8852:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(1504),l=n(3268),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),g=null;function h(){return g||(g=e(m.loader)),g.promise}return c.push(h),"function"==typeof m.webpack&&u.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),g=e(m.loader),r._loadModule()})),h(),r.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},r}r(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextTypes",{loadable:l.shape({report:l.func.isRequired})}),p}function g(e){return m(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}r(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return s.Children.only(this.props.children)},t}(s.Component);function y(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return y(e)}))}a(h,"propTypes",{report:l.func.isRequired}),a(h,"childContextTypes",{loadable:l.shape({report:l.func.isRequired}).isRequired}),g.Capture=h,g.preloadAll=function(){return new Promise((function(e,t){y(c).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){y(u).then(e,e)}))},e.exports=g},5464:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,k:()=>s});var r=n(5592),o=n(6404),a=n(1504);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.ot)(t,e):n.length?n[n.length-1].match:r.E5.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.Wk,n,e.map((function(e,n){return a.createElement(r.kX,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.c)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.c)({},n,t,{route:e}))}})}))):null}},440:(e,t,n)=>{"use strict";n.d(t,{Af:()=>v,cH:()=>h,kn:()=>u});var r=n(5592),o=n(9948),a=n(1504),i=n(8064),s=n(6404),l=n(4384),c=n(6136),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.iU)(t.props),t}return(0,o.c)(t,e),t.prototype.render=function(){return a.createElement(r.E5,{history:this.history,children:this.props.children})},t}(a.Component);a.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.gh)(e,null,null,t):e},f=function(e){return e},m=a.forwardRef;void 0===m&&(m=f);var g=m((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.c)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.c)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=f!==m&&t||n,a.createElement("a",u)}));var h=m((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,h=e.to,y=e.innerRef,b=(0,l.c)(e,["component","replace","to","innerRef"]);return a.createElement(r.Os.Consumer,null,(function(e){e||(0,c.c)(!1);var n=e.history,r=p(d(h,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.c)({},b,{href:l,navigate:function(){var t=d(h,e.location),r=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||r?n.replace:n.push)(t)}});return f!==m?g.ref=t||y:g.innerRef=y,a.createElement(o,g)}))})),y=function(e){return e},b=a.forwardRef;void 0===b&&(b=y);var v=b((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,m=e.className,g=e.exact,v=e.isActive,S=e.location,w=e.sensitive,x=e.strict,k=e.style,E=e.to,T=e.innerRef,C=(0,l.c)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.Os.Consumer,null,(function(e){e||(0,c.c)(!1);var n=S||e.location,i=p(d(E,n),n),l=i.pathname,_=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=_?(0,r.ot)(n.pathname,{path:_,exact:g,sensitive:w,strict:x}):null,I=!!(v?v(A,n):A),R="function"==typeof m?m(I):m,P="function"==typeof k?k(I):k;I&&(R=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(R,u),P=(0,s.c)({},P,f));var L=(0,s.c)({"aria-current":I&&o||null,className:R,style:P,to:i},C);return y!==b?L.ref=t||T:L.innerRef=T,a.createElement(h,L)}))}))},5592:(e,t,n)=>{"use strict";n.d(t,{E5:()=>v,IT:()=>N,Os:()=>b,Uz:()=>L,Wk:()=>R,kX:()=>E,ot:()=>k});var r=n(9948),o=n(1504),a=n(3268),i=n.n(a),s=n(8064),l=n(6136),c=n(6404),u=n(8216),d=n.n(u),p=(n(2168),n(4384)),f=(n(4792),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var g=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.c)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,r.c)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},h=function(e){var t=g();return t.displayName=e,t},y=h("Router-History"),b=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.c)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(b.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(y.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var S={},w=1e4,x=0;function k(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=S[n]||(S[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<w&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.c)(t,e),t.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(t){t||(0,l.c)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(n.pathname,e.props):t.match,a=(0,c.c)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(b.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function T(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=T(e);return 0!==t.pathname.indexOf(n)?t:(0,c.c)({},t,{pathname:t.pathname.substr(n.length)})}function _(e){return"string"==typeof e?e:(0,s.Ep)(e)}function A(e){return function(){(0,l.c)(!1)}}function I(){}o.Component;var R=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.c)(t,e),t.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(t){t||(0,l.c)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?k(a.pathname,(0,c.c)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(y)}function N(){return P(b).location}},8216:(e,t,n)=>{var r=n(9600);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],g=n[2],h=n[3],y=n[4],b=n[5],v=n[6],S=n[7];s&&(r.push(s),s="");var w=null!=g&&null!=m&&m!==g,x="+"===v||"*"===v,k="?"===v||"*"===v,E=n[2]||u,T=y||b;r.push({name:h||a++,prefix:g||"",delimiter:E,optional:k,repeat:x,partial:w,asterisk:!!S,pattern:T?c(T):S?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),g=i.slice(-m.length)===m;return o||(i=(g?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&g?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},4808:(e,t,n)=>{"use strict";var r=n(1504),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},3028:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,h={};function y(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||m}function b(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||m}y.prototype.isReactComponent={},y.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},y.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},b.prototype=y.prototype;var S=v.prototype=new b;S.constructor=v,g(S,y.prototype),S.isPureReactComponent=!0;var w=Array.isArray,x=Object.prototype.hasOwnProperty,k={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function T(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:k.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var _=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function I(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+A(l,0):a,w(i)?(o="",null!=e&&(o=e.replace(_,"$&/")+"/"),I(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(_,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",w(e))for(var c=0;c<e.length;c++){var u=a+A(s=e[c],c);l+=I(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=I(s=s.value,t,o,u=a+A(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function R(e,t,n){if(null==e)return e;var r=[],o=0;return I(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},N={transition:null},F={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:N,ReactCurrentOwner:k};t.Children={map:R,forEach:function(e,t,n){R(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return R(e,(function(){t++})),t},toArray:function(e){return R(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=y,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=F,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=g({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=k.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)x.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=T,t.createFactory=function(e){var t=T.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=N.transition;N.transition={};try{e()}finally{N.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.2.0"},1504:(e,t,n)=>{"use strict";e.exports=n(3028)},7624:(e,t,n)=>{"use strict";e.exports=n(4808)},8328:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,g=!1,h=!1,y="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function S(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function w(e){if(h=!1,S(e),!g)if(null!==r(c))g=!0,N(x);else{var t=r(u);null!==t&&F(w,t.startTime-e)}}function x(e,n){g=!1,h&&(h=!1,b(C),C=-1),m=!0;var a=f;try{for(S(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!I());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),S(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&F(w,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,E=!1,T=null,C=-1,_=5,A=-1;function I(){return!(t.unstable_now()-A<_)}function R(){if(null!==T){var e=t.unstable_now();A=e;var n=!0;try{n=T(!0,e)}finally{n?k():(E=!1,T=null)}}else E=!1}if("function"==typeof v)k=function(){v(R)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=R,k=function(){L.postMessage(null)}}else k=function(){y(R,0)};function N(e){T=e,E||(E=!0,k())}function F(e,n){C=y((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){g||m||(g=!0,N(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):_=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(h?(b(C),C=-1):h=!0,F(w,a-i))):(e.sortIndex=s,n(c,e),g||m||(g=!0,N(x))),e},t.unstable_shouldYield=I,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},4712:(e,t,n)=>{"use strict";e.exports=n(8328)},1072:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},6136:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t;throw new Error(n?o+": "+n:o)}}},7768:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Ignite Cookbook for React Native",tagline:"Cooking up some cool recipes in Ignite for React Native!",url:"https://infinitered.github.io",baseUrl:"/",onBrokenLinks:"throw",onBrokenMarkdownLinks:"warn",favicon:"img/favicon.ico",organizationName:"infinitered",projectName:"ignite-cookbook",i18n:{defaultLocale:"en",locales:["en"],path:"i18n",localeConfigs:{}},plugins:[null],presets:[["classic",{docs:{path:"docs",showLastUpdateAuthor:!0,showLastUpdateTime:!0,sidebarPath:"/home/runner/work/ignite-cookbook/ignite-cookbook/sidebars.js"},blog:!1,theme:{customCss:"/home/runner/work/ignite-cookbook/ignite-cookbook/src/css/custom.css"},gtag:{trackingID:"G-1NP64B0XVM",anonymizeIP:!0}}]],themeConfig:{colorMode:{defaultMode:"light",disableSwitch:!0,respectPrefersColorScheme:!1},navbar:{hideOnScroll:!0,logo:{alt:"React Native Cookbook Logo",src:"img/logo.svg"},items:[{type:"search",position:"right"},{type:"doc",docId:"intro",position:"right",html:'<div class="hover-underline">Recipes</div>'},{position:"right",html:'<div class="hover-underline">Ignite Boilerplate</div>',to:"https://github.com/infinitered/ignite"},{position:"right",html:'<div class="hover-underline">Infinite Red</div>',to:"https://infinite.red"},{style:{marginRight:"0px"},type:"dropdown",html:' <div class="hover-underline">\n                      Community\n                      <img src="/img/caret-down.svg" alt="dropdown" class="icon" />\n                    </div>\n                  ',position:"right",items:[{html:' <div>\n                          <div class="dropdown-item  hover-underline">\n                            Slack community\n                            <img src="/img/arrow.svg" alt="dropdown" class="icon" />\n                          </div>\n                          <div class="dropdown-item-description">\n                            <p>Join a growing React Native community with 2,000 developers and counting.<p>\n                          </div>\n                        </div>\n                      ',to:"https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg"},{html:' <div>\n                          <div class="dropdown-item  hover-underline">\n                            Submit an idea\n                            <img src="/img/arrow.svg" alt="dropdown" class="icon" />\n                          </div>\n                          <div class="dropdown-item-description">\n                            <p>Have an recipe idea for the cookbook? Contribute your ideas on GitHub!<p>\n                          </div>\n                        </div>\n                      ',to:"https://github.com/infinitered/ignite-cookbook/issues/new?assignees=&labels=new+recipe&template=recipe_idea.yml"}]}]},footer:{copyright:'From the team at <a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="ir-footer-link">Infinite Red</a> <img width="32" height="32" src="/img/ir-mark.svg" alt="dropdown" class="ir-mark" />',style:"dark",links:[{title:"Community",items:[{html:'<a href="https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack Community<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://reactnativeradio.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Radio<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://reactnative.cc/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Newsletter<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'}]},{title:"Resources",items:[{html:'<a href="https://github.com/infinitered/ignite-cookbook/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Submit a Recipe<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://github.com/infinitered/ignite-cookbook" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Cookbook<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Boilerplate<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://shift.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">RedShift Blog <div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://infinite.red/privacy-policy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Policy<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'}]},{title:"Infinite Red",items:[{html:'<a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Website<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://docs.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">IR Docs<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://chainreactconf.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chain React Conf<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'}]}]},prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:["bash","ruby","json","ejs","diff","markup-templating"],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}},{className:"code-block-error-line",line:"error-line",block:{start:"error-line-start",end:"error-line-end"}},{className:"code-block-success-line",line:"success-line",block:{start:"success-line-start",end:"success-line-end"}}]},algolia:{appId:"MFHD60DIB5",apiKey:"4e924e740d603ec90f106067754ccf50",indexName:"ignite-cookbook",searchParameters:{},searchPagePath:"search",contextualSearch:!0},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},metadata:[],tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,onBrokenAnchors:"warn",onDuplicateRoutes:"warn",staticDirectories:["static"],customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6404:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{c:()=>r})},9948:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{c:()=>o})},4384:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{c:()=>r})},5456:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{c:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5720:(e,t,n)=>{"use strict";n.d(t,{gl:()=>ee,sp:()=>_});var r,o,a,i,s,l,c,u=n(1504),d=n(5456),p=Object.create,f=Object.defineProperty,m=Object.defineProperties,g=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,x=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,k=(e,t)=>{for(var n in t||(t={}))S.call(t,n)&&x(e,n,t[n]);if(b)for(var n of b(t))w.call(t,n)&&x(e,n,t[n]);return e},E=(e,t)=>m(e,h(t)),T=(e,t)=>{var n={};for(var r in e)S.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&b)for(var r of b(e))t.indexOf(r)<0&&w.call(e,r)&&(n[r]=e[r]);return n},C=(r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var g=f[m],h=g.inside,y=!!g.lookbehind,b=!!g.greedy,v=g.alias;if(b&&!g.pattern.global){var S=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,S+"g")}for(var w=g.pattern||g,x=s.next,k=u;x!==t.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var E=x.value;if(t.length>e.length)return;if(!(E instanceof o)){var T,C=1;if(b){if(!(T=a(w,k,e,y))||T.index>=e.length)break;var _=T.index,A=T.index+T[0].length,I=k;for(I+=x.value.length;_>=I;)I+=(x=x.next).value.length;if(k=I-=x.value.length,x.value instanceof o)continue;for(var R=x;R!==t.tail&&(I<A||"string"==typeof R.value);R=R.next)C++,I+=R.value.length;C--,E=e.slice(k,I),T.index-=k}else if(!(T=a(w,0,E,y)))continue;_=T.index;var P=T[0],L=E.slice(0,_),N=E.slice(_+P.length),F=k+E.length;d&&F>d.reach&&(d.reach=F);var O=x.prev;if(L&&(O=l(t,O,L),k+=L.length),c(t,O,C),x=l(t,O,new o(p,h?r.tokenize(P,h):P,v,P)),N&&l(t,x,N),C>1){var j={cause:p+","+m,reach:F};i(e,t,n,x.prev,k,j),d&&j.reach>d.reach&&(d.reach=j.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[y(r)[0]])((o={exports:{}}).exports,o),o.exports}),_=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of y(t))S.call(e,o)||o===n||f(e,o,{get:()=>t[o],enumerable:!(r=g(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());_.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},_.languages.markup.tag.inside["attr-value"].inside.entity=_.languages.markup.entity,_.languages.markup.doctype.inside["internal-subset"].inside=_.languages.markup,_.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(_.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:_.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:_.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},_.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(_.languages.markup.tag,"addAttribute",{value:function(e,t){_.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:_.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),_.languages.html=_.languages.markup,_.languages.mathml=_.languages.markup,_.languages.svg=_.languages.markup,_.languages.xml=_.languages.extend("markup",{}),_.languages.ssml=_.languages.xml,_.languages.atom=_.languages.xml,_.languages.rss=_.languages.xml,a=_,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},l="(?:[^\\\\-]|"+(s=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",l=RegExp(l+"-"+l),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},a.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:l,inside:{escape:s,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:s}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:s,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},_.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},_.languages.javascript=_.languages.extend("clike",{"class-name":[_.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),_.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,_.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:_.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:_.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:_.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:_.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:_.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),_.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:_.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),_.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),_.languages.markup&&(_.languages.markup.tag.addInlined("script","javascript"),_.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),_.languages.js=_.languages.javascript,_.languages.actionscript=_.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),_.languages.actionscript["class-name"].alias="function",delete _.languages.actionscript.parameter,delete _.languages.actionscript["literal-property"],_.languages.markup&&_.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:_.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(_),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(_),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(_),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(_),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(_),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(_),_.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:_.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},_.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),_.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,g,h,y=n[a];"string"==typeof y||"string"==typeof y.content?(i=d[c],-1!==(h=(g="string"==typeof y?y:y.content).indexOf(i))&&(++c,l=g.substring(0,h),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=g.substring(h+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(g=[f]),m.push.apply(m,g)),"string"==typeof y?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):y.content=m)):(h=y.content,Array.isArray(h)?t(h):t([h]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(_),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(_),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(_),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(_),_.languages.n4js=_.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),_.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),_.languages.n4jsd=_.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(_),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(_),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(_),_.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},_.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=_.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(_),_.languages.c=_.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),_.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),_.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},_.languages.c.string],char:_.languages.c.char,comment:_.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:_.languages.c}}}}),_.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete _.languages.c.boolean,_.languages.objectivec=_.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete _.languages.objectivec["class-name"],_.languages.objc=_.languages.objectivec,_.languages.reason=_.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),_.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete _.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(_),_.languages.go=_.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),_.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete _.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(_),_.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},_.languages.python["string-interpolation"].inside.interpolation.inside.rest=_.languages.python,_.languages.py=_.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>I,duotoneLight:()=>R,github:()=>P,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>L,nightOwlLight:()=>N,oceanicNext:()=>j,okaidia:()=>M,oneDark:()=>W,oneLight:()=>q,palenight:()=>D,shadesOfPurple:()=>B,synthwave84:()=>$,ultramin:()=>z,vsDark:()=>U,vsLight:()=>V});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},I={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},R={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},P={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},L={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},N={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},F="#c5a5c5",O="#8dc891",j={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:F}},{types:["attr-value"],style:{color:O}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:O}},{types:["punctuation"],style:{color:O}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:F}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},M={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},D={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},$={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},z={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},U={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},V={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},W={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},q={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},Y=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=k(k({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=E(k({},n),{backgroundColor:void 0}),r},K=/\r\n|\r|\n/,X=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},Q=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},Z=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=Q(c,u.type),u.alias&&(c=Q(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(K),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)X(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return X(s),l},J=({children:e,language:t,code:n,theme:r,prism:o})=>{const a=t.toLowerCase(),i=((e,t)=>{const[n,r]=(0,u.useState)(Y(t,e)),o=(0,u.useRef)(),a=(0,u.useRef)();return(0,u.useEffect)((()=>{t===o.current&&e===a.current||(o.current=t,a.current=e,r(Y(t,e)))}),[e,t]),n})(a,r),s=(e=>(0,u.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,i=T(n,["className","style","line"]);const s=E(k({},i),{className:(0,d.c)("token-line",r)});return"object"==typeof e&&"plain"in e&&(s.style=e.plain),"object"==typeof o&&(s.style=k(k({},s.style||{}),o)),s}),[e]))(i),l=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,i=T(n,["token","className","style"]);const s=E(k({},i),{className:(0,d.c)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(s.style=k(k({},s.style||{}),a)),s}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return Z([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),Z(e.tokens)}),[t,n,r])})({prism:o,language:a,code:n,grammar:o.languages[a]});return e({tokens:c,className:`prism-code language-${a}`,style:null!=i?i.root:{},getLineProps:s,getTokenProps:l})},ee=e=>(0,u.createElement)(J,E(k({},e),{prism:e.prism||_,theme:e.theme||U,code:e.code,language:e.language}))},144:e=>{"use strict";e.exports={}},4504:e=>{"use strict";e.exports=JSON.parse('{"/search-437":{"__comp":"1a4e3797","__context":{"plugin":"abaad534"}},"/docs-d53":{"__comp":"5e95c892","__context":{"plugin":"e7928ab4"}},"/docs-195":{"__comp":"a7bd4aaa","version":"935f2afb"},"/docs/tags-0cc":{"__comp":"3720c009","tags":"55960ee5"},"/docs/tags/accessibility-8aa":{"__comp":"df203c0f","tag":"4a4fb967"},"/docs/tags/android-e3a":{"__comp":"df203c0f","tag":"6728e797"},"/docs/tags/apisauce-143":{"__comp":"df203c0f","tag":"1ab29606"},"/docs/tags/archive-51b":{"__comp":"df203c0f","tag":"985027d8"},"/docs/tags/async-storage-afc":{"__comp":"df203c0f","tag":"d01c4de2"},"/docs/tags/authentication-587":{"__comp":"df203c0f","tag":"ecce3b64"},"/docs/tags/babel-e90":{"__comp":"df203c0f","tag":"b3d1732c"},"/docs/tags/ci-cd-56c":{"__comp":"df203c0f","tag":"a951c726"},"/docs/tags/cng-581":{"__comp":"df203c0f","tag":"31ac2bc7"},"/docs/tags/debug-888":{"__comp":"df203c0f","tag":"e1b6b0a8"},"/docs/tags/dependencies-c34":{"__comp":"df203c0f","tag":"8b0d950b"},"/docs/tags/eas-17a":{"__comp":"df203c0f","tag":"99d16955"},"/docs/tags/eas-update-632":{"__comp":"df203c0f","tag":"33f24359"},"/docs/tags/environment-variables-0f3":{"__comp":"df203c0f","tag":"fd1937a7"},"/docs/tags/expo-a41":{"__comp":"df203c0f","tag":"ce17b301"},"/docs/tags/expo-dev-client-0df":{"__comp":"df203c0f","tag":"a0d6a633"},"/docs/tags/expo-router-257":{"__comp":"df203c0f","tag":"c5ca3bf3"},"/docs/tags/expo-updates-807":{"__comp":"df203c0f","tag":"08a54ed9"},"/docs/tags/flat-list-5a7":{"__comp":"df203c0f","tag":"e0854532"},"/docs/tags/generator-80e":{"__comp":"df203c0f","tag":"24a07a83"},"/docs/tags/guide-cea":{"__comp":"df203c0f","tag":"b8c37621"},"/docs/tags/hardware-303":{"__comp":"df203c0f","tag":"569bff92"},"/docs/tags/i-os-96e":{"__comp":"df203c0f","tag":"3bb7a4af"},"/docs/tags/imports-887":{"__comp":"df203c0f","tag":"b832b2ff"},"/docs/tags/intro-b42":{"__comp":"df203c0f","tag":"51658ad1"},"/docs/tags/maestro-034":{"__comp":"df203c0f","tag":"dec1aed8"},"/docs/tags/mmkv-f7e":{"__comp":"df203c0f","tag":"a8646ade"},"/docs/tags/mob-x-a01":{"__comp":"df203c0f","tag":"51ea30c5"},"/docs/tags/prebuild-83d":{"__comp":"df203c0f","tag":"f50f3884"},"/docs/tags/prettier-db7":{"__comp":"df203c0f","tag":"69dd30cd"},"/docs/tags/react-native-vision-camera-ea0":{"__comp":"df203c0f","tag":"82139467"},"/docs/tags/react-navigation-0ad":{"__comp":"df203c0f","tag":"94ee064e"},"/docs/tags/redux-c5e":{"__comp":"df203c0f","tag":"e2041b9b"},"/docs/tags/scroll-to-f32":{"__comp":"df203c0f","tag":"a8f9d519"},"/docs/tags/section-list-8de":{"__comp":"df203c0f","tag":"9dc0f37b"},"/docs/tags/select-field-5f4":{"__comp":"df203c0f","tag":"dce6faa4"},"/docs/tags/state-management-181":{"__comp":"df203c0f","tag":"18d888f3"},"/docs/tags/testing-b53":{"__comp":"df203c0f","tag":"47a03c7f"},"/docs/tags/text-field-782":{"__comp":"df203c0f","tag":"72dfd944"},"/docs/tags/type-script-825":{"__comp":"df203c0f","tag":"ff2c7cca"},"/docs/tags/ui-020":{"__comp":"df203c0f","tag":"19d620af"},"/docs/tags/ui-required-device-capabilities-73a":{"__comp":"df203c0f","tag":"ccf3150e"},"/docs/tags/uses-feature-f1a":{"__comp":"df203c0f","tag":"d699663a"},"/docs/tags/vision-camera-e9b":{"__comp":"df203c0f","tag":"c5abe9fe"},"/docs/tags/yarn-e4e":{"__comp":"df203c0f","tag":"7acb6f50"},"/docs/tags/zustand-24d":{"__comp":"df203c0f","tag":"954f316d"},"/docs-05b":{"__comp":"a94703ab"},"/docs/archive/-ab8":{"__comp":"17896441","content":"dd3340a6"},"/docs/archive/PristineExpoProject-afa":{"__comp":"17896441","content":"b33180cb"},"/docs/intro-194":{"__comp":"17896441","content":"0e384e19"},"/docs/recipes/AccessibilityFontSizes-872":{"__comp":"17896441","content":"145425bc"},"/docs/recipes/CircleCIRNSetup-ce2":{"__comp":"17896441","content":"fe9b09bf"},"/docs/recipes/CreatingGreateExperienceForScreenReaders-752":{"__comp":"17896441","content":"f523b160"},"/docs/recipes/DetoxIntro-700":{"__comp":"17896441","content":"03224537"},"/docs/recipes/DistributingAuthTokenToAPI-298":{"__comp":"17896441","content":"24c3776a"},"/docs/recipes/EASUpdate-938":{"__comp":"17896441","content":"9fc76e3d"},"/docs/recipes/EnforcingImportOrder-713":{"__comp":"17896441","content":"d7af48b9"},"/docs/recipes/EnvironmentVariables-92b":{"__comp":"17896441","content":"d6ab422f"},"/docs/recipes/ExpoRouter-0b5":{"__comp":"17896441","content":"c47fa949"},"/docs/recipes/GeneratorComponentTests-e55":{"__comp":"17896441","content":"7b45617e"},"/docs/recipes/MaestroSetup-237":{"__comp":"17896441","content":"51e76fb5"},"/docs/recipes/MigratingToMMKV-9d0":{"__comp":"17896441","content":"657027a7"},"/docs/recipes/PatchingBuildingAndroid-ac8":{"__comp":"17896441","content":"d0e08e4a"},"/docs/recipes/PrepForEASBuild-64a":{"__comp":"17896441","content":"54a9c7e8"},"/docs/recipes/ReactNativeVisionCamera-e2e":{"__comp":"17896441","content":"cc1d3934"},"/docs/recipes/Redux-0f8":{"__comp":"17896441","content":"a2f5d017"},"/docs/recipes/RemoveMobxStateTree-50f":{"__comp":"17896441","content":"c75b21fd"},"/docs/recipes/RequiringHardwareFeaturesWithExpo-2fd":{"__comp":"17896441","content":"cecd52bc"},"/docs/recipes/SampleYAMLCircleCI-30a":{"__comp":"17896441","content":"4e09609f"},"/docs/recipes/SelectFieldWithBottomSheet-ca3":{"__comp":"17896441","content":"d63d2b89"},"/docs/recipes/SwitchBetweenExpoGoCNG-695":{"__comp":"17896441","content":"78a0b2f7"},"/docs/recipes/TypeScriptBaseURL-986":{"__comp":"17896441","content":"1c9ea255"},"/docs/recipes/UnrenderedItemInScrollView-c15":{"__comp":"17896441","content":"c3e2f4d4"},"/docs/recipes/UpdatingDependencies-21c":{"__comp":"17896441","content":"da9277bc"},"/docs/recipes/UpdatingIgnite-f0c":{"__comp":"17896441","content":"6fd287af"},"/docs/recipes/UsingScreenReaders-324":{"__comp":"17896441","content":"63181745"},"/docs/recipes/Zustand-0e1":{"__comp":"17896441","content":"e33e793e"},"/-703":{"__comp":"1df93b7f","__context":{"plugin":"3192f89a"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[2176],(()=>{return t=8808,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.4c2ab01e.js b/assets/js/main.4c2ab01e.js
new file mode 100644
index 00000000..61f62a6f
--- /dev/null
+++ b/assets/js/main.4c2ab01e.js
@@ -0,0 +1,2 @@
+/*! For license information please see main.4c2ab01e.js.LICENSE.txt */
+(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[1590],{5052:(e,t,n)=>{"use strict";n.d(t,{I:()=>o});var r=n(1504);function o(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}},628:(e,t,n)=>{"use strict";n.d(t,{c:()=>p});n(1504);var r=n(8852),o=n.n(r),a=n(4504);const i={"03224537":[()=>n.e(5284).then(n.bind(n,4024)),"@site/docs/recipes/DetoxIntro.md",4024],"08a54ed9":[()=>n.e(5156).then(n.t.bind(n,1128,19)),"~docs/default/tag-docs-tags-expo-updates-8e6.json",1128],"0e384e19":[()=>n.e(6328).then(n.bind(n,9404)),"@site/docs/intro.md",9404],"145425bc":[()=>n.e(16).then(n.bind(n,9856)),"@site/docs/recipes/AccessibilityFontSizes.md",9856],17896441:[()=>Promise.all([n.e(2176),n.e(4912),n.e(6752)]).then(n.bind(n,4276)),"@theme/DocItem",4276],"18d888f3":[()=>n.e(5640).then(n.t.bind(n,9584,19)),"~docs/default/tag-docs-tags-state-management-fd9.json",9584],"19d620af":[()=>n.e(3966).then(n.t.bind(n,5568,19)),"~docs/default/tag-docs-tags-ui-22c.json",5568],"1a4e3797":[()=>Promise.all([n.e(2176),n.e(9648)]).then(n.bind(n,3416)),"@theme/SearchPage",3416],"1ab29606":[()=>n.e(6928).then(n.t.bind(n,7704,19)),"~docs/default/tag-docs-tags-apisauce-8de.json",7704],"1c9ea255":[()=>n.e(8636).then(n.bind(n,620)),"@site/docs/recipes/TypeScriptBaseURL.md",620],"1df93b7f":[()=>Promise.all([n.e(2176),n.e(2096),n.e(8552)]).then(n.bind(n,9184)),"@site/src/pages/index.tsx",9184],"24a07a83":[()=>n.e(4424).then(n.t.bind(n,4136,19)),"~docs/default/tag-docs-tags-generator-e43.json",4136],"24c3776a":[()=>n.e(9828).then(n.bind(n,176)),"@site/docs/recipes/DistributingAuthTokenToAPI.md",176],"3192f89a":[()=>n.e(4992).then(n.t.bind(n,590,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",590],"31ac2bc7":[()=>n.e(9632).then(n.t.bind(n,9010,19)),"~docs/default/tag-docs-tags-cng-585.json",9010],"33f24359":[()=>n.e(222).then(n.t.bind(n,1592,19)),"~docs/default/tag-docs-tags-eas-update-bce.json",1592],"3720c009":[()=>Promise.all([n.e(2176),n.e(4492)]).then(n.bind(n,2808)),"@theme/DocTagsListPage",2808],"3bb7a4af":[()=>n.e(2008).then(n.t.bind(n,7264,19)),"~docs/default/tag-docs-tags-i-os-d44.json",7264],"47a03c7f":[()=>n.e(3336).then(n.t.bind(n,7536,19)),"~docs/default/tag-docs-tags-testing-194.json",7536],"4a4fb967":[()=>n.e(6756).then(n.t.bind(n,9056,19)),"~docs/default/tag-docs-tags-accessibility-83c.json",9056],"4e09609f":[()=>n.e(3128).then(n.bind(n,8220)),"@site/docs/recipes/SampleYAMLCircleCI.md",8220],"51658ad1":[()=>n.e(9576).then(n.t.bind(n,5752,19)),"~docs/default/tag-docs-tags-intro-ce4.json",5752],"51e76fb5":[()=>n.e(5064).then(n.bind(n,4488)),"@site/docs/recipes/MaestroSetup.md",4488],"51ea30c5":[()=>n.e(2324).then(n.t.bind(n,162,19)),"~docs/default/tag-docs-tags-mob-x-748.json",162],"54a9c7e8":[()=>n.e(8576).then(n.bind(n,2716)),"@site/docs/recipes/PrepForEASBuild.md",2716],"55960ee5":[()=>n.e(4296).then(n.t.bind(n,2416,19)),"~docs/default/tags-list-current-prop-15a.json",2416],"569bff92":[()=>n.e(5320).then(n.t.bind(n,2968,19)),"~docs/default/tag-docs-tags-hardware-92c.json",2968],"5e95c892":[()=>n.e(4304).then(n.bind(n,3564)),"@theme/DocsRoot",3564],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,7768)),"@generated/docusaurus.config",7768],63181745:[()=>n.e(5548).then(n.bind(n,9108)),"@site/docs/recipes/UsingScreenReaders.md",9108],"657027a7":[()=>n.e(3180).then(n.bind(n,8232)),"@site/docs/recipes/MigratingToMMKV.md",8232],"6728e797":[()=>n.e(8616).then(n.t.bind(n,6824,19)),"~docs/default/tag-docs-tags-android-593.json",6824],"69dd30cd":[()=>n.e(4e3).then(n.t.bind(n,7672,19)),"~docs/default/tag-docs-tags-prettier-367.json",7672],"6fd287af":[()=>n.e(4264).then(n.bind(n,9700)),"@site/docs/recipes/UpdatingIgnite.md",9700],"72dfd944":[()=>n.e(40).then(n.t.bind(n,8466,19)),"~docs/default/tag-docs-tags-text-field-8cc.json",8466],"78a0b2f7":[()=>n.e(4224).then(n.bind(n,4068)),"@site/docs/recipes/SwitchBetweenExpoGoCNG.md",4068],"7acb6f50":[()=>n.e(56).then(n.t.bind(n,9200,19)),"~docs/default/tag-docs-tags-yarn-9bd.json",9200],"7b45617e":[()=>n.e(8436).then(n.bind(n,9368)),"@site/docs/recipes/GeneratorComponentTests.md",9368],82139467:[()=>n.e(7820).then(n.t.bind(n,5688,19)),"~docs/default/tag-docs-tags-react-native-vision-camera-af5.json",5688],"8b0d950b":[()=>n.e(3960).then(n.t.bind(n,4832,19)),"~docs/default/tag-docs-tags-dependencies-d4f.json",4832],"935f2afb":[()=>n.e(5696).then(n.t.bind(n,5988,19)),"~docs/default/version-current-metadata-prop-751.json",5988],"94ee064e":[()=>n.e(7300).then(n.t.bind(n,5683,19)),"~docs/default/tag-docs-tags-react-navigation-23c.json",5683],"954f316d":[()=>n.e(6044).then(n.t.bind(n,9272,19)),"~docs/default/tag-docs-tags-zustand-18e.json",9272],"985027d8":[()=>n.e(2160).then(n.t.bind(n,6843,19)),"~docs/default/tag-docs-tags-archive-6cf.json",6843],"99d16955":[()=>n.e(622).then(n.t.bind(n,5004,19)),"~docs/default/tag-docs-tags-eas-228.json",5004],"9dc0f37b":[()=>n.e(6704).then(n.t.bind(n,6154,19)),"~docs/default/tag-docs-tags-section-list-198.json",6154],"9fc76e3d":[()=>n.e(900).then(n.bind(n,8468)),"@site/docs/recipes/EASUpdate.md",8468],a0d6a633:[()=>n.e(7732).then(n.t.bind(n,1284,19)),"~docs/default/tag-docs-tags-expo-dev-client-4bf.json",1284],a2f5d017:[()=>n.e(916).then(n.bind(n,3884)),"@site/docs/recipes/Redux.md",3884],a7bd4aaa:[()=>n.e(6500).then(n.bind(n,2e3)),"@theme/DocVersionRoot",2e3],a8646ade:[()=>n.e(3008).then(n.t.bind(n,1492,19)),"~docs/default/tag-docs-tags-mmkv-046.json",1492],a8f9d519:[()=>n.e(6216).then(n.t.bind(n,606,19)),"~docs/default/tag-docs-tags-scroll-to-8d4.json",606],a94703ab:[()=>Promise.all([n.e(2176),n.e(4666)]).then(n.bind(n,996)),"@theme/DocRoot",996],a951c726:[()=>n.e(8200).then(n.t.bind(n,7976,19)),"~docs/default/tag-docs-tags-ci-cd-ed9.json",7976],abaad534:[()=>n.e(2464).then(n.t.bind(n,4684,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",4684],b33180cb:[()=>n.e(1528).then(n.bind(n,7160)),"@site/docs/archive/PristineExpoProject.md",7160],b3d1732c:[()=>n.e(95).then(n.t.bind(n,2464,19)),"~docs/default/tag-docs-tags-babel-ecc.json",2464],b832b2ff:[()=>n.e(4822).then(n.t.bind(n,2962,19)),"~docs/default/tag-docs-tags-imports-63f.json",2962],b8c37621:[()=>n.e(2372).then(n.t.bind(n,4328,19)),"~docs/default/tag-docs-tags-guide-a32.json",4328],c3e2f4d4:[()=>n.e(1264).then(n.bind(n,5800)),"@site/docs/recipes/UnrenderedItemInScrollView.md",5800],c47fa949:[()=>n.e(5032).then(n.bind(n,8332)),"@site/docs/recipes/ExpoRouter.md",8332],c5abe9fe:[()=>n.e(9607).then(n.t.bind(n,1344,19)),"~docs/default/tag-docs-tags-vision-camera-2ad.json",1344],c5ca3bf3:[()=>n.e(8872).then(n.t.bind(n,872,19)),"~docs/default/tag-docs-tags-expo-router-e61.json",872],c75b21fd:[()=>n.e(1412).then(n.bind(n,6188)),"@site/docs/recipes/RemoveMobxStateTree.md",6188],cc1d3934:[()=>n.e(8500).then(n.bind(n,5220)),"@site/docs/recipes/ReactNativeVisionCamera.md",5220],ccf3150e:[()=>n.e(7600).then(n.t.bind(n,3030,19)),"~docs/default/tag-docs-tags-ui-required-device-capabilities-7ff.json",3030],ce17b301:[()=>n.e(1388).then(n.t.bind(n,1540,19)),"~docs/default/tag-docs-tags-expo-4de.json",1540],cecd52bc:[()=>n.e(8).then(n.bind(n,6040)),"@site/docs/recipes/RequiringHardwareFeaturesWithExpo.md",6040],d01c4de2:[()=>n.e(7224).then(n.t.bind(n,488,19)),"~docs/default/tag-docs-tags-async-storage-da0.json",488],d0e08e4a:[()=>n.e(9016).then(n.bind(n,2980)),"@site/docs/recipes/PatchingBuildingAndroid.md",2980],d63d2b89:[()=>Promise.all([n.e(6432),n.e(5276)]).then(n.bind(n,6960)),"@site/docs/recipes/SelectFieldWithBottomSheet.mdx",6960],d699663a:[()=>n.e(1784).then(n.t.bind(n,5820,19)),"~docs/default/tag-docs-tags-uses-feature-818.json",5820],d6ab422f:[()=>n.e(8762).then(n.bind(n,7748)),"@site/docs/recipes/EnvironmentVariables.md",7748],d7af48b9:[()=>n.e(6264).then(n.bind(n,2508)),"@site/docs/recipes/EnforcingImportOrder.md",2508],da9277bc:[()=>n.e(5856).then(n.bind(n,1188)),"@site/docs/recipes/UpdatingDependencies.md",1188],dce6faa4:[()=>n.e(2596).then(n.t.bind(n,5892,19)),"~docs/default/tag-docs-tags-select-field-e86.json",5892],dd3340a6:[()=>n.e(7572).then(n.bind(n,8508)),"@site/docs/archive/index.md",8508],dec1aed8:[()=>n.e(9144).then(n.t.bind(n,4986,19)),"~docs/default/tag-docs-tags-maestro-a0f.json",4986],df203c0f:[()=>Promise.all([n.e(2176),n.e(3400)]).then(n.bind(n,8614)),"@theme/DocTagDocListPage",8614],e0854532:[()=>n.e(2288).then(n.t.bind(n,2456,19)),"~docs/default/tag-docs-tags-flat-list-bca.json",2456],e1b6b0a8:[()=>n.e(328).then(n.t.bind(n,2984,19)),"~docs/default/tag-docs-tags-debug-69b.json",2984],e2041b9b:[()=>n.e(7164).then(n.t.bind(n,9680,19)),"~docs/default/tag-docs-tags-redux-49b.json",9680],e33e793e:[()=>n.e(5708).then(n.bind(n,3356)),"@site/docs/recipes/Zustand.md",3356],e7928ab4:[()=>n.e(6460).then(n.t.bind(n,2080,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",2080],ecce3b64:[()=>n.e(3324).then(n.t.bind(n,4640,19)),"~docs/default/tag-docs-tags-authentication-9a3.json",4640],f50f3884:[()=>n.e(1236).then(n.t.bind(n,9720,19)),"~docs/default/tag-docs-tags-prebuild-64b.json",9720],f523b160:[()=>n.e(3504).then(n.bind(n,2232)),"@site/docs/recipes/CreatingGreateExperienceForScreenReaders.md",2232],fd1937a7:[()=>n.e(4116).then(n.t.bind(n,7472,19)),"~docs/default/tag-docs-tags-environment-variables-3be.json",7472],fe9b09bf:[()=>n.e(140).then(n.bind(n,1204)),"@site/docs/recipes/CircleCIRNSetup.md",1204],ff2c7cca:[()=>n.e(6252).then(n.t.bind(n,2248,19)),"~docs/default/tag-docs-tags-type-script-6e5.json",2248]};var s=n(7624);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8120),u=n(5548);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(4552).then(n.bind(n,4552)),modules:["@theme/NotFound"],webpack:()=>[4552],render(e,t){const n=e.default;return(0,s.jsx)(u.Y,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.c)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;return delete o.__context,(0,s.jsx)(u.Y,{value:i,children:(0,s.jsx)(a,{...o,...n})})}})}const p=[{path:"/search",component:d("/search","437"),exact:!0},{path:"/docs",component:d("/docs","d53"),routes:[{path:"/docs",component:d("/docs","195"),routes:[{path:"/docs/tags",component:d("/docs/tags","0cc"),exact:!0},{path:"/docs/tags/accessibility",component:d("/docs/tags/accessibility","8aa"),exact:!0},{path:"/docs/tags/android",component:d("/docs/tags/android","e3a"),exact:!0},{path:"/docs/tags/apisauce",component:d("/docs/tags/apisauce","143"),exact:!0},{path:"/docs/tags/archive",component:d("/docs/tags/archive","51b"),exact:!0},{path:"/docs/tags/async-storage",component:d("/docs/tags/async-storage","afc"),exact:!0},{path:"/docs/tags/authentication",component:d("/docs/tags/authentication","587"),exact:!0},{path:"/docs/tags/babel",component:d("/docs/tags/babel","e90"),exact:!0},{path:"/docs/tags/ci-cd",component:d("/docs/tags/ci-cd","56c"),exact:!0},{path:"/docs/tags/cng",component:d("/docs/tags/cng","581"),exact:!0},{path:"/docs/tags/debug",component:d("/docs/tags/debug","888"),exact:!0},{path:"/docs/tags/dependencies",component:d("/docs/tags/dependencies","c34"),exact:!0},{path:"/docs/tags/eas",component:d("/docs/tags/eas","17a"),exact:!0},{path:"/docs/tags/eas-update",component:d("/docs/tags/eas-update","632"),exact:!0},{path:"/docs/tags/environment-variables",component:d("/docs/tags/environment-variables","0f3"),exact:!0},{path:"/docs/tags/expo",component:d("/docs/tags/expo","a41"),exact:!0},{path:"/docs/tags/expo-dev-client",component:d("/docs/tags/expo-dev-client","0df"),exact:!0},{path:"/docs/tags/expo-router",component:d("/docs/tags/expo-router","257"),exact:!0},{path:"/docs/tags/expo-updates",component:d("/docs/tags/expo-updates","807"),exact:!0},{path:"/docs/tags/flat-list",component:d("/docs/tags/flat-list","5a7"),exact:!0},{path:"/docs/tags/generator",component:d("/docs/tags/generator","80e"),exact:!0},{path:"/docs/tags/guide",component:d("/docs/tags/guide","cea"),exact:!0},{path:"/docs/tags/hardware",component:d("/docs/tags/hardware","303"),exact:!0},{path:"/docs/tags/i-os",component:d("/docs/tags/i-os","96e"),exact:!0},{path:"/docs/tags/imports",component:d("/docs/tags/imports","887"),exact:!0},{path:"/docs/tags/intro",component:d("/docs/tags/intro","b42"),exact:!0},{path:"/docs/tags/maestro",component:d("/docs/tags/maestro","034"),exact:!0},{path:"/docs/tags/mmkv",component:d("/docs/tags/mmkv","f7e"),exact:!0},{path:"/docs/tags/mob-x",component:d("/docs/tags/mob-x","a01"),exact:!0},{path:"/docs/tags/prebuild",component:d("/docs/tags/prebuild","83d"),exact:!0},{path:"/docs/tags/prettier",component:d("/docs/tags/prettier","db7"),exact:!0},{path:"/docs/tags/react-native-vision-camera",component:d("/docs/tags/react-native-vision-camera","ea0"),exact:!0},{path:"/docs/tags/react-navigation",component:d("/docs/tags/react-navigation","0ad"),exact:!0},{path:"/docs/tags/redux",component:d("/docs/tags/redux","c5e"),exact:!0},{path:"/docs/tags/scroll-to",component:d("/docs/tags/scroll-to","f32"),exact:!0},{path:"/docs/tags/section-list",component:d("/docs/tags/section-list","8de"),exact:!0},{path:"/docs/tags/select-field",component:d("/docs/tags/select-field","5f4"),exact:!0},{path:"/docs/tags/state-management",component:d("/docs/tags/state-management","181"),exact:!0},{path:"/docs/tags/testing",component:d("/docs/tags/testing","b53"),exact:!0},{path:"/docs/tags/text-field",component:d("/docs/tags/text-field","782"),exact:!0},{path:"/docs/tags/type-script",component:d("/docs/tags/type-script","825"),exact:!0},{path:"/docs/tags/ui",component:d("/docs/tags/ui","020"),exact:!0},{path:"/docs/tags/ui-required-device-capabilities",component:d("/docs/tags/ui-required-device-capabilities","73a"),exact:!0},{path:"/docs/tags/uses-feature",component:d("/docs/tags/uses-feature","f1a"),exact:!0},{path:"/docs/tags/vision-camera",component:d("/docs/tags/vision-camera","e9b"),exact:!0},{path:"/docs/tags/yarn",component:d("/docs/tags/yarn","e4e"),exact:!0},{path:"/docs/tags/zustand",component:d("/docs/tags/zustand","24d"),exact:!0},{path:"/docs",component:d("/docs","05b"),routes:[{path:"/docs/archive/",component:d("/docs/archive/","ab8"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/archive/PristineExpoProject",component:d("/docs/archive/PristineExpoProject","afa"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/intro",component:d("/docs/intro","194"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/AccessibilityFontSizes",component:d("/docs/recipes/AccessibilityFontSizes","872"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/CircleCIRNSetup",component:d("/docs/recipes/CircleCIRNSetup","ce2"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/CreatingGreateExperienceForScreenReaders",component:d("/docs/recipes/CreatingGreateExperienceForScreenReaders","752"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/DetoxIntro",component:d("/docs/recipes/DetoxIntro","700"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/DistributingAuthTokenToAPI",component:d("/docs/recipes/DistributingAuthTokenToAPI","298"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/EASUpdate",component:d("/docs/recipes/EASUpdate","938"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/EnforcingImportOrder",component:d("/docs/recipes/EnforcingImportOrder","713"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/EnvironmentVariables",component:d("/docs/recipes/EnvironmentVariables","92b"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/ExpoRouter",component:d("/docs/recipes/ExpoRouter","0b5"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/GeneratorComponentTests",component:d("/docs/recipes/GeneratorComponentTests","e55"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/MaestroSetup",component:d("/docs/recipes/MaestroSetup","237"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/MigratingToMMKV",component:d("/docs/recipes/MigratingToMMKV","9d0"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/PatchingBuildingAndroid",component:d("/docs/recipes/PatchingBuildingAndroid","ac8"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/PrepForEASBuild",component:d("/docs/recipes/PrepForEASBuild","64a"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/ReactNativeVisionCamera",component:d("/docs/recipes/ReactNativeVisionCamera","e2e"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Redux",component:d("/docs/recipes/Redux","0f8"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/RemoveMobxStateTree",component:d("/docs/recipes/RemoveMobxStateTree","50f"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/RequiringHardwareFeaturesWithExpo",component:d("/docs/recipes/RequiringHardwareFeaturesWithExpo","2fd"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/SampleYAMLCircleCI",component:d("/docs/recipes/SampleYAMLCircleCI","30a"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/SelectFieldWithBottomSheet",component:d("/docs/recipes/SelectFieldWithBottomSheet","ca3"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/SwitchBetweenExpoGoCNG",component:d("/docs/recipes/SwitchBetweenExpoGoCNG","695"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/TypeScriptBaseURL",component:d("/docs/recipes/TypeScriptBaseURL","986"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UnrenderedItemInScrollView",component:d("/docs/recipes/UnrenderedItemInScrollView","c15"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UpdatingDependencies",component:d("/docs/recipes/UpdatingDependencies","21c"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UpdatingIgnite",component:d("/docs/recipes/UpdatingIgnite","f0c"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/UsingScreenReaders",component:d("/docs/recipes/UsingScreenReaders","324"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Zustand",component:d("/docs/recipes/Zustand","0e1"),exact:!0,sidebar:"mainSidebar"}]}]}]},{path:"/",component:d("/","703"),exact:!0},{path:"*",component:d("*")}]},240:(e,t,n)=>{"use strict";n.d(t,{e:()=>a,g:()=>i});var r=n(1504),o=n(7624);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},8808:(e,t,n)=>{"use strict";var r=n(1504),o=n(8352),a=n(440),i=n(2160),s=n(8684);const l=[n(7483),n(1462),n(5396),n(1976),n(9115)];var c=n(628),u=n(5592),d=n(5464),p=n(7624);function f(e){let{children:t}=e;return(0,p.jsx)(p.Fragment,{children:t})}var m=n(6952),g=n(8264),h=n(964),y=n(1824),b=n(5008),v=n(1616),S=n(204),w=n(4456),x=n(5684),k=n(8712);function E(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.c)(),r=(0,v.D)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,p.jsxs)(m.c,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function T(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.c)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.c)(),{pathname:r}=(0,u.IT)();return e+(0,x.applyTrailingSlash)((0,h.c)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,p.jsxs)(m.c,{children:[(0,p.jsx)("meta",{property:"og:url",content:o}),(0,p.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,g.c)(),{metadata:t,image:n}=(0,y.y)();return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(m.c,{children:[(0,p.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,p.jsx)("body",{className:S.m})]}),n&&(0,p.jsx)(b.U7,{image:n}),(0,p.jsx)(T,{}),(0,p.jsx)(E,{}),(0,p.jsx)(k.c,{tag:w.e6,locale:e}),(0,p.jsx)(m.c,{children:t.map(((e,t)=>(0,p.jsx)("meta",{...e},t)))})]})}const _=new Map;function A(e){if(_.has(e.pathname))return{...e,pathname:_.get(e.pathname)};if((0,d.C)(c.c,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return _.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return _.set(e.pathname,t),{...e,pathname:t}}var I=n(240),R=n(136),P=n(5288);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=l.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const N=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.c)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function F(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.C)(c.c,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=s.c.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),F(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,p.jsx)(N,{previousLocation:this.previousLocation,location:t,children:(0,p.jsx)(u.kX,{location:t,render:()=>e})})}}const j=O,M="__docusaurus-base-url-issue-banner-container",D="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function $(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${D}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${B}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${B}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function z(){const{siteConfig:{baseUrl:e}}=(0,g.c)();return(0,p.jsx)(p.Fragment,{children:!s.c.canUseDOM&&(0,p.jsx)(m.c,{children:(0,p.jsx)("script",{children:$(e)})})})}function U(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.c)(),{pathname:n}=(0,u.IT)();return t&&n===e?(0,p.jsx)(z,{}):null}function V(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.c)(),a=(0,h.c)(e),{htmlLang:i,direction:s}=o[r];return(0,p.jsxs)(m.c,{children:[(0,p.jsx)("html",{lang:i,dir:s}),(0,p.jsx)("title",{children:t}),(0,p.jsx)("meta",{property:"og:title",content:t}),(0,p.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,p.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,p.jsx)("link",{rel:"icon",href:a})]})}var H=n(5852),G=n(3664);function W(){const e=(0,G.c)();return(0,p.jsx)(m.c,{children:(0,p.jsx)("html",{"data-has-hydrated":e})})}function q(){const e=(0,d.k)(c.c),t=(0,u.IT)();return(0,p.jsx)(H.c,{children:(0,p.jsx)(R.y,{children:(0,p.jsxs)(I.g,{children:[(0,p.jsxs)(f,{children:[(0,p.jsx)(V,{}),(0,p.jsx)(C,{}),(0,p.jsx)(U,{}),(0,p.jsx)(j,{location:A(t),children:e})]}),(0,p.jsx)(W,{})]})})})}var Y=n(4504);const K=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var X=n(8120);const Q=new Set,Z=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!Z.has(e)&&!Q.has(e))(e))return!1;Q.add(e);const t=(0,d.C)(c.c,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,X.c)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?K(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!Z.has(e))(e)&&(Z.add(e),F(e))},te=Object.freeze(ee),ne=Boolean(!0);if(s.c.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),t=(0,p.jsx)(i.EN,{children:(0,p.jsx)(a.kn,{children:(0,p.jsx)(q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},s=()=>{if(ne)r.startTransition((()=>{o.hydrateRoot(e,t,{onRecoverableError:n})}));else{const a=o.createRoot(e,{onRecoverableError:n});r.startTransition((()=>{a.render(t)}))}};F(window.location.pathname).then(s)}},136:(e,t,n)=>{"use strict";n.d(t,{e:()=>d,y:()=>p});var r=n(1504),o=n(7768);const a=JSON.parse('{"example-code-snippets":{"default":{"snippets":[{"author":"Mark Rickert","content":"import * as React from \\"react\\";\\nimport { View, TextProps, PixelRatio, AppState } from \\"react-native\\";\\nimport { MaterialTopTabNavigationOptions } from \\"@react-navigation/material-top-tabs\\";\\nimport { StackNavigationOptions } from \\"@react-navigation/stack\\";\\nimport { BottomTabNavigationOptions } from \\"@react-navigation/bottom-tabs\\";\\nimport { DrawerNavigationOptions } from \\"@react-navigation/drawer\\";\\nimport { Text } from \\"./Text\\";\\n\\n// These constants determine how much bigger the font size should get based on the user\'s\\n// accessibility settings. Even if they turn the dial all the way to 11, we will only ever\\n// scale the fonts by these factors. This is to prevent the font size from getting too large\\n// and completely breaking the layout.\\nconst MAX_FONT_SCALE = 1.2;\\nconst MIN_FONT_SCALE = 0.8;\\n\\n// Returns fontScaling props for Text and TextInput components\\n// Usage:\\n// const fontProps = useFontScaling();\\n// return <Text {...fontProps}>Text Here</Text>;\\nexport const useFontScaling = (): Partial<TextProps> => {\\n  // You probably want to get this value from your user\'s preferences\\n  const [allowFontScaling,] = React.useState(true);\\n\\n  const fontScaling: Partial<TextProps> = React.useMemo(() => {\\n    return {\\n      minimumFontScale: allowFontScaling ? MIN_FONT_SCALE : 1, // This prevents the font from getting too small.\\n      maxFontSizeMultiplier: allowFontScaling ? MAX_FONT_SCALE : 1, // This prevents the font from getting too big.\\n      allowFontScaling, // This allows the font to be scaled or not.\\n    };\\n  }, [allowFontScaling]);\\n\\n  return fontScaling;\\n};\\n\\n// Returns fontScaling props for Navigator components\\nexport const useNavigatorFontScalingScreenOptions =\\n  (): Partial<StackNavigationOptions> => {\\n    // You probably want to get this value from your user\'s preferences\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<StackNavigationOptions> = React.useMemo(() => {\\n      return {\\n        headerBackAllowFontScaling: allowFontScaling,\\n        headerTitleAllowFontScaling: allowFontScaling,\\n      };\\n    }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Returns fontScaling props for Top Tab Navigator components\\nexport const useTopTabNavigatorFontScalingScreenOptions =\\n  (): Partial<MaterialTopTabNavigationOptions> => {\\n    // You probably want to get this value from your user\'s preferences\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<MaterialTopTabNavigationOptions> =\\n      React.useMemo(() => {\\n        return {\\n          tabBarAllowFontScaling: allowFontScaling,\\n        };\\n      }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Returns fontScaling props for Tab Navigator components\\nexport const useTabNavigatorFontScalingScreenOptions =\\n  (): Partial<BottomTabNavigationOptions> => {\\n    // You probably want to get this value from your user\'s preferences\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<BottomTabNavigationOptions> =\\n      React.useMemo(() => {\\n        return {\\n          tabBarAllowFontScaling: fontScaling,\\n          headerTitleAllowFontScaling: fontScaling,\\n        };\\n      }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Returns fontScaling props for Tab Navigator components\\nexport const useDrawerNavigatorFontScalingScreenOptions =\\n  (): Partial<DrawerNavigationOptions> => {\\n    const [allowFontScaling,] = React.useState(true);\\n\\n    const fontScaling: Partial<DrawerNavigationOptions> = React.useMemo(() => {\\n      return {\\n        drawerAllowFontScaling: allowFontScaling,\\n        headerTitleAllowFontScaling: allowFontScaling,\\n      };\\n    }, [allowFontScaling]);\\n\\n    return fontScaling;\\n  };\\n\\n// Use this handy __DEV__ mode only component to figure out what the font size is actually doing.\\nexport const DevFontSize = () => {\\n  const [allowFontScaling,] = React.useState(true);\\n  const [appStateVisible, setAppStateVisible] = React.useState(\\n    AppState.currentState\\n  );\\n\\n  React.useEffect(() => {\\n    const subscription = AppState.addEventListener(\\"change\\", (nextAppState) => {\\n      setAppStateVisible(nextAppState);\\n    });\\n\\n    return () => subscription.remove();\\n  }, []);\\n\\n  // This memo has to listen to appStateVisible even though it\'s not a direct dependency\\n  // so that we can reload the font size when the app switches back from user settings.\\n  const fontSize = React.useMemo(() => {\\n    if (allowFontScaling) {\\n      return Math.min(\\n        Math.max(PixelRatio.getFontScale(), MIN_FONT_SCALE),\\n        MAX_FONT_SCALE\\n      );\\n    } else {\\n      return 1.0;\\n    }\\n  }, [allowFontScaling, appStateVisible]); // eslint-disable-line react-hooks/exhaustive-deps\\n\\n  return __DEV__ ? (\\n    <View style={{\\n      backgroundColor: \'#E58F83\',\\n      padding: 10,\\n      margin: 10,\\n      borderRadius: 5,\\n      borderColor: \'#000,\\n      borderWidth: 1,\\n    }}>\\n      <Text>\\n        User Font Setting: {Math.trunc(PixelRatio.getFontScale() * 100) / 100}\\n      </Text>\\n      <Text>\\n        Currently limiting ratio to: {Math.trunc(fontSize * 100) / 100}\\n      </Text>\\n    </View>\\n  ) : null;\\n};\\n\\n","lastUpdated":"1 year, 1 month ago","title":"Accessiblity Font Sizes","publish_date":"2022-10-09","doc_name":"AccessibilityFontSizes.md"},{"author":"Robin Heinze","content":"defaults: &defaults\\n  docker:\\n    # Choose the version of Node you want here\\n    - image: circleci/node:10.11\\n  working_directory: ~/repo\\n\\nversion: 2\\njobs:\\n  setup:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          keys:\\n            - v1-dependencies-node-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-node-\\n      - run:\\n          name: Install dependencies\\n          command: yarn install\\n      - save_cache:\\n          name: Save node modules\\n          paths:\\n            - node_modules\\n          key: v1-dependencies-node-{{ checksum \\"package.json\\" }}\\n\\n  tests:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          keys:\\n            - v1-dependencies-node-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-node-\\n      - run:\\n          name: Run tests\\n          command: yarn ci:test # this command will be added to/found in your package.json scripts\\n\\nworkflows:\\n  version: 2\\n  test_and_release:\\n    jobs:\\n      - setup\\n      - tests:\\n          requires:\\n            - setup\\n\\n  {\\n    ...\\n    \\"scripts\\": {\\n      ...\\n      \\"ci:test\\": \\"<command to run tests>\\" <<-- if you don\'t already have this one\\n    },\\n    ...\\n  }\\n\\nbefore_all do\\n setup_circle_ci\\nend\\n\\nPROJECT = \\"YourProject\\"\\nXCODE_PROJECT    = \\"#{PROJECT}.xcodeproj\\"\\n  lane :beta do\\n    increment_build_number(xcodeproj: \\"./#{XCODE_PROJECT}\\")\\n    match(type: \\"appstore\\")\\n    build_ios_app(\\n      scheme: PROJECT,\\n      workspace: \\"./YourProject.xcworkspace\\",\\n      xcargs: \\"-UseNewBuildSystem=NO -allowProvisioningUpdates\\",\\n      export_method: \\"app-store\\"\\n    )\\n    # Ship it!\\n    upload_to_testflight(\\n      skip_waiting_for_build_processing: true\\n    )\\n    commit_version_bump(\\n      xcodeproj: \\"./#{XCODE_PROJECT}\\",\\n      ignore: /tvOS/,\\n      force: true,\\n      message: \\"[skip ci] Version bump\\"\\n    )\\n  end\\n\\n  {\\n    ...\\n    \\"scripts\\": {\\n      ...\\n      \\"ci:setup\\": \\"touch .env && echo \\\\\\"ENV_VAR=\\\\\\"$ENV_VAR >> .env\\",\\n    },\\n    ...\\n  }\\n\\ndefaults: ...\\n\\nmac: &mac\\n  macos:\\n    xcode: \\"10.1.0\\"\\n  working_directory: ~/repo\\n  environment:\\n    FL_OUTPUT_DIR: output\\n  shell: /bin/bash --login -o pipefail\\n\\nversion: 2\\njobs:\\n  setup: ...\\n\\n  tests: ...\\n\\n  deploy_ios:\\n    <<: *mac\\n    steps:\\n      - checkout\\n      - add_ssh_keys:\\n          fingerprints: \u2014 \u201cSSH_FINGERPRINT_HERE\u201d\\n      - run:\\n          name: Git configuration\\n          command: git config user.email \\"ci@your.domain\\" && git config user.name \\"CircleCI\\"\\n      - run:\\n          name: Set upstream branch\\n          command: git branch --set-upstream-to origin ${CIRCLE_BRANCH}\\n      # Node modules\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-mac-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-mac-\\n      - run:\\n          name: Install dependencies\\n          command: NOYARNPOSTINSTALL=1 yarn install\\n      - save_cache:\\n          name: Save node modules\\n          paths:\\n            - node_modules\\n          key: v1-dependencies-mac-{{ checksum \\"package.json\\" }}\\n\\n      # Cocoapods\\n      - run:\\n          name: Fetch CocoaPods Specs\\n          command: |\\n            curl https://cocoapods-specs.circleci.com/fetch-cocoapods-repo-from-s3.sh | bash -s cf\\n      - run:\\n          working_directory: ios\\n          name: Install CocoaPods\\n          command: pod install --verbose\\n\\n      # Gems\\n      - restore_cache:\\n          name: Restore gems\\n          key: bundle-v1-{{ checksum \\"ios/Gemfile.lock\\" }}-{{ arch }}\\n      - run:\\n          name: Bundle Install\\n          command: bundle install\\n          working_directory: ios\\n      - save_cache:\\n          key: bundle-v1-{{ checksum \\"ios/Gemfile.lock\\" }}-{{ arch }}\\n          paths:\\n            - vendor/bundle\\n\\n      # Misc setup\\n      - run:\\n          name: Misc setup\\n          command: yarn ci:setup\\n\\n      # Git grooming\\n      - run:\\n          name: Pull latest git\\n          command: git stash && git pull && git stash pop\\n\\n      # Run Fastlane\\n      - run:\\n          working_directory: ios\\n          name: Fastlane\\n          command: bundle exec fastlane ios beta\\n\\n      # Git cleanup\\n      - run:\\n          name: Pull latest git\\n          command: git stash && git pull && git stash pop\\n      - run:\\n          name: Push version bump commit\\n          command: git push\\n      - store_artifacts:\\n          path: output\\n\\nworkflows:\\n  version: 2\\n  test_and_release:\\n    jobs:\\n      - setup\\n      - tests:\\n          requires:\\n            - setup\\n      - deploy_ios:\\n          filters:\\n            branches:\\n              only: master\\n\\n\\n**Troubleshooting tips**\\n\\n- If you need to debug failed builds, you can use the \\"Rebuild with SSH\\" option in CircleCI. See [https://circleci.com/docs/2.0/ssh-access-jobs/](https://circleci.com/docs/2.0/ssh-access-jobs/) for more info.\\n- Tip: make sure you are logged in to Github/CircleCI as yourself (not the CI user) when you hit the button to rebuild with SSH.\\n- If you get a vague error saying `File main.jsbundle does not exist`, that means there was an error while building the app and you can view the more detailed message by inspecting the log files with the following command (while in SSH mode). Increase the number of lines from 50 as needed.\\n- `tail -50 ios/output/buildlogs/gym/YourProject-YourProject.log`\\n","lastUpdated":"1 year, 2 months ago","title":"CircleCI CD Setup - React Native","publish_date":"2022-10-09","doc_name":"CircleCIRNSetup.md"},{"author":"Ellie Croce","content":"export const DEFAULT_API_CONFIG: ApiConfig = {\\n  url: Config.API_URL,\\n  timeout: 10000,\\n}\\n\\n\\nexport class Api {\\n  apisauce: ApisauceInstance\\n  config: ApiConfig\\n\\n  constructor(config: ApiConfig = DEFAULT_API_CONFIG) {\\n    this.config = config\\n    this.apisauce = create({\\n      baseURL: this.config.url,\\n      timeout: this.config.timeout,\\n      headers: {\\n        Accept: \\"application/json\\",\\n      },\\n    })\\n  }\\n\\n  async getEpisodes(): Promise<{ kind: \\"ok\\"; episodes: EpisodeSnapshotIn[] } | GeneralApiProblem> {\\n    ... // example API call that needs authenticating\\n  }\\n\\n}\\n\\n// Singleton instance of the API for convenience\\nexport const api = new Api()\\n\\nimport { Instance, SnapshotOut, types } from \\"mobx-state-tree\\";\\n\\nexport const AuthenticationStoreModel = types\\n  .model(\\"AuthenticationStore\\")\\n  .props({\\n    authToken: types.maybe(types.string),\\n    authEmail: \\"\\",\\n  })\\n  .views((store) => ({}))\\n  .actions((store) => ({\\n    setAuthToken(value?: string) {\\n      store.authToken = value;\\n    },\\n  }));\\n\\nexport interface AuthenticationStore\\n  extends Instance<typeof AuthenticationStoreModel> {}\\nexport interface AuthenticationStoreSnapshot\\n  extends SnapshotOut<typeof AuthenticationStoreModel> {}\\n\\n\\t// We will need to import the api from the service\\n\\timport { api } from \\"app/services/api\\"\\n\\n  ...\\n\\n  // then update the Authentication Model actions\\n  .actions((store) => ({\\n    setAuthToken(value?: string) {\\n      store.authToken = value;\\n    },\\n    distributeAuthToken(value?: string) {\\n      // optionally grab the store\'s authToken if not passing a value\\n      const token = value || store.authToken;\\n      api.apiSauce.setHeader(\\"Authorization\\", `Bearer ${token}`);\\n    },\\n  })\\n\\n\\t// We can update `authenticationStore` from the useStores hook to include `distributeAuthToken`\\n\\tconst {\\n\\t    authenticationStore: { authEmail, setAuthEmail, setAuthToken, distributeAuthToken, validationError },\\n\\t  } = useStores()\\n\\n\\t  ...\\n\\n  function login() {\\n    setIsSubmitted(true);\\n    setAttemptsCount(attemptsCount + 1);\\n\\n    if (validationError) return;\\n\\n    // Make a request to your server to get an authentication token.\\n    // If successful, reset the fields and set the token.\\n    setIsSubmitted(false);\\n    setAuthPassword(\\"\\");\\n    setAuthEmail(\\"\\");\\n\\n    // We\'ll mock this with a fake token.\\n    const token = String(Date.now());\\n    setAuthToken(token);\\n    distributeAuthToken(token);\\n  }\\n\\n","lastUpdated":"10 months ago","title":"Distributing Auth Token to APIs","publish_date":"2023-05-09","doc_name":"DistributingAuthTokenToAPI.md"},{"author":"Frank Calise","content":"npm install -g eas-cli\\n\\nnpx expo install expo-updates\\neas build:configure\\n\\neas update:configure\\n\\n{\\n  \\"cli\\": {\\n    \\"version\\": \\">= 3.0.0\\"\\n  },\\n  \\"build\\": {\\n    \\"development\\": {\\n      \\"developmentClient\\": true,\\n      \\"distribution\\": \\"internal\\"\\n    },\\n    \\"preview\\": {\\n      \\"channel\\": \\"preview\\",\\n      \\"android\\": { \\"buildType\\": \\"apk\\" },\\n      \\"ios\\": { \\"simulator\\": false }\\n    },\\n    \\"production\\": {}\\n  },\\n  \\"submit\\": {\\n    \\"production\\": {}\\n  }\\n}\\n\\n# via EAS\\neas build --profile preview -p android\\n\\n# locally\\neas build --profile preview -p android --local\\n\\n// error-line\\n<Text testID=\\"login-heading\\" tx=\\"loginScreen.signIn\\" preset=\\"heading\\" style={$signIn} />\\n// success-line\\n<Text testID=\\"login-heading\\" text=\\"Welcome! Please sign in\\" preset=\\"heading\\" style={$signIn} />\\n\\neas channel:create preview\\n\\neas update --branch preview --message \\"update login screen\\"\\n\\n{\\n  // ...\\n  \\"updates\\": {\\n    \\"checkAutomatically\\": \\"ON_ERROR_RECOVERY\\"\\n    // ...\\n  }\\n}\\n\\n","lastUpdated":"5 weeks ago","title":"EAS Update","publish_date":"2023-01-06","doc_name":"EASUpdate.md"},{"author":"Mark Rickert","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nyarn add --dev @serverless-guru/prettier-plugin-import-order\\n\\n// @ts-check\\n/** @type {import(\\"@serverless-guru/prettier-plugin-import-order\\").PrettierConfig} */\\nmodule.exports = {\\n  // begin: settings from the package.json file\\n  printWidth: 100,\\n  semi: false,\\n  singleQuote: false,\\n  trailingComma: \\"all\\",\\n  // end: settings from the package.json file\\n\\n  // Sort and group imports using the @serverless-guru/prettier-import-order plugin.\\n  // https://github.com/serverless-guru/prettier-import-order\\n  //\\n  // See documentation and usage: https://www.npmjs.com/package/@serverless-guru/prettier-plugin-import-order#usage\\n  importOrder: [\\n    \\"^react(-native)?$\\", // React and react-native stuff goes at the top\\n    \\"\\", // use empty strings to separate groups with empty lines\\n    \\"<THIRD_PARTY_MODULES>\\", // Third party modules (this is a plugin keyword)\\n    \\"\\",\\n    \\"^app/(.*)$\\",\\n    \\"\\",\\n    \\"^../(.*)$\\", // Local imports in parent directories\\n    \\"^./(.*)$\\", // Local imports in current directory\\n  ],\\n  importOrderSeparation: false, // turn this on to see the sorting groups.\\n  importOrderSortIndividualImports: true,\\n  importOrderMergeDuplicateImports: true,\\n  importOrderTypeImportsToTop: true, // Set this to false if you want type imports to be sorted with the rest of the imports\\n  importOrderCaseInsensitive: true,\\n  importOrderParserPlugins: [\\"typescript\\", \\"jsx\\"],\\n  // End sort options\\n}\\n\\nyarn format\\n\\n","lastUpdated":"4 weeks ago","title":"Enforcing JS/TS Import Order","publish_date":"2024-02-29","doc_name":"EnforcingImportOrder.md"},{"author":"Frank Calise","content":"yarn add -D dotenv babel-plugin-inline-dotenv\\n\\n// babel.config.js\\n\\nconst plugins = [\\n  [\\n    \\"@babel/plugin-proposal-decorators\\",\\n    {\\n      legacy: true,\\n    },\\n  ],\\n  [\\"@babel/plugin-proposal-optional-catch-binding\\"],\\n  \\"inline-dotenv\\",\\n  \\"react-native-reanimated/plugin\\", // NOTE: this must be last in the plugins\\n];\\n\\nconst expoConfig = {\\n  presets: [\\"babel-preset-expo\\"],\\n  env: {\\n    production: {},\\n  },\\n  plugins,\\n};\\n\\nMY_VAR=\\"MY_VALUE\\"\\nKEEP_IN_MIND=\\"THESE ARE NOT SECURE\\"\\n\\nconsole.log(process.env.MY_VAR); // results in: MY_VALUE\\nconsole.log(process.env.KEEP_IN_MIND); // results in: THESE ARE NOT SECURE\\n\\n","lastUpdated":"1 year, 2 months ago","title":"Environment Variables","publish_date":"2022-10-11","doc_name":"EnvironmentVariables.md"},{"author":"Frank Calise & Justin Poliachik","content":"npx ignite-cli@next new pizza-router --yes\\ncd pizza-router\\n\\nnpx expo install expo-router expo-constants\\n\\n\\"plugins\\": [\\n   ...\\n  \\"expo-font\\",\\n  // success-line\\n  \\"expo-router\\"\\n],\\n\\n// error-line\\n\\"main\\": \\"node_modules/expo/AppEntry.js\\",\\n// success-line\\n\\"main\\": \\"expo-router/entry\\",\\n\\n{\\n  \\"expo\\": {\\n    \\"experiments\\": {\\n      \\"tsconfigPaths\\": true,\\n      // success-line\\n      \\"typedRoutes\\": true\\n    }\\n  }\\n}\\n\\nrm App.tsx\\nmv app src\\nmkdir src/app\\n\\n{\\n  \\"compilerOptions\\": {\\n    // ...\\n    \\"paths\\": {\\n      // error-line\\n      \\"app/*\\": [\\"./app/*\\"],\\n      // success-line\\n      \\"src/*\\": [\\"./src/*\\"],\\n      // ...\\n    },\\n  }\\n  // error-line-start\\n   \\"include\\": [\\n    \\"index.js\\",\\n    \\"App.tsx\\",\\n    \\"app\\",\\n    \\"types\\",\\n    \\"plugins\\",\\n    \\"app.config.ts\\",\\n    \\".expo/types/**/*.ts\\",\\n    \\"expo-env.d.ts\\"\\n  ],\\n  // error-line-end\\n  // success-line\\n  \\"include\\": [\\"**/*.ts\\", \\"**/*.tsx\\"],\\n  // ...\\n}\\n\\n// error-line-start\\n\\"format\\": \\"prettier --write \\\\\\"app/**/*.{js,jsx,json,md,ts,tsx}\\\\\\"\\",\\n\\"lint\\": \\"eslint App.tsx app test --fix --ext .js,.ts,.tsx && npm run format\\",\\n// error-line-end\\n// success-line-start\\n\\"format\\": \\"prettier --write \\\\\\"src/**/*.{js,jsx,json,md,ts,tsx}\\\\\\"\\",\\n\\"lint\\": \\"eslint src test --fix --ext .js,.ts,.tsx && npm run format\\",\\n// success-line-end\\n\\n// error-line-start\\nimport { clear } from \\"app/utils/storage\\";\\nimport { goBack, resetRoot, navigate } from \\"app/navigators/navigationUtilities\\";\\n// error-line-end\\n// success-line-start\\nimport { clear } from \\"src/utils/storage\\";\\nimport { goBack, resetRoot, navigate } from \\"src/navigators/navigationUtilities\\";\\n// success-line-end\\n\\n// error-line\\nimport { isRTL } from \\"app/i18n\\";\\n// success-line\\nimport { isRTL } from \\"src/i18n\\";\\n\\n// error-line\\nimport { isRTL } from \\"app/i18n\\";\\n// success-line\\nimport { isRTL } from \\"src/i18n\\";\\n\\n// error-line\\nimport en from \\"../app/i18n/en\\";\\n// success-line\\nimport en from \\"../src/i18n/en\\";\\nimport { exec } from \\"child_process\\";\\n\\n---\\npatch:\\n  // error-line\\n  path: \\"app/components/index.ts\\"\\n  // success-line\\n  path: \\"src/components/index.ts\\"\\n  append: \\"export * from \\\\\\"./<%= props.subdirectory %><%= props.pascalCaseName %>\\\\\\"\\\\n\\"\\n  skip: <%= props.skipIndexFile %>\\n---\\nimport * as React from \\"react\\"\\nimport { StyleProp, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { observer } from \\"mobx-react-lite\\"\\n// error-line-start\\nimport { colors, typography } from \\"app/theme\\"\\nimport { Text } from \\"app/components/Text\\"\\n// error-line-end\\n// success-line-start\\nimport { colors, typography } from \\"src/theme\\"\\nimport { Text } from \\"src/components/Text\\"\\n// success-line-end\\n\\n---\\npatches:\\n// error-line\\n- path: \\"app/models/RootStore.ts\\"\\n// success-line\\n- path: \\"src/models/RootStore.ts\\"\\n  after: \\"from \\\\\\"mobx-state-tree\\\\\\"\\\\n\\"\\n  insert: \\"import { <%= props.pascalCaseName %>Model } from \\\\\\"./<%= props.pascalCaseName %>\\\\\\"\\\\n\\"\\n  skip: <%= !props.pascalCaseName.endsWith(\'Store\') %>\\n// error-line\\n- path: \\"app/models/RootStore.ts\\"\\n// success-line\\n- path: \\"src/models/RootStore.ts\\"\\n  after: \\"types.model(\\\\\\"RootStore\\\\\\").props({\\\\n\\"\\n  insert: \\"  <%= props.camelCaseName %>: types.optional(<%= props.pascalCaseName %>Model, {} as any),\\\\n\\"\\n  skip: <%= !props.pascalCaseName.endsWith(\'Store\') %>\\n// error-line\\n- path: \\"app/models/index.ts\\"\\n// success-line\\n- path: \\"src/models/index.ts\\"\\n\\n\\n// app/_layout.tsx\\nimport React from \\"react\\";\\nimport { Slot, SplashScreen } from \\"expo-router\\";\\nimport { useInitialRootStore } from \\"src/models\\";\\n\\nSplashScreen.preventAutoHideAsync();\\n\\nif (__DEV__) {\\n  // Load Reactotron configuration in development. We don\'t want to\\n  // include this in our production bundle, so we are using `if (__DEV__)`\\n  // to only execute this in development.\\n  require(\\"src/devtools/ReactotronConfig.ts\\");\\n}\\n\\nexport { ErrorBoundary } from \\"src/components/ErrorBoundary/ErrorBoundary\\";\\n\\nexport default function Root() {\\n  // Wait for stores to load and render our layout inside of it so we have access\\n  // to auth info etc\\n  const { rehydrated } = useInitialRootStore();\\n  if (!rehydrated) {\\n    return null;\\n  }\\n\\n  return <Slot />;\\n}\\n\\nmkdir src/components/ErrorBoundary\\nmv src/screens/ErrorScreen/* src/components/ErrorBoundary\\n\\nimport React from \\"react\\";\\nimport { Redirect, SplashScreen, Stack } from \\"expo-router\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport { useStores } from \\"src/models\\";\\nimport { useFonts } from \\"expo-font\\";\\nimport { customFontsToLoad } from \\"src/theme\\";\\n\\nexport default observer(function Layout() {\\n  const {\\n    authenticationStore: { isAuthenticated },\\n  } = useStores();\\n\\n  const [fontsLoaded, fontError] = useFonts(customFontsToLoad);\\n\\n  React.useEffect(() => {\\n    if (fontsLoaded || fontError) {\\n      // Hide the splash screen after the fonts have loaded and the UI is ready.\\n      SplashScreen.hideAsync();\\n    }\\n  }, [fontsLoaded, fontError]);\\n\\n  if (!fontsLoaded && !fontError) {\\n    return null;\\n  }\\n\\n  if (!isAuthenticated) {\\n    return <Redirect href=\\"/log-in\\" />;\\n  }\\n\\n  return <Stack screenOptions={{ headerShown: false }} />;\\n});\\n\\nimport { router } from \\"expo-router\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { ComponentType, useEffect, useMemo, useRef, useState } from \\"react\\";\\nimport { TextInput, TextStyle, ViewStyle } from \\"react-native\\";\\nimport { Button, Icon, Screen, Text, TextField, TextFieldAccessoryProps } from \\"src/components\\";\\nimport { useStores } from \\"src/models\\";\\nimport { colors, spacing } from \\"src/theme\\";\\n\\nexport default observer(function Login(_props) {\\n  const authPasswordInput = useRef<TextInput>(null);\\n\\n  const [authPassword, setAuthPassword] = useState(\\"\\");\\n  const [isAuthPasswordHidden, setIsAuthPasswordHidden] = useState(true);\\n  const [isSubmitted, setIsSubmitted] = useState(false);\\n  const [attemptsCount, setAttemptsCount] = useState(0);\\n  const {\\n    authenticationStore: { authEmail, setAuthEmail, setAuthToken, validationError },\\n  } = useStores();\\n\\n  useEffect(() => {\\n    // Here is where you could fetch credentials from keychain or storage\\n    // and pre-fill the form fields.\\n    setAuthEmail(\\"ignite@infinite.red\\");\\n    setAuthPassword(\\"ign1teIsAwes0m3\\");\\n\\n    // Return a \\"cleanup\\" function that React will run when the component unmounts\\n    return () => {\\n      setAuthPassword(\\"\\");\\n      setAuthEmail(\\"\\");\\n    };\\n  }, []);\\n\\n  const error = isSubmitted ? validationError : \\"\\";\\n\\n  function login() {\\n    setIsSubmitted(true);\\n    setAttemptsCount(attemptsCount + 1);\\n\\n    if (validationError) return;\\n\\n    // Make a request to your server to get an authentication token.\\n    // If successful, reset the fields and set the token.\\n    setIsSubmitted(false);\\n    setAuthPassword(\\"\\");\\n    setAuthEmail(\\"\\");\\n\\n    // We\'ll mock this with a fake token.\\n    setAuthToken(String(Date.now()));\\n\\n    // navigate to the main screen\\n    router.replace(\\"/\\");\\n  }\\n\\n  const PasswordRightAccessory: ComponentType<TextFieldAccessoryProps> = useMemo(\\n    () =>\\n      function PasswordRightAccessory(props: TextFieldAccessoryProps) {\\n        return (\\n          <Icon\\n            icon={isAuthPasswordHidden ? \\"view\\" : \\"hidden\\"}\\n            color={colors.palette.neutral800}\\n            containerStyle={props.style}\\n            size={20}\\n            onPress={() => setIsAuthPasswordHidden(!isAuthPasswordHidden)}\\n          />\\n        );\\n      },\\n    [isAuthPasswordHidden]\\n  );\\n\\n  return (\\n    <Screen preset=\\"auto\\" contentContainerStyle={$screenContentContainer} safeAreaEdges={[\\"top\\", \\"bottom\\"]}>\\n      <Text testID=\\"login-heading\\" tx=\\"loginScreen.signIn\\" preset=\\"heading\\" style={$signIn} />\\n      <Text tx=\\"loginScreen.enterDetails\\" preset=\\"subheading\\" style={$enterDetails} />\\n      {attemptsCount > 2 && <Text tx=\\"loginScreen.hint\\" size=\\"sm\\" weight=\\"light\\" style={$hint} />}\\n\\n      <TextField\\n        value={authEmail}\\n        onChangeText={setAuthEmail}\\n        containerStyle={$textField}\\n        autoCapitalize=\\"none\\"\\n        autoComplete=\\"email\\"\\n        autoCorrect={false}\\n        keyboardType=\\"email-address\\"\\n        labelTx=\\"loginScreen.emailFieldLabel\\"\\n        placeholderTx=\\"loginScreen.emailFieldPlaceholder\\"\\n        helper={error}\\n        status={error ? \\"error\\" : undefined}\\n        onSubmitEditing={() => authPasswordInput.current?.focus()}\\n      />\\n\\n      <TextField\\n        ref={authPasswordInput}\\n        value={authPassword}\\n        onChangeText={setAuthPassword}\\n        containerStyle={$textField}\\n        autoCapitalize=\\"none\\"\\n        autoComplete=\\"password\\"\\n        autoCorrect={false}\\n        secureTextEntry={isAuthPasswordHidden}\\n        labelTx=\\"loginScreen.passwordFieldLabel\\"\\n        placeholderTx=\\"loginScreen.passwordFieldPlaceholder\\"\\n        onSubmitEditing={login}\\n        RightAccessory={PasswordRightAccessory}\\n      />\\n\\n      <Button testID=\\"login-button\\" tx=\\"loginScreen.tapToSignIn\\" style={$tapButton} preset=\\"reversed\\" onPress={login} />\\n    </Screen>\\n  );\\n});\\n\\nconst $screenContentContainer: ViewStyle = {\\n  paddingVertical: spacing.xxl,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $signIn: TextStyle = {\\n  marginBottom: spacing.sm,\\n};\\n\\nconst $enterDetails: TextStyle = {\\n  marginBottom: spacing.lg,\\n};\\n\\nconst $hint: TextStyle = {\\n  color: colors.tint,\\n  marginBottom: spacing.md,\\n};\\n\\nconst $textField: ViewStyle = {\\n  marginBottom: spacing.lg,\\n};\\n\\nconst $tapButton: ViewStyle = {\\n  marginTop: spacing.xs,\\n};\\n\\nimport { router } from \\"expo-router\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React from \\"react\\";\\nimport { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { Button, Text } from \\"src/components\\";\\nimport { isRTL } from \\"src/i18n\\";\\nimport { useStores } from \\"src/models\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { useHeader } from \\"src/utils/useHeader\\";\\nimport { useSafeAreaInsetsStyle } from \\"src/utils/useSafeAreaInsetsStyle\\";\\n\\nconst welcomeLogo = require(\\"assets/images/logo.png\\");\\nconst welcomeFace = require(\\"assets/images/welcome-face.png\\");\\n\\nexport default observer(function WelcomeScreen() {\\n  const {\\n    authenticationStore: { logout },\\n  } = useStores();\\n\\n  function goNext() {\\n    router.replace(\\"/showroom\\");\\n  }\\n\\n  useHeader(\\n    {\\n      rightTx: \\"common.logOut\\",\\n      onRightPress: logout,\\n    },\\n    [logout]\\n  );\\n\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"]);\\n\\n  return (\\n    <View style={$container}>\\n      <View style={$topContainer}>\\n        <Image style={$welcomeLogo} source={welcomeLogo} resizeMode=\\"contain\\" />\\n        <Text testID=\\"welcome-heading\\" style={$welcomeHeading} tx=\\"welcomeScreen.readyForLaunch\\" preset=\\"heading\\" />\\n        <Text tx=\\"welcomeScreen.exciting\\" preset=\\"subheading\\" />\\n        <Image style={$welcomeFace} source={welcomeFace} resizeMode=\\"contain\\" />\\n      </View>\\n\\n      <View style={[$bottomContainer, $bottomContainerInsets]}>\\n        <Text tx=\\"welcomeScreen.postscript\\" size=\\"md\\" />\\n        <Button testID=\\"next-screen-button\\" preset=\\"reversed\\" tx=\\"welcomeScreen.letsGo\\" onPress={goNext} />\\n      </View>\\n    </View>\\n  );\\n});\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.background,\\n};\\n\\nconst $topContainer: ViewStyle = {\\n  flexShrink: 1,\\n  flexGrow: 1,\\n  flexBasis: \\"57%\\",\\n  justifyContent: \\"center\\",\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $bottomContainer: ViewStyle = {\\n  flexShrink: 1,\\n  flexGrow: 0,\\n  flexBasis: \\"43%\\",\\n  backgroundColor: colors.palette.neutral100,\\n  borderTopLeftRadius: 16,\\n  borderTopRightRadius: 16,\\n  paddingHorizontal: spacing.lg,\\n  justifyContent: \\"space-around\\",\\n};\\nconst $welcomeLogo: ImageStyle = {\\n  height: 88,\\n  width: \\"100%\\",\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $welcomeFace: ImageStyle = {\\n  height: 169,\\n  width: 269,\\n  position: \\"absolute\\",\\n  bottom: -47,\\n  right: -80,\\n  transform: [{ scaleX: isRTL ? -1 : 1 }],\\n};\\n\\nconst $welcomeHeading: TextStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nimport React from \\"react\\";\\nimport { Tabs } from \\"expo-router/tabs\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport { Icon } from \\"src/components\\";\\nimport { translate } from \\"src/i18n\\";\\nimport { colors, spacing, typography } from \\"src/theme\\";\\nimport { TextStyle, ViewStyle } from \\"react-native\\";\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\n\\nexport default observer(function Layout() {\\n  const { bottom } = useSafeAreaInsets();\\n\\n  return (\\n    <Tabs\\n      screenOptions={{\\n        headerShown: false,\\n        tabBarHideOnKeyboard: true,\\n        tabBarStyle: [$tabBar, { height: bottom + 70 }],\\n        tabBarActiveTintColor: colors.text,\\n        tabBarInactiveTintColor: colors.text,\\n        tabBarLabelStyle: $tabBarLabel,\\n        tabBarItemStyle: $tabBarItem,\\n      }}\\n    >\\n      <Tabs.Screen\\n        name=\\"showroom\\"\\n        options={{\\n          href: \\"/showroom\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.componentsTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"components\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"community\\"\\n        options={{\\n          href: \\"/community\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.communityTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"community\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"podcasts\\"\\n        options={{\\n          href: \\"/podcasts\\",\\n          headerShown: false,\\n          tabBarAccessibilityLabel: translate(\\"demoNavigator.podcastListTab\\"),\\n          tabBarLabel: translate(\\"demoNavigator.podcastListTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"podcast\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"debug\\"\\n        options={{\\n          href: \\"/debug\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.debugTab\\"),\\n          tabBarIcon: ({ focused }) => <Icon icon=\\"debug\\" color={focused ? colors.tint : undefined} size={30} />,\\n        }}\\n      />\\n    </Tabs>\\n  );\\n});\\n\\nconst $tabBar: ViewStyle = {\\n  backgroundColor: colors.background,\\n  borderTopColor: colors.transparent,\\n};\\n\\nconst $tabBarItem: ViewStyle = {\\n  paddingTop: spacing.md,\\n};\\n\\nconst $tabBarLabel: TextStyle = {\\n  fontSize: 12,\\n  fontFamily: typography.primary.medium,\\n  lineHeight: 16,\\n  flex: 1,\\n};\\n\\nimport React from \\"react\\";\\nimport { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { ListItem, Screen, Text } from \\"src/components\\";\\nimport { spacing } from \\"src/theme\\";\\nimport { openLinkInBrowser } from \\"src/utils/openLinkInBrowser\\";\\nimport { isRTL } from \\"src/i18n\\";\\n\\nconst chainReactLogo = require(\\"assets/images/demo/cr-logo.png\\");\\nconst reactNativeLiveLogo = require(\\"assets/images/demo/rnl-logo.png\\");\\nconst reactNativeRadioLogo = require(\\"assets/images/demo/rnr-logo.png\\");\\nconst reactNativeNewsletterLogo = require(\\"assets/images/demo/rnn-logo.png\\");\\n\\nexport default function DemoCommunityScreen() {\\n  return (\\n    <Screen preset=\\"scroll\\" contentContainerStyle={$container} safeAreaEdges={[\\"top\\"]}>\\n      <Text preset=\\"heading\\" tx=\\"demoCommunityScreen.title\\" style={$title} />\\n      <Text tx=\\"demoCommunityScreen.tagLine\\" style={$tagline} />\\n\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.joinUsOnSlackTitle\\" />\\n      <Text tx=\\"demoCommunityScreen.joinUsOnSlack\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.joinSlackLink\\"\\n        leftIcon=\\"slack\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() => openLinkInBrowser(\\"https://community.infinite.red/\\")}\\n      />\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.makeIgniteEvenBetterTitle\\" style={$sectionTitle} />\\n      <Text tx=\\"demoCommunityScreen.makeIgniteEvenBetter\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.contributeToIgniteLink\\"\\n        leftIcon=\\"github\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() => openLinkInBrowser(\\"https://github.com/infinitered/ignite\\")}\\n      />\\n\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.theLatestInReactNativeTitle\\" style={$sectionTitle} />\\n      <Text tx=\\"demoCommunityScreen.theLatestInReactNative\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.reactNativeRadioLink\\"\\n        bottomSeparator\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={reactNativeRadioLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://reactnativeradio.com/\\")}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.reactNativeNewsletterLink\\"\\n        bottomSeparator\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={reactNativeNewsletterLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://reactnativenewsletter.com/\\")}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.reactNativeLiveLink\\"\\n        bottomSeparator\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={reactNativeLiveLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://rn.live/\\")}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.chainReactConferenceLink\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        LeftComponent={\\n          <View style={$logoContainer}>\\n            <Image source={chainReactLogo} style={$logo} />\\n          </View>\\n        }\\n        onPress={() => openLinkInBrowser(\\"https://cr.infinite.red/\\")}\\n      />\\n      <Text preset=\\"subheading\\" tx=\\"demoCommunityScreen.hireUsTitle\\" style={$sectionTitle} />\\n      <Text tx=\\"demoCommunityScreen.hireUs\\" style={$description} />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.hireUsLink\\"\\n        leftIcon=\\"clap\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() => openLinkInBrowser(\\"https://infinite.red/contact\\")}\\n      />\\n    </Screen>\\n  );\\n}\\n\\nconst $container: ViewStyle = {\\n  paddingTop: spacing.lg + spacing.xl,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $title: TextStyle = {\\n  marginBottom: spacing.sm,\\n};\\n\\nconst $tagline: TextStyle = {\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $description: TextStyle = {\\n  marginBottom: spacing.lg,\\n};\\n\\nconst $sectionTitle: TextStyle = {\\n  marginTop: spacing.xxl,\\n};\\n\\nconst $logoContainer: ViewStyle = {\\n  marginEnd: spacing.md,\\n  flexDirection: \\"row\\",\\n  flexWrap: \\"wrap\\",\\n  alignContent: \\"center\\",\\n};\\n\\nconst $logo: ImageStyle = {\\n  height: 38,\\n  width: 38,\\n};\\n\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { ComponentType, useEffect, useMemo } from \\"react\\";\\nimport {\\n  AccessibilityProps,\\n  ActivityIndicator,\\n  Image,\\n  ImageSourcePropType,\\n  ImageStyle,\\n  Platform,\\n  StyleSheet,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\";\\nimport { type ContentStyle } from \\"@shopify/flash-list\\";\\nimport Animated, {\\n  Extrapolate,\\n  interpolate,\\n  useAnimatedStyle,\\n  useSharedValue,\\n  withSpring,\\n} from \\"react-native-reanimated\\";\\nimport { Button, ButtonAccessoryProps, Card, EmptyState, Icon, ListView, Screen, Text, Toggle } from \\"src/components\\";\\nimport { isRTL, translate } from \\"src/i18n\\";\\nimport { useStores } from \\"src/models\\";\\nimport { Episode } from \\"src/models/Episode\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { delay } from \\"src/utils/delay\\";\\nimport { openLinkInBrowser } from \\"src/utils/openLinkInBrowser\\";\\n\\nconst ICON_SIZE = 14;\\n\\nconst rnrImage1 = require(\\"assets/images/demo/rnr-image-1.png\\");\\nconst rnrImage2 = require(\\"assets/images/demo/rnr-image-2.png\\");\\nconst rnrImage3 = require(\\"assets/images/demo/rnr-image-3.png\\");\\nconst rnrImages = [rnrImage1, rnrImage2, rnrImage3];\\n\\nexport default observer(function DemoPodcastListScreen(_props) {\\n  const { episodeStore } = useStores();\\n\\n  const [refreshing, setRefreshing] = React.useState(false);\\n  const [isLoading, setIsLoading] = React.useState(false);\\n\\n  // initially, kick off a background refresh without the refreshing UI\\n  useEffect(() => {\\n    (async function load() {\\n      setIsLoading(true);\\n      await episodeStore.fetchEpisodes();\\n      setIsLoading(false);\\n    })();\\n  }, [episodeStore]);\\n\\n  // simulate a longer refresh, if the refresh is too fast for UX\\n  async function manualRefresh() {\\n    setRefreshing(true);\\n    await Promise.all([episodeStore.fetchEpisodes(), delay(750)]);\\n    setRefreshing(false);\\n  }\\n\\n  return (\\n    <Screen preset=\\"fixed\\" safeAreaEdges={[\\"top\\"]} contentContainerStyle={$screenContentContainer}>\\n      <ListView<Episode>\\n        contentContainerStyle={$listContentContainer}\\n        data={episodeStore.episodesForList.slice()}\\n        extraData={episodeStore.favorites.length + episodeStore.episodes.length}\\n        refreshing={refreshing}\\n        estimatedItemSize={177}\\n        onRefresh={manualRefresh}\\n        ListEmptyComponent={\\n          isLoading ? (\\n            <ActivityIndicator />\\n          ) : (\\n            <EmptyState\\n              preset=\\"generic\\"\\n              style={$emptyState}\\n              headingTx={episodeStore.favoritesOnly ? \\"demoPodcastListScreen.noFavoritesEmptyState.heading\\" : undefined}\\n              contentTx={episodeStore.favoritesOnly ? \\"demoPodcastListScreen.noFavoritesEmptyState.content\\" : undefined}\\n              button={episodeStore.favoritesOnly ? \\"\\" : undefined}\\n              buttonOnPress={manualRefresh}\\n              imageStyle={$emptyStateImage}\\n              ImageProps={{ resizeMode: \\"contain\\" }}\\n            />\\n          )\\n        }\\n        ListHeaderComponent={\\n          <View style={$heading}>\\n            <Text preset=\\"heading\\" tx=\\"demoPodcastListScreen.title\\" />\\n            {(episodeStore.favoritesOnly || episodeStore.episodesForList.length > 0) && (\\n              <View style={$toggle}>\\n                <Toggle\\n                  value={episodeStore.favoritesOnly}\\n                  onValueChange={() => episodeStore.setProp(\\"favoritesOnly\\", !episodeStore.favoritesOnly)}\\n                  variant=\\"switch\\"\\n                  labelTx=\\"demoPodcastListScreen.onlyFavorites\\"\\n                  labelPosition=\\"left\\"\\n                  labelStyle={$labelStyle}\\n                  accessibilityLabel={translate(\\"demoPodcastListScreen.accessibility.switch\\")}\\n                />\\n              </View>\\n            )}\\n          </View>\\n        }\\n        renderItem={({ item }) => (\\n          <EpisodeCard\\n            episode={item}\\n            isFavorite={episodeStore.hasFavorite(item)}\\n            onPressFavorite={() => episodeStore.toggleFavorite(item)}\\n          />\\n        )}\\n      />\\n    </Screen>\\n  );\\n});\\n\\nconst EpisodeCard = observer(function EpisodeCard({\\n  episode,\\n  isFavorite,\\n  onPressFavorite,\\n}: {\\n  episode: Episode;\\n  onPressFavorite: () => void;\\n  isFavorite: boolean;\\n}) {\\n  const liked = useSharedValue(isFavorite ? 1 : 0);\\n\\n  const imageUri = useMemo<ImageSourcePropType>(() => {\\n    return rnrImages[Math.floor(Math.random() * rnrImages.length)];\\n  }, []);\\n\\n  // Grey heart\\n  const animatedLikeButtonStyles = useAnimatedStyle(() => {\\n    return {\\n      transform: [\\n        {\\n          scale: interpolate(liked.value, [0, 1], [1, 0], Extrapolate.EXTEND),\\n        },\\n      ],\\n      opacity: interpolate(liked.value, [0, 1], [1, 0], Extrapolate.CLAMP),\\n    };\\n  });\\n\\n  // Pink heart\\n  const animatedUnlikeButtonStyles = useAnimatedStyle(() => {\\n    return {\\n      transform: [\\n        {\\n          scale: liked.value,\\n        },\\n      ],\\n      opacity: liked.value,\\n    };\\n  });\\n\\n  /**\\n   * Android has a \\"longpress\\" accessibility action. iOS does not, so we just have to use a hint.\\n   * @see https://reactnative.dev/docs/accessibility#accessibilityactions\\n   */\\n  const accessibilityHintProps = useMemo(\\n    () =>\\n      Platform.select<AccessibilityProps>({\\n        ios: {\\n          accessibilityLabel: episode.title,\\n          accessibilityHint: translate(\\"demoPodcastListScreen.accessibility.cardHint\\", {\\n            action: isFavorite ? \\"unfavorite\\" : \\"favorite\\",\\n          }),\\n        },\\n        android: {\\n          accessibilityLabel: episode.title,\\n          accessibilityActions: [\\n            {\\n              name: \\"longpress\\",\\n              label: translate(\\"demoPodcastListScreen.accessibility.favoriteAction\\"),\\n            },\\n          ],\\n          onAccessibilityAction: ({ nativeEvent }) => {\\n            if (nativeEvent.actionName === \\"longpress\\") {\\n              handlePressFavorite();\\n            }\\n          },\\n        },\\n      }),\\n    [episode, isFavorite]\\n  );\\n\\n  const handlePressFavorite = () => {\\n    onPressFavorite();\\n    liked.value = withSpring(liked.value ? 0 : 1);\\n  };\\n\\n  const handlePressCard = () => {\\n    openLinkInBrowser(episode.enclosure.link);\\n  };\\n\\n  const ButtonLeftAccessory: ComponentType<ButtonAccessoryProps> = useMemo(\\n    () =>\\n      function ButtonLeftAccessory() {\\n        return (\\n          <View>\\n            <Animated.View style={[$iconContainer, StyleSheet.absoluteFill, animatedLikeButtonStyles]}>\\n              <Icon\\n                icon=\\"heart\\"\\n                size={ICON_SIZE}\\n                color={colors.palette.neutral800} // dark grey\\n              />\\n            </Animated.View>\\n            <Animated.View style={[$iconContainer, animatedUnlikeButtonStyles]}>\\n              <Icon\\n                icon=\\"heart\\"\\n                size={ICON_SIZE}\\n                color={colors.palette.primary400} // pink\\n              />\\n            </Animated.View>\\n          </View>\\n        );\\n      },\\n    []\\n  );\\n\\n  return (\\n    <Card\\n      style={$item}\\n      verticalAlignment=\\"force-footer-bottom\\"\\n      onPress={handlePressCard}\\n      onLongPress={handlePressFavorite}\\n      HeadingComponent={\\n        <View style={$metadata}>\\n          <Text style={$metadataText} size=\\"xxs\\" accessibilityLabel={episode.datePublished.accessibilityLabel}>\\n            {episode.datePublished.textLabel}\\n          </Text>\\n          <Text style={$metadataText} size=\\"xxs\\" accessibilityLabel={episode.duration.accessibilityLabel}>\\n            {episode.duration.textLabel}\\n          </Text>\\n        </View>\\n      }\\n      content={`${episode.parsedTitleAndSubtitle.title} - ${episode.parsedTitleAndSubtitle.subtitle}`}\\n      {...accessibilityHintProps}\\n      RightComponent={<Image source={imageUri} style={$itemThumbnail} />}\\n      FooterComponent={\\n        <Button\\n          onPress={handlePressFavorite}\\n          onLongPress={handlePressFavorite}\\n          style={[$favoriteButton, isFavorite && $unFavoriteButton]}\\n          accessibilityLabel={\\n            isFavorite\\n              ? translate(\\"demoPodcastListScreen.accessibility.unfavoriteIcon\\")\\n              : translate(\\"demoPodcastListScreen.accessibility.favoriteIcon\\")\\n          }\\n          LeftAccessory={ButtonLeftAccessory}\\n        >\\n          <Text\\n            size=\\"xxs\\"\\n            accessibilityLabel={episode.duration.accessibilityLabel}\\n            weight=\\"medium\\"\\n            text={\\n              isFavorite\\n                ? translate(\\"demoPodcastListScreen.unfavoriteButton\\")\\n                : translate(\\"demoPodcastListScreen.favoriteButton\\")\\n            }\\n          />\\n        </Button>\\n      }\\n    />\\n  );\\n});\\n\\nconst $screenContentContainer: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $listContentContainer: ContentStyle = {\\n  paddingHorizontal: spacing.lg,\\n  paddingTop: spacing.lg + spacing.xl,\\n  paddingBottom: spacing.lg,\\n};\\n\\nconst $heading: ViewStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nconst $item: ViewStyle = {\\n  padding: spacing.md,\\n  marginTop: spacing.md,\\n  minHeight: 120,\\n};\\n\\nconst $itemThumbnail: ImageStyle = {\\n  marginTop: spacing.sm,\\n  borderRadius: 50,\\n  alignSelf: \\"flex-start\\",\\n};\\n\\nconst $toggle: ViewStyle = {\\n  marginTop: spacing.md,\\n};\\n\\nconst $labelStyle: TextStyle = {\\n  textAlign: \\"left\\",\\n};\\n\\nconst $iconContainer: ViewStyle = {\\n  height: ICON_SIZE,\\n  width: ICON_SIZE,\\n  flexDirection: \\"row\\",\\n  marginEnd: spacing.sm,\\n};\\n\\nconst $metadata: TextStyle = {\\n  color: colors.textDim,\\n  marginTop: spacing.xs,\\n  flexDirection: \\"row\\",\\n};\\n\\nconst $metadataText: TextStyle = {\\n  color: colors.textDim,\\n  marginEnd: spacing.md,\\n  marginBottom: spacing.xs,\\n};\\n\\nconst $favoriteButton: ViewStyle = {\\n  borderRadius: 17,\\n  marginTop: spacing.md,\\n  justifyContent: \\"flex-start\\",\\n  backgroundColor: colors.palette.neutral300,\\n  borderColor: colors.palette.neutral300,\\n  paddingHorizontal: spacing.md,\\n  paddingTop: spacing.xxxs,\\n  paddingBottom: 0,\\n  minHeight: 32,\\n  alignSelf: \\"flex-start\\",\\n};\\n\\nconst $unFavoriteButton: ViewStyle = {\\n  borderColor: colors.palette.primary100,\\n  backgroundColor: colors.palette.primary100,\\n};\\n\\nconst $emptyState: ViewStyle = {\\n  marginTop: spacing.xxl,\\n};\\n\\nconst $emptyStateImage: ImageStyle = {\\n  transform: [{ scaleX: isRTL ? -1 : 1 }],\\n};\\n\\nimport React from \\"react\\";\\nimport * as Application from \\"expo-application\\";\\nimport { Linking, Platform, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { Button, ListItem, Screen, Text } from \\"src/components\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { isRTL } from \\"src/i18n\\";\\nimport { useStores } from \\"src/models\\";\\n\\nfunction openLinkInBrowser(url: string) {\\n  Linking.canOpenURL(url).then((canOpen) => canOpen && Linking.openURL(url));\\n}\\n\\nexport default function DemoDebugScreen() {\\n  const {\\n    authenticationStore: { logout },\\n  } = useStores();\\n\\n  const usingHermes = typeof HermesInternal === \\"object\\" && HermesInternal !== null;\\n  // @ts-expect-error\\n  const usingFabric = global.nativeFabricUIManager != null;\\n\\n  const demoReactotron = React.useMemo(\\n    () => async () => {\\n      if (__DEV__) {\\n        console.tron.display({\\n          name: \\"DISPLAY\\",\\n          value: {\\n            appId: Application.applicationId,\\n            appName: Application.applicationName,\\n            appVersion: Application.nativeApplicationVersion,\\n            appBuildVersion: Application.nativeBuildVersion,\\n            hermesEnabled: usingHermes,\\n          },\\n          important: true,\\n        });\\n      }\\n    },\\n    []\\n  );\\n\\n  return (\\n    <Screen preset=\\"scroll\\" safeAreaEdges={[\\"top\\"]} contentContainerStyle={$container}>\\n      <Text\\n        style={$reportBugsLink}\\n        tx=\\"demoDebugScreen.reportBugs\\"\\n        onPress={() => openLinkInBrowser(\\"https://github.com/infinitered/ignite/issues\\")}\\n      />\\n      <Text style={$title} preset=\\"heading\\" tx=\\"demoDebugScreen.title\\" />\\n      <View style={$itemsContainer}>\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Id</Text>\\n              <Text>{Application.applicationId}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Name</Text>\\n              <Text>{Application.applicationName}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Version</Text>\\n              <Text>{Application.nativeApplicationVersion}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">App Build Version</Text>\\n              <Text>{Application.nativeBuildVersion}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">Hermes Enabled</Text>\\n              <Text>{String(usingHermes)}</Text>\\n            </View>\\n          }\\n        />\\n        <ListItem\\n          LeftComponent={\\n            <View style={$item}>\\n              <Text preset=\\"bold\\">Fabric Enabled</Text>\\n              <Text>{String(usingFabric)}</Text>\\n            </View>\\n          }\\n        />\\n      </View>\\n      <View style={$buttonContainer}>\\n        <Button style={$button} tx=\\"demoDebugScreen.reactotron\\" onPress={demoReactotron} />\\n        <Text style={$hint} tx={`demoDebugScreen.${Platform.OS}ReactotronHint` as const} />\\n      </View>\\n      <View style={$buttonContainer}>\\n        <Button style={$button} tx=\\"common.logOut\\" onPress={logout} />\\n      </View>\\n    </Screen>\\n  );\\n}\\n\\nconst $container: ViewStyle = {\\n  paddingTop: spacing.lg + spacing.xl,\\n  paddingBottom: spacing.xxl,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $title: TextStyle = {\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $reportBugsLink: TextStyle = {\\n  color: colors.tint,\\n  marginBottom: spacing.lg,\\n  alignSelf: isRTL ? \\"flex-start\\" : \\"flex-end\\",\\n};\\n\\nconst $item: ViewStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nconst $itemsContainer: ViewStyle = {\\n  marginBottom: spacing.xl,\\n};\\n\\nconst $button: ViewStyle = {\\n  marginBottom: spacing.xs,\\n};\\n\\nconst $buttonContainer: ViewStyle = {\\n  marginBottom: spacing.md,\\n};\\n\\nconst $hint: TextStyle = {\\n  color: colors.palette.neutral600,\\n  fontSize: 12,\\n  lineHeight: 15,\\n  paddingBottom: spacing.lg,\\n};\\n\\nmv src/screens/DemoShowroomScreen src/components/Showroom\\nrm src/components/Showroom/DemoShowroomScreen.tsx\\n\\n> import { ReactElement } from \\"react\\";\\n>\\n> export interface Demo {\\n>   name: string;\\n>   description: string;\\n>   data: ReactElement[];\\n> }\\n\\nconst WebListItem: FC<DemoListItem> = ({ item, sectionIndex }) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link to={`/showroom/${sectionSlug}`} style={$menuContainer}>\\n        <Text preset=\\"bold\\">{item.name}</Text>\\n      </Link>\\n      {item.useCases.map((u) => {\\n        const itemSlug = slugify(u);\\n\\n        return (\\n          <Link key={`section${sectionIndex}-${u}`} to={`/showroom/${sectionSlug}/${itemSlug}`}>\\n            <Text>{u}</Text>\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nconst NativeListItem: FC<DemoListItem> = ({ item, sectionIndex, handleScroll }) => (\\n  <View>\\n    <Text onPress={() => handleScroll?.(sectionIndex)} preset=\\"bold\\" style={$menuContainer}>\\n      {item.name}\\n    </Text>\\n    {item.useCases.map((u, index) => (\\n      <ListItem\\n        key={`section${sectionIndex}-${u}`}\\n        onPress={() => handleScroll?.(sectionIndex, index + 1)}\\n        text={u}\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n      />\\n    ))}\\n  </View>\\n);\\n\\nconst ShowroomListItem = Platform.select({\\n  web: WebListItem,\\n  default: NativeListItem,\\n});\\n\\nconst ShowroomListItem: FC<DemoListItem> = ({ item, sectionIndex }) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link href={{ pathname: \\"/showroom\\", params: { sectionSlug } }}>\\n        <Text preset=\\"bold\\">{item.name}</Text>\\n      </Link>\\n      {item.useCases.map((u) => {\\n        const itemSlug = slugify(u);\\n        return (\\n          <Link\\n            key={`section${sectionIndex}-${u}`}\\n            href={{ pathname: \\"/showroom\\", params: { sectionSlug, itemSlug } }}\\n            asChild\\n          >\\n            <ListItem text={u} rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"} />\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nimport React, { FC, useEffect, useRef, useState } from \\"react\\";\\nimport { Image, ImageStyle, SectionList, TextStyle, View, ViewStyle } from \\"react-native\\";\\nimport { Drawer } from \\"react-native-drawer-layout\\";\\nimport { type ContentStyle } from \\"@shopify/flash-list\\";\\nimport { ListItem, ListView, ListViewRef, Screen, Text } from \\"src/components\\";\\nimport { isRTL } from \\"src/i18n\\";\\nimport { colors, spacing } from \\"src/theme\\";\\nimport { useSafeAreaInsetsStyle } from \\"src/utils/useSafeAreaInsetsStyle\\";\\nimport * as Demos from \\"src/components/Showroom/demos\\";\\nimport { DrawerIconButton } from \\"src/components/Showroom/DrawerIconButton\\";\\nimport { Link, useLocalSearchParams } from \\"expo-router\\";\\n\\nconst logo = require(\\"assets/images/logo.png\\");\\n\\ninterface DemoListItem {\\n  item: { name: string; useCases: string[] };\\n  sectionIndex: number;\\n  handleScroll?: (sectionIndex: number, itemIndex?: number) => void;\\n}\\n\\nconst slugify = (str: string) =>\\n  str\\n    .toLowerCase()\\n    .trim()\\n    .replace(/[^\\\\w\\\\s-]/g, \\"\\")\\n    .replace(/[\\\\s_-]+/g, \\"-\\")\\n    .replace(/^-+|-+$/g, \\"\\");\\n\\nconst ShowroomListItem: FC<DemoListItem> = ({ item, sectionIndex }) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link href={{ pathname: \\"/showroom\\", params: { sectionSlug } }}>\\n        <Text preset=\\"bold\\">{item.name}</Text>\\n      </Link>\\n      {item.useCases.map((u) => {\\n        const itemSlug = slugify(u);\\n        return (\\n          <Link\\n            key={`section${sectionIndex}-${u}`}\\n            href={{ pathname: \\"/showroom\\", params: { sectionSlug, itemSlug } }}\\n            asChild\\n          >\\n            <ListItem text={u} rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"} />\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nexport default function DemoShowroomScreen() {\\n  const [open, setOpen] = useState(false);\\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\\n  const listRef = useRef<SectionList>(null);\\n  const menuRef = useRef<ListViewRef<DemoListItem[\\"item\\"]>>(null);\\n\\n  const params = useLocalSearchParams<{\\n    sectionSlug?: string;\\n    itemSlug?: string;\\n  }>();\\n\\n  // handle scroll when section/item params change\\n  React.useEffect(() => {\\n    if (Object.keys(params).length > 0) {\\n      const demoValues = Object.values(Demos);\\n      const findSectionIndex = demoValues.findIndex((x) => x.name.toLowerCase() === params.sectionSlug);\\n      let findItemIndex = 0;\\n      if (params.itemSlug) {\\n        try {\\n          findItemIndex =\\n            demoValues[findSectionIndex].data.findIndex((u) => slugify(u.props.name) === params.itemSlug) + 1;\\n        } catch (err) {\\n          console.error(err);\\n        }\\n      }\\n      handleScroll(findSectionIndex, findItemIndex);\\n    }\\n  }, [params]);\\n\\n  const toggleDrawer = () => {\\n    if (!open) {\\n      setOpen(true);\\n    } else {\\n      setOpen(false);\\n    }\\n  };\\n\\n  const handleScroll = (sectionIndex: number, itemIndex = 0) => {\\n    listRef.current?.scrollToLocation({\\n      animated: true,\\n      itemIndex,\\n      sectionIndex,\\n    });\\n    toggleDrawer();\\n  };\\n\\n  const scrollToIndexFailed = (info: {\\n    index: number;\\n    highestMeasuredFrameIndex: number;\\n    averageItemLength: number;\\n  }) => {\\n    listRef.current?.getScrollResponder()?.scrollToEnd();\\n    timeout.current = setTimeout(\\n      () =>\\n        listRef.current?.scrollToLocation({\\n          animated: true,\\n          itemIndex: info.index,\\n          sectionIndex: 0,\\n        }),\\n      50\\n    );\\n  };\\n\\n  useEffect(() => {\\n    return () => timeout.current && clearTimeout(timeout.current);\\n  }, []);\\n\\n  const $drawerInsets = useSafeAreaInsetsStyle([\\"top\\"]);\\n\\n  return (\\n    <Drawer\\n      open={open}\\n      onOpen={() => setOpen(true)}\\n      onClose={() => setOpen(false)}\\n      drawerType={\\"slide\\"}\\n      drawerPosition={isRTL ? \\"right\\" : \\"left\\"}\\n      renderDrawerContent={() => (\\n        <View style={[$drawer, $drawerInsets]}>\\n          <View style={$logoContainer}>\\n            <Image source={logo} style={$logoImage} />\\n          </View>\\n\\n          <ListView<DemoListItem[\\"item\\"]>\\n            ref={menuRef}\\n            contentContainerStyle={$listContentContainer}\\n            estimatedItemSize={250}\\n            data={Object.values(Demos).map((d) => ({\\n              name: d.name,\\n              useCases: d.data.map((u) => u.props.name as string),\\n            }))}\\n            keyExtractor={(item) => item.name}\\n            renderItem={({ item, index: sectionIndex }) => (\\n              <ShowroomListItem {...{ item, sectionIndex, handleScroll }} />\\n            )}\\n          />\\n        </View>\\n      )}\\n    >\\n      <Screen preset=\\"fixed\\" safeAreaEdges={[\\"top\\"]} contentContainerStyle={$screenContainer}>\\n        <DrawerIconButton onPress={toggleDrawer} {...{ open }} />\\n\\n        <SectionList\\n          ref={listRef}\\n          contentContainerStyle={$sectionListContentContainer}\\n          stickySectionHeadersEnabled={false}\\n          sections={Object.values(Demos)}\\n          renderItem={({ item }) => item}\\n          renderSectionFooter={() => <View style={$demoUseCasesSpacer} />}\\n          ListHeaderComponent={\\n            <View style={$heading}>\\n              <Text preset=\\"heading\\" tx=\\"demoShowroomScreen.jumpStart\\" />\\n            </View>\\n          }\\n          onScrollToIndexFailed={scrollToIndexFailed}\\n          renderSectionHeader={({ section }) => {\\n            return (\\n              <View>\\n                <Text preset=\\"heading\\" style={$demoItemName}>\\n                  {section.name}\\n                </Text>\\n                <Text style={$demoItemDescription}>{section.description}</Text>\\n              </View>\\n            );\\n          }}\\n        />\\n      </Screen>\\n    </Drawer>\\n  );\\n}\\n\\nconst $screenContainer: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $drawer: ViewStyle = {\\n  backgroundColor: colors.background,\\n  flex: 1,\\n};\\n\\nconst $listContentContainer: ContentStyle = {\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $sectionListContentContainer: ViewStyle = {\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $heading: ViewStyle = {\\n  marginBottom: spacing.xxxl,\\n};\\n\\nconst $logoImage: ImageStyle = {\\n  height: 42,\\n  width: 77,\\n};\\n\\nconst $logoContainer: ViewStyle = {\\n  alignSelf: \\"flex-start\\",\\n  justifyContent: \\"center\\",\\n  height: 56,\\n  paddingHorizontal: spacing.lg,\\n};\\n\\nconst $demoItemName: TextStyle = {\\n  fontSize: 24,\\n  marginBottom: spacing.md,\\n};\\n\\nconst $demoItemDescription: TextStyle = {\\n  marginBottom: spacing.xxl,\\n};\\n\\nconst $demoUseCasesSpacer: ViewStyle = {\\n  paddingBottom: spacing.xxl,\\n};\\n\\nnpx uri-scheme open exp://localhost:8081/--/showroom --ios\\n\\nrm src/app.tsx\\nrm -rf src/screens\\nrm -rf src/navigators\\n\\n// error-line\\nimport { goBack, resetRoot, navigate } from \\"src/navigators/navigationUtilities\\";\\n// success-line\\nimport { router } from \\"expo-router\\";\\n// ...\\n// error-line-start\\nreactotron.onCustomCommand({\\n  title: \\"Reset Navigation State\\",\\n  description: \\"Resets the navigation state\\",\\n  command: \\"resetNavigation\\",\\n  handler: () => {\\n    Reactotron.log(\\"resetting navigation state\\");\\n    resetRoot({ index: 0, routes: [] });\\n  },\\n});\\n// error-line-end\\n\\nreactotron.onCustomCommand<[{ name: \\"route\\"; type: ArgType.String }]>({\\n  command: \\"navigateTo\\",\\n  handler: (args) => {\\n    const { route } = args ?? {};\\n    if (route) {\\n      Reactotron.log(`Navigating to: ${route}`);\\n      // error-line\\n      navigate(route as any); // this should be tied to the navigator, but since this is for debugging, we can navigate to illegal routes\\n      // success-line-start\\n      // @ts-ignore - bypass Expo Router Typed Routes\\n      router.push(route);\\n      // success-line-end\\n    } else {\\n      Reactotron.log(\\"Could not navigate. No route provided.\\");\\n    }\\n  },\\n  title: \\"Navigate To Screen\\",\\n  description: \\"Navigates to a screen by name.\\",\\n  args: [{ name: \\"route\\", type: ArgType.String }],\\n});\\n\\nreactotron.onCustomCommand({\\n  title: \\"Go Back\\",\\n  description: \\"Goes back\\",\\n  command: \\"goBack\\",\\n  handler: () => {\\n    Reactotron.log(\\"Going back\\");\\n    // error-line\\n    goBack();\\n    // success-line\\n    router.back();\\n  },\\n});\\n\\nERROR  Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?\\n\\n/**\\n * A styled row component that can be used in FlatList, SectionList, or by itself.\\n * @see [Documentation and Examples]{@link https://docs.infinite.red/ignite-cli/boilerplate/components/ListItem/}\\n * @param {ListItemProps} props - The props for the `ListItem` component.\\n * @returns {JSX.Element} The rendered `ListItem` component.\\n */\\n// error-line\\n  export function ListItem(props: ListItemProps) {\\n// success-line-start\\n  export const ListItem = React.forwardRef<View, ListItemProps>(function ListItem(\\n  props: ListItemProps,\\n  ref,\\n) {\\n// success-line-end\\n  const {\\n    bottomSeparator,\\n    children,\\n    height = 56,\\n    LeftComponent,\\n    leftIcon,\\n    leftIconColor,\\n    RightComponent,\\n    rightIcon,\\n    rightIconColor,\\n    style,\\n    text,\\n    TextProps,\\n    topSeparator,\\n    tx,\\n    txOptions,\\n    textStyle: $textStyleOverride,\\n    containerStyle: $containerStyleOverride,\\n    ...TouchableOpacityProps\\n  } = props\\n\\n  const $textStyles = [$textStyle, $textStyleOverride, TextProps?.style]\\n\\n  const $containerStyles = [\\n    topSeparator && $separatorTop,\\n    bottomSeparator && $separatorBottom,\\n    $containerStyleOverride,\\n  ]\\n\\n  const $touchableStyles = [$touchableStyle, { minHeight: height }, style]\\n\\n  return (\\n    // error-line\\n   <View style={$containerStyles}>\\n    // success-line\\n   <View ref={ref} style={$containerStyles}>\\n      <TouchableOpacity {...TouchableOpacityProps} style={$touchableStyles}>\\n        <ListItemAction\\n          side=\\"left\\"\\n          size={height}\\n          icon={leftIcon}\\n          iconColor={leftIconColor}\\n          Component={LeftComponent}\\n        />\\n\\n        <Text {...TextProps} tx={tx} text={text} txOptions={txOptions} style={$textStyles}>\\n          {children}\\n        </Text>\\n\\n        <ListItemAction\\n          side=\\"right\\"\\n          size={height}\\n          icon={rightIcon}\\n          iconColor={rightIconColor}\\n          Component={RightComponent}\\n        />\\n      </TouchableOpacity>\\n    </View>\\n  )\\n  //error-line\\n}\\n  //success-line\\n})\\n\\n\\n","lastUpdated":"7 days ago","title":"Expo Router","publish_date":"2024-01-25","doc_name":"ExpoRouter.md"},{"author":"Joshua Yoes","content":"---\\ndestinationDir: app/components/specs\\n---\\n// https://reactnativetesting.io/component/testing/\\n\\nimport React from \\"react\\"\\nimport { fireEvent, render, screen } from \\"@testing-library/react-native\\"\\nimport { <%= props.pascalCaseName %> } from \\"../<%= props.pascalCaseName %>\\"\\n\\ndescribe(\\"<%= props.pascalCaseName %>\\", () => {\\n  it(\\"renders\\", () => {\\n    render(<<%= props.pascalCaseName %> />)\\n    expect(screen.getByText(\\"Hello\\")).toBeTruthy()\\n  })\\n})\\n\\n","lastUpdated":"11 months ago","title":"Generator for Component Tests","publish_date":"2022-10-10","doc_name":"GeneratorComponentTests.md"},{"author":"Dan Edwards","content":"curl -Ls \\"https://get.maestro.mobile.dev\\" | bash\\n\\nbrew tap facebook/fb\\nbrew install idb-companion\\n\\n#flow: Login\\n#intent:\\n# Open up our app and use the default credentials to login\\n# and navigate to the demo screen\\n\\nappId: com.maestroapp # the app id of the app we want to test\\n# You can find the appId of an Ignite app in the `app.json` file\\n# as the \\"package\\" under the \\"android\\" section and \\"bundleIdentifier\\" under the \\"ios\\" section\\n---\\n- clearState # clears the state of our app (navigation and authentication)\\n- launchApp # launches the app\\n- assertVisible: \\"Sign In\\"\\n- tapOn:\\n    text: \\"Tap to sign in!\\"\\n- assertVisible: \\"Your app, almost ready for launch!\\"\\n- tapOn:\\n    text: \\"Let\'s go!\\"\\n- assertVisible: \\"Components to jump start your project!\\"\\n\\ncd .maestro\\nmaestro test Login.yaml\\n\\n    \u2551  > Flow\\n        Running on iPhone 11 - iOS 16.2 - 5A269AA1-2704-429B-BF30-D6965060E03E\\n    \u2551    \u2705  Clear state of com.maestroapp\\n    \u2551    \u2705  Launch app \\"com.maestroapp\\"\\n    \u2551    \u2705  Assert that \\"Sign In\\" is visible\\n    \u2551    \u2705  Tap on \\"Tap to sign in!\\"\\n    \u2551    \u2705  Assert that \\"Your app, almost ready for launch!\\" is visible\\n    \u2551    \u2705  Tap on \\"Let\'s go!\\"\\n    \u2551    \u2705  Assert that \\"Components to jump start your project!\\" is visible\\n\\n# flow: run the login flow and then navigate to the demo podcast list screen, favorite a podcast, and then switch the list to only be favorites.\\n\\nappId: com.maestroapp\\nenv:\\n  TITLE: \\"RNR 257 - META RESPONDS! How can we improve React Native, part 2\\"\\n  FAVORITES_TEXT: \\"Switch on to only show favorites\\"\\n\\n---\\n- runFlow: Login.yaml\\n- tapOn: \\"Podcast, tab, 3 of 4\\"\\n- assertVisible: \\"React Native Radio episodes\\"\\n- tapOn:\\n    text: ${FAVORITES_TEXT}\\n- assertVisible: \\"This looks a bit empty\\"\\n- tapOn:\\n    text: ${FAVORITES_TEXT}\\n- scrollUntilVisible:\\n    element:\\n      text: ${TITLE}\\n    direction: DOWN\\n    timeout: 50000\\n    speed: 40\\n    visibilityPercentage: 100\\n- longPressOn: ${TITLE}\\n- scrollUntilVisible:\\n    element:\\n      text: ${FAVORITES_TEXT}\\n    direction: UP\\n    timeout: 50000\\n    speed: 40\\n    visibilityPercentage: 100\\n- tapOn:\\n    text: ${FAVORITES_TEXT}\\n- assertVisible: ${TITLE}\\n\\n","lastUpdated":"7 weeks ago","title":"Maestro Setup","publish_date":"2023-02-01","doc_name":"MaestroSetup.md"},{"author":"Frank Calise","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nyarn add react-native-mmkv\\nyarn prebuild\\n\\n// error-line\\nimport AsyncStorage from \\"@react-native-async-storage/async-storage\\";\\n// success-line\\nimport { MMKV } from \\"react-native-mmkv\\";\\n// success-line\\nconst storage = new MMKV();\\n\\n/**\\n * Loads a string from storage.\\n *\\n * @param key The key to fetch.\\n */\\n// error-line\\nexport async function loadString(key: string): Promise<string | null> {\\n// success-line\\nexport function loadString(key: string): string | null {\\n  try {\\n    // error-line\\n    return await AsyncStorage.getItem(key)\\n    // success-line\\n    return storage.getString(key);\\n  } catch {\\n    // not sure why this would fail... even reading the RN docs I\'m unclear\\n    return null;\\n  }\\n}\\n\\n/**\\n * Saves a string to storage.\\n *\\n * @param key The key to fetch.\\n * @param value The value to store.\\n */\\n// error-line\\nexport async function saveString(key: string, value: string): Promise<boolean> {\\n// success-line\\nexport function saveString(key: string, value: string): boolean {\\n  try {\\n    // error-line\\n    await AsyncStorage.setItem(key, value)\\n    // success-line\\n    storage.set(key, value);\\n    return true;\\n  } catch {\\n    return false;\\n  }\\n}\\n\\n/**\\n * Loads something from storage and runs it thru JSON.parse.\\n *\\n * @param key The key to fetch.\\n */\\n// error-line\\nexport async function load(key: string): Promise<any | null> {\\n// success-line\\nexport function load(key: string): any | null {\\n  try {\\n    // error-line\\n    const almostThere = await AsyncStorage.getItem(key)\\n    // success-line\\n    const almostThere = storage.getString(key);\\n    return JSON.parse(almostThere);\\n  } catch {\\n    return null;\\n  }\\n}\\n\\n/**\\n * Saves an object to storage.\\n *\\n * @param key The key to fetch.\\n * @param value The value to store.\\n */\\n// error-line\\nexport async function save(key: string, value: any): Promise<boolean> {\\n// success-line\\nexport function save(key: string, value: any): boolean {\\n  try {\\n    // error-line\\n    await AsyncStorage.setItem(key, JSON.stringify(value))\\n    // success-line\\n    saveString(key, JSON.stringify(value));\\n    return true;\\n  } catch {\\n    return false;\\n  }\\n}\\n\\n/**\\n * Removes something from storage.\\n *\\n * @param key The key to kill.\\n */\\n// error-line\\nexport async function remove(key: string): Promise<void> {\\n// success-line\\nexport function remove(key: string): void {\\n  try {\\n    // error-line\\n    await AsyncStorage.removeItem(key)\\n    // success-line\\n    storage.delete(key);\\n  } catch {}\\n}\\n\\n/**\\n * Burn it all to the ground.\\n */\\n// error-line\\nexport async function clear(): Promise<void> {\\n// success-line\\nexport function clear(): void {\\n  try {\\n    // error-line\\n    await AsyncStorage.clear()\\n    // success-line\\n    storage.clearAll();\\n  } catch {}\\n}\\n\\nimport { load, loadString, save, saveString, clear, remove } from \\"./storage\\"\\nimport { storage } from \\"./mmkv\\" // <- wherever your global `new MMKV()` constant is\\n\\nconst VALUE_OBJECT = { x: 1 }\\nconst VALUE_STRING = JSON.stringify(VALUE_OBJECT)\\n\\ndescribe(\\"MMKV Storage\\", () => {\\n  beforeEach(() => {\\n    storage.clearAll()\\n    storage.set(\\"string\\", \\"string\\")\\n    storage.set(\\"object\\", JSON.stringify(VALUE_OBJECT))\\n  })\\n\\n  it(\\"should be defined\\", () => {\\n    expect(storage).toBeDefined()\\n  })\\n\\n  it(\\"should have default keys\\", () => {\\n    expect(storage.getAllKeys()).toEqual([\\"string\\", \\"object\\"])\\n  })\\n\\n  it(\\"should load data\\", () => {\\n    expect(load(\\"object\\")).toEqual(VALUE_OBJECT)\\n    expect(loadString(\\"object\\")).toEqual(VALUE_STRING)\\n\\n    expect(load(\\"string\\")).toEqual(\\"string\\")\\n    expect(loadString(\\"string\\")).toEqual(\\"string\\")\\n  })\\n\\n  it(\\"should save strings\\", () => {\\n    saveString(\\"string\\", \\"new string\\")\\n    expect(loadString(\\"string\\")).toEqual(\\"new string\\")\\n  })\\n\\n  it(\\"should save objects\\", () => {\\n    save(\\"object\\", { y: 2 })\\n    expect(load(\\"object\\")).toEqual({ y: 2 })\\n    save(\\"object\\", { z: 3, also: true })\\n    expect(load(\\"object\\")).toEqual({ z: 3, also: true })\\n  })\\n\\n  it(\\"should save strings and objects\\", () => {\\n    saveString(\\"object\\", \\"new string\\")\\n    expect(loadString(\\"object\\")).toEqual(\\"new string\\")\\n  })\\n\\n  it(\\"should remove data\\", () => {\\n    remove(\\"object\\")\\n    expect(load(\\"object\\")).toBeUndefined()\\n    expect(storage.getAllKeys()).toEqual([\\"string\\"])\\n\\n    remove(\\"string\\")\\n    expect(load(\\"string\\")).toBeUndefined()\\n    expect(storage.getAllKeys()).toEqual([])\\n  })\\n\\n  it(\\"should clear all data\\", () => {\\n    expect(storage.getAllKeys()).toEqual([\\"string\\", \\"object\\"])\\n    clear()\\n    expect(storage.getAllKeys()).toEqual([])\\n  })\\n})\\n\\n","lastUpdated":"4 weeks ago","title":"Migrating to MMKV","publish_date":"2022-12-28","doc_name":"MigratingToMMKV.md"},{"author":"Yulian Glukhenko","content":"sdk.dir=/Users/path/to/sdk\\nndk.dir=/Users/path/to/ndk\\n\\nsdk.dir=/Users/~Usernamehere~/Library/Android/sdk\\nndk.dir=/Users/~Usernamehere~/Library/Android/sdk/ndk/21.4.7075529\\n\\narch -x86_64 ./gradlew :ReactAndroid:installArchives --no-daemon\\n\\n","lastUpdated":"5 weeks ago","title":"Patching/Building Android .aar From Source","publish_date":"2022-10-09","doc_name":"PatchingBuildingAndroid.md"},{"author":"Frank Calise","content":"npx ignite-cli@latest new PizzaApp --workflow=prebuild --yes\\n\\nnpm install -g eas-cli\\n\\nbrew install cocoapods fastlane\\n\\nyarn add expo-dev-client\\n\\neas init\\n\\nWarning: Your project uses dynamic app configuration, and the EAS project ID can\'t automatically be added to it.\\nhttps://docs.expo.dev/workflow/configuration/#dynamic-configuration-with-appconfigjs\\n\\nTo complete the setup process, set \\"extra.eas.projectId\\" in your app.config.ts or app.json:\\n\\n{\\n  \\"expo\\": {\\n    \\"extra\\": {\\n      \\"eas\\": {\\n        \\"projectId\\": \\"...id here...\\"\\n      }\\n    }\\n  }\\n}\\n\\neas build:configure\\n\\n{\\n  \\"cli\\": {\\n    \\"version\\": \\">= 0.60.0\\"\\n  },\\n  \\"build\\": {\\n    \\"development\\": {\\n      \\"developmentClient\\": true,\\n      \\"distribution\\": \\"internal\\"\\n    },\\n    \\"preview\\": {\\n      \\"developmentClient\\": true,\\n      \\"ios\\": {\\n        \\"simulator\\": true\\n      }\\n    },\\n    \\"production\\": {}\\n  },\\n  \\"submit\\": {\\n    \\"production\\": {}\\n  }\\n}\\n\\neas build --profile preview\\n\\neas build --profile preview --local\\n\\nEAS_LOCAL_BUILD_ARTIFACTS_DIR=build eas build --profile preview --local\\n\\n--\\"start\\": \\"expo start\\"\\n++\\"start\\": \\"expo start --dev-client\\"\\n\\n","lastUpdated":"5 weeks ago","title":"Prepping Ignite for EAS Build","publish_date":"2023-12-04","doc_name":"PrepForEASBuild.md"},{"author":"Frank Calise","content":"npx ignite-cli@latest new PizzaApp --remove-demo --workflow=cng --yes\\ncd PizzaApp\\n\\nnpx expo install react-native-vision-camera\\n\\n\\"plugins\\": [\\n  \\"expo-localization\\",\\n  [\\n    \\"expo-build-properties\\",\\n    {\\n      \\"ios\\": {\\n        \\"newArchEnabled\\": false\\n      },\\n      \\"android\\": {\\n        \\"newArchEnabled\\": false\\n      }\\n    }\\n  ],\\n  [\\n    \\"react-native-vision-camera\\",\\n    {\\n      \\"cameraPermissionText\\": \\"$(PRODUCT_NAME) needs access to your Camera.\\",\\n      \\"enableCodeScanner\\": true\\n    }\\n  ]\\n],\\n\\nnpx expo prebuild\\nyarn android\\n\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { FC } from \\"react\\";\\nimport { AppStackScreenProps } from \\"../navigators\\";\\nimport { Camera, CameraPermissionStatus } from \\"react-native-vision-camera\\";\\nimport { Linking, View, ViewStyle } from \\"react-native\\";\\nimport { Button, Screen, Text } from \\"app/components\\";\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\\n  function WelcomeScreen(_props) {\\n    const [cameraPermission, setCameraPermission] =\\n      React.useState<CameraPermissionStatus>();\\n\\n    React.useEffect(() => {\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n    }, []);\\n\\n    const promptForCameraPermissions = React.useCallback(async () => {\\n      const permission = await Camera.requestCameraPermission();\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n\\n      if (permission === \\"denied\\") await Linking.openSettings();\\n    }, [cameraPermission]);\\n\\n    if (cameraPermission == null) {\\n      // still loading\\n      return null;\\n    }\\n\\n    return (\\n      <Screen contentContainerStyle={$container}>\\n        <View>\\n          <Text>\\n            Camera Permission:{\\" \\"}\\n            {cameraPermission === null ? \\"Loading...\\" : cameraPermission}\\n          </Text>\\n          {cameraPermission !== \\"granted\\" && (\\n            <Button\\n              onPress={promptForCameraPermissions}\\n              text=\\"Request Camera Permission\\"\\n            />\\n          )}\\n        </View>\\n      </Screen>\\n    );\\n  }\\n);\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  padding: 20,\\n  justifyContent: \\"space-evenly\\",\\n};\\n\\nnpx ignite-cli@next g model CodeStore\\nnpx ignite-cli@next g screen Codes\\n\\nimport { Instance, SnapshotIn, SnapshotOut, types } from \\"mobx-state-tree\\";\\nimport { withSetPropAction } from \\"./helpers/withSetPropAction\\";\\n\\n/**\\n * Model description here for TypeScript hints.\\n */\\nexport const CodeStoreModel = types\\n  .model(\\"CodeStore\\")\\n  .props({\\n    codes: types.array(types.string),\\n  })\\n  .actions(withSetPropAction)\\n  .actions((self) => ({\\n    addCode(code: string) {\\n      self.codes.push(code);\\n    },\\n  }));\\n\\nexport interface CodeStore extends Instance<typeof CodeStoreModel> {}\\nexport interface CodeStoreSnapshotOut\\n  extends SnapshotOut<typeof CodeStoreModel> {}\\nexport interface CodeStoreSnapshotIn\\n  extends SnapshotIn<typeof CodeStoreModel> {}\\nexport const createCodeStoreDefaultModel = () =>\\n  types.optional(CodeStoreModel, {});\\n\\nimport React, { FC } from \\"react\\";\\nimport { observer } from \\"mobx-react-lite\\";\\nimport { View, ViewStyle } from \\"react-native\\";\\nimport { AppStackScreenProps } from \\"app/navigators\\";\\nimport { Button, Screen, Text } from \\"app/components\\";\\nimport { useNavigation } from \\"@react-navigation/native\\";\\nimport { useStores } from \\"app/models\\";\\nimport { spacing } from \\"app/theme\\";\\n\\ninterface CodesScreenProps extends AppStackScreenProps<\\"Codes\\"> {}\\n\\nexport const CodesScreen: FC<CodesScreenProps> = observer(\\n  function CodesScreen() {\\n    // Pull in one of our MST stores\\n    const { codeStore } = useStores();\\n\\n    // Pull in navigation via hook\\n    const navigation = useNavigation();\\n    return (\\n      <Screen\\n        safeAreaEdges={[\\"top\\", \\"bottom\\"]}\\n        style={$root}\\n        preset=\\"scroll\\"\\n        contentContainerStyle={$container}\\n      >\\n        <View>\\n          <Text text={`${codeStore.codes.length} codes scanned`} />\\n\\n          {codeStore.codes.map((code, index) => (\\n            <Text key={`code-index-${index}`} text={code} />\\n          ))}\\n        </View>\\n\\n        <Button text=\\"Go back\\" onPress={() => navigation.goBack()} />\\n      </Screen>\\n    );\\n  }\\n);\\n\\nconst $root: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  justifyContent: \\"space-between\\",\\n  paddingHorizontal: spacing.md,\\n};\\n\\nimport { observer } from \\"mobx-react-lite\\";\\nimport React, { FC } from \\"react\\";\\nimport { AppStackScreenProps } from \\"../navigators\\";\\n// success-line-start\\nimport {\\n  Camera,\\n  CameraPermissionStatus,\\n  useCameraDevice,\\n  useCodeScanner,\\n} from \\"react-native-vision-camera\\";\\nimport {\\n  Alert,\\n  Linking,\\n  StyleSheet,\\n  TouchableOpacity,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\";\\nimport { Button, Icon, Screen, Text } from \\"app/components\\";\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\nimport { useStores } from \\"app/models\\";\\nimport { spacing } from \\"app/theme\\";\\n// success-line-end\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\\n  function WelcomeScreen(_props) {\\n    const [cameraPermission, setCameraPermission] =\\n      React.useState<CameraPermissionStatus>();\\n    // success-line-start\\n    const [showScanner, setShowScanner] = React.useState(false);\\n    const [isActive, setIsActive] = React.useState(false);\\n\\n    const { codeStore } = useStores();\\n    // success-line-end\\n\\n    React.useEffect(() => {\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n    }, []);\\n\\n    const promptForCameraPermissions = React.useCallback(async () => {\\n      const permission = await Camera.requestCameraPermission();\\n      Camera.getCameraPermissionStatus().then(setCameraPermission);\\n\\n      if (permission === \\"denied\\") await Linking.openSettings();\\n    }, [cameraPermission]);\\n\\n    // success-line-start\\n    const codeScanner = useCodeScanner({\\n      codeTypes: [\\"qr\\", \\"ean-13\\"],\\n      onCodeScanned: (codes) => {\\n        setIsActive(false);\\n\\n        codes.every((code) => {\\n          if (code.value) {\\n            codeStore.addCode(code.value);\\n          }\\n          return true;\\n        });\\n\\n        setShowScanner(false);\\n        Alert.alert(\\"Code scanned!\\");\\n      },\\n    });\\n\\n    const device = useCameraDevice(\\"back\\");\\n\\n    const { right, top } = useSafeAreaInsets();\\n    // success-line-end\\n\\n    if (cameraPermission == null) {\\n      // still loading\\n      return null;\\n    }\\n\\n    // success-line-start\\n    if (showScanner && device) {\\n      return (\\n        <View style={$cameraContainer}>\\n          <Camera\\n            isActive={isActive}\\n            device={device}\\n            codeScanner={codeScanner}\\n            style={StyleSheet.absoluteFill}\\n            photo\\n            video\\n          />\\n          <View\\n            style={[\\n              $cameraButtons,\\n              { right: right + spacing.md, top: top + spacing.md },\\n            ]}\\n          >\\n            <TouchableOpacity\\n              style={$closeCamera}\\n              onPress={() => setShowScanner(false)}\\n            >\\n              <Icon icon=\\"x\\" size={50} />\\n            </TouchableOpacity>\\n          </View>\\n        </View>\\n      );\\n    }\\n    // success-line-end\\n\\n    return (\\n      <Screen contentContainerStyle={$container}>\\n        <View>\\n          <Text>\\n            Camera Permission:{\\" \\"}\\n            {cameraPermission === null ? \\"Loading...\\" : cameraPermission}\\n          </Text>\\n          {cameraPermission !== \\"granted\\" && (\\n            <Button\\n              onPress={promptForCameraPermissions}\\n              text=\\"Request Camera Permission\\"\\n            />\\n          )}\\n        </View>\\n        // success-line-start\\n        <View>\\n          <Button\\n            onPress={() => {\\n              setIsActive(true);\\n              setShowScanner(true);\\n            }}\\n            text=\\"Scan Barcodes\\"\\n          />\\n        </View>\\n        <View>\\n          <Button\\n            onPress={() => _props.navigation.navigate(\\"Codes\\")}\\n            text={`View Scans (${codeStore.codes.length})`}\\n          />\\n          // success-line-end\\n        </View>\\n      </Screen>\\n    );\\n  }\\n);\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  padding: 20,\\n  justifyContent: \\"space-evenly\\",\\n};\\n\\n// success-line-start\\nconst $cameraContainer: ViewStyle = {\\n  flex: 1,\\n};\\n\\nconst $cameraButtons: ViewStyle = {\\n  position: \\"absolute\\",\\n};\\n\\nconst $closeCamera: ViewStyle = {\\n  marginBottom: spacing.md,\\n  width: 100,\\n  height: 100,\\n  borderRadius: 100 / 2,\\n  backgroundColor: \\"rgba(140, 140, 140, 0.3)\\",\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n};\\n// success-line-end\\n\\n","lastUpdated":"30 seconds ago","title":"React Native Vision Camera","publish_date":"2023-10-23","doc_name":"ReactNativeVisionCamera.md"},{"author":"Justin Poliachik","content":"npx ignite-cli new ReduxApp --yes --removeDemo\\n\\nyarn add @reduxjs/toolkit\\nyarn add react-redux\\n\\nimport { configureStore } from \\"@reduxjs/toolkit\\";\\nimport { TypedUseSelectorHook, useDispatch, useSelector } from \\"react-redux\\";\\nimport counterReducer from \\"./counterSlice\\";\\n\\nexport const store = configureStore({\\n  reducer: {\\n    counter: counterReducer,\\n    // add other state here\\n  },\\n});\\n\\n// Infer the `RootState` and `AppDispatch` types from the store itself\\nexport type RootState = ReturnType<typeof store.getState>;\\nexport type AppDispatch = typeof store.dispatch;\\n\\n// Use throughout app instead of plain `useDispatch` and `useSelector` for type safety\\ntype DispatchFunc = () => AppDispatch;\\nexport const useAppDispatch: DispatchFunc = useDispatch;\\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\\n\\nimport { createSlice } from \\"@reduxjs/toolkit\\";\\n\\n// Define a type for the slice state\\ninterface CounterState {\\n  value: number;\\n}\\n\\n// Define the initial state using that type\\nconst initialState: CounterState = {\\n  value: 0,\\n};\\n\\nexport const counterSlice = createSlice({\\n  name: \\"counter\\",\\n  // `createSlice` will infer the state type from the `initialState` argument\\n  initialState,\\n  reducers: {\\n    increment: (state) => {\\n      state.value += 1;\\n    },\\n    decrement: (state) => {\\n      state.value -= 1;\\n    },\\n  },\\n});\\n\\nexport const { increment, decrement } = counterSlice.actions;\\nexport default counterSlice.reducer;\\n\\nimport { Provider } from \\"react-redux\\";\\nimport { store } from \\"./store/store\\";\\n\\n...\\n\\n<Provider store={store}>\\n  <AppNavigator\\n    linking={linking}\\n    initialState={initialNavigationState}\\n    onStateChange={onNavigationStateChange}\\n  />\\n</Provider>\\n\\nimport React, { FC } from \\"react\\";\\nimport { View, ViewStyle } from \\"react-native\\";\\nimport { Button, Text } from \\"app/components\\";\\nimport { AppStackScreenProps } from \\"../navigators\\";\\nimport { colors } from \\"../theme\\";\\nimport { useSafeAreaInsetsStyle } from \\"../utils/useSafeAreaInsetsStyle\\";\\nimport { useAppDispatch, useAppSelector } from \\"app/store/store\\";\\nimport { decrement, increment } from \\"app/store/counterSlice\\";\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = () => {\\n  const $containerInsets = useSafeAreaInsetsStyle([\\"top\\", \\"bottom\\"]);\\n  const count = useAppSelector((state) => state.counter.value);\\n  const dispatch = useAppDispatch();\\n  return (\\n    <View style={[$containerInsets, $container]}>\\n      <Button text=\\"Increment\\" onPress={() => dispatch(increment())} />\\n      <Button text=\\"Decrement\\" onPress={() => dispatch(decrement())} />\\n      <Text text={`Count: ${count}`} />\\n    </View>\\n  );\\n};\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.background,\\n};\\n\\nyarn add redux-persist\\n\\nimport { combineReducers, configureStore } from \\"@reduxjs/toolkit\\";\\nimport counterReducer from \\"./counterSlice\\";\\nimport { TypedUseSelectorHook, useDispatch, useSelector } from \\"react-redux\\";\\nimport { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from \\"redux-persist\\";\\nimport AsyncStorage from \\"@react-native-async-storage/async-storage\\";\\n\\nconst persistConfig = {\\n  key: \\"root\\",\\n  version: 1,\\n  storage: AsyncStorage,\\n};\\n\\nconst rootReducer = combineReducers({\\n  counter: counterReducer,\\n});\\n\\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\\n\\nexport const store = configureStore({\\n  reducer: persistedReducer,\\n  middleware: (getDefaultMiddleware) =>\\n    getDefaultMiddleware({\\n      serializableCheck: {\\n        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\\n      },\\n    }),\\n});\\n\\nexport const persistor = persistStore(store);\\n\\n// Infer the `RootState` and `AppDispatch` types from the store itself\\nexport type RootState = ReturnType<typeof store.getState>;\\nexport type AppDispatch = typeof store.dispatch;\\n\\n// Use throughout app instead of plain `useDispatch` and `useSelector` for type safety\\ntype DispatchFunc = () => AppDispatch;\\nexport const useAppDispatch: DispatchFunc = useDispatch;\\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\\n\\n...\\n\\nimport { persistor, store } from \\"./store/store\\"\\nimport { PersistGate } from \\"redux-persist/integration/react\\"\\n\\n...\\n\\nfunction App(props: AppProps) {\\n  const { hideSplashScreen } = props\\n...\\n  const onBeforeLiftPersistGate = () => {\\n    // If your initialization scripts run very fast, it\'s good to show the splash screen for just a bit longer to prevent flicker.\\n    // Slightly delaying splash screen hiding for better UX; can be customized or removed as needed,\\n    // Note: (vanilla Android) The splash-screen will not appear if you launch your app via the terminal or Android Studio. Kill the app and launch it normally by tapping on the launcher icon. https://stackoverflow.com/a/69831106\\n    // Note: (vanilla iOS) You might notice the splash-screen logo change size. This happens in debug/development mode. Try building the app for release.\\n    setTimeout(hideSplashScreen, 500)\\n  }\\n...\\n  return (\\n    <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n      <ErrorBoundary catchErrors={Config.catchErrors}>\\n        <GestureHandlerRootView style={$container}>\\n          <Provider store={store}>\\n            <PersistGate\\n              loading={null}\\n              onBeforeLift={onBeforeLiftPersistGate}\\n              persistor={persistor}\\n            >\\n              <AppNavigator\\n                linking={linking}\\n                initialState={initialNavigationState}\\n                onStateChange={onNavigationStateChange}\\n              />\\n            </PersistGate>\\n          </Provider>\\n        </GestureHandlerRootView>\\n      </ErrorBoundary>\\n    </SafeAreaProvider>\\n  )\\n}\\n\\nexport default App\\n\\n","lastUpdated":"5 weeks ago","title":"Redux","publish_date":"2024-01-16","doc_name":"Redux.md"},{"author":"Justin Poliachik","content":"yarn remove mobx mobx-react-lite mobx-state-tree reactotron-mst\\n\\nrm -rf ./app/models\\n\\n--import { mst } from \\"reactotron-mst\\"\\n\\n...\\n\\nconst reactotron = Reactotron.configure({\\n  name: require(\\"../../package.json\\").name,\\n  onConnect: () => {\\n    /** since this file gets hot reloaded, let\'s clear the past logs every time we connect */\\n    Reactotron.clear()\\n  },\\n--}).use(\\n--  mst({\\n--    /** ignore some chatty `mobx-state-tree` actions  */\\n--    filter: (event) => /postProcessSnapshot|@APPLY_SNAPSHOT/.test(event.name) === false,\\n--  }),\\n--)\\n++})\\n\\n--import { observer } from \\"mobx-react-lite\\"\\n\\n--export const WelcomeScreen: FC<WelcomeScreenProps> = observer(function WelcomeScreen(props) {\\n++export const WelcomeScreen: FC<WelcomeScreenProps> = (props) => {\\n    ...\\n--})\\n++}\\n\\n--import { useStores } from \\"../models\\"\\n\\nconst AppStack = () => {\\n--  const { authenticationStore: { isAuthenticated } } = useStores()\\n++  const isAuthenticated = false // TODO: TEMPORARY VALUE - replace with alternative state management solution\\n\\n--import { observer } from \\"mobx-react-lite\\"\\n\\n--export const <%= props.pascalCaseName %> = observer(function <%= props.pascalCaseName %>(props: <%= props.pascalCaseName %>Props) {\\n++export const <%= props.pascalCaseName %> = (props: <%= props.pascalCaseName %>Props) => {\\n    ...\\n--})\\n++}\\n\\n--import { useInitialRootStore } from \\"./models\\"\\n\\n--const { rehydrated } = useInitialRootStore(() => {\\n--setTimeout(hideSplashScreen, 500)\\n--})\\n++React.useEffect(() => {\\n++    setTimeout(hideSplashScreen, 500)\\n++}, [])\\n\\n--if (!rehydrated || !isNavigationStateRestored || !areFontsLoaded) return null\\n++if (!isNavigationStateRestored || !areFontsLoaded) return null\\n\\n--import type { ApiConfig, ApiFeedResponse } from \\"./api.types\\"\\n--import type { EpisodeSnapshotIn } from \\"../../models/Episode\\"\\n++import type { ApiConfig, ApiFeedResponse, EpisodeItem } from \\"./api.types\\"\\n\\n\\n--async getEpisodes(): Promise<{ kind: \\"ok\\"; episodes: EpisodeSnapshotIn[] } | GeneralApiProblem> {\\n++async getEpisodes(): Promise<{ kind: \\"ok\\"; episodes: EpisodeItem[] } | GeneralApiProblem> {\\n// make the api call\\n\\n--// This is where we transform the data into the shape we expect for our MST model.\\n--const episodes: EpisodeSnapshotIn[] =\\n--  rawData?.items.map((raw) => ({\\n--    ...raw,\\n--  })) ?? []\\n++const episodes = rawData?.items ?? []\\n\\n","lastUpdated":"5 weeks ago","title":"Remove MobX-State-Tree","publish_date":"2024-02-05","doc_name":"RemoveMobxStateTree.md"},{"author":"Mark Rickert","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nimport {\\n  withInfoPlist,\\n  withAndroidManifest,\\n  type ConfigPlugin,\\n  type AndroidConfig,\\n  type IOSConfig,\\n} from \\"@expo/config-plugins\\"\\n\\n// More info: https://developer.android.com/guide/topics/manifest/uses-feature-element\\nconst validAndroidFeatures = [\\n  \\"android.hardware.audio.low_latency\\",\\n  \\"android.hardware.audio.output\\",\\n  \\"android.hardware.audio.pro\\",\\n  \\"android.hardware.bluetooth\\",\\n  \\"android.hardware.bluetooth_le\\",\\n  \\"android.hardware.camera\\",\\n  \\"android.hardware.camera.any\\",\\n  \\"android.hardware.camera.autofocus\\",\\n  \\"android.hardware.camera.capability.manual_post_processing\\",\\n  \\"android.hardware.camera.capability.manual_sensor\\",\\n  \\"android.hardware.camera.capability.raw\\",\\n  \\"android.hardware.camera.external\\",\\n  \\"android.hardware.camera.flash\\",\\n  \\"android.hardware.camera.front\\",\\n  \\"android.hardware.camera.level.full\\",\\n  \\"android.hardware.consumerir\\",\\n  \\"android.hardware.faketouch\\",\\n  \\"android.hardware.faketouch.multitouch.distinct\\",\\n  \\"android.hardware.faketouch.multitouch.jazzhand\\",\\n  \\"android.hardware.fingerprint\\",\\n  \\"android.hardware.gamepad\\",\\n  \\"android.hardware.location\\",\\n  \\"android.hardware.location.gps\\",\\n  \\"android.hardware.location.network\\",\\n  \\"android.hardware.microphone\\",\\n  \\"android.hardware.nfc\\",\\n  \\"android.hardware.nfc.hce\\",\\n  \\"android.hardware.opengles.aep\\",\\n  \\"android.hardware.screen.landscape\\",\\n  \\"android.hardware.screen.portrait\\",\\n  \\"android.hardware.sensor.accelerometer\\",\\n  \\"android.hardware.sensor.ambient_temperature\\",\\n  \\"android.hardware.sensor.barometer\\",\\n  \\"android.hardware.sensor.compass\\",\\n  \\"android.hardware.sensor.gyroscope\\",\\n  \\"android.hardware.sensor.heartrate\\",\\n  \\"android.hardware.sensor.heartrate.ecg\\",\\n  \\"android.hardware.sensor.hifi_sensors\\",\\n  \\"android.hardware.sensor.light\\",\\n  \\"android.hardware.sensor.proximity\\",\\n  \\"android.hardware.sensor.relative_humidity\\",\\n  \\"android.hardware.sensor.stepcounter\\",\\n  \\"android.hardware.sensor.stepdetector\\",\\n  \\"android.hardware.telephony\\",\\n  \\"android.hardware.telephony.cdma\\",\\n  \\"android.hardware.telephony.gsm\\",\\n  \\"android.hardware.touchscreen\\",\\n  \\"android.hardware.touchscreen.multitouch\\",\\n  \\"android.hardware.touchscreen.multitouch.distinct\\",\\n  \\"android.hardware.touchscreen.multitouch.jazzhand\\",\\n  \\"android.hardware.type.automotive\\",\\n  \\"android.hardware.type.pc\\",\\n  \\"android.hardware.type.television\\",\\n  \\"android.hardware.type.watch\\",\\n  \\"android.hardware.usb.accessory\\",\\n  \\"android.hardware.usb.host\\",\\n  \\"android.hardware.vulkan.compute\\",\\n  \\"android.hardware.vulkan.level\\",\\n  \\"android.hardware.vulkan.version\\",\\n  \\"android.hardware.wifi\\",\\n  \\"android.hardware.wifi.direct\\",\\n] as const\\n\\n// More info: https://developer.apple.com/documentation/bundleresources/information_property_list/uirequireddevicecapabilities/\\nconst validIOSFeatures = [\\n  \\"accelerometer\\",\\n  \\"arkit\\",\\n  \\"arm64\\",\\n  \\"armv7\\",\\n  \\"auto-focus-camera\\",\\n  \\"bluetooth-le\\",\\n  \\"camera-flash\\",\\n  \\"driverkit\\",\\n  \\"front-facing-camera\\",\\n  \\"gamekit\\",\\n  \\"gps\\",\\n  \\"gyroscope\\",\\n  \\"healthkit\\",\\n  \\"iphone-ipad-minimum-performance-a12\\",\\n  \\"iphone-performance-gaming-tier\\",\\n  \\"location-services\\",\\n  \\"magnetometer\\",\\n  \\"metal\\",\\n  \\"microphone\\",\\n  \\"nfc\\",\\n  \\"opengles-1\\",\\n  \\"opengles-2\\",\\n  \\"opengles-3\\",\\n  \\"peer-peer\\",\\n  \\"sms\\",\\n  \\"still-camera\\",\\n  \\"telephony\\",\\n  \\"video-camera\\",\\n  \\"wifi\\",\\n] as const\\n\\ntype HardwareFeatureAndroid = (typeof validAndroidFeatures)[number]\\ntype HardwareFeatureIOS = (typeof validIOSFeatures)[number]\\n\\nexport const withRequiredHardware: ConfigPlugin<{\\n  ios: Array<HardwareFeatureIOS>\\n  android: Array<HardwareFeatureAndroid>\\n}> = (config, { android, ios }) => {\\n  // Add android required hardware\\n  config = withAndroidManifest(config, (config) => {\\n    config.modResults = addHardwareFeaturesToAndroidManifestManifest(config.modResults, android)\\n    return config\\n  })\\n\\n  // Add ios required hardware\\n  config = withInfoPlist(config, (config) => {\\n    config.modResults = addRequiredDeviceCapabilitiesToInfoPlist(config.modResults, ios)\\n    return config\\n  })\\n\\n  return config\\n}\\n\\nexport function addHardwareFeaturesToAndroidManifestManifest(\\n  androidManifest: AndroidConfig.Manifest.AndroidManifest,\\n  requiredFeatures: Array<HardwareFeatureAndroid>,\\n) {\\n  // Add `<uses-feature android:name=\\"android.hardware.camera.front\\" android:required=\\"true\\"/>` to the AndroidManifest.xml\\n  if (!Array.isArray(androidManifest.manifest[\\"uses-feature\\"])) {\\n    androidManifest.manifest[\\"uses-feature\\"] = []\\n  }\\n\\n  // Here we add the feature to the manifest:\\n  // loop through the array of features and add them to the manifest if they don\'t exist\\n  for (const feature of requiredFeatures) {\\n    if (\\n      !androidManifest.manifest[\\"uses-feature\\"].find((item) => item.$[\\"android:name\\"] === feature)\\n    ) {\\n      androidManifest.manifest[\\"uses-feature\\"]?.push({\\n        $: {\\n          \\"android:name\\": feature,\\n          \\"android:required\\": \\"true\\",\\n        },\\n      })\\n    }\\n  }\\n\\n  return androidManifest\\n}\\n\\nexport function addRequiredDeviceCapabilitiesToInfoPlist(\\n  infoPlist: IOSConfig.InfoPlist,\\n  requiredFeatures: Array<HardwareFeatureIOS>,\\n) {\\n  if (!infoPlist.UIRequiredDeviceCapabilities) {\\n    infoPlist.UIRequiredDeviceCapabilities = []\\n  }\\n  const existingFeatures = infoPlist.UIRequiredDeviceCapabilities as Array<HardwareFeatureIOS>\\n  for (const f of requiredFeatures) {\\n    if (!existingFeatures.includes(f)) {\\n      existingFeatures.push(f)\\n    }\\n  }\\n\\n  infoPlist.UIRequiredDeviceCapabilities = existingFeatures\\n  return infoPlist\\n}\\n\\n  return {\\n    ...config,\\n    plugins: [\\n      ...existingPlugins,\\n      require(\\"./plugins/withSplashScreen\\").withSplashScreen,\\n      require(\\"./plugins/withFlipperDisabled\\").withFlipperDisabled,\\n      // success-line-start\\n      [\\n        require(\\"./plugins/withRequiredHardware\\").withRequiredHardware,\\n        {\\n          // More info: https://developer.apple.com/documentation/bundleresources/information_property_list/uirequireddevicecapabilities/\\n          ios: [\\"front-facing-camera\\", \\"microphone\\"],\\n          // More info: https://developer.android.com/guide/topics/manifest/uses-feature-element\\n          android: [\\"android.hardware.camera.front\\", \\"android.hardware.microphone\\"],\\n        },\\n      ],\\n      // success-line-end\\n    ],\\n  }\\n\\n<key>UIRequiredDeviceCapabilities</key>\\n<array>\\n  <string>armv7</string>\\n  // success-line-start\\n  <string>front-facing-camera</string>\\n  <string>microphone</string>\\n  // success-line-end\\n</array>\\n\\n// success-line\\n<uses-feature android:name=\\"android.hardware.camera.front\\" android:required=\\"true\\"/>\\n// success-line\\n<uses-feature android:name=\\"android.hardware.microphone\\" android:required=\\"true\\"/>\\n\\n","lastUpdated":"4 weeks ago","title":"Requiring Hardware Features with Expo","publish_date":"2024-02-28","doc_name":"RequiringHardwareFeaturesWithExpo.md"},{"author":"Robin Heinze","content":"# Javascript Node CircleCI 2.0 configuration file\\n#\\n# Check https://circleci.com/docs/2.0/language-javascript/ for more details\\n#\\n\\ndefaults: &defaults\\n  docker:\\n    # Choose the version of Node you want here\\n    - image: circleci/node:10.11\\n  working_directory: ~/repo\\n\\nversion: 2\\njobs:\\n  setup:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-\\n      - run:\\n          name: Install dependencies\\n          command: |\\n            yarn install\\n      - save_cache:\\n          name: Save node modules\\n          paths:\\n            - node_modules\\n          key: v1-dependencies-{{ checksum \\"package.json\\" }}\\n\\n  tests:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-\\n      - run:\\n          name: Install React Native CLI and Ignite CLI\\n          command: |\\n            sudo npm i -g ignite-cli react-native-cli\\n      - run:\\n          name: Run tests\\n          command: yarn ci:test # this command will be added to/found in your package.json scripts\\n\\n  publish:\\n    <<: *defaults\\n    steps:\\n      - checkout\\n      - run: echo \\"//registry.npmjs.org/:_authToken=$NPM_TOKEN\\" >> ~/.npmrc\\n      - restore_cache:\\n          name: Restore node modules\\n          keys:\\n            - v1-dependencies-{{ checksum \\"package.json\\" }}\\n            # fallback to using the latest cache if no exact match is found\\n            - v1-dependencies-\\n      # Run semantic-release after all the above is set.\\n      - run:\\n          name: Publish to NPM\\n          command: yarn ci:publish # this will be added to your package.json scripts\\n\\nworkflows:\\n  version: 2\\n  test_and_release:\\n    jobs:\\n      - setup\\n      - tests:\\n          requires:\\n            - setup\\n      - publish:\\n          requires:\\n            - tests\\n          filters:\\n            branches:\\n              only: master\\n\\n","lastUpdated":"4 weeks ago","title":"Sample YAML for CircleCi for Ignite","publish_date":"2022-10-09","doc_name":"SampleYAMLCircleCI.md"},{"author":"Yulian Glukhenko","content":"yarn add @gorhom/bottom-sheet@^4\\n\\nyarn add react-native-reanimated react-native-gesture-handler\\n# or\\nexpo install react-native-reanimated react-native-gesture-handler\\n\\ntouch ./app/components/SelectField.tsx\\n\\nimport React, { forwardRef, Ref, useImperativeHandle } from \\"react\\";\\nimport { View, TouchableOpacity } from \\"react-native\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<\\n    TextFieldProps,\\n    \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"\\n  > {}\\nexport interface SelectFieldRef {}\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const { ...TextFieldProps } = props;\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  useImperativeHandle(ref, () => ({}));\\n\\n  return (\\n    <>\\n      <TouchableOpacity activeOpacity={1}>\\n        <View pointerEvents=\\"none\\">\\n          <TextField {...TextFieldProps} />\\n        </View>\\n      </TouchableOpacity>\\n    </>\\n  );\\n});\\n\\nimport { SelectField } from \\"../components/SelectField\\";\\n\\nfunction FavoriteNBATeamsScreen() {\\n  return (\\n    <SelectField\\n      label=\\"NBA Team(s)\\"\\n      helper=\\"Select your team(s)\\"\\n      placeholder=\\"e.g. Trail Blazers\\"\\n    />\\n  );\\n}\\n\\n<TextField\\n  {...TextFieldProps}\\n  RightAccessory={(props) => (\\n    <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n  )}\\n/>\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\"> {\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n}\\n\\n// ...\\n\\nconst {\\n  value = [],\\n  renderValue,\\n  onSelect,\\n  options = [],\\n  multiple = true,\\n  ...TextFieldProps\\n} = props;\\n\\nconst valueString =\\n  renderValue?.(value) ??\\n  value\\n    .map((v) => options.find((o) => o.value === v)?.label)\\n    .filter(Boolean)\\n    .join(\\", \\");\\n\\nimport React, { forwardRef, Ref, useImperativeHandle } from \\"react\\";\\nimport { TouchableOpacity, View } from \\"react-native\\";\\n// success-line\\nimport { Icon } from \\"./Icon\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {\\n  // success-line-start\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n  // success-line-end\\n}\\nexport interface SelectFieldRef {}\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const {\\n    // success-line-start\\n    value = [],\\n    onSelect,\\n    renderValue,\\n    options = [],\\n    multiple = true,\\n    // success-line-end\\n    ...TextFieldProps\\n  } = props;\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  useImperativeHandle(ref, () => ({}));\\n\\n  // success-line-start\\n  const valueString =\\n    renderValue?.(value) ??\\n    value\\n      .map((v) => options.find((o) => o.value === v)?.label)\\n      .filter(Boolean)\\n      .join(\\", \\");\\n  // success-line-end\\n\\n  return (\\n    <>\\n      <TouchableOpacity activeOpacity={1}>\\n        <View pointerEvents=\\"none\\">\\n          <TextField\\n            {...TextFieldProps}\\n            // success-line-start\\n            value={valueString}\\n            RightAccessory={(props) => (\\n              <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n            )}\\n            // success-line-end\\n          />\\n        </View>\\n      </TouchableOpacity>\\n    </>\\n  );\\n});\\n\\nimport { SelectField } from \\"../components/SelectField\\";\\n\\nconst teams = [\\n  { label: \\"Hawks\\", value: \\"ATL\\" },\\n  { label: \\"Celtics\\", value: \\"BOS\\" },\\n  // ...\\n  { label: \\"Jazz\\", value: \\"UTA\\" },\\n  { label: \\"Wizards\\", value: \\"WAS\\" },\\n];\\n\\n// prettier-ignore\\nfunction FavoriteNBATeamsScreen() {\\n  return (\\n    <>\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={[\\"POR\\", \\"MEM\\", \\"NOP\\", \\"CHI\\", \\"CLE\\", \\"SAS\\", \\"MIL\\", \\"LAL\\", \\"PHX\\", \\"WAS\\"]}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n      />\\n\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={[\\"POR\\", \\"MEM\\", \\"NOP\\", \\"CHI\\", \\"CLE\\", \\"SAS\\", \\"MIL\\", \\"LAL\\", \\"PHX\\", \\"WAS\\"]}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n        multiline\\n      />\\n\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={[\\"POR\\", \\"MEM\\", \\"NOP\\", \\"CHI\\", \\"CLE\\", \\"SAS\\", \\"MIL\\", \\"LAL\\", \\"PHX\\", \\"WAS\\"]}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n        renderValue={(value) => `Selected ${value.length} Teams`}\\n      />\\n    </>\\n  )\\n}\\n\\n//...\\n// success-line\\nimport { BottomSheetModalProvider } from \\"@gorhom/bottom-sheet\\";\\n\\n//...\\n\\nreturn (\\n  <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n    <ErrorBoundary catchErrors={Config.catchErrors}>\\n      // success-line\\n      <BottomSheetModalProvider>\\n        <AppNavigator\\n          linking={linking}\\n          initialState={initialNavigationState}\\n          onStateChange={onNavigationStateChange}\\n        />\\n        // success-line\\n      </BottomSheetModalProvider>\\n    </ErrorBoundary>\\n  </SafeAreaProvider>\\n);\\n\\n//...\\n\\n// success-line-start\\nimport {\\n  BottomSheetBackdrop,\\n  BottomSheetFlatList,\\n  BottomSheetFooter,\\n  BottomSheetModal,\\n} from \\"@gorhom/bottom-sheet\\";\\n// success-line-end\\nimport React, { forwardRef, Ref, useImperativeHandle, useRef } from \\"react\\";\\nimport { TouchableOpacity, View, ViewStyle } from \\"react-native\\";\\n// success-line\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\n// success-line\\nimport { spacing } from \\"../theme\\";\\n// success-line\\nimport { Button } from \\"./Button\\";\\nimport { Icon } from \\"./Icon\\";\\n// success-line\\nimport { ListItem } from \\"./ListItem\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n}\\nexport interface SelectFieldRef {\\n  // success-line-start\\n  presentOptions: () => void;\\n  dismissOptions: () => void;\\n  // success-line-end\\n}\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const {\\n    value = [],\\n    onSelect,\\n    renderValue,\\n    options = [],\\n    multiple = true,\\n    ...TextFieldProps\\n  } = props;\\n  // success-line-start\\n  const sheet = useRef<BottomSheetModal>(null);\\n  const { bottom } = useSafeAreaInsets();\\n  // success-line-end\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  // success-line\\n  useImperativeHandle(ref, () => ({ presentOptions, dismissOptions }));\\n\\n  const valueString =\\n    renderValue?.(value) ??\\n    value\\n      .map((v) => options.find((o) => o.value === v)?.label)\\n      .filter(Boolean)\\n      .join(\\", \\");\\n\\n  // success-line-start\\n  function presentOptions() {\\n    if (disabled) return;\\n    sheet.current?.present();\\n  }\\n\\n  function dismissOptions() {\\n    sheet.current?.dismiss();\\n  }\\n  // success-line-end\\n\\n  return (\\n    <>\\n      <TouchableOpacity\\n        activeOpacity={1}\\n        // success-line\\n        onPress={presentOptions}\\n      >\\n        <View pointerEvents=\\"none\\">\\n          <TextField\\n            {...TextFieldProps}\\n            value={valueString}\\n            RightAccessory={(props) => (\\n              <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n            )}\\n          />\\n        </View>\\n      </TouchableOpacity>\\n\\n      {/* success-line-start */}\\n      <BottomSheetModal\\n        ref={sheet}\\n        snapPoints={[\\"50%\\"]}\\n        stackBehavior=\\"replace\\"\\n        enableDismissOnClose\\n        backdropComponent={(props) => (\\n          <BottomSheetBackdrop\\n            {...props}\\n            appearsOnIndex={0}\\n            disappearsOnIndex={-1}\\n          />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={$bottomSheetFooter}\\n                  bottomInset={bottom}\\n                >\\n                  <Button\\n                    text=\\"Dismiss\\"\\n                    preset=\\"reversed\\"\\n                    onPress={dismissOptions}\\n                  />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}\\n          data={options}\\n          keyExtractor={(o) => o.value}\\n          renderItem={({ item, index }) => (\\n            <ListItem\\n              text={item.label}\\n              topSeparator={index !== 0}\\n              style={$listItem}\\n            />\\n          )}\\n        />\\n      </BottomSheetModal>\\n      {/* success-line-end */}\\n    </>\\n  );\\n});\\n\\n// success-line-start\\nconst $bottomSheetFooter: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n\\nconst $listItem: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n// success-line-end\\n\\nimport {\\n  BottomSheetBackdrop,\\n  BottomSheetFlatList,\\n  BottomSheetFooter,\\n  BottomSheetModal,\\n} from \\"@gorhom/bottom-sheet\\";\\nimport React, { forwardRef, Ref, useImperativeHandle, useRef } from \\"react\\";\\nimport { TouchableOpacity, View, ViewStyle } from \\"react-native\\";\\nimport { useSafeAreaInsets } from \\"react-native-safe-area-context\\";\\n// success-line\\nimport { colors, spacing } from \\"../theme\\";\\nimport { Button } from \\"./Button\\";\\nimport { Icon } from \\"./Icon\\";\\nimport { ListItem } from \\"./ListItem\\";\\nimport { TextField, TextFieldProps } from \\"./TextField\\";\\n\\nexport interface SelectFieldProps\\n  extends Omit<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {\\n  value?: string[];\\n  renderValue?: (value: string[]) => string;\\n  onSelect?: (newValue: string[]) => void;\\n  multiple?: boolean;\\n  options: { label: string; value: string }[];\\n}\\nexport interface SelectFieldRef {\\n  presentOptions: () => void;\\n  dismissOptions: () => void;\\n}\\n\\n// success-line-start\\nfunction without<T>(array: T[], value: T) {\\n  return array.filter((v) => v !== value);\\n}\\n// success-line-end\\n\\nexport const SelectField = forwardRef(function SelectField(\\n  props: SelectFieldProps,\\n  ref: Ref<SelectFieldRef>\\n) {\\n  const {\\n    value = [],\\n    onSelect,\\n    renderValue,\\n    options = [],\\n    multiple = true,\\n    ...TextFieldProps\\n  } = props;\\n  const sheet = useRef<BottomSheetModal>(null);\\n  const { bottom } = useSafeAreaInsets();\\n\\n  const disabled =\\n    TextFieldProps.editable === false || TextFieldProps.status === \\"disabled\\";\\n\\n  useImperativeHandle(ref, () => ({ presentOptions, dismissOptions }));\\n\\n  const valueString =\\n    renderValue?.(value) ??\\n    value\\n      .map((v) => options.find((o) => o.value === v)?.label)\\n      .filter(Boolean)\\n      .join(\\", \\");\\n\\n  function presentOptions() {\\n    if (disabled) return;\\n\\n    sheet.current?.present();\\n  }\\n\\n  function dismissOptions() {\\n    sheet.current?.dismiss();\\n  }\\n\\n  // success-line-start\\n  function updateValue(optionValue: string) {\\n    if (value.includes(optionValue)) {\\n      onSelect?.(multiple ? without(value, optionValue) : []);\\n    } else {\\n      onSelect?.(multiple ? [...value, optionValue] : [optionValue]);\\n      if (!multiple) dismissOptions();\\n    }\\n  }\\n  // success-line-end\\n\\n  return (\\n    <>\\n      <TouchableOpacity activeOpacity={1} onPress={presentOptions}>\\n        <View pointerEvents=\\"none\\">\\n          <TextField\\n            {...TextFieldProps}\\n            value={valueString}\\n            RightAccessory={(props) => (\\n              <Icon icon=\\"caretRight\\" containerStyle={props.style} />\\n            )}\\n          />\\n        </View>\\n      </TouchableOpacity>\\n\\n      <BottomSheetModal\\n        ref={sheet}\\n        snapPoints={[\\"50%\\"]}\\n        stackBehavior=\\"replace\\"\\n        enableDismissOnClose\\n        backdropComponent={(props) => (\\n          <BottomSheetBackdrop\\n            {...props}\\n            appearsOnIndex={0}\\n            disappearsOnIndex={-1}\\n          />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={$bottomSheetFooter}\\n                  bottomInset={bottom}\\n                >\\n                  <Button\\n                    text=\\"Dismiss\\"\\n                    preset=\\"reversed\\"\\n                    onPress={dismissOptions}\\n                  />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}\\n          data={options}\\n          keyExtractor={(o) => o.value}\\n          renderItem={({ item, index }) => (\\n            <ListItem\\n              text={item.label}\\n              topSeparator={index !== 0}\\n              style={$listItem}\\n              // success-line-start\\n              rightIcon={value.includes(item.value) ? \\"check\\" : undefined}\\n              rightIconColor={colors.palette.angry500}\\n              onPress={() => updateValue(item.value)}\\n              // success-line-end\\n            />\\n          )}\\n        />\\n      </BottomSheetModal>\\n    </>\\n  );\\n});\\n\\nconst $bottomSheetFooter: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n\\nconst $listItem: ViewStyle = {\\n  paddingHorizontal: spacing.large,\\n};\\n\\nimport { SelectField } from \\"../components/SelectField\\";\\n\\nconst teams = [\\n  { label: \\"Hawks\\", value: \\"ATL\\" },\\n  { label: \\"Celtics\\", value: \\"BOS\\" },\\n  // ...\\n  { label: \\"Jazz\\", value: \\"UTA\\" },\\n  { label: \\"Wizards\\", value: \\"WAS\\" },\\n];\\n\\nfunction FavoriteNBATeamsScreen() {\\n  const [selectedTeam, setSelectedTeam] = useState<string[]>([]);\\n  const [selectedTeams, setSelectedTeams] = useState<string[]>([]);\\n\\n  return (\\n    <>\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={selectedTeam}\\n        onSelect={setSelectedTeam}\\n        options={teams}\\n        multiple={false}\\n        containerStyle={{ marginBottom: spacing.large }}\\n      />\\n\\n      <SelectField\\n        label=\\"NBA Team(s)\\"\\n        helper=\\"Select your team(s)\\"\\n        placeholder=\\"e.g. Trail Blazers\\"\\n        value={selectedTeams}\\n        onSelect={setSelectedTeams}\\n        options={teams}\\n        containerStyle={{ marginBottom: spacing.large }}\\n        renderValue={(value) => `Selected ${value.length} Teams`}\\n      />\\n    </>\\n  );\\n}\\n\\n","lastUpdated":"1 year, 1 month ago","title":"SelectField using `react-native-bottom-sheet`","publish_date":"2023-02-15","doc_name":"SelectFieldWithBottomSheet.mdx"},{"author":"Justin Poliachik","content":"--\\"android\\": \\"npx expo start --android\\",\\n--\\"ios\\": \\"npx expo start --ios\\",\\n++\\"android\\": \\"npx expo run:android\\",\\n++\\"ios\\": \\"npx expo run:ios\\",\\n\\n--\\"android\\": \\"npx expo run:android\\",\\n--\\"ios\\": \\"npx expo run:ios\\",\\n++\\"android\\": \\"npx expo start --android\\",\\n++\\"ios\\": \\"npx expo start --ios\\",\\n\\n\\"@react-native-async-storage/async-storage\\": \\"1.18.2\\",\\n\\"@shopify/flash-list\\": \\"1.4.3\\",\\n\\"expo-application\\": \\"~5.3.0\\",\\n\\"expo-font\\": \\"~11.4.0\\",\\n\\"expo-localization\\": \\"~14.3.0\\",\\n\\"react-native\\": \\"0.72.6\\",\\n\\n","lastUpdated":"2 months ago","title":"Switch Between Expo Go and Expo CNG","publish_date":"2024-01-11","doc_name":"SwitchBetweenExpoGoCNG.md"},{"author":"Frank Calise","content":"import { Thing } from \\"../../../../../components/thing\\";\\n\\nimport { Thing } from \\"~/components/thing\\";\\n\\nyarn add -D babel-plugin-root-import\\n\\n{\\n  // ...\\n  \\"baseUrl\\": \\"./\\",\\n  // the following assumes Ignite\'s app/ structure, however yours may differ\\n  \\"paths\\": { \\"~/*\\": [\\"app/*\\"] }\\n}\\n\\n[\\n  \\"babel-plugin-root-import\\",\\n  {\\n    root: __dirname,\\n    rootPathPrefix: \\"~/\\",\\n    // mapping ~/ to the ./app directory (again, your app structure may differ here)\\n    rootPathSuffix: \\"app\\",\\n  },\\n],\\n\\nimport { ListItem, Screen, Text } from \\"../../components\\";\\nimport { isRTL } from \\"../../i18n\\";\\nimport { DemoTabScreenProps } from \\"../../navigators/DemoNavigator\\";\\nimport { colors, spacing } from \\"../../theme\\";\\n\\nimport { ListItem, Screen, Text } from \\"~/components\\";\\nimport { isRTL } from \\"~/i18n\\";\\nimport { DemoTabScreenProps } from \\"~/navigators/DemoNavigator\\";\\nimport { colors, spacing } from \\"~/theme\\";\\n\\nyarn expo:start\\n\\nyarn expo:start --clear\\n\\n","lastUpdated":"1 year, 1 month ago","title":"TypeScript baseUrl Configuration","publish_date":"2022-10-24","doc_name":"TypeScriptBaseURL.md"},{"author":"Mark Rickert","content":"import * as React from \'react\';\\nimport { SectionList, SectionListProps, SectionListScrollParams } from \'react-native\';\\n\\ninterface SectionListHandle {\\n  scrollToLocation: (params: SectionListScrollParams) => void;\\n}\\n\\n/**\\n * This is a wrapper around react-native\'s SectionList that adds protection against scrolling to an\\n * unknown (not rendered yet) location. This is useful for cases where the user wants to scroll to a\\n * position very far down the list but we haven\'t rendered that far yet.\\n *\\n * This adds onScrollToIndexFailed property to SectionList so that if the scroll fails, we calculate the approximate\\n * scroll position, scroll there, and then try again to get the exact position requested.\\n *\\n * Essentially, it\'s a \\"guess the position and retry the operation\\" strategy until the list is scrolled to the\\n * correct location.\\n */\\nexport const ScrollProtectedSectionList = React.forwardRef<\\n  SectionListHandle,\\n  SectionListProps<any, any>\\n>((props, forwardedRef) => {\\n  const internalRef = React.useRef<SectionList>(null);\\n  const [lastScrollRequest, setLastScrollRequest] = React.useState<SectionListScrollParams>();\\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\\n\\n  const onScrollToIndexFailed = (info: {\\n    index: number;\\n    highestMeasuredFrameIndex: number;\\n    averageItemLength: number;\\n  }) => {\\n    console.log(\'ScrollProtectedSectionList.onScrollToIndexFailed\', info);\\n\\n    // Calculate the possible position of the item and scroll there using the internal scroll responder.\\n    const offset = info.averageItemLength * info.index;\\n    internalRef.current?.getScrollResponder()?.scrollTo({ x: 0, y: offset, animated: false });\\n\\n    // If we know exactly where we want to scroll to, we can just scroll now since the item is likely visible.\\n    // Otherwise it\'ll call this function recursively again.\\n    if (lastScrollRequest) {\\n      timeout.current = setTimeout(() => {\\n        internalRef.current?.scrollToLocation(lastScrollRequest);\\n      }, 100);\\n    }\\n  };\\n\\n  // Clear the timeout if it still exists when the component unmounts.\\n  React.useEffect(() => {\\n    return () => timeout.current && clearTimeout(timeout.current);\\n  }, []);\\n\\n  React.useImperativeHandle(\\n    forwardedRef,\\n    () => ({\\n      scrollToLocation: (params: SectionListScrollParams) => {\\n        internalRef.current?.scrollToLocation(params);\\n        setLastScrollRequest(params);\\n      },\\n    }),\\n    [internalRef],\\n  );\\n\\n  return <SectionList {...props} ref={internalRef} onScrollToIndexFailed={onScrollToIndexFailed} />;\\n});\\n\\n","lastUpdated":"1 year, 2 months ago","title":"Scrolling to a location that hasn\'t been rendered using FlatList or SectionList","publish_date":"2022-10-09","doc_name":"UnrenderedItemInScrollView.md"},{"author":"Derek Greenberg","content":"yarn audit\\n\\nyarn outdated\\n\\nyarn upgrade-interactive\\nyarn upgrade-interactive --latest\\n\\n","lastUpdated":"5 weeks ago","title":"Updating Dependencies with Yarn Audit, Outdated and Upgrade","publish_date":"2022-10-09","doc_name":"UpdatingDependencies.md"},{"author":"Lizzi Lindboe","content":"# enable\\nadb shell settings put secure enabled_accessibility_services \\\\\\ncom.google.android.marvin.talkback/com.google.android.marvin.talkback.TalkBackService\\n# disable\\nadb shell settings put secure enabled_accessibility_services \\\\\\ncom.android.talkback/com.google.android.marvin.talkback.TalkBackService\\n\\n","lastUpdated":"1 year, 2 months ago","title":"Using Screen Readers","publish_date":"2022-10-09","doc_name":"UsingScreenReaders.md"},{"author":"Justin Poliachik","content":"npx ignite-cli new ZustandApp --yes\\n\\nyarn add zustand\\n\\nmkdir app/store\\n\\nimport { Instance, SnapshotOut, types } from \\"mobx-state-tree\\";\\n\\nexport const AuthenticationStoreModel = types\\n  .model(\\"AuthenticationStore\\")\\n  .props({\\n    authToken: types.maybe(types.string),\\n    authEmail: \\"\\",\\n  })\\n  .views((store) => ({\\n    get isAuthenticated() {\\n      return !!store.authToken;\\n    },\\n    get validationError() {\\n      if (store.authEmail.length === 0) return \\"can\'t be blank\\";\\n      if (store.authEmail.length < 6) return \\"must be at least 6 characters\\";\\n      if (!/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$/.test(store.authEmail)) return \\"must be a valid email address\\";\\n      return \\"\\";\\n    },\\n  }))\\n  .actions((store) => ({\\n    setAuthToken(value?: string) {\\n      store.authToken = value;\\n    },\\n    setAuthEmail(value: string) {\\n      store.authEmail = value.replace(/ /g, \\"\\");\\n    },\\n    logout() {\\n      store.authToken = undefined;\\n      store.authEmail = \\"\\";\\n    },\\n  }));\\n\\nexport interface AuthenticationStore extends Instance<typeof AuthenticationStoreModel> {}\\nexport interface AuthenticationStoreSnapshot extends SnapshotOut<typeof AuthenticationStoreModel> {}\\n\\nimport { StateCreator } from \\"zustand\\";\\nimport { RootStore } from \\"./RootStore\\";\\n\\n// Typescript interface for this store slice\\nexport interface AuthenticationStore {\\n  authToken?: string;\\n  authEmail: string;\\n  setAuthToken: (value?: string) => void;\\n  setAuthEmail: (value: string) => void;\\n  logout: () => void;\\n}\\n\\n// create our store slice with default data and actions\\nexport const createAuthenticationSlice: StateCreator<RootStore, [], [], AuthenticationStore> = (set) => ({\\n  authToken: undefined,\\n  authEmail: \\"\\",\\n  setAuthToken: (value) => set({ authToken: value }),\\n  setAuthEmail: (value) => set({ authEmail: value.replace(/ /g, \\"\\") }),\\n  logout: () => set({ authToken: undefined, authEmail: \\"\\" }),\\n});\\n\\n// a selector can be used to grab the full AuthenticationStore\\nexport const authenticationStoreSelector = (state: RootStore) => ({\\n  authToken: state.authToken,\\n  authEmail: state.authEmail,\\n  isAuthenticated: isAuthenticatedSelector(state),\\n  setAuthToken: state.setAuthToken,\\n  setAuthEmail: state.setAuthEmail,\\n  logout: state.logout,\\n});\\n\\n// selectors can also be used for derived values\\nexport const isAuthenticatedSelector = (state: RootStore) => !!state.authToken;\\n\\nexport const validationErrorSelector = (state: RootStore) => {\\n  if (state.authEmail.length === 0) return \\"can\'t be blank\\";\\n  if (state.authEmail.length < 6) return \\"must be at least 6 characters\\";\\n  if (!/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$/.test(state.authEmail)) return \\"must be a valid email address\\";\\n  return \\"\\";\\n};\\n\\nimport { Instance, SnapshotOut, types } from \\"mobx-state-tree\\";\\nimport { api } from \\"../services/api\\";\\nimport { Episode, EpisodeModel } from \\"./Episode\\";\\nimport { withSetPropAction } from \\"./helpers/withSetPropAction\\";\\n\\nexport const EpisodeStoreModel = types\\n  .model(\\"EpisodeStore\\")\\n  .props({\\n    episodes: types.array(EpisodeModel),\\n    favorites: types.array(types.reference(EpisodeModel)),\\n    favoritesOnly: false,\\n  })\\n  .actions(withSetPropAction)\\n  .actions((store) => ({\\n    async fetchEpisodes() {\\n      const response = await api.getEpisodes();\\n      if (response.kind === \\"ok\\") {\\n        store.setProp(\\"episodes\\", response.episodes);\\n      } else {\\n        console.error(`Error fetching episodes: ${JSON.stringify(response)}`);\\n      }\\n    },\\n    addFavorite(episode: Episode) {\\n      store.favorites.push(episode);\\n    },\\n    removeFavorite(episode: Episode) {\\n      store.favorites.remove(episode);\\n    },\\n  }))\\n  .views((store) => ({\\n    get episodesForList() {\\n      return store.favoritesOnly ? store.favorites : store.episodes;\\n    },\\n\\n    hasFavorite(episode: Episode) {\\n      return store.favorites.includes(episode);\\n    },\\n  }))\\n  .actions((store) => ({\\n    toggleFavorite(episode: Episode) {\\n      if (store.hasFavorite(episode)) {\\n        store.removeFavorite(episode);\\n      } else {\\n        store.addFavorite(episode);\\n      }\\n    },\\n  }));\\n\\nexport interface EpisodeStore extends Instance<typeof EpisodeStoreModel> {}\\nexport interface EpisodeStoreSnapshot extends SnapshotOut<typeof EpisodeStoreModel> {}\\n\\nimport { api } from \\"../services/api\\";\\nimport { Episode } from \\"./Episode\\";\\nimport { StateCreator } from \\"zustand\\";\\nimport { RootStore } from \\"./RootStore\\";\\n\\nexport interface EpisodeStore {\\n  episodes: Episode[];\\n  favorites: string[];\\n  favoritesOnly: boolean;\\n\\n  fetchEpisodes: () => Promise<void>;\\n  addFavorite: (episode: Episode) => void;\\n  removeFavorite: (episode: Episode) => void;\\n  toggleFavorite: (episode: Episode) => void;\\n  setFavoritesOnly: (value: boolean) => void;\\n}\\n\\nexport const createEpisodeSlice: StateCreator<RootStore, [], [], EpisodeStore> = (set, get) => ({\\n  episodes: [],\\n  favorites: [],\\n  favoritesOnly: false,\\n\\n  // Zustand supports async actions\\n  fetchEpisodes: async () => {\\n    const response = await api.getEpisodes();\\n    if (response.kind === \\"ok\\") {\\n      set({ episodes: response.episodes });\\n    } else {\\n      console.error(`Error fetching episodes: ${JSON.stringify(response)}`);\\n    }\\n  },\\n  addFavorite: (episode) => set((state) => ({ favorites: [...state.favorites, episode.guid] })),\\n  removeFavorite: (episode) => set((state) => ({ favorites: state.favorites.filter((guid) => guid !== episode.guid) })),\\n  toggleFavorite: (episode) => {\\n    // get() can be used within actions\\n    if (get().favorites.includes(episode.guid)) {\\n      get().removeFavorite(episode);\\n    } else {\\n      get().addFavorite(episode);\\n    }\\n  },\\n  setFavoritesOnly: (value: boolean) => set({ favoritesOnly: value }),\\n});\\n\\nexport const episodeStoreSelector = (state: RootStore) => ({\\n  episodes: state.episodes,\\n  favorites: state.favorites,\\n  favoritesOnly: state.favoritesOnly,\\n\\n  // derived values can be included in selectors like this\\n  episodesForList: getEpisodesForList(state),\\n\\n  fetchEpisodes: state.fetchEpisodes,\\n  addFavorite: state.addFavorite,\\n  removeFavorite: state.removeFavorite,\\n  toggleFavorite: state.toggleFavorite,\\n  setFavoritesOnly: state.setFavoritesOnly,\\n\\n  // we can also include helper functions that have access to state\\n  hasFavorite: (episode: Episode) => {\\n    return state.favorites.includes(episode.guid);\\n  },\\n});\\n\\nexport const getEpisodesForList = (store: EpisodeStore) => {\\n  return store.favoritesOnly ? store.episodes.filter((a) => store.favorites.includes(a.guid)) : store.episodes;\\n};\\n\\nimport { Instance, SnapshotIn, SnapshotOut, types } from \\"mobx-state-tree\\";\\nimport { withSetPropAction } from \\"./helpers/withSetPropAction\\";\\nimport { formatDate } from \\"../utils/formatDate\\";\\nimport { translate } from \\"../i18n\\";\\n\\ninterface Enclosure {\\n  link: string;\\n  type: string;\\n  length: number;\\n  duration: number;\\n  rating: { scheme: string; value: string };\\n}\\n\\n/**\\n * This represents an episode of React Native Radio.\\n */\\nexport const EpisodeModel = types\\n  .model(\\"Episode\\")\\n  .props({\\n    guid: types.identifier,\\n    title: \\"\\",\\n    pubDate: \\"\\", // Ex: 2022-08-12 21:05:36\\n    link: \\"\\",\\n    author: \\"\\",\\n    thumbnail: \\"\\",\\n    description: \\"\\",\\n    content: \\"\\",\\n    enclosure: types.frozen<Enclosure>(),\\n    categories: types.array(types.string),\\n  })\\n  .actions(withSetPropAction)\\n  .views((episode) => ({\\n    get parsedTitleAndSubtitle() {\\n      const defaultValue = { title: episode.title?.trim(), subtitle: \\"\\" };\\n\\n      if (!defaultValue.title) return defaultValue;\\n\\n      const titleMatches = defaultValue.title.match(/^(RNR.*\\\\d)(?: - )(.*$)/);\\n\\n      if (!titleMatches || titleMatches.length !== 3) return defaultValue;\\n\\n      return { title: titleMatches[1], subtitle: titleMatches[2] };\\n    },\\n    get datePublished() {\\n      try {\\n        const formatted = formatDate(episode.pubDate);\\n        return {\\n          textLabel: formatted,\\n          accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.publishLabel\\", {\\n            date: formatted,\\n          }),\\n        };\\n      } catch (error) {\\n        return { textLabel: \\"\\", accessibilityLabel: \\"\\" };\\n      }\\n    },\\n    get duration() {\\n      const seconds = Number(episode.enclosure.duration);\\n      const h = Math.floor(seconds / 3600);\\n      const m = Math.floor((seconds % 3600) / 60);\\n      const s = Math.floor((seconds % 3600) % 60);\\n\\n      const hDisplay = h > 0 ? `${h}:` : \\"\\";\\n      const mDisplay = m > 0 ? `${m}:` : \\"\\";\\n      const sDisplay = s > 0 ? s : \\"\\";\\n      return {\\n        textLabel: hDisplay + mDisplay + sDisplay,\\n        accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.durationLabel\\", {\\n          hours: h,\\n          minutes: m,\\n          seconds: s,\\n        }),\\n      };\\n    },\\n  }));\\n\\nexport interface Episode extends Instance<typeof EpisodeModel> {}\\nexport interface EpisodeSnapshotOut extends SnapshotOut<typeof EpisodeModel> {}\\nexport interface EpisodeSnapshotIn extends SnapshotIn<typeof EpisodeModel> {}\\n\\nimport { formatDate } from \\"../utils/formatDate\\";\\nimport { translate } from \\"../i18n\\";\\n\\ninterface Enclosure {\\n  link: string;\\n  type: string;\\n  length: number;\\n  duration: number;\\n  rating: { scheme: string; value: string };\\n}\\n\\nexport type Episode = {\\n  guid: string;\\n  title: string;\\n  pubDate: string;\\n  link: string;\\n  author: string;\\n  thumbnail: string;\\n  description: string;\\n  content: string;\\n  enclosure: Enclosure;\\n  categories: string[];\\n};\\n\\nexport const getParsedTitleAndSubtitle = (episode: Episode) => {\\n  const defaultValue = { title: episode.title?.trim(), subtitle: \\"\\" };\\n\\n  if (!defaultValue.title) return defaultValue;\\n\\n  const titleMatches = defaultValue.title.match(/^(RNR.*\\\\d)(?: - )(.*$)/);\\n\\n  if (!titleMatches || titleMatches.length !== 3) return defaultValue;\\n\\n  return { title: titleMatches[1], subtitle: titleMatches[2] };\\n};\\n\\nexport const getDatePublished = (episode: Episode) => {\\n  try {\\n    const formatted = formatDate(episode.pubDate);\\n    return {\\n      textLabel: formatted,\\n      accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.publishLabel\\", {\\n        date: formatted,\\n      }),\\n    };\\n  } catch (error) {\\n    return { textLabel: \\"\\", accessibilityLabel: \\"\\" };\\n  }\\n};\\n\\nexport const getDuration = (episode: Episode) => {\\n  const seconds = Number(episode.enclosure.duration);\\n  const h = Math.floor(seconds / 3600);\\n  const m = Math.floor((seconds % 3600) / 60);\\n  const s = Math.floor((seconds % 3600) % 60);\\n\\n  const hDisplay = h > 0 ? `${h}:` : \\"\\";\\n  const mDisplay = m > 0 ? `${m}:` : \\"\\";\\n  const sDisplay = s > 0 ? s : \\"\\";\\n  return {\\n    textLabel: hDisplay + mDisplay + sDisplay,\\n    accessibilityLabel: translate(\\"demoPodcastListScreen.accessibility.durationLabel\\", {\\n      hours: h,\\n      minutes: m,\\n      seconds: s,\\n    }),\\n  };\\n};\\n\\nimport { create } from \\"zustand\\";\\nimport { useShallow } from \\"zustand/react/shallow\\";\\nimport { AuthenticationStore, authenticationStoreSelector, createAuthenticationSlice } from \\"./AuthenticationStore\\";\\nimport { EpisodeStore, createEpisodeSlice, episodeStoreSelector } from \\"./EpisodeStore\\";\\n\\nexport interface RootStore extends AuthenticationStore, EpisodeStore {}\\n\\nexport const useStore = create<RootStore>()((...a) => ({\\n  ...createAuthenticationSlice(...a),\\n  ...createEpisodeSlice(...a),\\n  // add your state slices here\\n}));\\n\\n// optional: custom hooks can be used to pick pieces from state\\n// useShallow is used to help prevent unnecessary rerenders\\nexport const useAuthenticationStore = () => useStore(useShallow(authenticationStoreSelector));\\nexport const useEpisodeStore = () => useStore(useShallow(episodeStoreSelector));\\n\\nexport * from \\"./RootStore\\";\\nexport * from \\"./AuthenticationStore\\";\\nexport * from \\"./EpisodeStore\\";\\nexport * from \\"./Episode\\";\\n\\nimport { useStore, isAuthenticatedSelector } from \\"app/store\\";\\n\\nconst AppStack = () => {\\n\\n  // use a selector to pick only that value\\n  const isAuthenticated = useStore(isAuthenticatedSelector)\\n\\n  return (\\n    <Stack.Navigator\\n    ...\\n\\n// pick several values & actions from the AuthenticationStore\\nconst { authEmail, setAuthEmail, setAuthToken } = useAuthenticationStore();\\n// we can also use multiple hooks\\nconst validationError = useStore(validationErrorSelector);\\n\\nimport {\\n  useEpisodeStore,\\n  Episode,\\n  getDatePublished,\\n  getDuration,\\n  getParsedTitleAndSubtitle,\\n} from \\"app/store\\"\\n\\n...\\n\\nconst episodeStore = useEpisodeStore();\\n\\n<Toggle\\n  value={episodeStore.favoritesOnly}\\n  onValueChange={() =>\\n--  episodeStore.setProp(\\"favoritesOnly\\", !episodeStore.favoritesOnly)\\n++  episodeStore.setFavoritesOnly(!episodeStore.favoritesOnly)\\n  }\\n\\n\\nconst datePublished = getDatePublished(episode);\\nconst duration = getDuration(episode);\\nconst parsedTitleAndSubtitle = getParsedTitleAndSubtitle(episode);\\n\\n <Text\\n  style={$metadataText}\\n  size=\\"xxs\\"\\n--accessibilityLabel={episode.datePublished.accessibilityLabel}\\n++accessibilityLabel={datePublished.accessibilityLabel}\\n>\\n--{episode.datePublished.textLabel}\\n++{datePublished.textLabel}\\n</Text>\\n\\n++import { useStore } from \\"app/store\\"\\n\\n--const {\\n--  authenticationStore: { logout },\\n--} = useStores()\\n++const logout = useStore((state) => state.logout)\\n\\n++import { useStore } from \\"app/store\\"\\n\\n--const {\\n--  authenticationStore: { logout },\\n--} = useStores()\\n++const logout = useStore((state) => state.logout)\\n\\n+import { Episode } from \\"app/store/Episode\\";\\n\\n-const episodes: EpisodeSnapshotIn[] =\\n+const episodes: Episode[] =\\n\\nimport { create } from \\"zustand\\";\\nimport { useShallow } from \\"zustand/react/shallow\\";\\nimport { persist, createJSONStorage } from \\"zustand/middleware\\";\\n\\nimport { AuthenticationStore, authenticationStoreSelector, createAuthenticationSlice } from \\"./AuthenticationStore\\";\\nimport { EpisodeStore, createEpisodeSlice, episodeStoreSelector } from \\"./EpisodeStore\\";\\nimport AsyncStorage from \\"@react-native-async-storage/async-storage\\";\\n\\nexport interface RootStore extends AuthenticationStore, EpisodeStore {\\n  _hasHydrated: boolean;\\n  setHasHydrated: (state: boolean) => void;\\n}\\n\\nexport const useStore = create<RootStore>()(\\n  persist(\\n    (...a) => ({\\n      ...createAuthenticationSlice(...a),\\n      ...createEpisodeSlice(...a),\\n      // add your state slices here\\n\\n      _hasHydrated: false,\\n      setHasHydrated: (state) => {\\n        const set = a[0];\\n        set({\\n          _hasHydrated: state,\\n        });\\n      },\\n    }),\\n    {\\n      name: \\"zustand-app\\",\\n      storage: createJSONStorage(() => AsyncStorage),\\n      onRehydrateStorage: () => (state) => {\\n        state?.setHasHydrated(true);\\n      },\\n    }\\n  )\\n);\\n\\nexport const useAuthenticationStore = () => useStore(useShallow(authenticationStoreSelector));\\nexport const useEpisodeStore = () => useStore(useShallow(episodeStoreSelector));\\n\\n+import { useStore } from \\"./store\\"\\n\\n...\\n\\nconst [areFontsLoaded] = useFonts(customFontsToLoad)\\n\\n-useEffect(() => {\\n-  hideSplashScreen()\\n-}, [])\\n\\n+const hasHydrated = useStore((state) => state._hasHydrated)\\n+useEffect(() => {\\n+  if (hasHydrated) {\\n+    setTimeout(hideSplashScreen, 500)\\n+  }\\n+}, [hasHydrated])\\n\\n-if (!isNavigationStateRestored || !areFontsLoaded) return null\\n+if (!hasHydrated || !isNavigationStateRestored || !areFontsLoaded) return null\\n\\n\\n","lastUpdated":"5 weeks ago","title":"Zustand","publish_date":"2024-02-05","doc_name":"Zustand.md"}]}},"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-1NP64B0XVM"],"anonymizeIP":true,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/docs","mainDocId":"intro","docs":[{"id":"archive/index","path":"/docs/archive/","sidebar":"mainSidebar"},{"id":"archive/PristineExpoProject","path":"/docs/archive/PristineExpoProject","sidebar":"mainSidebar"},{"id":"intro","path":"/docs/intro","sidebar":"mainSidebar"},{"id":"recipes/AccessibilityFontSizes","path":"/docs/recipes/AccessibilityFontSizes","sidebar":"mainSidebar"},{"id":"recipes/CircleCIRNSetup","path":"/docs/recipes/CircleCIRNSetup","sidebar":"mainSidebar"},{"id":"recipes/CreatingGreateExperienceForScreenReaders","path":"/docs/recipes/CreatingGreateExperienceForScreenReaders","sidebar":"mainSidebar"},{"id":"recipes/DetoxIntro","path":"/docs/recipes/DetoxIntro","sidebar":"mainSidebar"},{"id":"recipes/DistributingAuthTokenToAPI","path":"/docs/recipes/DistributingAuthTokenToAPI","sidebar":"mainSidebar"},{"id":"recipes/EASUpdate","path":"/docs/recipes/EASUpdate","sidebar":"mainSidebar"},{"id":"recipes/EnforcingImportOrder","path":"/docs/recipes/EnforcingImportOrder","sidebar":"mainSidebar"},{"id":"recipes/EnvironmentVariables","path":"/docs/recipes/EnvironmentVariables","sidebar":"mainSidebar"},{"id":"recipes/ExpoRouter","path":"/docs/recipes/ExpoRouter","sidebar":"mainSidebar"},{"id":"recipes/GeneratorComponentTests","path":"/docs/recipes/GeneratorComponentTests","sidebar":"mainSidebar"},{"id":"recipes/MaestroSetup","path":"/docs/recipes/MaestroSetup","sidebar":"mainSidebar"},{"id":"recipes/MigratingToMMKV","path":"/docs/recipes/MigratingToMMKV","sidebar":"mainSidebar"},{"id":"recipes/PatchingBuildingAndroid","path":"/docs/recipes/PatchingBuildingAndroid","sidebar":"mainSidebar"},{"id":"recipes/PrepForEASBuild","path":"/docs/recipes/PrepForEASBuild","sidebar":"mainSidebar"},{"id":"recipes/ReactNativeVisionCamera","path":"/docs/recipes/ReactNativeVisionCamera","sidebar":"mainSidebar"},{"id":"recipes/Redux","path":"/docs/recipes/Redux","sidebar":"mainSidebar"},{"id":"recipes/RemoveMobxStateTree","path":"/docs/recipes/RemoveMobxStateTree","sidebar":"mainSidebar"},{"id":"recipes/RequiringHardwareFeaturesWithExpo","path":"/docs/recipes/RequiringHardwareFeaturesWithExpo","sidebar":"mainSidebar"},{"id":"recipes/SampleYAMLCircleCI","path":"/docs/recipes/SampleYAMLCircleCI","sidebar":"mainSidebar"},{"id":"recipes/SelectFieldWithBottomSheet","path":"/docs/recipes/SelectFieldWithBottomSheet","sidebar":"mainSidebar"},{"id":"recipes/SwitchBetweenExpoGoCNG","path":"/docs/recipes/SwitchBetweenExpoGoCNG","sidebar":"mainSidebar"},{"id":"recipes/TypeScriptBaseURL","path":"/docs/recipes/TypeScriptBaseURL","sidebar":"mainSidebar"},{"id":"recipes/UnrenderedItemInScrollView","path":"/docs/recipes/UnrenderedItemInScrollView","sidebar":"mainSidebar"},{"id":"recipes/UpdatingDependencies","path":"/docs/recipes/UpdatingDependencies","sidebar":"mainSidebar"},{"id":"recipes/UpdatingIgnite","path":"/docs/recipes/UpdatingIgnite","sidebar":"mainSidebar"},{"id":"recipes/UsingScreenReaders","path":"/docs/recipes/UsingScreenReaders","sidebar":"mainSidebar"},{"id":"recipes/Zustand","path":"/docs/recipes/Zustand","sidebar":"mainSidebar"}],"draftIds":[],"sidebars":{"mainSidebar":{"link":{"path":"/docs/intro","label":"intro"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(144);const l=JSON.parse('{"docusaurusVersion":"3.1.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.1.1"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.1.1"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.1.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.1.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.1.1"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.1.1"},"example-code-snippets":{"type":"local"}}}');var c=n(7624);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},5852:(e,t,n)=>{"use strict";n.d(t,{c:()=>f});var r=n(1504),o=n(8684),a=n(6952),i=n(5684),s=n(7468),l=n(7624);function c(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,l.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,l.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,l.jsx)(u,{error:t})]})}function u(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function d(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)(f,{fallback:()=>(0,l.jsx)(c,{error:t,tryAgain:n}),children:[(0,l.jsx)(a.c,{children:(0,l.jsx)("title",{children:"Page Error"})}),(0,l.jsx)(s.c,{children:(0,l.jsx)(c,{error:t,tryAgain:n})})]})}const p=e=>(0,l.jsx)(d,{...e});class f extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.c.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},8684:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},6952:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});n(1504);var r=n(2160),o=n(7624);function a(e){return(0,o.jsx)(r.So,{...e})}},867:(e,t,n)=>{"use strict";n.d(t,{c:()=>f});var r=n(1504),o=n(440),a=n(5684),i=n(8264),s=n(8136),l=n(8684),c=n(5976),u=n(964),d=n(7624);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":h,autoAddBaseUrl:y=!0,...b}=e;const{siteConfig:{trailingSlash:v,baseUrl:S}}=(0,i.c)(),{withBaseUrl:w}=(0,u.E)(),x=(0,c.c)(),k=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>k.current));const E=p||f;const T=(0,s.c)(E),C=E?.replace("pathname://","");let _=void 0!==C?(A=C,y&&(e=>e.startsWith("/"))(A)?w(A):A):void 0;var A;_&&T&&(_=(0,a.applyTrailingSlash)(_,{trailingSlash:v,baseUrl:S}));const I=(0,r.useRef)(!1),R=n?o.Af:o.cH,P=l.c.canUseIntersectionObserver,L=(0,r.useRef)(),N=()=>{I.current||null==_||(window.docusaurus.preload(_),I.current=!0)};(0,r.useEffect)((()=>(!P&&T&&null!=_&&window.docusaurus.prefetch(_),()=>{P&&L.current&&L.current.disconnect()})),[L,_,P,T]);const F=_?.startsWith("#")??!1,O=!b.target||"_self"===b.target,j=!_||!T||!O||F;return h||!F&&j||x.collectLink(_),b.id&&x.collectAnchor(b.id),j?(0,d.jsx)("a",{ref:k,href:_,...E&&!T&&{target:"_blank",rel:"noopener noreferrer"},...b}):(0,d.jsx)(R,{...b,onMouseEnter:N,onTouchStart:N,innerRef:e=>{k.current=e,P&&e&&T&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=_&&window.docusaurus.prefetch(_))}))})),L.current.observe(e))},to:_,...n&&{isActive:g,activeClassName:m}})}const f=r.forwardRef(p)},4357:(e,t,n)=>{"use strict";n.d(t,{c:()=>c,G:()=>l});var r=n(1504),o=n(7624);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(144);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},2488:(e,t,n)=>{"use strict";n.d(t,{M:()=>r});const r="default"},8136:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{_:()=>r,c:()=>o})},964:(e,t,n)=>{"use strict";n.d(t,{E:()=>i,c:()=>s});var r=n(1504),o=n(8264),a=n(8136);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.c)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,a._)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},5976:(e,t,n)=>{"use strict";n.d(t,{c:()=>i});var r=n(1504);n(7624);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},8264:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(136);function a(){return(0,r.useContext)(o.e)}},3160:(e,t,n)=>{"use strict";n.d(t,{MP:()=>i,mm:()=>a});var r=n(8264),o=n(2488);function a(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.c)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}function i(e,t,n){void 0===t&&(t=o.M),void 0===n&&(n={});const r=a(e),i=r?.[t];if(!i&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return i}},3664:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(240);function a(){return(0,r.useContext)(o.e)}},5288:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(1504);const o=n(8684).c.canUseDOM?r.useLayoutEffect:r.useEffect},8120:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},5548:(e,t,n)=>{"use strict";n.d(t,{Y:()=>i,e:()=>a});var r=n(1504),o=n(7624);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},5172:(e,t,n)=>{"use strict";n.d(t,{wB:()=>g,UF:()=>d,mU:()=>p,L0:()=>c,i8:()=>h,OK:()=>u,aA:()=>m,gN:()=>f});var r=n(5592),o=n(3160);const a=e=>e.versions.find((e=>e.isLast));function i(e,t){const n=a(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.ot)(t,{path:e.path,exact:!1,strict:!1})))}function s(e,t){const n=i(e,t),o=n?.docs.find((e=>!!(0,r.ot)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const l={},c=()=>(0,o.mm)("docusaurus-plugin-content-docs")??l,u=e=>(0,o.MP)("docusaurus-plugin-content-docs",e,{failfast:!0});function d(e){void 0===e&&(e={});const t=c(),{pathname:n}=(0,r.IT)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.ot)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function p(e){void 0===e&&(e={});const t=d(e),{pathname:n}=(0,r.IT)();if(!t)return;return{activePlugin:t,activeVersion:i(t.pluginData,n)}}function f(e){return u(e).versions}function m(e){const t=u(e);return a(t)}function g(e){const t=u(e),{pathname:n}=(0,r.IT)();return s(t,n)}function h(e){const t=u(e),{pathname:n}=(0,r.IT)();return function(e,t){const n=a(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},7483:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},1976:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(2272),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},5396:(e,t,n)=>{"use strict";n.r(t);var r=n(5720),o=n(7768);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1808),n(4096)(`./prism-${e}`)})),delete globalThis.Prism}(r.sp)},6448:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});n(1504);var r=n(5456),o=n(4357),a=n(1824),i=n(867),s=n(5976);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=n(7624);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.c)(),{navbar:{hideOnScroll:p}}=(0,a.y)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.G)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.c)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.c,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},3232:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});n(1504);const r={iconExternalLink:"iconExternalLink_nPIU"};var o=n(7624);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},7468:(e,t,n)=>{"use strict";n.d(t,{c:()=>Lt});var r=n(1504),o=n(5456),a=n(5852),i=n(5008),s=n(5592),l=n(4357),c=n(7124),u=n(7624);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.Uz)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.c)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.G)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var h=n(5864),y=n(204);const b={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(g,{className:b.skipToContent})}var S=n(1824),w=n(3868);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_CVFx"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.G)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.c)("clean-btn close",k.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const T={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,S.y)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.c)(T.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const _={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function A(){const{announcementBar:e}=(0,S.y)(),{isActive:t,close:n}=(0,w.el)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:_.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:_.announcementBarPlaceholder}),(0,u.jsx)(C,{className:_.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:_.announcementBarClose})]})}var I=n(8200),R=n(3943);var P=n(1100),L=n(5168);const N=r.createContext(null);function F(e){let{children:t}=e;const n=function(){const e=(0,I.q)(),t=(0,L.MF)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.i0)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(N.Provider,{value:n,children:t})}function O(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function j(){const e=(0,r.useContext)(N);if(!e)throw new P.AH("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.MF)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:O(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=j();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.c)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var D=n(6528),B=n(3664);function $(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function z(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function V(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,B.c)(),s=(0,l.G)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.G)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.G)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.c)(U.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.c)("clean-btn",U.toggleButton,!i&&U.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)($,{className:(0,o.c)(U.toggleIcon,U.lightToggleIcon)}),(0,u.jsx)(z,{className:(0,o.c)(U.toggleIcon,U.darkToggleIcon)})]})})}const H=r.memo(V),G={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function W(e){let{className:t}=e;const n=(0,S.y)().navbar.style,r=(0,S.y)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,D.U)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?G.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var q=n(8164);function Y(){return(0,u.jsx)(q.c,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function K(){const e=(0,I.q)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.G)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function X(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(Y,{}),(0,u.jsx)(W,{className:"margin-right--md"}),(0,u.jsx)(K,{})]})}var Q=n(867),Z=n(964),J=n(8136),ee=n(1064),te=n(3232);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,Z.c)(r),p=(0,Z.c)(t),f=(0,Z.c)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,J.c)(o),g=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.c,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Q.c,{href:l?f:o,...c,...g}):(0,u.jsx)(Q.c,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee._)(n,t.pathname):t.pathname.startsWith(p)},...c,...g})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.c)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.c)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(8448),se=n(3376),le=n(8264);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.Sc)(e.to,t)||!!(0,ee._)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.c)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.c)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(He,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.c)(),{pathname:t}=(0,s.IT)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.a)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.c)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.c)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.U,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(He,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1616);function ge(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const he="iconLanguage_nlXk";var ye=n(7104);function be(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var ve=n(5052),Se=["translations"];function we(){return we=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},we.apply(this,arguments)}function xe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(l){s=!0,o=l}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ke(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ke(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ke(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ee(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Te="Ctrl";var Ce=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=Ee(e,Se),i=o.buttonText,s=void 0===i?"Search":i,l=o.buttonAriaLabel,c=void 0===l?"Search":l,u=xe((0,r.useState)(null),2),d=u[0],p=u[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("\u2318"):p(Te))}),[]),r.createElement("button",we({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(ve.I,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},s)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Te?r.createElement(be,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),_e=n(6952),Ae=n(7092),Ie=n(9032),Re=n(4456);const Pe={button:{buttonText:(0,l.G)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.G)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.G)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.G)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.G)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.G)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.G)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.G)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.G)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.G)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.G)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.G)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.G)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.G)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.G)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.G)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.G)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.G)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.G)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.G)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.G)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Le=null;function Ne(e){let{hit:t,children:n}=e;return(0,u.jsx)(Q.c,{to:t.url,children:n})}function Fe(e){let{state:t,onClose:n}=e;const r=(0,Ae.Y)();return(0,u.jsx)(Q.c,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.c,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.c)(),l=(0,Ie.Q)(),c=function(){const{locale:e,tags:t}=(0,Re.mY)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.Uz)(),g=(0,r.useRef)(null),h=(0,r.useRef)(null),[y,b]=(0,r.useState)(!1),[v,S]=(0,r.useState)(void 0),w=(0,r.useCallback)((()=>Le?Promise.resolve():Promise.all([n.e(2528).then(n.bind(n,148)),Promise.all([n.e(2176),n.e(1676)]).then(n.bind(n,1676)),Promise.all([n.e(2176),n.e(8879)]).then(n.bind(n,8879))]).then((e=>{let[{DocSearchModal:t}]=e;Le=t}))),[]),x=(0,r.useCallback)((()=>{w().then((()=>{g.current=document.createElement("div"),document.body.insertBefore(g.current,document.body.firstChild),b(!0)}))}),[w,b]),k=(0,r.useCallback)((()=>{b(!1),g.current?.remove()}),[b]),E=(0,r.useCallback)((e=>{w().then((()=>{b(!0),S(e.key)}))}),[w,b,S]),T=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee._)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,_=(0,r.useMemo)((()=>e=>(0,u.jsx)(Fe,{...e,onClose:k})),[k]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}({isOpen:y,onOpen:x,onClose:k,onInput:E,searchButtonRef:h}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(_e.c,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(Ce,{onTouchStart:w,onFocus:w,onMouseOver:w,onClick:x,ref:h,translations:Pe.button}),y&&Le&&g.current&&(0,ye.createPortal)((0,u.jsx)(Le,{onClose:k,initialScrollY:window.scrollY,initialQuery:v,navigator:T,transformItems:C,hitComponent:Ne,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:_},...a,searchParameters:f,placeholder:Pe.placeholder,translations:Pe.modal}),g.current)]})}function je(){const{siteConfig:e}=(0,le.c)();return(0,u.jsx)(Oe,{...e.themeConfig.algolia})}const Me={navbarSearchContainer:"navbarSearchContainer_Bca1"};function De(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.c)(n,Me.navbarSearchContainer),children:t})}var Be=n(5172),$e=n(9940);var ze=n(4592);const Ue=e=>e.docs.find((t=>t.id===e.mainDocId));const Ve={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.c)(),p=(0,me.D)(),{search:f,hash:m}=(0,s.IT)(),g=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],h=t?(0,l.G)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ge,{className:he}),h]}),items:g})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(De,{className:n,children:(0,u.jsx)(je,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.c)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),i=(0,$e.Qf)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),i=(0,$e.Ab)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,$e.b7)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.IT)(),p=(0,Be.wB)(n),f=(0,Be.gN)(n),{savePreferredVersionName:m}=(0,ze.iy)(n),g=[...o,...f.map((e=>{const t=p.alternateDocVersions[e.name]??Ue(e);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],h=(0,$e.b7)(n)[0],y=t&&g.length>1?(0,l.G)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,b=t&&g.length>1?void 0:Ue(h).path;return g.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:y,to:b,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:y,to:b,items:g,isActive:r?()=>!1:void 0})}};function He(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Ve[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function Ge(){const e=(0,I.q)(),t=(0,S.y)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(He,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function We(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.c,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function qe(){const e=0===(0,S.y)().navbar.items.length,t=j();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(We,{onClick:()=>t.hide()}),t.content]})}function Ye(){const e=(0,I.q)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(X,{}),primaryMenu:(0,u.jsx)(Ge,{}),secondaryMenu:(0,u.jsx)(qe,{})}):null}const Ke={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Xe(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.c)("navbar-sidebar__backdrop",e.className)})}function Qe(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,S.y)(),i=(0,I.q)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,R.SM)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.c)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.G)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.c)("navbar","navbar--fixed-top",n&&[Ke.navbarHideable,!d&&Ke.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(Xe,{onClick:i.toggle}),(0,u.jsx)(Ye,{})]})}var Ze=n(5684);const Je={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function et(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.c,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function tt(e){let{error:t}=e;const n=(0,Ze.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Je.errorBoundaryError,children:n})}class nt extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const rt="right";function ot(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function at(){const{toggle:e,shown:t}=(0,I.q)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.G)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(ot,{})})}const it={colorModeToggle:"colorModeToggle_DEke"};function st(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(nt,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(He,{...e})},t)))})}function lt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function ct(){const e=(0,I.q)(),t=(0,S.y)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??rt)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(lt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(at,{}),(0,u.jsx)(Y,{}),(0,u.jsx)(st,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(st,{items:r}),(0,u.jsx)(W,{className:it.colorModeToggle}),!o&&(0,u.jsx)(De,{children:(0,u.jsx)(je,{})})]})})}function ut(){return(0,u.jsx)(Qe,{children:(0,u.jsx)(ct,{})})}function dt(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,Z.c)(n),l=(0,Z.c)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Q.c,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,J.c)(r)&&(0,u.jsx)(te.c,{})]})}function pt(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(dt,{item:t})},t.href??t.to)}function ft(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(pt,{item:e},t)))})]})}function mt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(ft,{column:e},t)))})}function gt(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ht(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(dt,{item:t})}function yt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ht,{item:e}),t.length!==n+1&&(0,u.jsx)(gt,{})]},n)))})})}function bt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(mt,{columns:t}):(0,u.jsx)(yt,{links:t})}var vt=n(1964);const St={footerLogoLink:"footerLogoLink_BH7S"};function wt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,Z.E)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(vt.c,{className:(0,o.c)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function xt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Q.c,{href:t.href,className:St.footerLogoLink,target:t.target,children:(0,u.jsx)(wt,{logo:t})}):(0,u.jsx)(wt,{logo:t})}function kt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Et(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.c)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function Tt(){const{footer:e}=(0,S.y)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(Et,{style:o,links:n&&n.length>0&&(0,u.jsx)(bt,{links:n}),logo:r&&(0,u.jsx)(xt,{logo:r}),copyright:t&&(0,u.jsx)(kt,{copyright:t})})}const Ct=r.memo(Tt),_t=(0,P.qY)([D.C,w.qu,R.S2,ze.gc,i.w7,function(e){let{children:t}=e;return(0,u.jsx)(L.Ub,{children:(0,u.jsx)(I.y,{children:(0,u.jsx)(F,{children:t})})})}]);function At(e){let{children:t}=e;return(0,u.jsx)(_t,{children:t})}var It=n(6448);function Rt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(It.c,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.c,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(et,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(tt,{error:t})})]})})})}const Pt={mainWrapper:"mainWrapper_z2l0"};function Lt(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,y.W)(),(0,u.jsxs)(At,{children:[(0,u.jsx)(i.U7,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ut,{}),(0,u.jsx)("div",{id:d,className:(0,o.c)(h.W.wrapper.main,Pt.mainWrapper,r),children:(0,u.jsx)(a.c,{fallback:e=>(0,u.jsx)(Rt,{...e}),children:t})}),!n&&(0,u.jsx)(Ct,{})]})}},8164:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});n(1504);var r=n(867),o=n(964),a=n(8264),i=n(1824),s=n(1964),l=n(7624);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.c)(t.src),dark:(0,o.c)(t.srcDark||t.src)},i=(0,l.jsx)(s.c,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.c)(),{navbar:{title:n,logo:s}}=(0,i.y)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.c)(s?.href||"/"),m=n?"":t,g=s?.alt??m;return(0,l.jsxs)(r.c,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:g,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},8712:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});n(1504);var r=n(6952),o=n(7624);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.c,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},1964:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var r=n(1504),o=n(5456),a=n(3664),i=n(6528);const s={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=n(7624);function c(e){let{className:t,children:n}=e;const c=(0,a.c)(),{colorMode:u}=(0,i.U)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.c)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},8448:(e,t,n)=>{"use strict";n.d(t,{U:()=>y,a:()=>c});var r=n(1504),o=n(8684),a=n(5288),i=n(3856),s=n(7624);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.I)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.c.canUseDOM)return e?u:d}function g(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function h(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.c)((()=>{t||i(!0)}),[t]),(0,a.c)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(g,{...n,collapsed:l}):null}function y(e){let{lazy:t,...n}=e;const r=t?h:g;return(0,s.jsx)(r,{...n})}},3868:(e,t,n)=>{"use strict";n.d(t,{el:()=>g,qu:()=>m});var r=n(1504),o=n(3664),a=n(1148),i=n(1100),s=n(1824),l=n(7624);const c=(0,a.GS)("docusaurus.announcement.dismiss"),u=(0,a.GS)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.y)(),t=(0,o.c)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function g(){const e=(0,r.useContext)(f);if(!e)throw new i.AH("AnnouncementBarProvider");return e}},6528:(e,t,n)=>{"use strict";n.d(t,{C:()=>h,U:()=>y});var r=n(1504),o=n(8684),a=n(1100),i=n(1148),s=n(1824),l=n(7624);const c=r.createContext(void 0),u="theme",d=(0,i.GS)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.c.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),g=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.y)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&g(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function y(){const e=(0,r.useContext)(c);if(null==e)throw new a.AH("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},4592:(e,t,n)=>{"use strict";n.d(t,{eM:()=>S,gc:()=>y,iy:()=>v});var r=n(1504),o=n(5172),a=n(2488),i=n(1824),s=n(9940),l=n(1100),c=n(1148),u=n(7624);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.GS)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.GS)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.GS)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const m=r.createContext(null);function g(){const e=(0,o.L0)(),t=(0,i.y)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=p.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=g();return(0,u.jsx)(m.Provider,{value:n,children:t})}function y(e){let{children:t}=e;return s.c1?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function b(){const e=(0,r.useContext)(m);if(!e)throw new l.AH("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.M);const t=(0,o.OK)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function S(){const e=(0,o.L0)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},6192:(e,t,n)=>{"use strict";n.d(t,{m:()=>c,y:()=>l});var r=n(1504),o=n(1100),a=n(7624);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.AH("DocsSidebarProvider");return e}},9920:(e,t,n)=>{"use strict";n.d(t,{E:()=>l,Q:()=>s});var r=n(1504),o=n(1100),a=n(7624);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.AH("DocsVersionProvider");return e}},8200:(e,t,n)=>{"use strict";n.d(t,{q:()=>f,y:()=>p});var r=n(1504),o=n(5168),a=n(1432),i=n(632),s=n(1824),l=n(1100),c=n(7624);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.MF)(),{items:t}=(0,s.y)().navbar;return 0===t.length&&!e.component}(),t=(0,a.U)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.a4)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.AH("NavbarMobileSidebarProvider");return e}},5168:(e,t,n)=>{"use strict";n.d(t,{MF:()=>l,Mx:()=>c,Ub:()=>s});var r=n(1504),o=n(1100),a=n(7624);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.AH("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.AH("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Mh)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},204:(e,t,n)=>{"use strict";n.d(t,{m:()=>o,W:()=>a});var r=n(1504);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},7092:(e,t,n)=>{"use strict";n.d(t,{Y:()=>l,a:()=>s});var r=n(1504),o=n(8264),a=n(632);const i="q";function s(){return(0,a.E9)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.c)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},1432:(e,t,n)=>{"use strict";n.d(t,{U:()=>s});var r=n(1504),o=n(8684);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.c.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},5864:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},3856:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{I:()=>r})},9940:(e,t,n)=>{"use strict";n.d(t,{Gw:()=>f,Md:()=>h,c1:()=>p,Uj:()=>E,b7:()=>w,Qf:()=>k,Ab:()=>x,js:()=>S,mg:()=>b});var r=n(1504),o=n(5592),a=n(5464),i=n(5172),s=n(4592),l=n(9920),c=n(6192);function u(e){return Array.from(new Set(e))}var d=n(3376);const p=!!i.L0;function f(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=f(t);if(e)return e}}(e):void 0:e.href}const m=(e,t)=>void 0!==e&&(0,d.Sc)(e,t),g=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?m(e.href,t):"category"===e.type&&(m(e.href,t)||g(e.items,t))}function y(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>y(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>y(e,t)))),[e,t])}function v(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,d.Sc)(a.href,n)||e(a.items))||"link"===a.type&&(0,d.Sc)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function S(){const e=(0,c.m)(),{pathname:t}=(0,o.IT)(),n=(0,i.UF)()?.pluginData.breadcrumbs;return!1!==n&&e?v({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.wB)(e),{preferredVersion:n}=(0,s.iy)(e),o=(0,i.aA)(e);return(0,r.useMemo)((()=>u([t,n,o].filter(Boolean))),[t,n,o])}function x(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${u(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function E(e){let{route:t}=e;const n=(0,o.IT)(),r=(0,l.E)(),i=t.routes,s=i.find((e=>(0,o.ot)(n.pathname,e)));if(!s)return null;const c=s.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,a.k)(i),sidebarName:c,sidebarItems:u}}},8648:(e,t,n)=>{"use strict";n.d(t,{g:()=>o});var r=n(8264);function o(e){const{siteConfig:t}=(0,r.c)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},632:(e,t,n)=>{"use strict";n.d(t,{E9:()=>l,a4:()=>i});var r=n(1504),o=n(5592),a=n(1100);function i(e){!function(e){const t=(0,o.Uz)(),n=(0,a.yA)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){return function(e){const t=(0,o.Uz)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}function l(e){const t=s(e)??"",n=function(){const e=(0,o.Uz)();return(0,r.useCallback)(((t,n,r)=>{const o=new URLSearchParams(e.location.search);n?o.set(t,n):o.delete(t),(r?.push?e.push:e.replace)({search:o.toString()})}),[e])}();return[t,(0,r.useCallback)(((t,r)=>{n(e,t,r)}),[n,e])]}},5008:(e,t,n)=>{"use strict";n.d(t,{cr:()=>f,U7:()=>d,w7:()=>m});var r=n(1504),o=n(5456),a=n(6952),i=n(5548);function s(){const e=r.useContext(i.e);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(964),c=n(8648),u=n(7624);function d(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const s=(0,c.g)(t),{withBaseUrl:d}=(0,l.E)(),p=o?d(o,{absolute:!0}):void 0;return(0,u.jsxs)(a.c,{children:[t&&(0,u.jsx)("title",{children:s}),t&&(0,u.jsx)("meta",{property:"og:title",content:s}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),r&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(p),s=(0,o.c)(i,t);return(0,u.jsxs)(p.Provider,{value:s,children:[(0,u.jsx)(a.c,{children:(0,u.jsx)("html",{className:s})}),n]})}function m(e){let{children:t}=e;const n=s(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.c)(r,a),children:t})}},1100:(e,t,n)=>{"use strict";n.d(t,{AH:()=>l,Mh:()=>c,i0:()=>s,qY:()=>u,yA:()=>i});var r=n(1504),o=n(5288),a=n(7624);function i(e){const t=(0,r.useRef)(e);return(0,o.c)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.c)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},1064:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{_:()=>r})},3376:(e,t,n)=>{"use strict";n.d(t,{Sc:()=>i,Y5:()=>s});var r=n(1504),o=n(628),a=n(8264);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.c)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.c,baseUrl:e})),[e])}},3943:(e,t,n)=>{"use strict";n.d(t,{S2:()=>c,SM:()=>p,yI:()=>f});var r=n(1504),o=n(8684),a=n(3664),i=(n(5288),n(1100)),s=n(7624);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.AH("ScrollControllerProvider");return e}const d=()=>o.c.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i.yA)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.c)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4456:(e,t,n)=>{"use strict";n.d(t,{SE:()=>s,e6:()=>i,mY:()=>l});var r=n(5172),o=n(8264),a=n(4592);const i="default";function s(e,t){return`docs-${e}-${t}`}function l(){const{i18n:e}=(0,o.c)(),t=(0,r.L0)(),n=(0,r.mU)(),l=(0,a.eM)();const c=[i,...Object.keys(t).map((function(e){const r=n?.activePlugin.pluginId===e?n.activeVersion:void 0,o=l[e],a=t[e].versions.find((e=>e.isLast));return s(e,(r??o??a).name)}))];return{locale:e.currentLocale,tags:c}}},1148:(e,t,n)=>{"use strict";n.d(t,{GS:()=>l});n(1504);const r="localStorage";function o(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function a(e){if(void 0===e&&(e=r),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const s={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function l(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=a(t?.persistence);return null===n?s:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}},1616:(e,t,n)=>{"use strict";n.d(t,{D:()=>i});var r=n(8264),o=n(5592),a=n(5684);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.c)(),{pathname:l}=(0,o.IT)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},7124:(e,t,n)=>{"use strict";n.d(t,{c:()=>i});var r=n(1504),o=n(5592),a=n(1100);function i(e){const t=(0,o.IT)(),n=(0,a.i0)(t),i=(0,a.yA)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},1824:(e,t,n)=>{"use strict";n.d(t,{y:()=>o});var r=n(8264);function o(){return(0,r.c)().siteConfig.themeConfig}},8589:(e,t,n)=>{"use strict";n.d(t,{E:()=>o});var r=n(8264);function o(){const{siteConfig:{themeConfig:e}}=(0,r.c)();return e}},9032:(e,t,n)=>{"use strict";n.d(t,{Q:()=>s});var r=n(1504),o=n(1064),a=n(964),i=n(8589);function s(){const{withBaseUrl:e}=(0,a.E)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.E)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o._)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1600:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,a)}},4292:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},5684:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(1600);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}});var a=n(4292);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},8064:(e,t,n)=>{"use strict";n.d(t,{iU:()=>S,Yf:()=>C,gh:()=>f,Wi:()=>A,Ep:()=>p});var r=n(6404);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(6136);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.c)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var g=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var y="popstate",b="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function S(e){void 0===e&&(e={}),g||(0,s.c)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,S=void 0!==c&&c,w=i.getUserConfirmation,x=void 0===w?h:w,k=i.keyLength,E=void 0===k?6:k,T=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return T&&(a=u(a,T)),f(a,r,n)}function _(){return Math.random().toString(36).substr(2,E)}var A=m();function I(e){(0,r.c)(z,e),z.length=n.length,A.notifyListeners(z.location,z.action)}function R(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(C(e.state))}function P(){N(C(v()))}var L=!1;function N(e){if(L)L=!1,I();else{A.confirmTransitionTo(e,"POP",x,(function(t){t?I({action:"POP",location:e}):function(e){var t=z.location,n=O.indexOf(t.key);-1===n&&(n=0);var r=O.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var F=C(v()),O=[F.key];function j(e){return T+p(e)}function M(e){n.go(e)}var D=0;function B(e){1===(D+=e)&&1===e?(window.addEventListener(y,R),a&&window.addEventListener(b,P)):0===D&&(window.removeEventListener(y,R),a&&window.removeEventListener(b,P))}var $=!1;var z={length:n.length,action:"POP",location:F,createHref:j,push:function(e,t){var r="PUSH",a=f(e,t,_(),z.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=j(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),S)window.location.href=t;else{var l=O.indexOf(z.location.key),c=O.slice(0,l+1);c.push(a.key),O=c,I({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,_(),z.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=j(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),S)window.location.replace(t);else{var l=O.indexOf(z.location.key);-1!==l&&(O[l]=a.key),I({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return $||(B(1),$=!0),function(){return $&&($=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return z}var w="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function T(e){window.location.replace(k(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),g||(0,s.c)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?h:o,i=n.hashType,c=void 0===i?"slash":i,y=e.basename?d(l(e.basename)):"",b=x[c],v=b.encodePath,S=b.decodePath;function C(){var e=S(E());return y&&(e=u(e,y)),f(e)}var _=m();function A(e){(0,r.c)($,e),$.length=t.length,_.notifyListeners($.location,$.action)}var I=!1,R=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)T(r);else{var o=C(),i=$.location;if(!I&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(R===p(o))return;R=null,function(e){if(I)I=!1,A();else{var t="POP";_.confirmTransitionTo(e,t,a,(function(n){n?A({action:t,location:e}):function(e){var t=$.location,n=O.lastIndexOf(p(t));-1===n&&(n=0);var r=O.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(I=!0,j(o))}(e)}))}}(o)}}var L=E(),N=v(L);L!==N&&T(N);var F=C(),O=[p(F)];function j(e){t.go(e)}var M=0;function D(e){1===(M+=e)&&1===e?window.addEventListener(w,P):0===M&&window.removeEventListener(w,P)}var B=!1;var $={length:t.length,action:"POP",location:F,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=k(window.location.href)),n+"#"+v(y+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,$.location);_.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(y+t);if(E()!==o){R=t,function(e){window.location.hash=e}(o);var a=O.lastIndexOf(p($.location)),i=O.slice(0,a+1);i.push(t),O=i,A({action:n,location:r})}else A()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,$.location);_.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(y+t);E()!==o&&(R=t,T(o));var a=O.indexOf(p($.location));-1!==a&&(O[a]=t),A({action:n,location:r})}}))},go:j,goBack:function(){j(-1)},goForward:function(){j(1)},block:function(e){void 0===e&&(e=!1);var t=_.setPrompt(e);return B||(D(1),B=!0),function(){return B&&(B=!1,D(-1)),t()}},listen:function(e){var t=_.appendListener(e);return D(1),function(){D(-1),t()}}};return $}function _(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.c)(S,e),S.length=S.entries.length,u.notifyListeners(S.location,S.action)}function g(){return Math.random().toString(36).substr(2,c)}var h=_(s,0,a.length-1),y=a.map((function(e){return f(e,void 0,"string"==typeof e?g():e.key||g())})),b=p;function v(e){var t=_(S.index+e,0,S.entries.length-1),r=S.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var S={length:y.length,action:"POP",location:y[h],index:h,entries:y,createHref:b,push:function(e,t){var r="PUSH",o=f(e,t,g(),S.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=S.index+1,n=S.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,g(),S.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(S.entries[S.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=S.index+e;return t>=0&&t<S.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return S}},4792:(e,t,n)=>{"use strict";var r=n(2168),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),g=l(n),h=0;h<i.length;++h){var y=i[h];if(!(a[y]||r&&r[y]||g&&g[y]||s&&s[y])){var b=p(n,y);try{c(t,y,b)}catch(v){}}}}return t}},9328:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},9600:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},1462:(e,t,n)=>{"use strict";n.r(t)},9115:(e,t,n)=>{"use strict";n.r(t)},2272:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},1596:()=>{!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i<o.length;i++)a[o[i]]=e.languages.bash[o[i]];e.languages.sh=e.languages.bash,e.languages.shell=e.languages.bash}(Prism)},1496:()=>{!function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(Prism)},5960:()=>{!function(e){e.languages.ejs={delimiter:{pattern:/^<%[-_=]?|[-_]?%>$/,alias:"punctuation"},comment:/^#[\s\S]*/,"language-javascript":{pattern:/[\s\S]+/,inside:e.languages.javascript}},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"ejs",/<%(?!%)[\s\S]+?%>/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"ejs")})),e.languages.eta=e.languages.ejs}(Prism)},9264:()=>{Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},1808:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),y=p.substring(m+f.length),b=[];g&&b.push.apply(b,i([g])),b.push(h),y&&b.push.apply(b,i([y])),"string"==typeof c?s.splice.apply(s,[l,1].concat(b)):c.content=b}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},712:()=>{!function(e){e.languages.ruby=e.languages.extend("clike",{comment:{pattern:/#.*|^=begin\s[\s\S]*?^=end/m,greedy:!0},"class-name":{pattern:/(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,operator:/\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,punctuation:/[(){}[\].,;]/}),e.languages.insertBefore("ruby","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}});var t={pattern:/((?:^|[^\\])(?:\\{2})*)#\{(?:[^{}]|\{[^{}]*\})*\}/,lookbehind:!0,inside:{content:{pattern:/^(#\{)[\s\S]+(?=\}$)/,lookbehind:!0,inside:e.languages.ruby},delimiter:{pattern:/^#\{|\}$/,alias:"punctuation"}}};delete e.languages.ruby.function;var n="(?:"+[/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,/\((?:[^()\\]|\\[\s\S]|\((?:[^()\\]|\\[\s\S])*\))*\)/.source,/\{(?:[^{}\\]|\\[\s\S]|\{(?:[^{}\\]|\\[\s\S])*\})*\}/.source,/\[(?:[^\[\]\\]|\\[\s\S]|\[(?:[^\[\]\\]|\\[\s\S])*\])*\]/.source,/<(?:[^<>\\]|\\[\s\S]|<(?:[^<>\\]|\\[\s\S])*>)*>/.source].join("|")+")",r=/(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;e.languages.insertBefore("ruby","keyword",{"regex-literal":[{pattern:RegExp(/%r/.source+n+/[egimnosux]{0,6}/.source),greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}}],variable:/[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,symbol:[{pattern:RegExp(/(^|[^:]):/.source+r),lookbehind:!0,greedy:!0},{pattern:RegExp(/([\r\n{(,][ \t]*)/.source+r+/(?=:(?!:))/.source),lookbehind:!0,greedy:!0}],"method-definition":{pattern:/(\bdef\s+)\w+(?:\s*\.\s*\w+)?/,lookbehind:!0,inside:{function:/\b\w+$/,keyword:/^self\b/,"class-name":/^\w+/,punctuation:/\./}}}),e.languages.insertBefore("ruby","string",{"string-literal":[{pattern:RegExp(/%[qQiIwWs]?/.source+n),greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?([a-z_]\w*)[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?[a-z_]\w*|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?/}},interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?'([a-z_]\w*)'[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?'[a-z_]\w*'|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?'|'$/}},string:/[\s\S]+/}}],"command-literal":[{pattern:RegExp(/%x/.source+n),greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}},{pattern:/`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}}]}),delete e.languages.ruby.string,e.languages.insertBefore("ruby","number",{builtin:/\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,constant:/\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/}),e.languages.rb=e.languages.ruby}(Prism)},4096:(e,t,n)=>{var r={"./prism-bash":1596,"./prism-diff":1496,"./prism-ejs":5960,"./prism-json":9264,"./prism-markup-templating":1808,"./prism-ruby":712};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=4096},9776:(e,t,n)=>{"use strict";var r=n(9143);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},3268:(e,t,n)=>{e.exports=n(9776)()},9143:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9516:(e,t,n)=>{"use strict";var r=n(1504),o=n(4712);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function g(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new g(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new g(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new g(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new g(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new g(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new g(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new g(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new g(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new g(e,5,!1,e.toLowerCase(),null,!1,!1)}));var y=/[\-:]([a-z])/g;function b(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(y,b);h[t]=new g(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(y,b);h[t]=new g(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(y,b);h[t]=new g(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new g(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new g("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new g(e,1,!1,e.toLowerCase(),null,!0,!0)}));var S=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=Symbol.for("react.element"),x=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),_=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),R=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var N=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var F=Symbol.iterator;function O(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=F&&e[F]||e["@@iterator"])?e:null}var j,M=Object.assign;function D(e){if(void 0===j)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);j=t&&t[1]||""}return"\n"+j+e}var B=!1;function $(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?D(e):""}function z(e){switch(e.tag){case 5:return D(e.type);case 16:return D("Lazy");case 13:return D("Suspense");case 19:return D("SuspenseList");case 0:case 2:case 15:return e=$(e.type,!1);case 11:return e=$(e.type.render,!1);case 1:return e=$(e.type,!0);default:return""}}function U(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case k:return"Fragment";case x:return"Portal";case T:return"Profiler";case E:return"StrictMode";case I:return"Suspense";case R:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case _:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:U(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return U(e(t))}catch(n){}}return null}function V(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function W(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=G(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function Y(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function K(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function X(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Q(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function Z(e,t){Q(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&Y(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function ge(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ge(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var ye=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function be(e,t){if(t){if(ye[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Se=null;function we(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,ke=null,Ee=null;function Te(e){if(e=So(e)){if("function"!=typeof xe)throw Error(a(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function Ce(e){ke?Ee?Ee.push(e):Ee=[e]:ke=e}function _e(){if(ke){var e=ke,t=Ee;if(Ee=ke=null,Te(e),t)for(e=0;e<t.length;e++)Te(t[e])}}function Ae(e,t){return e(t)}function Ie(){}var Re=!1;function Pe(e,t,n){if(Re)return e(t,n);Re=!0;try{return Ae(e,t,n)}finally{Re=!1,(null!==ke||null!==Ee)&&(Ie(),_e())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=xo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ne=!1;if(u)try{var Fe={};Object.defineProperty(Fe,"passive",{get:function(){Ne=!0}}),window.addEventListener("test",Fe,Fe),window.removeEventListener("test",Fe,Fe)}catch(ue){Ne=!1}function Oe(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var je=!1,Me=null,De=!1,Be=null,$e={onError:function(e){je=!0,Me=e}};function ze(e,t,n,r,o,a,i,s,l){je=!1,Me=null,Oe.apply($e,arguments)}function Ue(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ve(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(Ue(e)!==e)throw Error(a(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ue(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=We(e);if(null!==t)return t;e=e.sibling}return null}var qe=o.unstable_scheduleCallback,Ye=o.unstable_cancelCallback,Ke=o.unstable_shouldYield,Xe=o.unstable_requestPaint,Qe=o.unstable_now,Ze=o.unstable_getCurrentPriorityLevel,Je=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&0==(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&0!=(4194240&a)))return t;if(0!=(4&r)&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function gt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function yt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function bt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function St(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var wt,xt,kt,Et,Tt,Ct=!1,_t=[],At=null,It=null,Rt=null,Pt=new Map,Lt=new Map,Nt=[],Ft="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Ot(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":It=null;break;case"mouseover":case"mouseout":Rt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function jt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=So(t))&&xt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=Ue(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ve(n)))return e.blockedOn=t,void Tt(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Dt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Kt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=So(n))&&xt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);Se=r,n.target.dispatchEvent(r),Se=null,t.shift()}return!0}function Bt(e,t,n){Dt(e)&&n.delete(t)}function $t(){Ct=!1,null!==At&&Dt(At)&&(At=null),null!==It&&Dt(It)&&(It=null),null!==Rt&&Dt(Rt)&&(Rt=null),Pt.forEach(Bt),Lt.forEach(Bt)}function zt(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,$t)))}function Ut(e){function t(t){return zt(t,e)}if(0<_t.length){zt(_t[0],e);for(var n=1;n<_t.length;n++){var r=_t[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==At&&zt(At,e),null!==It&&zt(It,e),null!==Rt&&zt(Rt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<Nt.length;n++)(r=Nt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<Nt.length&&null===(n=Nt[0]).blockedOn;)Mt(n),null===n.blockedOn&&Nt.shift()}var Vt=S.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,r){var o=vt,a=Vt.transition;Vt.transition=null;try{vt=1,qt(e,t,n,r)}finally{vt=o,Vt.transition=a}}function Wt(e,t,n,r){var o=vt,a=Vt.transition;Vt.transition=null;try{vt=4,qt(e,t,n,r)}finally{vt=o,Vt.transition=a}}function qt(e,t,n,r){if(Ht){var o=Kt(e,t,n,r);if(null===o)Hr(e,t,r,Yt,n),Ot(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return At=jt(At,e,t,n,r,o),!0;case"dragenter":return It=jt(It,e,t,n,r,o),!0;case"mouseover":return Rt=jt(Rt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,jt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,jt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Ot(e,r),4&t&&-1<Ft.indexOf(e)){for(;null!==o;){var a=So(o);if(null!==a&&wt(a),null===(a=Kt(e,t,n,r))&&Hr(e,t,r,Yt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Yt=null;function Kt(e,t,n,r){if(Yt=null,null!==(e=vo(e=we(r))))if(null===(t=Ue(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=Ve(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Yt=e,null}function Xt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Ze()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Qt=null,Zt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Zt,r=n.length,o="value"in Qt?Qt.value:Qt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Jt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Tn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),gn=on(M({},fn,{dataTransfer:0})),hn=on(M({},dn,{relatedTarget:0})),yn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),bn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(bn),Sn=on(M({},cn,{data:0})),wn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function Tn(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=wn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Tn,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),_n=on(Cn),An=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),In=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Tn})),Rn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),Nn=[9,13,27,32],Fn=u&&"CompositionEvent"in window,On=null;u&&"documentMode"in document&&(On=document.documentMode);var jn=u&&"TextEvent"in window&&!On,Mn=u&&(!Fn||On&&8<On&&11>=On),Dn=String.fromCharCode(32),Bn=!1;function $n(e,t){switch(e){case"keyup":return-1!==Nn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function zn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Un=!1;var Vn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Vn[e.type]:"textarea"===t}function Gn(e,t,n,r){Ce(r),0<(t=Wr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Wn=null,qn=null;function Yn(e){Dr(e,0)}function Kn(e){if(q(wo(e)))return e}function Xn(e,t){if("change"===e)return t}var Qn=!1;if(u){var Zn;if(u){var Jn="oninput"in document;if(!Jn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Jn="function"==typeof er.oninput}Zn=Jn}else Zn=!1;Qn=Zn&&(!document.documentMode||9<document.documentMode)}function tr(){Wn&&(Wn.detachEvent("onpropertychange",nr),qn=Wn=null)}function nr(e){if("value"===e.propertyName&&Kn(qn)){var t=[];Gn(t,qn,e,we(e)),Pe(Yn,t)}}function rr(e,t,n){"focusin"===e?(tr(),qn=n,(Wn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Kn(qn)}function ar(e,t){if("click"===e)return Kn(t)}function ir(e,t){if("input"===e||"change"===e)return Kn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=Y();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=Y((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var gr=u&&"documentMode"in document&&11>=document.documentMode,hr=null,yr=null,br=null,vr=!1;function Sr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==hr||hr!==Y(r)||("selectionStart"in(r=hr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},br&&lr(br,r)||(br=r,0<(r=Wr(yr,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=hr)))}function wr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:wr("Animation","AnimationEnd"),animationiteration:wr("Animation","AnimationIteration"),animationstart:wr("Animation","AnimationStart"),transitionend:wr("Transition","TransitionEnd")},kr={},Er={};function Tr(e){if(kr[e])return kr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return kr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var Cr=Tr("animationend"),_r=Tr("animationiteration"),Ar=Tr("animationstart"),Ir=Tr("transitionend"),Rr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Rr.set(e,t),l(t,[e])}for(var Nr=0;Nr<Pr.length;Nr++){var Fr=Pr[Nr];Lr(Fr.toLowerCase(),"on"+(Fr[0].toUpperCase()+Fr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(_r,"onAnimationIteration"),Lr(Ar,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Ir,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Or="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),jr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Or));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(ze.apply(this,arguments),je){if(!je)throw Error(a(198));var u=Me;je=!1,Me=null,De||(De=!0,Be=u)}}(r,t,void 0,e),e.currentTarget=null}function Dr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(De)throw e=Be,De=!1,Be=null,e}function Br(e,t){var n=t[ho];void 0===n&&(n=t[ho]=new Set);var r=e+"__bubble";n.has(r)||(Vr(t,e,2,!1),n.add(r))}function $r(e,t,n){var r=0;t&&(r|=4),Vr(n,e,r,t)}var zr="_reactListening"+Math.random().toString(36).slice(2);function Ur(e){if(!e[zr]){e[zr]=!0,i.forEach((function(t){"selectionchange"!==t&&(jr.has(t)||$r(t,!1,e),$r(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[zr]||(t[zr]=!0,$r("selectionchange",!1,t))}}function Vr(e,t,n,r){switch(Xt(t)){case 1:var o=Gt;break;case 4:o=Wt;break;default:o=qt}n=o.bind(null,t,n,e),o=void 0,!Ne||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=we(n),i=[];e:{var s=Rr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=_n;break;case"focusin":c="focus",l=hn;break;case"focusout":c="blur",l=hn;break;case"beforeblur":case"afterblur":l=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=gn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=In;break;case Cr:case _r:case Ar:l=yn;break;case Ir:l=Rn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var g=(f=m).stateNode;if(5===f.tag&&null!==g&&(f=g,null!==p&&(null!=(g=Le(m,p))&&u.push(Gr(m,g,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(0==(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===Se||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[go])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=Ue(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,g="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,g="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:wo(l),f=null==c?s:wo(c),(s=new u(g,m+"leave",l,n,o)).target=d,s.relatedTarget=f,g=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,g=u),d=g,l&&c)e:{for(p=c,m=0,f=u=l;f;f=qr(f))m++;for(f=0,g=p;g;g=qr(g))f++;for(;0<m-f;)u=qr(u),m--;for(;0<f-m;)p=qr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=qr(u),p=qr(p)}u=null}else u=null;null!==l&&Yr(i,s,l,u,!1),null!==c&&null!==d&&Yr(i,d,c,u,!0)}if("select"===(l=(s=r?wo(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var h=Xn;else if(Hn(s))if(Qn)h=ir;else{h=or;var y=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(h=ar);switch(h&&(h=h(e,r))?Gn(i,h,n,o):(y&&y(e,s,r),"focusout"===e&&(y=s._wrapperState)&&y.controlled&&"number"===s.type&&ee(s,"number",s.value)),y=r?wo(r):window,e){case"focusin":(Hn(y)||"true"===y.contentEditable)&&(hr=y,yr=r,br=null);break;case"focusout":br=yr=hr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,Sr(i,n,o);break;case"selectionchange":if(gr)break;case"keydown":case"keyup":Sr(i,n,o)}var b;if(Fn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else Un?$n(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(Un||"onCompositionStart"!==v?"onCompositionEnd"===v&&Un&&(b=en()):(Zt="value"in(Qt=o)?Qt.value:Qt.textContent,Un=!0)),0<(y=Wr(r,v)).length&&(v=new Sn(v,e,null,n,o),i.push({event:v,listeners:y}),b?v.data=b:null!==(b=zn(n))&&(v.data=b))),(b=jn?function(e,t){switch(e){case"compositionend":return zn(t);case"keypress":return 32!==t.which?null:(Bn=!0,Dn);case"textInput":return(e=t.data)===Dn&&Bn?null:e;default:return null}}(e,n):function(e,t){if(Un)return"compositionend"===e||!Fn&&$n(e,t)?(e=en(),Jt=Zt=Qt=null,Un=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Wr(r,"onBeforeInput")).length&&(o=new Sn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=b))}Dr(i,t)}))}function Gr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Wr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Gr(e,a,o)),null!=(a=Le(e,t))&&r.push(Gr(e,a,o))),e=e.return}return r}function qr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Yr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Gr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Gr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Kr=/\r\n?/g,Xr=/\u0000|\uFFFD/g;function Qr(e){return("string"==typeof e?e:""+e).replace(Kr,"\n").replace(Xr,"")}function Zr(e,t,n){if(t=Qr(t),Qr(e)!==t&&n)throw Error(a(425))}function Jr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void Ut(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);Ut(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,go="__reactContainer$"+po,ho="__reactEvents$"+po,yo="__reactListeners$"+po,bo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[go]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function So(e){return!(e=e[fo]||e[go])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wo(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function xo(e){return e[mo]||null}var ko=[],Eo=-1;function To(e){return{current:e}}function Co(e){0>Eo||(e.current=ko[Eo],ko[Eo]=null,Eo--)}function _o(e,t){Eo++,ko[Eo]=e.current,e.current=t}var Ao={},Io=To(Ao),Ro=To(!1),Po=Ao;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Ao;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function No(e){return null!=(e=e.childContextTypes)}function Fo(){Co(Ro),Co(Io)}function Oo(e,t,n){if(Io.current!==Ao)throw Error(a(168));_o(Io,t),_o(Ro,n)}function jo(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,V(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ao,Po=Io.current,_o(Io,e),_o(Ro,Ro.current),!0}function Do(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=jo(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(Ro),Co(Io),_o(Io,e)):Co(Ro),_o(Ro,n)}var Bo=null,$o=!1,zo=!1;function Uo(e){null===Bo?Bo=[e]:Bo.push(e)}function Vo(){if(!zo&&null!==Bo){zo=!0;var e=0,t=vt;try{var n=Bo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}Bo=null,$o=!1}catch(o){throw null!==Bo&&(Bo=Bo.slice(e+1)),qe(Je,Vo),o}finally{vt=t,zo=!1}}return null}var Ho=[],Go=0,Wo=null,qo=0,Yo=[],Ko=0,Xo=null,Qo=1,Zo="";function Jo(e,t){Ho[Go++]=qo,Ho[Go++]=Wo,Wo=e,qo=t}function ea(e,t,n){Yo[Ko++]=Qo,Yo[Ko++]=Zo,Yo[Ko++]=Xo,Xo=e;var r=Qo;e=Zo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Qo=1<<32-it(t)+o|n<<o|r,Zo=a+e}else Qo=1<<a|n<<o|r,Zo=e}function ta(e){null!==e.return&&(Jo(e,1),ea(e,1,0))}function na(e){for(;e===Wo;)Wo=Ho[--Go],Ho[Go]=null,qo=Ho[--Go],Ho[Go]=null;for(;e===Xo;)Xo=Yo[--Ko],Yo[Ko]=null,Zo=Yo[--Ko],Yo[Ko]=null,Qo=Yo[--Ko],Yo[Ko]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Lc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Xo?{id:Qo,overflow:Zo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Lc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ga(e){null===ia?ia=[e]:ia.push(e)}var ha=S.ReactCurrentBatchConfig;function ya(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var ba=To(null),va=null,Sa=null,wa=null;function xa(){wa=Sa=va=null}function ka(e){var t=ba.current;Co(ba),e._currentValue=t}function Ea(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){va=e,wa=Sa=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Ss=!0),e.firstContext=null)}function Ca(e){var t=e._currentValue;if(wa!==e)if(e={context:e,memoizedValue:t,next:null},null===Sa){if(null===va)throw Error(a(308));Sa=e,va.dependencies={lanes:0,firstContext:e}}else Sa=Sa.next=e;return t}var _a=null;function Aa(e){null===_a?_a=[e]:_a.push(e)}function Ia(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Aa(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ra(e,r)}function Ra(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Pa=!1;function La(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Na(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Fa(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Oa(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,0!=(2&Il)){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ra(e,n)}return null===(o=r.interleaved)?(t.next=t,Aa(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ra(e,n)}function ja(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,bt(e,n)}}function Ma(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Da(e,t,n,r){var o=e.updateQueue;Pa=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,g=s;switch(p=t,f=n,g.tag){case 1:if("function"==typeof(m=g.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=g.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Pa=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Ml|=i,e.lanes=i,e.memoizedState=d}}function Ba(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var $a=(new r.Component).refs;function za(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var Ua={isMounted:function(e){return!!(e=e._reactInternals)&&Ue(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=tc(),o=nc(e),a=Fa(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Oa(e,a,o))&&(rc(t,e,o,r),ja(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=tc(),o=nc(e),a=Fa(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Oa(e,a,o))&&(rc(t,e,o,r),ja(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),r=nc(e),o=Fa(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Oa(e,o,r))&&(rc(t,e,r,n),ja(t,e,r))}};function Va(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function Ha(e,t,n){var r=!1,o=Ao,a=t.contextType;return"object"==typeof a&&null!==a?a=Ca(a):(o=No(t)?Po:Io.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Ao),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ua,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function Ga(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Ua.enqueueReplaceState(t,t.state,null)}function Wa(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=$a,La(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Ca(a):(a=No(t)?Po:Io.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(za(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ua.enqueueReplaceState(o,o.state,null),Da(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function qa(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;t===$a&&(t=o.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function Ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Ka(e){return(0,e._init)(e._payload)}function Xa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Fc(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Dc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&Ka(a)===t.type)?((r=o(t,n.props)).ref=qa(e,t,n),r.return=e,r):((r=Oc(n.type,n.key,n.props,null,e.mode,r)).ref=qa(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=jc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Dc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case w:return(n=Oc(t.type,t.key,t.props,null,e.mode,n)).ref=qa(e,null,t),n.return=e,n;case x:return(t=Bc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||O(t))return(t=jc(t,e.mode,n,null)).return=e,t;Ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return n.key===o?c(e,t,n,r):null;case x:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||O(n))return null!==o?null:d(e,t,n,r,null);Ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case w:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case x:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||O(r))return d(t,e=e.get(n)||null,r,o,null);Ya(t,r)}return null}function g(o,a,s,l){for(var c=null,u=null,d=a,g=a=0,h=null;null!==d&&g<s.length;g++){d.index>g?(h=d,d=null):h=d.sibling;var y=f(o,d,s[g],l);if(null===y){null===d&&(d=h);break}e&&d&&null===y.alternate&&t(o,d),a=i(y,a,g),null===u?c=y:u.sibling=y,u=y,d=h}if(g===s.length)return n(o,d),aa&&Jo(o,g),c;if(null===d){for(;g<s.length;g++)null!==(d=p(o,s[g],l))&&(a=i(d,a,g),null===u?c=d:u.sibling=d,u=d);return aa&&Jo(o,g),c}for(d=r(o,d);g<s.length;g++)null!==(h=m(d,o,g,s[g],l))&&(e&&null!==h.alternate&&d.delete(null===h.key?g:h.key),a=i(h,a,g),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(o,e)})),aa&&Jo(o,g),c}function h(o,s,l,c){var u=O(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,g=s,h=s=0,y=null,b=l.next();null!==g&&!b.done;h++,b=l.next()){g.index>h?(y=g,g=null):y=g.sibling;var v=f(o,g,b.value,c);if(null===v){null===g&&(g=y);break}e&&g&&null===v.alternate&&t(o,g),s=i(v,s,h),null===d?u=v:d.sibling=v,d=v,g=y}if(b.done)return n(o,g),aa&&Jo(o,h),u;if(null===g){for(;!b.done;h++,b=l.next())null!==(b=p(o,b.value,c))&&(s=i(b,s,h),null===d?u=b:d.sibling=b,d=b);return aa&&Jo(o,h),u}for(g=r(o,g);!b.done;h++,b=l.next())null!==(b=m(g,o,h,b.value,c))&&(e&&null!==b.alternate&&g.delete(null===b.key?h:b.key),s=i(b,s,h),null===d?u=b:d.sibling=b,d=b);return e&&g.forEach((function(e){return t(o,e)})),aa&&Jo(o,h),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===k&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case w:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===k){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&Ka(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=qa(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===k?((a=jc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Oc(i.type,i.key,i.props,null,r.mode,l)).ref=qa(r,a,i),l.return=r,r=l)}return s(r);case x:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Bc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return g(r,a,i,l);if(O(i))return h(r,a,i,l);Ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Dc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Qa=Xa(!0),Za=Xa(!1),Ja={},ei=To(Ja),ti=To(Ja),ni=To(Ja);function ri(e){if(e===Ja)throw Error(a(174));return e}function oi(e,t){switch(_o(ni,t),_o(ti,e),_o(ei,Ja),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(ei),_o(ei,t)}function ai(){Co(ei),Co(ti),Co(ni)}function ii(e){ri(ni.current);var t=ri(ei.current),n=le(t,e.type);t!==n&&(_o(ti,e),_o(ei,n))}function si(e){ti.current===e&&(Co(ei),Co(ti))}var li=To(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=S.ReactCurrentDispatcher,fi=S.ReactCurrentBatchConfig,mi=0,gi=null,hi=null,yi=null,bi=!1,vi=!1,Si=0,wi=0;function xi(){throw Error(a(321))}function ki(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function Ei(e,t,n,r,o,i){if(mi=i,gi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ss:ls,e=n(r,o),vi){i=0;do{if(vi=!1,Si=0,25<=i)throw Error(a(301));i+=1,yi=hi=null,t.updateQueue=null,pi.current=cs,e=n(r,o)}while(vi)}if(pi.current=is,t=null!==hi&&null!==hi.next,mi=0,yi=hi=gi=null,bi=!1,t)throw Error(a(300));return e}function Ti(){var e=0!==Si;return Si=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===yi?gi.memoizedState=yi=e:yi=yi.next=e,yi}function _i(){if(null===hi){var e=gi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===yi?gi.memoizedState:yi.next;if(null!==t)yi=t,hi=e;else{if(null===e)throw Error(a(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===yi?gi.memoizedState=yi=e:yi=yi.next=e}return yi}function Ai(e,t){return"function"==typeof t?t(e):t}function Ii(e){var t=_i(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=hi,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((mi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,gi.lanes|=d,Ml|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(Ss=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,gi.lanes|=i,Ml|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ri(e){var t=_i(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(Ss=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function Pi(){}function Li(e,t){var n=gi,r=_i(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,Ss=!0),r=r.queue,Hi(Oi.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==yi&&1&yi.memoizedState.tag){if(n.flags|=2048,Bi(9,Fi.bind(null,n,r,o,t),void 0,null),null===Rl)throw Error(a(349));0!=(30&mi)||Ni(n,t,o)}return o}function Ni(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=gi.updateQueue)?(t={lastEffect:null,stores:null},gi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Fi(e,t,n,r){t.value=n,t.getSnapshot=r,ji(t)&&Mi(e)}function Oi(e,t,n){return n((function(){ji(t)&&Mi(e)}))}function ji(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Mi(e){var t=Ra(e,1);null!==t&&rc(t,e,1,-1)}function Di(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=ns.bind(null,gi,e),[t.memoizedState,e]}function Bi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=gi.updateQueue)?(t={lastEffect:null,stores:null},gi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function $i(){return _i().memoizedState}function zi(e,t,n,r){var o=Ci();gi.flags|=e,o.memoizedState=Bi(1|t,n,void 0,void 0===r?null:r)}function Ui(e,t,n,r){var o=_i();r=void 0===r?null:r;var a=void 0;if(null!==hi){var i=hi.memoizedState;if(a=i.destroy,null!==r&&ki(r,i.deps))return void(o.memoizedState=Bi(t,n,a,r))}gi.flags|=e,o.memoizedState=Bi(1|t,n,a,r)}function Vi(e,t){return zi(8390656,8,e,t)}function Hi(e,t){return Ui(2048,8,e,t)}function Gi(e,t){return Ui(4,2,e,t)}function Wi(e,t){return Ui(4,4,e,t)}function qi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Yi(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4,4,qi.bind(null,t,e),n)}function Ki(){}function Xi(e,t){var n=_i();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ki(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Qi(e,t){var n=_i();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ki(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Zi(e,t,n){return 0==(21&mi)?(e.baseState&&(e.baseState=!1,Ss=!0),e.memoizedState=n):(sr(n,t)||(n=gt(),gi.lanes|=n,Ml|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=r}}function es(){return _i().memoizedState}function ts(e,t,n){var r=nc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},rs(e))os(t,n);else if(null!==(n=Ia(e,t,n,r))){rc(n,e,r,tc()),as(n,t,r)}}function ns(e,t,n){var r=nc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(rs(e))os(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Aa(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Ia(e,t,o,r))&&(rc(n,e,r,o=tc()),as(n,t,r))}}function rs(e){var t=e.alternate;return e===gi||null!==t&&t===gi}function os(e,t){vi=bi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function as(e,t,n){if(0!=(4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,bt(e,n)}}var is={readContext:Ca,useCallback:xi,useContext:xi,useEffect:xi,useImperativeHandle:xi,useInsertionEffect:xi,useLayoutEffect:xi,useMemo:xi,useReducer:xi,useRef:xi,useState:xi,useDebugValue:xi,useDeferredValue:xi,useTransition:xi,useMutableSource:xi,useSyncExternalStore:xi,useId:xi,unstable_isNewReconciler:!1},ss={readContext:Ca,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Ca,useEffect:Vi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,zi(4194308,4,qi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return zi(4194308,4,e,t)},useInsertionEffect:function(e,t){return zi(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Ci();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=ts.bind(null,gi,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Di,useDebugValue:Ki,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Di(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=gi,o=Ci();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Rl)throw Error(a(349));0!=(30&mi)||Ni(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Vi(Oi.bind(null,r,i,e),[e]),r.flags|=2048,Bi(9,Fi.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=Rl.identifierPrefix;if(aa){var n=Zo;t=":"+t+"R"+(n=(Qo&~(1<<32-it(Qo)-1)).toString(32)+n),0<(n=Si++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=wi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},ls={readContext:Ca,useCallback:Xi,useContext:Ca,useEffect:Hi,useImperativeHandle:Yi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Qi,useReducer:Ii,useRef:$i,useState:function(){return Ii(Ai)},useDebugValue:Ki,useDeferredValue:function(e){return Zi(_i(),hi.memoizedState,e)},useTransition:function(){return[Ii(Ai)[0],_i().memoizedState]},useMutableSource:Pi,useSyncExternalStore:Li,useId:es,unstable_isNewReconciler:!1},cs={readContext:Ca,useCallback:Xi,useContext:Ca,useEffect:Hi,useImperativeHandle:Yi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Qi,useReducer:Ri,useRef:$i,useState:function(){return Ri(Ai)},useDebugValue:Ki,useDeferredValue:function(e){var t=_i();return null===hi?t.memoizedState=e:Zi(t,hi.memoizedState,e)},useTransition:function(){return[Ri(Ai)[0],_i().memoizedState]},useMutableSource:Pi,useSyncExternalStore:Li,useId:es,unstable_isNewReconciler:!1};function us(e,t){try{var n="",r=t;do{n+=z(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function ds(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ps(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fs="function"==typeof WeakMap?WeakMap:Map;function ms(e,t,n){(n=Fa(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Gl||(Gl=!0,Wl=r),ps(0,t)},n}function gs(e,t,n){(n=Fa(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ps(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ps(0,t),"function"!=typeof r&&(null===ql?ql=new Set([this]):ql.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new fs;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function ys(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Fa(-1,1)).tag=2,Oa(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var vs=S.ReactCurrentOwner,Ss=!1;function ws(e,t,n,r){t.child=null===e?Za(t,null,n,r):Qa(t,e.child,n,r)}function xs(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=Ei(e,t,n,r,a,o),n=Ti(),null===e||Ss?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gs(e,t,o))}function ks(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Nc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Oc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,Es(e,t,a,r,o))}if(a=e.child,0==(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Gs(e,t,o)}return t.flags|=1,(e=Fc(a,r)).ref=t.ref,e.return=t,t.child=e}function Es(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(Ss=!1,t.pendingProps=r=a,0==(e.lanes&o))return t.lanes=e.lanes,Gs(e,t,o);0!=(131072&e.flags)&&(Ss=!0)}}return _s(e,t,n,r,o)}function Ts(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},_o(Fl,Nl),Nl|=n;else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,_o(Fl,Nl),Nl|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,_o(Fl,Nl),Nl|=r}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,_o(Fl,Nl),Nl|=r;return ws(e,t,o,n),t.child}function Cs(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function _s(e,t,n,r,o){var a=No(n)?Po:Io.current;return a=Lo(t,a),Ta(t,o),n=Ei(e,t,n,r,a,o),r=Ti(),null===e||Ss?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gs(e,t,o))}function As(e,t,n,r,o){if(No(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)Hs(e,t),Ha(t,n,r),Wa(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Ca(c):c=Lo(t,c=No(n)?Po:Io.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&Ga(t,i,r,c),Pa=!1;var p=t.memoizedState;i.state=p,Da(t,r,i,o),l=t.memoizedState,s!==r||p!==l||Ro.current||Pa?("function"==typeof u&&(za(t,n,u,r),l=t.memoizedState),(s=Pa||Va(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Na(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ya(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Ca(l):l=Lo(t,l=No(n)?Po:Io.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&Ga(t,i,r,l),Pa=!1,p=t.memoizedState,i.state=p,Da(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||Ro.current||Pa?("function"==typeof f&&(za(t,n,f,r),m=t.memoizedState),(c=Pa||Va(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Is(e,t,n,r,a,o)}function Is(e,t,n,r,o,a){Cs(e,t);var i=0!=(128&t.flags);if(!r&&!i)return o&&Do(t,n,!1),Gs(e,t,a);r=t.stateNode,vs.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Qa(t,e.child,null,a),t.child=Qa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Do(t,n,!0),t.child}function Rs(e){var t=e.stateNode;t.pendingContext?Oo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Oo(0,t.context,!1),oi(e,t.containerInfo)}function Ps(e,t,n,r,o){return ma(),ga(o),t.flags|=256,ws(e,t,n,r),t.child}var Ls,Ns,Fs,Os,js={dehydrated:null,treeContext:null,retryLane:0};function Ms(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ds(e,t,n){var r,o=t.pendingProps,i=li.current,s=!1,l=0!=(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&0!=(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),_o(li,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},0==(1&o)&&null!==s?(s.childLanes=0,s.pendingProps=l):s=Mc(l,o,0,null),e=jc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ms(n),t.memoizedState=js,e):Bs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,$s(e,t,s,r=ds(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Mc({mode:"visible",children:r.children},o,0,null),(i=jc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,0!=(1&t.mode)&&Qa(t,e.child,null,s),t.child.memoizedState=Ms(s),t.memoizedState=js,i);if(0==(1&t.mode))return $s(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,$s(e,t,s,r=ds(i=Error(a(419)),r,void 0))}if(l=0!=(s&e.childLanes),Ss||l){if(null!==(r=Rl)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=0!=(o&(r.suspendedLanes|s))?0:o)&&o!==i.retryLane&&(i.retryLane=o,Ra(e,o),rc(r,e,o,-1))}return hc(),$s(e,t,s,r=ds(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Yo[Ko++]=Qo,Yo[Ko++]=Zo,Yo[Ko++]=Xo,Qo=e.id,Zo=e.overflow,Xo=t),t=Bs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 0==(1&l)&&t.child!==i?((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null):(o=Fc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==r?s=Fc(r,s):(s=jc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ms(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=js,o}return e=(s=e.child).sibling,o=Fc(s,{mode:"visible",children:o.children}),0==(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Bs(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function $s(e,t,n,r){return null!==r&&ga(r),Qa(t,e.child,null,n),(e=Bs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function zs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Ea(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function Vs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),0!=(2&(r=li.current)))r=1&r|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&zs(e,n,t);else if(19===e.tag)zs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(_o(li,r),0==(1&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ci(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hs(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ml|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Fc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Fc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Ws(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function qs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ys(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return qs(t),null;case 1:case 17:return No(t.type)&&Fo(),qs(t),null;case 3:return r=t.stateNode,ai(),Co(Ro),Co(Io),di(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==ia&&(sc(ia),ia=null))),Ns(e,t),qs(t),null;case 5:si(t);var o=ri(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Fs(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return qs(t),null}if(e=ri(ei.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=0!=(1&t.mode),n){case"dialog":Br("cancel",r),Br("close",r);break;case"iframe":case"object":case"embed":Br("load",r);break;case"video":case"audio":for(o=0;o<Or.length;o++)Br(Or[o],r);break;case"source":Br("error",r);break;case"img":case"image":case"link":Br("error",r),Br("load",r);break;case"details":Br("toggle",r);break;case"input":X(r,i),Br("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},Br("invalid",r);break;case"textarea":oe(r,i),Br("invalid",r)}for(var l in be(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Br("scroll",r)}switch(n){case"input":W(r),J(r,i,!0);break;case"textarea":W(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Jr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ls(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":Br("cancel",e),Br("close",e),o=r;break;case"iframe":case"object":case"embed":Br("load",e),o=r;break;case"video":case"audio":for(o=0;o<Or.length;o++)Br(Or[o],e);o=r;break;case"source":Br("error",e),o=r;break;case"img":case"image":case"link":Br("error",e),Br("load",e),o=r;break;case"details":Br("toggle",e),o=r;break;case"input":X(e,r),o=K(e,r),Br("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),Br("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),Br("invalid",e)}for(i in be(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Br("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":W(e),J(e,r,!1);break;case"textarea":W(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Jr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return qs(t),null;case 6:if(e&&null!=t.stateNode)Os(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=ri(ni.current),ri(ei.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Zr(r.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Zr(r.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return qs(t),null;case 13:if(Co(li),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&0!=(1&t.mode)&&0==(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;qs(t),i=!1}else null!==ia&&(sc(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&li.current)?0===Ol&&(Ol=3):hc())),null!==t.updateQueue&&(t.flags|=4),qs(t),null);case 4:return ai(),Ns(e,t),null===e&&Ur(t.stateNode.containerInfo),qs(t),null;case 10:return ka(t.type._context),qs(t),null;case 19:if(Co(li),null===(i=t.memoizedState))return qs(t),null;if(r=0!=(128&t.flags),null===(l=i.rendering))if(r)Ws(i,!1);else{if(0!==Ol||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(l=ci(e))){for(t.flags|=128,Ws(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return _o(li,1&li.current|2),t.child}e=e.sibling}null!==i.tail&&Qe()>Vl&&(t.flags|=128,r=!0,Ws(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ci(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Ws(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return qs(t),null}else 2*Qe()-i.renderingStartTime>Vl&&1073741824!==n&&(t.flags|=128,r=!0,Ws(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Qe(),t.sibling=null,n=li.current,_o(li,r?1&n|2:1&n),t):(qs(t),null);case 22:case 23:return pc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&0!=(1&t.mode)?0!=(1073741824&Nl)&&(qs(t),6&t.subtreeFlags&&(t.flags|=8192)):qs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return No(t.type)&&Fo(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return ai(),Co(Ro),Co(Io),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return si(t),null;case 13:if(Co(li),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(li),null;case 4:return ai(),null;case 10:return ka(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Ls=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ns=function(){},Fs=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,ri(ei.current);var a,i=null;switch(n){case"input":o=K(e,o),r=K(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Jr)}for(u in be(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Br("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Os=function(e,t,n,r){n!==r&&(t.flags|=4)};var Xs=!1,Qs=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function el(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Tc(e,t,r)}else n.current=null}function tl(e,t,n){try{n()}catch(r){Tc(e,t,r)}}var nl=!1;function rl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&tl(t,n,a)}o=o.next}while(o!==r)}}function ol(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function al(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function il(e){var t=e.alternate;null!==t&&(e.alternate=null,il(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[ho],delete t[yo],delete t[bo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function sl(e){return 5===e.tag||3===e.tag||4===e.tag}function ll(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||sl(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Jr));else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}function ul(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(ul(e,t,n),e=e.sibling;null!==e;)ul(e,t,n),e=e.sibling}var dl=null,pl=!1;function fl(e,t,n){for(n=n.child;null!==n;)ml(e,t,n),n=n.sibling}function ml(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Qs||el(n,t);case 6:var r=dl,o=pl;dl=null,fl(e,t,n),pl=o,null!==(dl=r)&&(pl?(e=dl,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):dl.removeChild(n.stateNode));break;case 18:null!==dl&&(pl?(e=dl,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),Ut(e)):lo(dl,n.stateNode));break;case 4:r=dl,o=pl,dl=n.stateNode.containerInfo,pl=!0,fl(e,t,n),dl=r,pl=o;break;case 0:case 11:case 14:case 15:if(!Qs&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(0!=(2&a)||0!=(4&a))&&tl(n,t,i),o=o.next}while(o!==r)}fl(e,t,n);break;case 1:if(!Qs&&(el(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Tc(n,t,s)}fl(e,t,n);break;case 21:fl(e,t,n);break;case 22:1&n.mode?(Qs=(r=Qs)||null!==n.memoizedState,fl(e,t,n),Qs=r):fl(e,t,n);break;default:fl(e,t,n)}}function gl(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Ic.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:dl=l.stateNode,pl=!1;break e;case 3:case 4:dl=l.stateNode.containerInfo,pl=!0;break e}l=l.return}if(null===dl)throw Error(a(160));ml(i,s,o),dl=null,pl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Tc(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)yl(t,e),t=t.sibling}function yl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{rl(3,e,e.return),ol(3,e)}catch(h){Tc(e,e.return,h)}try{rl(5,e,e.return)}catch(h){Tc(e,e.return,h)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&el(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&el(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(h){Tc(e,e.return,h)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Q(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?he(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":Z(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(h){Tc(e,e.return,h)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(h){Tc(e,e.return,h)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{Ut(t.containerInfo)}catch(h){Tc(e,e.return,h)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Qe())),4&r&&gl(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Qs=(u=Qs)||d,hl(t,e),Qs=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:rl(4,f,f.return);break;case 1:el(f,f.return);var g=f.stateNode;if("function"==typeof g.componentWillUnmount){r=f,n=f.return;try{t=r,g.props=t.memoizedProps,g.state=t.memoizedState,g.componentWillUnmount()}catch(h){Tc(r,n,h)}}break;case 5:el(f,f.return);break;case 22:if(null!==f.memoizedState){xl(p);continue}}null!==m?(m.return=f,Js=m):xl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=ge("display",s))}catch(h){Tc(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){Tc(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&gl(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(sl(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),ul(e,ll(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;cl(e,ll(e),i);break;default:throw Error(a(161))}}catch(s){Tc(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vl(e,t,n){Js=e,Sl(e,t,n)}function Sl(e,t,n){for(var r=0!=(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Xs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Qs;s=Xs;var c=Qs;if(Xs=i,(Qs=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?kl(o):null!==l?(l.return=i,Js=l):kl(o);for(;null!==a;)Js=a,Sl(a,t,n),a=a.sibling;Js=o,Xs=s,Qs=c}wl(e)}else 0!=(8772&o.subtreeFlags)&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Qs||ol(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Qs)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ya(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ba(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ba(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&Ut(p)}}}break;default:throw Error(a(163))}Qs||512&t.flags&&al(t)}catch(f){Tc(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function xl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{ol(4,t)}catch(l){Tc(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Tc(t,o,l)}}var a=t.return;try{al(t)}catch(l){Tc(t,a,l)}break;case 5:var i=t.return;try{al(t)}catch(l){Tc(t,i,l)}}}catch(l){Tc(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var El,Tl=Math.ceil,Cl=S.ReactCurrentDispatcher,_l=S.ReactCurrentOwner,Al=S.ReactCurrentBatchConfig,Il=0,Rl=null,Pl=null,Ll=0,Nl=0,Fl=To(0),Ol=0,jl=null,Ml=0,Dl=0,Bl=0,$l=null,zl=null,Ul=0,Vl=1/0,Hl=null,Gl=!1,Wl=null,ql=null,Yl=!1,Kl=null,Xl=0,Ql=0,Zl=null,Jl=-1,ec=0;function tc(){return 0!=(6&Il)?Qe():-1!==Jl?Jl:Jl=Qe()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Il)&&0!==Ll?Ll&-Ll:null!==ha.transition?(0===ec&&(ec=gt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Xt(e.type)}function rc(e,t,n,r){if(50<Ql)throw Ql=0,Zl=null,Error(a(185));yt(e,n,r),0!=(2&Il)&&e===Rl||(e===Rl&&(0==(2&Il)&&(Dl|=n),4===Ol&&lc(e,Ll)),oc(e,r),1===n&&0===Il&&0==(1&t.mode)&&(Vl=Qe()+500,$o&&Vo()))}function oc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?0!=(s&n)&&0==(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Rl?Ll:0);if(0===r)null!==n&&Ye(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ye(n),1===t)0===e.tag?function(e){$o=!0,Uo(e)}(cc.bind(null,e)):Uo(cc.bind(null,e)),io((function(){0==(6&Il)&&Vo()})),n=null;else{switch(St(r)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Rc(n,ac.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function ac(e,t){if(Jl=-1,ec=0,0!=(6&Il))throw Error(a(327));var n=e.callbackNode;if(kc()&&e.callbackNode!==n)return null;var r=pt(e,e===Rl?Ll:0);if(0===r)return null;if(0!=(30&r)||0!=(r&e.expiredLanes)||t)t=yc(e,r);else{t=r;var o=Il;Il|=2;var i=gc();for(Rl===e&&Ll===t||(Hl=null,Vl=Qe()+500,fc(e,t));;)try{vc();break}catch(l){mc(e,l)}xa(),Cl.current=i,Il=o,null!==Pl?t=0:(Rl=null,Ll=0,t=Ol)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ic(e,o))),1===t)throw n=jl,fc(e,0),lc(e,r),oc(e,Qe()),n;if(6===t)lc(e,r);else{if(o=e.current.alternate,0==(30&r)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)&&(2===(t=yc(e,r))&&(0!==(i=mt(e))&&(r=i,t=ic(e,i))),1===t))throw n=jl,fc(e,0),lc(e,r),oc(e,Qe()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:xc(e,zl,Hl);break;case 3:if(lc(e,r),(130023424&r)===r&&10<(t=Ul+500-Qe())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){tc(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(xc.bind(null,e,zl,Hl),t);break}xc(e,zl,Hl);break;case 4:if(lc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Qe()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Tl(r/1960))-r)){e.timeoutHandle=ro(xc.bind(null,e,zl,Hl),r);break}xc(e,zl,Hl);break;default:throw Error(a(329))}}}return oc(e,Qe()),e.callbackNode===n?ac.bind(null,e):null}function ic(e,t){var n=$l;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=yc(e,t))&&(t=zl,zl=n,null!==t&&sc(t)),e}function sc(e){null===zl?zl=e:zl.push.apply(zl,e)}function lc(e,t){for(t&=~Bl,t&=~Dl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function cc(e){if(0!=(6&Il))throw Error(a(327));kc();var t=pt(e,0);if(0==(1&t))return oc(e,Qe()),null;var n=yc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ic(e,r))}if(1===n)throw n=jl,fc(e,0),lc(e,t),oc(e,Qe()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,xc(e,zl,Hl),oc(e,Qe()),null}function uc(e,t){var n=Il;Il|=1;try{return e(t)}finally{0===(Il=n)&&(Vl=Qe()+500,$o&&Vo())}}function dc(e){null!==Kl&&0===Kl.tag&&0==(6&Il)&&kc();var t=Il;Il|=1;var n=Al.transition,r=vt;try{if(Al.transition=null,vt=1,e)return e()}finally{vt=r,Al.transition=n,0==(6&(Il=t))&&Vo()}}function pc(){Nl=Fl.current,Co(Fl)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Pl)for(n=Pl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Fo();break;case 3:ai(),Co(Ro),Co(Io),di();break;case 5:si(r);break;case 4:ai();break;case 13:case 19:Co(li);break;case 10:ka(r.type._context);break;case 22:case 23:pc()}n=n.return}if(Rl=e,Pl=e=Fc(e.current,null),Ll=Nl=t,Ol=0,jl=null,Bl=Dl=Ml=0,zl=$l=null,null!==_a){for(t=0;t<_a.length;t++)if(null!==(r=(n=_a[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}_a=null}return e}function mc(e,t){for(;;){var n=Pl;try{if(xa(),pi.current=is,bi){for(var r=gi.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}bi=!1}if(mi=0,yi=hi=gi=null,vi=!1,Si=0,_l.current=null,null===n||null===n.return){Ol=1,jl=t,Pl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Ll,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=ys(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var g=(t=m).updateQueue;if(null===g){var h=new Set;h.add(c),t.updateQueue=h}else g.add(c);break e}if(0==(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var y=ys(s);if(null!==y){0==(65536&y.flags)&&(y.flags|=256),bs(y,s,l,0,t),ga(us(c,l));break e}}i=c=us(c,l),4!==Ol&&(Ol=2),null===$l?$l=[i]:$l.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Ma(i,ms(0,c,t));break e;case 1:l=c;var b=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof b.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===ql||!ql.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Ma(i,gs(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(S){t=S,Pl===n&&null!==n&&(Pl=n=n.return);continue}break}}function gc(){var e=Cl.current;return Cl.current=is,null===e?is:e}function hc(){0!==Ol&&3!==Ol&&2!==Ol||(Ol=4),null===Rl||0==(268435455&Ml)&&0==(268435455&Dl)||lc(Rl,Ll)}function yc(e,t){var n=Il;Il|=2;var r=gc();for(Rl===e&&Ll===t||(Hl=null,fc(e,t));;)try{bc();break}catch(o){mc(e,o)}if(xa(),Il=n,Cl.current=r,null!==Pl)throw Error(a(261));return Rl=null,Ll=0,Ol}function bc(){for(;null!==Pl;)Sc(Pl)}function vc(){for(;null!==Pl&&!Ke();)Sc(Pl)}function Sc(e){var t=El(e.alternate,e,Nl);e.memoizedProps=e.pendingProps,null===t?wc(e):Pl=t,_l.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Ys(n,t,Nl)))return void(Pl=n)}else{if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Pl=n);if(null===e)return Ol=6,void(Pl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Pl=t);Pl=t=e}while(null!==t);0===Ol&&(Ol=5)}function xc(e,t,n){var r=vt,o=Al.transition;try{Al.transition=null,vt=1,function(e,t,n,r){do{kc()}while(null!==Kl);if(0!=(6&Il))throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Rl&&(Pl=Rl=null,Ll=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Yl||(Yl=!0,Rc(tt,(function(){return kc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=Al.transition,Al.transition=null;var s=vt;vt=1;var l=Il;Il|=4,_l.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(w){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var g=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==g){var h=g.memoizedProps,y=g.memoizedState,b=t.stateNode,v=b.getSnapshotBeforeUpdate(t.elementType===t.type?h:ya(t.type,h),y);b.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var S=t.stateNode.containerInfo;1===S.nodeType?S.textContent="":9===S.nodeType&&S.documentElement&&S.removeChild(S.documentElement);break;default:throw Error(a(163))}}catch(w){Tc(t,t.return,w)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}g=nl,nl=!1}(e,n),yl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,vl(n,e,o),Xe(),Il=l,vt=s,Al.transition=i}else e.current=n;if(Yl&&(Yl=!1,Kl=e,Xl=o),i=e.pendingLanes,0===i&&(ql=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),oc(e,Qe()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Gl)throw Gl=!1,e=Wl,Wl=null,e;0!=(1&Xl)&&0!==e.tag&&kc(),i=e.pendingLanes,0!=(1&i)?e===Zl?Ql++:(Ql=0,Zl=e):Ql=0,Vo()}(e,t,n,r)}finally{Al.transition=o,vt=r}return null}function kc(){if(null!==Kl){var e=St(Xl),t=Al.transition,n=vt;try{if(Al.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Xl=0,0!=(6&Il))throw Error(a(331));var o=Il;for(Il|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(0!=(16&Js.flags)){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:rl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(il(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var g=i.alternate;if(null!==g){var h=g.child;if(null!==h){g.child=null;do{var y=h.sibling;h.sibling=null,h=y}while(null!==h)}}Js=i}}if(0!=(2064&i.subtreeFlags)&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(0!=(2048&(i=Js).flags))switch(i.tag){case 0:case 11:case 15:rl(9,i,i.return)}var b=i.sibling;if(null!==b){b.return=i.return,Js=b;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var S=(s=Js).child;if(0!=(2064&s.subtreeFlags)&&null!==S)S.return=s,Js=S;else e:for(s=v;null!==Js;){if(0!=(2048&(l=Js).flags))try{switch(l.tag){case 0:case 11:case 15:ol(9,l)}}catch(x){Tc(l,l.return,x)}if(l===s){Js=null;break e}var w=l.sibling;if(null!==w){w.return=l.return,Js=w;break e}Js=l.return}}if(Il=o,Vo(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(x){}r=!0}return r}finally{vt=n,Al.transition=t}}return!1}function Ec(e,t,n){e=Oa(e,t=ms(0,t=us(n,t),1),1),t=tc(),null!==e&&(yt(e,1,t),oc(e,t))}function Tc(e,t,n){if(3===e.tag)Ec(e,e,n);else for(;null!==t;){if(3===t.tag){Ec(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===ql||!ql.has(r))){t=Oa(t,e=gs(t,e=us(n,e),1),1),e=tc(),null!==t&&(yt(t,1,e),oc(t,e));break}}t=t.return}}function Cc(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Rl===e&&(Ll&n)===n&&(4===Ol||3===Ol&&(130023424&Ll)===Ll&&500>Qe()-Ul?fc(e,0):Bl|=n),oc(e,t)}function _c(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Ra(e,t))&&(yt(e,t,n),oc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),_c(e,n)}function Ic(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),_c(e,n)}function Rc(e,t){return qe(e,t)}function Pc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Lc(e,t,n,r){return new Pc(e,t,n,r)}function Nc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Fc(e,t){var n=e.alternate;return null===n?((n=Lc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Oc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Nc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case k:return jc(n.children,o,i,t);case E:s=8,o|=8;break;case T:return(e=Lc(12,n,t,2|o)).elementType=T,e.lanes=i,e;case I:return(e=Lc(13,n,t,o)).elementType=I,e.lanes=i,e;case R:return(e=Lc(19,n,t,o)).elementType=R,e.lanes=i,e;case N:return Mc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case _:s=9;break e;case A:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Lc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function jc(e,t,n,r){return(e=Lc(7,e,r,t)).lanes=n,e}function Mc(e,t,n,r){return(e=Lc(22,e,r,t)).elementType=N,e.lanes=n,e.stateNode={isHidden:!1},e}function Dc(e,t,n){return(e=Lc(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Lc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function $c(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function zc(e,t,n,r,o,a,i,s,l){return e=new $c(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Lc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},La(a),e}function Uc(e){if(!e)return Ao;e:{if(Ue(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(No(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(No(n))return jo(e,n,t)}return t}function Vc(e,t,n,r,o,a,i,s,l){return(e=zc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=Fa(r=tc(),o=nc(n))).callback=null!=t?t:null,Oa(n,a,o),e.current.lanes=o,yt(e,o,r),oc(e,r),e}function Hc(e,t,n,r){var o=t.current,a=tc(),i=nc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Fa(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Oa(o,t,i))&&(rc(e,o,i,a),ja(e,o,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Wc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function qc(e,t){Wc(e,t),(e=e.alternate)&&Wc(e,t)}El=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Ro.current)Ss=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return Ss=!1,function(e,t,n){switch(t.tag){case 3:Rs(t),ma();break;case 5:ii(t);break;case 1:No(t.type)&&Mo(t);break;case 4:oi(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;_o(ba,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(_o(li,1&li.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Ds(e,t,n):(_o(li,1&li.current),null!==(e=Gs(e,t,n))?e.sibling:null);_o(li,1&li.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(128&e.flags)){if(r)return Vs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),_o(li,li.current),r)break;return null;case 22:case 23:return t.lanes=0,Ts(e,t,n)}return Gs(e,t,n)}(e,t,n);Ss=0!=(131072&e.flags)}else Ss=!1,aa&&0!=(1048576&t.flags)&&ea(t,qo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Hs(e,t),e=t.pendingProps;var o=Lo(t,Io.current);Ta(t,n),o=Ei(null,t,r,e,o,n);var i=Ti();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,No(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,La(t),o.updater=Ua,t.stateNode=o,o._reactInternals=t,Wa(t,r,e,n),t=Is(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Hs(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Nc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(r),e=ya(r,e),o){case 0:t=_s(null,t,r,e,n);break e;case 1:t=As(null,t,r,e,n);break e;case 11:t=xs(null,t,r,e,n);break e;case 14:t=ks(null,t,r,ya(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,_s(e,t,r,o=t.elementType===r?o:ya(r,o),n);case 1:return r=t.type,o=t.pendingProps,As(e,t,r,o=t.elementType===r?o:ya(r,o),n);case 3:e:{if(Rs(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Na(e,t),Da(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ps(e,t,r,n,o=us(Error(a(423)),t));break e}if(r!==o){t=Ps(e,t,r,n,o=us(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=Za(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Gs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return ii(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),Cs(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ds(e,t,n);case 4:return oi(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Qa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,xs(e,t,r,o=t.elementType===r?o:ya(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,_o(ba,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!Ro.current){t=Gs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=Fa(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Ea(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Ea(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Ca(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ya(r=t.type,t.pendingProps),ks(e,t,r,o=ya(r.type,o),n);case 15:return Es(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ya(r,o),Hs(e,t),t.tag=1,No(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),Ha(t,r,o),Wa(t,r,o,n),Is(null,t,r,!0,e,n);case 19:return Vs(e,t,n);case 22:return Ts(e,t,n)}throw Error(a(156,t.tag))};var Yc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Xc(e){this._internalRoot=e}function Qc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Gc(i);s.call(e)}}Hc(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Gc(i);a.call(e)}}var i=Vc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[go]=i.current,Ur(8===e.nodeType?e.parentNode:e),dc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Gc(l);s.call(e)}}var l=zc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[go]=l.current,Ur(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,l,n,r)})),l}(n,t,e,o,r);return Gc(i)}Xc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));Hc(e,t,null,null)},Xc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[go]=null}},Xc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Nt.length&&0!==t&&t<Nt[n].priority;n++);Nt.splice(n,0,e),0===n&&Mt(e)}},wt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(bt(t,1|n),oc(t,Qe()),0==(6&Il)&&(Vl=Qe()+500,Vo()))}break;case 13:dc((function(){var t=Ra(e,1);if(null!==t){var n=tc();rc(t,e,1,n)}})),qc(e,1)}},xt=function(e){if(13===e.tag){var t=Ra(e,134217728);if(null!==t)rc(t,e,134217728,tc());qc(e,134217728)}},kt=function(e){if(13===e.tag){var t=nc(e),n=Ra(e,t);if(null!==n)rc(n,e,t,tc());qc(e,t)}},Et=function(){return vt},Tt=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(Z(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=xo(r);if(!o)throw Error(a(90));q(r),Z(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,Ie=dc;var tu={usingClientEntryPoint:!1,Events:[So,wo,xo,Ce,_e,uc]},nu={findFiberByHostInstance:vo,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},ru={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:S.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ou=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ou.isDisabled&&ou.supportsFiber)try{ot=ou.inject(ru),at=ou}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Qc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Qc(e))throw Error(a(299));var n=!1,r="",o=Yc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=zc(e,1,!1,null,0,n,0,r,o),e[go]=t.current,Ur(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Qc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Yc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=Vc(t,null,e,1,null!=n?n:null,o,0,i,s),e[go]=t.current,Ur(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Xc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[go]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return eu(e,t,n,!1,r)},t.version="18.2.0-next-9e3b772b8-20220608"},8352:(e,t,n)=>{"use strict";var r=n(7104);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},7104:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9516)},448:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},2160:(e,t,n)=>{"use strict";n.d(t,{EN:()=>G,So:()=>J});var r=n(1504),o=n(3268),a=n.n(o),i=n(448),s=n.n(i),l=n(9328),c=n.n(l),u=n(1072),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},y={rel:["amphtml","canonical","alternate"]},b={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},S=Object.keys(h).map((function(e){return h[e]})),w={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(w).reduce((function(e,t){return e[w[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=k(e,h.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=k(e,"defaultTitle");return t||r||void 0},T=function(e){return k(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},_=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},A=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},I=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},R=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},N=[h.NOSCRIPT,h.SCRIPT,h.STYLE],F=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},O=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},j=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[w[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=w[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},D=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=j(n,o),[r.createElement(h.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=O(n),a=R(t);return o?"<"+e+' data-rh="true" '+o+">"+F(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+F(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return j(t)},toString:function(){return O(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+F(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===N.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,y),i=P(n,b);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,o.priority),M(h.LINK,a.priority),M(h.SCRIPT,i.priority))},toString:function(){return D(h.META,o.priority,r)+" "+D(h.LINK,a.priority,r)+" "+D(h.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:D(h.BASE,t,r),bodyAttributes:D("bodyAttributes",n,r),htmlAttributes:D("htmlAttributes",o,r),link:D(h.LINK,u,r),meta:D(h.META,d,r),noscript:D(h.NOSCRIPT,a,r),script:D(h.SCRIPT,p,r),style:D(h.STYLE,i,r),title:D(h.TITLE,{title:l,titleAttributes:c},r)}},$=[],z=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?$:n.instances},add:function(e){(n.canUseDOM?$:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?$:n.instances).indexOf(e);(n.canUseDOM?$:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=r.createContext({}),V=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new z(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);G.canUseDOM=H,G.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var W=function(e,t){var n,r=document.head||document.querySelector(h.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},q=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},Y=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;q(h.BODY,e.bodyAttributes),q(h.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=R(e)),q(h.TITLE,t)}(u,d);var p={baseTag:W(h.BASE,n),linkTags:W(h.LINK,o),metaTags:W(h.META,a),noscriptTags:W(h.NOSCRIPT,i),scriptTags:W(h.SCRIPT,l),styleTags:W(h.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},K=null,X=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:_(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:T(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:I(e,"prioritizeSeoTags")});G.canUseDOM?(t=a,K&&cancelAnimationFrame(K),t.defer?K=requestAnimationFrame((function(){Y(t,(function(){K=null}))})):(Y(t),K=null)):B&&(o=B(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);X.propTypes={context:V.isRequired},X.displayName="HelmetDispatcher";var Q=["children"],Z=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case h.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case h.BODY:return p({},o,{bodyAttributes:p({},a)});case h.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(S.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+S.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=g(r,Q),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case h.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=g(e,Z),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof z||(a=new z(a.context,a.instances)),a?r.createElement(X,p({},o,{context:a.value,helmetData:void 0})):r.createElement(U.Consumer,null,(function(e){return r.createElement(X,p({},o,{context:e}))}))},t}(r.Component);J.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},9764:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,y=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,S=n?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case g:case l:return e;default:return t}}case o:return t}}}function x(e){return w(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=h,t.Memo=g,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||w(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return w(e)===c},t.isContextProvider=function(e){return w(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return w(e)===p},t.isFragment=function(e){return w(e)===a},t.isLazy=function(e){return w(e)===h},t.isMemo=function(e){return w(e)===g},t.isPortal=function(e){return w(e)===o},t.isProfiler=function(e){return w(e)===s},t.isStrictMode=function(e){return w(e)===i},t.isSuspense=function(e){return w(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===g||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===b||e.$$typeof===v||e.$$typeof===S||e.$$typeof===y)},t.typeOf=w},2168:(e,t,n)=>{"use strict";e.exports=n(9764)},8852:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(1504),l=n(3268),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),g=null;function h(){return g||(g=e(m.loader)),g.promise}return c.push(h),"function"==typeof m.webpack&&u.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),g=e(m.loader),r._loadModule()})),h(),r.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},r}r(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextTypes",{loadable:l.shape({report:l.func.isRequired})}),p}function g(e){return m(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}r(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return s.Children.only(this.props.children)},t}(s.Component);function y(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return y(e)}))}a(h,"propTypes",{report:l.func.isRequired}),a(h,"childContextTypes",{loadable:l.shape({report:l.func.isRequired}).isRequired}),g.Capture=h,g.preloadAll=function(){return new Promise((function(e,t){y(c).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){y(u).then(e,e)}))},e.exports=g},5464:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,k:()=>s});var r=n(5592),o=n(6404),a=n(1504);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.ot)(t,e):n.length?n[n.length-1].match:r.E5.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.Wk,n,e.map((function(e,n){return a.createElement(r.kX,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.c)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.c)({},n,t,{route:e}))}})}))):null}},440:(e,t,n)=>{"use strict";n.d(t,{Af:()=>v,cH:()=>h,kn:()=>u});var r=n(5592),o=n(9948),a=n(1504),i=n(8064),s=n(6404),l=n(4384),c=n(6136),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.iU)(t.props),t}return(0,o.c)(t,e),t.prototype.render=function(){return a.createElement(r.E5,{history:this.history,children:this.props.children})},t}(a.Component);a.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.gh)(e,null,null,t):e},f=function(e){return e},m=a.forwardRef;void 0===m&&(m=f);var g=m((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.c)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.c)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=f!==m&&t||n,a.createElement("a",u)}));var h=m((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,h=e.to,y=e.innerRef,b=(0,l.c)(e,["component","replace","to","innerRef"]);return a.createElement(r.Os.Consumer,null,(function(e){e||(0,c.c)(!1);var n=e.history,r=p(d(h,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.c)({},b,{href:l,navigate:function(){var t=d(h,e.location),r=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||r?n.replace:n.push)(t)}});return f!==m?g.ref=t||y:g.innerRef=y,a.createElement(o,g)}))})),y=function(e){return e},b=a.forwardRef;void 0===b&&(b=y);var v=b((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,m=e.className,g=e.exact,v=e.isActive,S=e.location,w=e.sensitive,x=e.strict,k=e.style,E=e.to,T=e.innerRef,C=(0,l.c)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.Os.Consumer,null,(function(e){e||(0,c.c)(!1);var n=S||e.location,i=p(d(E,n),n),l=i.pathname,_=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=_?(0,r.ot)(n.pathname,{path:_,exact:g,sensitive:w,strict:x}):null,I=!!(v?v(A,n):A),R="function"==typeof m?m(I):m,P="function"==typeof k?k(I):k;I&&(R=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(R,u),P=(0,s.c)({},P,f));var L=(0,s.c)({"aria-current":I&&o||null,className:R,style:P,to:i},C);return y!==b?L.ref=t||T:L.innerRef=T,a.createElement(h,L)}))}))},5592:(e,t,n)=>{"use strict";n.d(t,{E5:()=>v,IT:()=>N,Os:()=>b,Uz:()=>L,Wk:()=>R,kX:()=>E,ot:()=>k});var r=n(9948),o=n(1504),a=n(3268),i=n.n(a),s=n(8064),l=n(6136),c=n(6404),u=n(8216),d=n.n(u),p=(n(2168),n(4384)),f=(n(4792),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var g=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.c)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,r.c)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},h=function(e){var t=g();return t.displayName=e,t},y=h("Router-History"),b=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.c)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(b.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(y.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var S={},w=1e4,x=0;function k(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=S[n]||(S[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<w&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.c)(t,e),t.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(t){t||(0,l.c)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(n.pathname,e.props):t.match,a=(0,c.c)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(b.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function T(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=T(e);return 0!==t.pathname.indexOf(n)?t:(0,c.c)({},t,{pathname:t.pathname.substr(n.length)})}function _(e){return"string"==typeof e?e:(0,s.Ep)(e)}function A(e){return function(){(0,l.c)(!1)}}function I(){}o.Component;var R=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.c)(t,e),t.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(t){t||(0,l.c)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?k(a.pathname,(0,c.c)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(y)}function N(){return P(b).location}},8216:(e,t,n)=>{var r=n(9600);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],g=n[2],h=n[3],y=n[4],b=n[5],v=n[6],S=n[7];s&&(r.push(s),s="");var w=null!=g&&null!=m&&m!==g,x="+"===v||"*"===v,k="?"===v||"*"===v,E=n[2]||u,T=y||b;r.push({name:h||a++,prefix:g||"",delimiter:E,optional:k,repeat:x,partial:w,asterisk:!!S,pattern:T?c(T):S?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),g=i.slice(-m.length)===m;return o||(i=(g?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&g?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},4808:(e,t,n)=>{"use strict";var r=n(1504),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},3028:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,h={};function y(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||m}function b(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||m}y.prototype.isReactComponent={},y.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},y.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},b.prototype=y.prototype;var S=v.prototype=new b;S.constructor=v,g(S,y.prototype),S.isPureReactComponent=!0;var w=Array.isArray,x=Object.prototype.hasOwnProperty,k={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function T(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:k.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var _=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function I(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+A(l,0):a,w(i)?(o="",null!=e&&(o=e.replace(_,"$&/")+"/"),I(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(_,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",w(e))for(var c=0;c<e.length;c++){var u=a+A(s=e[c],c);l+=I(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=I(s=s.value,t,o,u=a+A(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function R(e,t,n){if(null==e)return e;var r=[],o=0;return I(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},N={transition:null},F={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:N,ReactCurrentOwner:k};t.Children={map:R,forEach:function(e,t,n){R(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return R(e,(function(){t++})),t},toArray:function(e){return R(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=y,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=F,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=g({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=k.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)x.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=T,t.createFactory=function(e){var t=T.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=N.transition;N.transition={};try{e()}finally{N.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.2.0"},1504:(e,t,n)=>{"use strict";e.exports=n(3028)},7624:(e,t,n)=>{"use strict";e.exports=n(4808)},8328:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,g=!1,h=!1,y="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function S(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function w(e){if(h=!1,S(e),!g)if(null!==r(c))g=!0,N(x);else{var t=r(u);null!==t&&F(w,t.startTime-e)}}function x(e,n){g=!1,h&&(h=!1,b(C),C=-1),m=!0;var a=f;try{for(S(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!I());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),S(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&F(w,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,E=!1,T=null,C=-1,_=5,A=-1;function I(){return!(t.unstable_now()-A<_)}function R(){if(null!==T){var e=t.unstable_now();A=e;var n=!0;try{n=T(!0,e)}finally{n?k():(E=!1,T=null)}}else E=!1}if("function"==typeof v)k=function(){v(R)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=R,k=function(){L.postMessage(null)}}else k=function(){y(R,0)};function N(e){T=e,E||(E=!0,k())}function F(e,n){C=y((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){g||m||(g=!0,N(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):_=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(h?(b(C),C=-1):h=!0,F(w,a-i))):(e.sortIndex=s,n(c,e),g||m||(g=!0,N(x))),e},t.unstable_shouldYield=I,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},4712:(e,t,n)=>{"use strict";e.exports=n(8328)},1072:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},6136:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t;throw new Error(n?o+": "+n:o)}}},7768:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Ignite Cookbook for React Native",tagline:"Cooking up some cool recipes in Ignite for React Native!",url:"https://infinitered.github.io",baseUrl:"/",onBrokenLinks:"throw",onBrokenMarkdownLinks:"warn",favicon:"img/favicon.ico",organizationName:"infinitered",projectName:"ignite-cookbook",i18n:{defaultLocale:"en",locales:["en"],path:"i18n",localeConfigs:{}},plugins:[null],presets:[["classic",{docs:{path:"docs",showLastUpdateAuthor:!0,showLastUpdateTime:!0,sidebarPath:"/home/runner/work/ignite-cookbook/ignite-cookbook/sidebars.js"},blog:!1,theme:{customCss:"/home/runner/work/ignite-cookbook/ignite-cookbook/src/css/custom.css"},gtag:{trackingID:"G-1NP64B0XVM",anonymizeIP:!0}}]],themeConfig:{colorMode:{defaultMode:"light",disableSwitch:!0,respectPrefersColorScheme:!1},navbar:{hideOnScroll:!0,logo:{alt:"React Native Cookbook Logo",src:"img/logo.svg"},items:[{type:"search",position:"right"},{type:"doc",docId:"intro",position:"right",html:'<div class="hover-underline">Recipes</div>'},{position:"right",html:'<div class="hover-underline">Ignite Boilerplate</div>',to:"https://github.com/infinitered/ignite"},{position:"right",html:'<div class="hover-underline">Infinite Red</div>',to:"https://infinite.red"},{style:{marginRight:"0px"},type:"dropdown",html:' <div class="hover-underline">\n                      Community\n                      <img src="/img/caret-down.svg" alt="dropdown" class="icon" />\n                    </div>\n                  ',position:"right",items:[{html:' <div>\n                          <div class="dropdown-item  hover-underline">\n                            Slack community\n                            <img src="/img/arrow.svg" alt="dropdown" class="icon" />\n                          </div>\n                          <div class="dropdown-item-description">\n                            <p>Join a growing React Native community with 2,000 developers and counting.<p>\n                          </div>\n                        </div>\n                      ',to:"https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg"},{html:' <div>\n                          <div class="dropdown-item  hover-underline">\n                            Submit an idea\n                            <img src="/img/arrow.svg" alt="dropdown" class="icon" />\n                          </div>\n                          <div class="dropdown-item-description">\n                            <p>Have an recipe idea for the cookbook? Contribute your ideas on GitHub!<p>\n                          </div>\n                        </div>\n                      ',to:"https://github.com/infinitered/ignite-cookbook/issues/new?assignees=&labels=new+recipe&template=recipe_idea.yml"}]}]},footer:{copyright:'From the team at <a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="ir-footer-link">Infinite Red</a> <img width="32" height="32" src="/img/ir-mark.svg" alt="dropdown" class="ir-mark" />',style:"dark",links:[{title:"Community",items:[{html:'<a href="https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack Community<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://reactnativeradio.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Radio<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://reactnative.cc/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Newsletter<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'}]},{title:"Resources",items:[{html:'<a href="https://github.com/infinitered/ignite-cookbook/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Submit a Recipe<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://github.com/infinitered/ignite-cookbook" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Cookbook<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Boilerplate<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://shift.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">RedShift Blog <div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://infinite.red/privacy-policy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Policy<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'}]},{title:"Infinite Red",items:[{html:'<a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Website<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://docs.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">IR Docs<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'},{html:'<a href="https://chainreactconf.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chain React Conf<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a>'}]}]},prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:["bash","ruby","json","ejs","diff","markup-templating"],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}},{className:"code-block-error-line",line:"error-line",block:{start:"error-line-start",end:"error-line-end"}},{className:"code-block-success-line",line:"success-line",block:{start:"success-line-start",end:"success-line-end"}}]},algolia:{appId:"MFHD60DIB5",apiKey:"4e924e740d603ec90f106067754ccf50",indexName:"ignite-cookbook",searchParameters:{},searchPagePath:"search",contextualSearch:!0},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},metadata:[],tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,onBrokenAnchors:"warn",onDuplicateRoutes:"warn",staticDirectories:["static"],customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6404:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{c:()=>r})},9948:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{c:()=>o})},4384:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{c:()=>r})},5456:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{c:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5720:(e,t,n)=>{"use strict";n.d(t,{gl:()=>ee,sp:()=>_});var r,o,a,i,s,l,c,u=n(1504),d=n(5456),p=Object.create,f=Object.defineProperty,m=Object.defineProperties,g=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,x=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,k=(e,t)=>{for(var n in t||(t={}))S.call(t,n)&&x(e,n,t[n]);if(b)for(var n of b(t))w.call(t,n)&&x(e,n,t[n]);return e},E=(e,t)=>m(e,h(t)),T=(e,t)=>{var n={};for(var r in e)S.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&b)for(var r of b(e))t.indexOf(r)<0&&w.call(e,r)&&(n[r]=e[r]);return n},C=(r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var g=f[m],h=g.inside,y=!!g.lookbehind,b=!!g.greedy,v=g.alias;if(b&&!g.pattern.global){var S=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,S+"g")}for(var w=g.pattern||g,x=s.next,k=u;x!==t.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var E=x.value;if(t.length>e.length)return;if(!(E instanceof o)){var T,C=1;if(b){if(!(T=a(w,k,e,y))||T.index>=e.length)break;var _=T.index,A=T.index+T[0].length,I=k;for(I+=x.value.length;_>=I;)I+=(x=x.next).value.length;if(k=I-=x.value.length,x.value instanceof o)continue;for(var R=x;R!==t.tail&&(I<A||"string"==typeof R.value);R=R.next)C++,I+=R.value.length;C--,E=e.slice(k,I),T.index-=k}else if(!(T=a(w,0,E,y)))continue;_=T.index;var P=T[0],L=E.slice(0,_),N=E.slice(_+P.length),F=k+E.length;d&&F>d.reach&&(d.reach=F);var O=x.prev;if(L&&(O=l(t,O,L),k+=L.length),c(t,O,C),x=l(t,O,new o(p,h?r.tokenize(P,h):P,v,P)),N&&l(t,x,N),C>1){var j={cause:p+","+m,reach:F};i(e,t,n,x.prev,k,j),d&&j.reach>d.reach&&(d.reach=j.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[y(r)[0]])((o={exports:{}}).exports,o),o.exports}),_=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of y(t))S.call(e,o)||o===n||f(e,o,{get:()=>t[o],enumerable:!(r=g(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());_.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},_.languages.markup.tag.inside["attr-value"].inside.entity=_.languages.markup.entity,_.languages.markup.doctype.inside["internal-subset"].inside=_.languages.markup,_.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(_.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:_.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:_.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},_.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(_.languages.markup.tag,"addAttribute",{value:function(e,t){_.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:_.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),_.languages.html=_.languages.markup,_.languages.mathml=_.languages.markup,_.languages.svg=_.languages.markup,_.languages.xml=_.languages.extend("markup",{}),_.languages.ssml=_.languages.xml,_.languages.atom=_.languages.xml,_.languages.rss=_.languages.xml,a=_,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},l="(?:[^\\\\-]|"+(s=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",l=RegExp(l+"-"+l),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},a.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:l,inside:{escape:s,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:s}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:s,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},_.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},_.languages.javascript=_.languages.extend("clike",{"class-name":[_.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),_.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,_.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:_.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:_.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:_.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:_.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:_.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),_.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:_.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),_.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),_.languages.markup&&(_.languages.markup.tag.addInlined("script","javascript"),_.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),_.languages.js=_.languages.javascript,_.languages.actionscript=_.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),_.languages.actionscript["class-name"].alias="function",delete _.languages.actionscript.parameter,delete _.languages.actionscript["literal-property"],_.languages.markup&&_.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:_.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(_),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(_),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(_),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(_),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(_),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(_),_.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:_.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},_.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),_.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,g,h,y=n[a];"string"==typeof y||"string"==typeof y.content?(i=d[c],-1!==(h=(g="string"==typeof y?y:y.content).indexOf(i))&&(++c,l=g.substring(0,h),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=g.substring(h+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(g=[f]),m.push.apply(m,g)),"string"==typeof y?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):y.content=m)):(h=y.content,Array.isArray(h)?t(h):t([h]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(_),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(_),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(_),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(_),_.languages.n4js=_.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),_.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),_.languages.n4jsd=_.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(_),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(_),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(_),_.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},_.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=_.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(_),_.languages.c=_.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),_.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),_.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},_.languages.c.string],char:_.languages.c.char,comment:_.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:_.languages.c}}}}),_.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete _.languages.c.boolean,_.languages.objectivec=_.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete _.languages.objectivec["class-name"],_.languages.objc=_.languages.objectivec,_.languages.reason=_.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),_.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete _.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(_),_.languages.go=_.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),_.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete _.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(_),_.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},_.languages.python["string-interpolation"].inside.interpolation.inside.rest=_.languages.python,_.languages.py=_.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>I,duotoneLight:()=>R,github:()=>P,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>L,nightOwlLight:()=>N,oceanicNext:()=>j,okaidia:()=>M,oneDark:()=>W,oneLight:()=>q,palenight:()=>D,shadesOfPurple:()=>B,synthwave84:()=>$,ultramin:()=>z,vsDark:()=>U,vsLight:()=>V});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},I={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},R={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},P={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},L={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},N={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},F="#c5a5c5",O="#8dc891",j={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:F}},{types:["attr-value"],style:{color:O}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:O}},{types:["punctuation"],style:{color:O}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:F}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},M={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},D={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},$={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},z={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},U={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},V={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},W={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},q={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},Y=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=k(k({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=E(k({},n),{backgroundColor:void 0}),r},K=/\r\n|\r|\n/,X=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},Q=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},Z=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=Q(c,u.type),u.alias&&(c=Q(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(K),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)X(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return X(s),l},J=({children:e,language:t,code:n,theme:r,prism:o})=>{const a=t.toLowerCase(),i=((e,t)=>{const[n,r]=(0,u.useState)(Y(t,e)),o=(0,u.useRef)(),a=(0,u.useRef)();return(0,u.useEffect)((()=>{t===o.current&&e===a.current||(o.current=t,a.current=e,r(Y(t,e)))}),[e,t]),n})(a,r),s=(e=>(0,u.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,i=T(n,["className","style","line"]);const s=E(k({},i),{className:(0,d.c)("token-line",r)});return"object"==typeof e&&"plain"in e&&(s.style=e.plain),"object"==typeof o&&(s.style=k(k({},s.style||{}),o)),s}),[e]))(i),l=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,i=T(n,["token","className","style"]);const s=E(k({},i),{className:(0,d.c)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(s.style=k(k({},s.style||{}),a)),s}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return Z([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),Z(e.tokens)}),[t,n,r])})({prism:o,language:a,code:n,grammar:o.languages[a]});return e({tokens:c,className:`prism-code language-${a}`,style:null!=i?i.root:{},getLineProps:s,getTokenProps:l})},ee=e=>(0,u.createElement)(J,E(k({},e),{prism:e.prism||_,theme:e.theme||U,code:e.code,language:e.language}))},144:e=>{"use strict";e.exports={}},4504:e=>{"use strict";e.exports=JSON.parse('{"/search-437":{"__comp":"1a4e3797","__context":{"plugin":"abaad534"}},"/docs-d53":{"__comp":"5e95c892","__context":{"plugin":"e7928ab4"}},"/docs-195":{"__comp":"a7bd4aaa","version":"935f2afb"},"/docs/tags-0cc":{"__comp":"3720c009","tags":"55960ee5"},"/docs/tags/accessibility-8aa":{"__comp":"df203c0f","tag":"4a4fb967"},"/docs/tags/android-e3a":{"__comp":"df203c0f","tag":"6728e797"},"/docs/tags/apisauce-143":{"__comp":"df203c0f","tag":"1ab29606"},"/docs/tags/archive-51b":{"__comp":"df203c0f","tag":"985027d8"},"/docs/tags/async-storage-afc":{"__comp":"df203c0f","tag":"d01c4de2"},"/docs/tags/authentication-587":{"__comp":"df203c0f","tag":"ecce3b64"},"/docs/tags/babel-e90":{"__comp":"df203c0f","tag":"b3d1732c"},"/docs/tags/ci-cd-56c":{"__comp":"df203c0f","tag":"a951c726"},"/docs/tags/cng-581":{"__comp":"df203c0f","tag":"31ac2bc7"},"/docs/tags/debug-888":{"__comp":"df203c0f","tag":"e1b6b0a8"},"/docs/tags/dependencies-c34":{"__comp":"df203c0f","tag":"8b0d950b"},"/docs/tags/eas-17a":{"__comp":"df203c0f","tag":"99d16955"},"/docs/tags/eas-update-632":{"__comp":"df203c0f","tag":"33f24359"},"/docs/tags/environment-variables-0f3":{"__comp":"df203c0f","tag":"fd1937a7"},"/docs/tags/expo-a41":{"__comp":"df203c0f","tag":"ce17b301"},"/docs/tags/expo-dev-client-0df":{"__comp":"df203c0f","tag":"a0d6a633"},"/docs/tags/expo-router-257":{"__comp":"df203c0f","tag":"c5ca3bf3"},"/docs/tags/expo-updates-807":{"__comp":"df203c0f","tag":"08a54ed9"},"/docs/tags/flat-list-5a7":{"__comp":"df203c0f","tag":"e0854532"},"/docs/tags/generator-80e":{"__comp":"df203c0f","tag":"24a07a83"},"/docs/tags/guide-cea":{"__comp":"df203c0f","tag":"b8c37621"},"/docs/tags/hardware-303":{"__comp":"df203c0f","tag":"569bff92"},"/docs/tags/i-os-96e":{"__comp":"df203c0f","tag":"3bb7a4af"},"/docs/tags/imports-887":{"__comp":"df203c0f","tag":"b832b2ff"},"/docs/tags/intro-b42":{"__comp":"df203c0f","tag":"51658ad1"},"/docs/tags/maestro-034":{"__comp":"df203c0f","tag":"dec1aed8"},"/docs/tags/mmkv-f7e":{"__comp":"df203c0f","tag":"a8646ade"},"/docs/tags/mob-x-a01":{"__comp":"df203c0f","tag":"51ea30c5"},"/docs/tags/prebuild-83d":{"__comp":"df203c0f","tag":"f50f3884"},"/docs/tags/prettier-db7":{"__comp":"df203c0f","tag":"69dd30cd"},"/docs/tags/react-native-vision-camera-ea0":{"__comp":"df203c0f","tag":"82139467"},"/docs/tags/react-navigation-0ad":{"__comp":"df203c0f","tag":"94ee064e"},"/docs/tags/redux-c5e":{"__comp":"df203c0f","tag":"e2041b9b"},"/docs/tags/scroll-to-f32":{"__comp":"df203c0f","tag":"a8f9d519"},"/docs/tags/section-list-8de":{"__comp":"df203c0f","tag":"9dc0f37b"},"/docs/tags/select-field-5f4":{"__comp":"df203c0f","tag":"dce6faa4"},"/docs/tags/state-management-181":{"__comp":"df203c0f","tag":"18d888f3"},"/docs/tags/testing-b53":{"__comp":"df203c0f","tag":"47a03c7f"},"/docs/tags/text-field-782":{"__comp":"df203c0f","tag":"72dfd944"},"/docs/tags/type-script-825":{"__comp":"df203c0f","tag":"ff2c7cca"},"/docs/tags/ui-020":{"__comp":"df203c0f","tag":"19d620af"},"/docs/tags/ui-required-device-capabilities-73a":{"__comp":"df203c0f","tag":"ccf3150e"},"/docs/tags/uses-feature-f1a":{"__comp":"df203c0f","tag":"d699663a"},"/docs/tags/vision-camera-e9b":{"__comp":"df203c0f","tag":"c5abe9fe"},"/docs/tags/yarn-e4e":{"__comp":"df203c0f","tag":"7acb6f50"},"/docs/tags/zustand-24d":{"__comp":"df203c0f","tag":"954f316d"},"/docs-05b":{"__comp":"a94703ab"},"/docs/archive/-ab8":{"__comp":"17896441","content":"dd3340a6"},"/docs/archive/PristineExpoProject-afa":{"__comp":"17896441","content":"b33180cb"},"/docs/intro-194":{"__comp":"17896441","content":"0e384e19"},"/docs/recipes/AccessibilityFontSizes-872":{"__comp":"17896441","content":"145425bc"},"/docs/recipes/CircleCIRNSetup-ce2":{"__comp":"17896441","content":"fe9b09bf"},"/docs/recipes/CreatingGreateExperienceForScreenReaders-752":{"__comp":"17896441","content":"f523b160"},"/docs/recipes/DetoxIntro-700":{"__comp":"17896441","content":"03224537"},"/docs/recipes/DistributingAuthTokenToAPI-298":{"__comp":"17896441","content":"24c3776a"},"/docs/recipes/EASUpdate-938":{"__comp":"17896441","content":"9fc76e3d"},"/docs/recipes/EnforcingImportOrder-713":{"__comp":"17896441","content":"d7af48b9"},"/docs/recipes/EnvironmentVariables-92b":{"__comp":"17896441","content":"d6ab422f"},"/docs/recipes/ExpoRouter-0b5":{"__comp":"17896441","content":"c47fa949"},"/docs/recipes/GeneratorComponentTests-e55":{"__comp":"17896441","content":"7b45617e"},"/docs/recipes/MaestroSetup-237":{"__comp":"17896441","content":"51e76fb5"},"/docs/recipes/MigratingToMMKV-9d0":{"__comp":"17896441","content":"657027a7"},"/docs/recipes/PatchingBuildingAndroid-ac8":{"__comp":"17896441","content":"d0e08e4a"},"/docs/recipes/PrepForEASBuild-64a":{"__comp":"17896441","content":"54a9c7e8"},"/docs/recipes/ReactNativeVisionCamera-e2e":{"__comp":"17896441","content":"cc1d3934"},"/docs/recipes/Redux-0f8":{"__comp":"17896441","content":"a2f5d017"},"/docs/recipes/RemoveMobxStateTree-50f":{"__comp":"17896441","content":"c75b21fd"},"/docs/recipes/RequiringHardwareFeaturesWithExpo-2fd":{"__comp":"17896441","content":"cecd52bc"},"/docs/recipes/SampleYAMLCircleCI-30a":{"__comp":"17896441","content":"4e09609f"},"/docs/recipes/SelectFieldWithBottomSheet-ca3":{"__comp":"17896441","content":"d63d2b89"},"/docs/recipes/SwitchBetweenExpoGoCNG-695":{"__comp":"17896441","content":"78a0b2f7"},"/docs/recipes/TypeScriptBaseURL-986":{"__comp":"17896441","content":"1c9ea255"},"/docs/recipes/UnrenderedItemInScrollView-c15":{"__comp":"17896441","content":"c3e2f4d4"},"/docs/recipes/UpdatingDependencies-21c":{"__comp":"17896441","content":"da9277bc"},"/docs/recipes/UpdatingIgnite-f0c":{"__comp":"17896441","content":"6fd287af"},"/docs/recipes/UsingScreenReaders-324":{"__comp":"17896441","content":"63181745"},"/docs/recipes/Zustand-0e1":{"__comp":"17896441","content":"e33e793e"},"/-703":{"__comp":"1df93b7f","__context":{"plugin":"3192f89a"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[2176],(()=>{return t=8808,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.389a2d66.js.LICENSE.txt b/assets/js/main.4c2ab01e.js.LICENSE.txt
similarity index 100%
rename from assets/js/main.389a2d66.js.LICENSE.txt
rename to assets/js/main.4c2ab01e.js.LICENSE.txt
diff --git a/assets/js/runtime~main.ba822ad9.js b/assets/js/runtime~main.2e3ddb3d.js
similarity index 99%
rename from assets/js/runtime~main.ba822ad9.js
rename to assets/js/runtime~main.2e3ddb3d.js
index 6b829e76..e7e13dfd 100644
--- a/assets/js/runtime~main.ba822ad9.js
+++ b/assets/js/runtime~main.2e3ddb3d.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,d,f,c,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=b,e=[],r.O=(a,d,f,c)=>{if(!d){var b=1/0;for(i=0;i<e.length;i++){d=e[i][0],f=e[i][1],c=e[i][2];for(var t=!0,o=0;o<d.length;o++)(!1&c||b>=c)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,c<b&&(b=c));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}c=c||0;for(var i=e.length;i>0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[d,f,c]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var c=Object.create(null);r.r(c);var b={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(c,b),c},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({8:"cecd52bc",16:"145425bc",40:"72dfd944",56:"7acb6f50",95:"b3d1732c",140:"fe9b09bf",222:"33f24359",328:"e1b6b0a8",622:"99d16955",900:"9fc76e3d",916:"a2f5d017",1236:"f50f3884",1264:"c3e2f4d4",1388:"ce17b301",1412:"c75b21fd",1528:"b33180cb",1784:"d699663a",2008:"3bb7a4af",2160:"985027d8",2288:"e0854532",2324:"51ea30c5",2372:"b8c37621",2464:"abaad534",2596:"dce6faa4",3008:"a8646ade",3128:"4e09609f",3180:"657027a7",3324:"ecce3b64",3336:"47a03c7f",3400:"df203c0f",3504:"f523b160",3960:"8b0d950b",3966:"19d620af",4e3:"69dd30cd",4116:"fd1937a7",4224:"78a0b2f7",4264:"6fd287af",4296:"55960ee5",4304:"5e95c892",4424:"24a07a83",4492:"3720c009",4666:"a94703ab",4822:"b832b2ff",4992:"3192f89a",5032:"c47fa949",5064:"51e76fb5",5156:"08a54ed9",5276:"d63d2b89",5284:"03224537",5320:"569bff92",5548:"63181745",5640:"18d888f3",5696:"935f2afb",5708:"e33e793e",5856:"da9277bc",6044:"954f316d",6216:"a8f9d519",6252:"ff2c7cca",6264:"d7af48b9",6328:"0e384e19",6460:"e7928ab4",6500:"a7bd4aaa",6704:"9dc0f37b",6752:"17896441",6756:"4a4fb967",6928:"1ab29606",7164:"e2041b9b",7224:"d01c4de2",7300:"94ee064e",7572:"dd3340a6",7600:"ccf3150e",7732:"a0d6a633",7820:"82139467",8200:"a951c726",8436:"7b45617e",8500:"cc1d3934",8552:"1df93b7f",8576:"54a9c7e8",8616:"6728e797",8636:"1c9ea255",8762:"d6ab422f",8872:"c5ca3bf3",9016:"d0e08e4a",9144:"dec1aed8",9576:"51658ad1",9607:"c5abe9fe",9632:"31ac2bc7",9648:"1a4e3797",9828:"24c3776a"}[e]||e)+"."+{8:"5cac4503",16:"e78ce3c0",40:"5ad7245c",56:"35f2b92d",95:"e48871b5",140:"7b3890df",222:"1a82a5fc",328:"c1ce8154",622:"7e304c24",900:"ed59a072",916:"abc86510",1236:"56663aa0",1264:"884b0eeb",1388:"a57543a4",1412:"e50e8147",1528:"9800c449",1676:"c9d2671a",1784:"f014bef9",2008:"bf7e6f78",2096:"4d27602e",2160:"ffa3d60d",2288:"85981248",2324:"045bca0d",2372:"53ba3f4c",2464:"a38ab67c",2528:"8598cbba",2596:"bb991aa5",3008:"b82994a5",3128:"2523db88",3180:"d86c2aa3",3324:"a27cf30f",3336:"b037daf5",3400:"ccf22ee4",3504:"480a17f2",3960:"1e5c3e49",3966:"19ce1467",4e3:"b3334896",4116:"f9d1089f",4224:"82a6ac47",4264:"aaf028f5",4296:"ded45ee0",4304:"a1a3902d",4424:"0255ff7d",4492:"90b28f7c",4552:"5546624d",4666:"fd03de0d",4822:"485a5f70",4912:"72b4592a",4992:"0e2472bc",5032:"02231d6d",5064:"4f44a205",5156:"ae90e2d7",5276:"7a85eddc",5284:"90b6a6e9",5320:"6fa65900",5548:"e4cd1fce",5640:"e5af237f",5696:"0c836037",5708:"1e124d6c",5856:"4a7d8a34",6044:"e5bd89ea",6216:"09bf796b",6252:"d4c7d7de",6264:"d7bd4e35",6328:"6913847e",6432:"3595069d",6460:"2d1d024b",6500:"863e31a6",6704:"c3f6a1bf",6752:"e949f11e",6756:"29a9d42c",6928:"0f3e92f7",7164:"77142519",7224:"84e66c4d",7300:"02247c6e",7572:"2d78727e",7600:"4086fd43",7732:"7be17bd4",7820:"f947d4d2",8200:"e5dd733a",8436:"5622ac00",8500:"9b731d24",8552:"341fc78d",8576:"242f3b45",8616:"2129b1ff",8636:"c1fc54dc",8762:"29142d83",8872:"0df131ce",8879:"af5ac17e",9016:"3e83bec9",9144:"ebff3da0",9576:"bac109c3",9607:"8b6bdf3b",9632:"aec33520",9648:"e6d0374d",9828:"fc65ee23"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},c="ignite-cookbook:",r.l=(e,a,d,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==c+d){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",c+d),t.src=e),f[e]=[a];var u=(a,d)=>{t.onerror=t.onload=null,clearTimeout(s);var c=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),c&&c.forEach((e=>e(d))),a)return a(d)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="/",r.gca=function(e){return e={17896441:"6752",63181745:"5548",82139467:"7820",cecd52bc:"8","145425bc":"16","72dfd944":"40","7acb6f50":"56",b3d1732c:"95",fe9b09bf:"140","33f24359":"222",e1b6b0a8:"328","99d16955":"622","9fc76e3d":"900",a2f5d017:"916",f50f3884:"1236",c3e2f4d4:"1264",ce17b301:"1388",c75b21fd:"1412",b33180cb:"1528",d699663a:"1784","3bb7a4af":"2008","985027d8":"2160",e0854532:"2288","51ea30c5":"2324",b8c37621:"2372",abaad534:"2464",dce6faa4:"2596",a8646ade:"3008","4e09609f":"3128","657027a7":"3180",ecce3b64:"3324","47a03c7f":"3336",df203c0f:"3400",f523b160:"3504","8b0d950b":"3960","19d620af":"3966","69dd30cd":"4000",fd1937a7:"4116","78a0b2f7":"4224","6fd287af":"4264","55960ee5":"4296","5e95c892":"4304","24a07a83":"4424","3720c009":"4492",a94703ab:"4666",b832b2ff:"4822","3192f89a":"4992",c47fa949:"5032","51e76fb5":"5064","08a54ed9":"5156",d63d2b89:"5276","03224537":"5284","569bff92":"5320","18d888f3":"5640","935f2afb":"5696",e33e793e:"5708",da9277bc:"5856","954f316d":"6044",a8f9d519:"6216",ff2c7cca:"6252",d7af48b9:"6264","0e384e19":"6328",e7928ab4:"6460",a7bd4aaa:"6500","9dc0f37b":"6704","4a4fb967":"6756","1ab29606":"6928",e2041b9b:"7164",d01c4de2:"7224","94ee064e":"7300",dd3340a6:"7572",ccf3150e:"7600",a0d6a633:"7732",a951c726:"8200","7b45617e":"8436",cc1d3934:"8500","1df93b7f":"8552","54a9c7e8":"8576","6728e797":"8616","1c9ea255":"8636",d6ab422f:"8762",c5ca3bf3:"8872",d0e08e4a:"9016",dec1aed8:"9144","51658ad1":"9576",c5abe9fe:"9607","31ac2bc7":"9632","1a4e3797":"9648","24c3776a":"9828"}[e]||e,r.p+r.u(e)},(()=>{var e={296:0,2176:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^2(17|9)6$/.test(a))e[a]=0;else{var c=new Promise(((d,c)=>f=e[a]=[d,c]));d.push(f[2]=c);var b=r.p+r.u(a),t=new Error;r.l(b,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var c=d&&("load"===d.type?"missing":d.type),b=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+c+": "+b+")",t.name="ChunkLoadError",t.type=c,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,c,b=d[0],t=d[1],o=d[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n<b.length;n++)c=b[n],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return r.O(i)},d=self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[];d.forEach(a.bind(null,0)),d.push=a.bind(null,d.push.bind(d))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,d,f,c,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=b,e=[],r.O=(a,d,f,c)=>{if(!d){var b=1/0;for(i=0;i<e.length;i++){d=e[i][0],f=e[i][1],c=e[i][2];for(var t=!0,o=0;o<d.length;o++)(!1&c||b>=c)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,c<b&&(b=c));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}c=c||0;for(var i=e.length;i>0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[d,f,c]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var c=Object.create(null);r.r(c);var b={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(c,b),c},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({8:"cecd52bc",16:"145425bc",40:"72dfd944",56:"7acb6f50",95:"b3d1732c",140:"fe9b09bf",222:"33f24359",328:"e1b6b0a8",622:"99d16955",900:"9fc76e3d",916:"a2f5d017",1236:"f50f3884",1264:"c3e2f4d4",1388:"ce17b301",1412:"c75b21fd",1528:"b33180cb",1784:"d699663a",2008:"3bb7a4af",2160:"985027d8",2288:"e0854532",2324:"51ea30c5",2372:"b8c37621",2464:"abaad534",2596:"dce6faa4",3008:"a8646ade",3128:"4e09609f",3180:"657027a7",3324:"ecce3b64",3336:"47a03c7f",3400:"df203c0f",3504:"f523b160",3960:"8b0d950b",3966:"19d620af",4e3:"69dd30cd",4116:"fd1937a7",4224:"78a0b2f7",4264:"6fd287af",4296:"55960ee5",4304:"5e95c892",4424:"24a07a83",4492:"3720c009",4666:"a94703ab",4822:"b832b2ff",4992:"3192f89a",5032:"c47fa949",5064:"51e76fb5",5156:"08a54ed9",5276:"d63d2b89",5284:"03224537",5320:"569bff92",5548:"63181745",5640:"18d888f3",5696:"935f2afb",5708:"e33e793e",5856:"da9277bc",6044:"954f316d",6216:"a8f9d519",6252:"ff2c7cca",6264:"d7af48b9",6328:"0e384e19",6460:"e7928ab4",6500:"a7bd4aaa",6704:"9dc0f37b",6752:"17896441",6756:"4a4fb967",6928:"1ab29606",7164:"e2041b9b",7224:"d01c4de2",7300:"94ee064e",7572:"dd3340a6",7600:"ccf3150e",7732:"a0d6a633",7820:"82139467",8200:"a951c726",8436:"7b45617e",8500:"cc1d3934",8552:"1df93b7f",8576:"54a9c7e8",8616:"6728e797",8636:"1c9ea255",8762:"d6ab422f",8872:"c5ca3bf3",9016:"d0e08e4a",9144:"dec1aed8",9576:"51658ad1",9607:"c5abe9fe",9632:"31ac2bc7",9648:"1a4e3797",9828:"24c3776a"}[e]||e)+"."+{8:"5cac4503",16:"e78ce3c0",40:"5ad7245c",56:"35f2b92d",95:"e48871b5",140:"7b3890df",222:"1a82a5fc",328:"c1ce8154",622:"7e304c24",900:"ed59a072",916:"abc86510",1236:"56663aa0",1264:"884b0eeb",1388:"a57543a4",1412:"e50e8147",1528:"9800c449",1676:"c9d2671a",1784:"f014bef9",2008:"bf7e6f78",2096:"4d27602e",2160:"ffa3d60d",2288:"85981248",2324:"045bca0d",2372:"53ba3f4c",2464:"a38ab67c",2528:"8598cbba",2596:"bb991aa5",3008:"b82994a5",3128:"2523db88",3180:"d86c2aa3",3324:"a27cf30f",3336:"b037daf5",3400:"ccf22ee4",3504:"480a17f2",3960:"1e5c3e49",3966:"19ce1467",4e3:"b3334896",4116:"f9d1089f",4224:"82a6ac47",4264:"aaf028f5",4296:"ded45ee0",4304:"a1a3902d",4424:"0255ff7d",4492:"90b28f7c",4552:"5546624d",4666:"fd03de0d",4822:"485a5f70",4912:"72b4592a",4992:"0e2472bc",5032:"02231d6d",5064:"4f44a205",5156:"ae90e2d7",5276:"7a85eddc",5284:"90b6a6e9",5320:"6fa65900",5548:"e4cd1fce",5640:"e5af237f",5696:"0c836037",5708:"1e124d6c",5856:"4a7d8a34",6044:"e5bd89ea",6216:"09bf796b",6252:"d4c7d7de",6264:"d7bd4e35",6328:"6913847e",6432:"3595069d",6460:"2d1d024b",6500:"863e31a6",6704:"c3f6a1bf",6752:"e949f11e",6756:"29a9d42c",6928:"0f3e92f7",7164:"77142519",7224:"84e66c4d",7300:"02247c6e",7572:"2d78727e",7600:"4086fd43",7732:"7be17bd4",7820:"f947d4d2",8200:"e5dd733a",8436:"5622ac00",8500:"bc103179",8552:"341fc78d",8576:"242f3b45",8616:"2129b1ff",8636:"c1fc54dc",8762:"29142d83",8872:"0df131ce",8879:"af5ac17e",9016:"3e83bec9",9144:"ebff3da0",9576:"bac109c3",9607:"8b6bdf3b",9632:"aec33520",9648:"e6d0374d",9828:"fc65ee23"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},c="ignite-cookbook:",r.l=(e,a,d,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==c+d){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",c+d),t.src=e),f[e]=[a];var u=(a,d)=>{t.onerror=t.onload=null,clearTimeout(s);var c=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),c&&c.forEach((e=>e(d))),a)return a(d)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="/",r.gca=function(e){return e={17896441:"6752",63181745:"5548",82139467:"7820",cecd52bc:"8","145425bc":"16","72dfd944":"40","7acb6f50":"56",b3d1732c:"95",fe9b09bf:"140","33f24359":"222",e1b6b0a8:"328","99d16955":"622","9fc76e3d":"900",a2f5d017:"916",f50f3884:"1236",c3e2f4d4:"1264",ce17b301:"1388",c75b21fd:"1412",b33180cb:"1528",d699663a:"1784","3bb7a4af":"2008","985027d8":"2160",e0854532:"2288","51ea30c5":"2324",b8c37621:"2372",abaad534:"2464",dce6faa4:"2596",a8646ade:"3008","4e09609f":"3128","657027a7":"3180",ecce3b64:"3324","47a03c7f":"3336",df203c0f:"3400",f523b160:"3504","8b0d950b":"3960","19d620af":"3966","69dd30cd":"4000",fd1937a7:"4116","78a0b2f7":"4224","6fd287af":"4264","55960ee5":"4296","5e95c892":"4304","24a07a83":"4424","3720c009":"4492",a94703ab:"4666",b832b2ff:"4822","3192f89a":"4992",c47fa949:"5032","51e76fb5":"5064","08a54ed9":"5156",d63d2b89:"5276","03224537":"5284","569bff92":"5320","18d888f3":"5640","935f2afb":"5696",e33e793e:"5708",da9277bc:"5856","954f316d":"6044",a8f9d519:"6216",ff2c7cca:"6252",d7af48b9:"6264","0e384e19":"6328",e7928ab4:"6460",a7bd4aaa:"6500","9dc0f37b":"6704","4a4fb967":"6756","1ab29606":"6928",e2041b9b:"7164",d01c4de2:"7224","94ee064e":"7300",dd3340a6:"7572",ccf3150e:"7600",a0d6a633:"7732",a951c726:"8200","7b45617e":"8436",cc1d3934:"8500","1df93b7f":"8552","54a9c7e8":"8576","6728e797":"8616","1c9ea255":"8636",d6ab422f:"8762",c5ca3bf3:"8872",d0e08e4a:"9016",dec1aed8:"9144","51658ad1":"9576",c5abe9fe:"9607","31ac2bc7":"9632","1a4e3797":"9648","24c3776a":"9828"}[e]||e,r.p+r.u(e)},(()=>{var e={296:0,2176:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^2(17|9)6$/.test(a))e[a]=0;else{var c=new Promise(((d,c)=>f=e[a]=[d,c]));d.push(f[2]=c);var b=r.p+r.u(a),t=new Error;r.l(b,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var c=d&&("load"===d.type?"missing":d.type),b=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+c+": "+b+")",t.name="ChunkLoadError",t.type=c,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,c,b=d[0],t=d[1],o=d[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n<b.length;n++)c=b[n],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return r.O(i)},d=self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[];d.forEach(a.bind(null,0)),d.push=a.bind(null,d.push.bind(d))})()})();
\ No newline at end of file
diff --git a/docs/archive/PristineExpoProject/index.html b/docs/archive/PristineExpoProject/index.html
index 1e2233dd..97f68f4c 100644
--- a/docs/archive/PristineExpoProject/index.html
+++ b/docs/archive/PristineExpoProject/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/archive/index.html b/docs/archive/index.html
index a7bba0fc..c1968f83 100644
--- a/docs/archive/index.html
+++ b/docs/archive/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/intro/index.html b/docs/intro/index.html
index 65560a32..0cb8f9c3 100644
--- a/docs/intro/index.html
+++ b/docs/intro/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/AccessibilityFontSizes/index.html b/docs/recipes/AccessibilityFontSizes/index.html
index 006ed4e6..2692c4af 100644
--- a/docs/recipes/AccessibilityFontSizes/index.html
+++ b/docs/recipes/AccessibilityFontSizes/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/CircleCIRNSetup/index.html b/docs/recipes/CircleCIRNSetup/index.html
index 2ee901d2..560fe8ce 100644
--- a/docs/recipes/CircleCIRNSetup/index.html
+++ b/docs/recipes/CircleCIRNSetup/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/CreatingGreateExperienceForScreenReaders/index.html b/docs/recipes/CreatingGreateExperienceForScreenReaders/index.html
index 5c04a6ad..1e18bdcd 100644
--- a/docs/recipes/CreatingGreateExperienceForScreenReaders/index.html
+++ b/docs/recipes/CreatingGreateExperienceForScreenReaders/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/DetoxIntro/index.html b/docs/recipes/DetoxIntro/index.html
index 59f6b2ec..2ab81874 100644
--- a/docs/recipes/DetoxIntro/index.html
+++ b/docs/recipes/DetoxIntro/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/DistributingAuthTokenToAPI/index.html b/docs/recipes/DistributingAuthTokenToAPI/index.html
index c405bce9..3d6aa523 100644
--- a/docs/recipes/DistributingAuthTokenToAPI/index.html
+++ b/docs/recipes/DistributingAuthTokenToAPI/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/EASUpdate/index.html b/docs/recipes/EASUpdate/index.html
index 750ee966..8f4a9e69 100644
--- a/docs/recipes/EASUpdate/index.html
+++ b/docs/recipes/EASUpdate/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/EnforcingImportOrder/index.html b/docs/recipes/EnforcingImportOrder/index.html
index 61032051..e33069fe 100644
--- a/docs/recipes/EnforcingImportOrder/index.html
+++ b/docs/recipes/EnforcingImportOrder/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/EnvironmentVariables/index.html b/docs/recipes/EnvironmentVariables/index.html
index 001e5abe..5588c54a 100644
--- a/docs/recipes/EnvironmentVariables/index.html
+++ b/docs/recipes/EnvironmentVariables/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/ExpoRouter/index.html b/docs/recipes/ExpoRouter/index.html
index 4eab6955..0308c444 100644
--- a/docs/recipes/ExpoRouter/index.html
+++ b/docs/recipes/ExpoRouter/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/GeneratorComponentTests/index.html b/docs/recipes/GeneratorComponentTests/index.html
index bccada4e..fd7e8640 100644
--- a/docs/recipes/GeneratorComponentTests/index.html
+++ b/docs/recipes/GeneratorComponentTests/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/MaestroSetup/index.html b/docs/recipes/MaestroSetup/index.html
index b0baa634..965b49c4 100644
--- a/docs/recipes/MaestroSetup/index.html
+++ b/docs/recipes/MaestroSetup/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/MigratingToMMKV/index.html b/docs/recipes/MigratingToMMKV/index.html
index 3069d1a2..442c06c3 100644
--- a/docs/recipes/MigratingToMMKV/index.html
+++ b/docs/recipes/MigratingToMMKV/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/PatchingBuildingAndroid/index.html b/docs/recipes/PatchingBuildingAndroid/index.html
index 4ee91a41..b295e46d 100644
--- a/docs/recipes/PatchingBuildingAndroid/index.html
+++ b/docs/recipes/PatchingBuildingAndroid/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/PrepForEASBuild/index.html b/docs/recipes/PrepForEASBuild/index.html
index 942c0d3a..435fde12 100644
--- a/docs/recipes/PrepForEASBuild/index.html
+++ b/docs/recipes/PrepForEASBuild/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/ReactNativeVisionCamera/index.html b/docs/recipes/ReactNativeVisionCamera/index.html
index d165febc..df6cb514 100644
--- a/docs/recipes/ReactNativeVisionCamera/index.html
+++ b/docs/recipes/ReactNativeVisionCamera/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
@@ -42,7 +42,7 @@ <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="overview">Overview<a hr
 <p>In this example, we&#x27;ll take a look at wiring up a barcode scanner. This tutorial is written for the Ignite v9 Prebuild workflow, however it generally still applies to DIY or even a bare react-native project.</p>
 <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="installation">Installation<a href="#installation" class="hash-link" aria-label="Direct link to Installation" title="Direct link to Installation">​</a></h2>
 <p>If you haven&#x27;t already, spin up a new Ignite application:</p>
-<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">npx ignite-cli@latest new PizzaApp --remove-demo </span><span class="token parameter variable" style="color:#36acaa">--workflow</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">prebuild </span><span class="token parameter variable" style="color:#36acaa">--yes</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token builtin class-name">cd</span><span class="token plain"> PizzaApp</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
+<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">npx ignite-cli@latest new PizzaApp --remove-demo </span><span class="token parameter variable" style="color:#36acaa">--workflow</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">cng </span><span class="token parameter variable" style="color:#36acaa">--yes</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token builtin class-name">cd</span><span class="token plain"> PizzaApp</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>Next, let&#x27;s install the necessary dependencies. You can see complete installation instructions for <code>react-native-vision-camera</code> <a href="https://react-native-vision-camera.com/docs/guides" target="_blank" rel="noopener noreferrer">here</a>.</p>
 <div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">npx expo </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> react-native-vision-camera</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>Add the plugin to <code>app.json</code> as per the documentation. It&#x27;ll look like the following if you have the default Ignite template:</p>
@@ -69,6 +69,6 @@ <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="displaying-the-camera">
 <p>We have the dough prepped, we added the sauce - now it&#x27;s time for the pizza toppings! Back in <code>screens/Welcome.tsx</code>, we&#x27;ll begin adding more of the camera code by adding the <code>Camera</code> component and wire it up to the <code>useCodeScanner</code> hook, both of which are provided by <code>react-native-vision-camera</code>.</p>
 <div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> observer </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;mobx-react-lite&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">FC</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">AppStackScreenProps</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;../navigators&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">Camera</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">CameraPermissionStatus</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  useCameraDevice</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  useCodeScanner</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports"></span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react-native-vision-camera&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">Alert</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">Linking</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">StyleSheet</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">TouchableOpacity</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">View</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports">  </span><span class="token imports maybe-class-name">ViewStyle</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token imports"></span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react-native&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Button</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Icon</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Screen</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Text</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;app/components&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> useSafeAreaInsets </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react-native-safe-area-context&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> useStores </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;app/models&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> spacing </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;app/theme&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">interface</span><span class="token plain"> </span><span class="token class-name">WelcomeScreenProps</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">extends</span><span class="token plain"> </span><span class="token class-name">AppStackScreenProps</span><span class="token class-name operator" style="color:#393A34">&lt;</span><span class="token class-name string" style="color:#e3116c">&quot;Welcome&quot;</span><span class="token class-name operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token maybe-class-name">WelcomeScreen</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token maybe-class-name">WelcomeScreenProps</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">observer</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">WelcomeScreen</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">_props</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">cameraPermission</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setCameraPermission</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">useState</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token maybe-class-name">CameraPermissionStatus</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">showScanner</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setShowScanner</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">isActive</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setIsActive</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> codeStore </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useStores</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">useEffect</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token maybe-class-name">Camera</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getCameraPermissionStatus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">then</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">setCameraPermission</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> promptForCameraPermissions </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">useCallback</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">async</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> permission </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">await</span><span class="token plain"> </span><span class="token maybe-class-name">Camera</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">requestCameraPermission</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token maybe-class-name">Camera</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getCameraPermissionStatus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">then</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">setCameraPermission</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token keyword" style="color:#00009f">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">permission </span><span class="token operator" style="color:#393A34">===</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;denied&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">await</span><span class="token plain"> </span><span class="token maybe-class-name">Linking</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">openSettings</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">cameraPermission</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> codeScanner </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useCodeScanner</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">      codeTypes</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&quot;qr&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;ean-13&quot;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">      </span><span class="token function-variable function" style="color:#d73a49">onCodeScanned</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">codes</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">        </span><span class="token function" style="color:#d73a49">setIsActive</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">        codes</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">every</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">code</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">          </span><span class="token keyword" style="color:#00009f">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">code</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">            codeStore</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">addCode</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">code</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">          </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">        </span><span class="token function" style="color:#d73a49">setShowScanner</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">        </span><span class="token maybe-class-name">Alert</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;Code scanned!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> device </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useCameraDevice</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;back&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> right</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> top </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useSafeAreaInsets</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">cameraPermission </span><span class="token operator" style="color:#393A34">==</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token comment" style="color:#999988;font-style:italic">// still loading</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">showScanner </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> device</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">      </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">        </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">$cameraContainer</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Camera</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">isActive</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">isActive</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">device</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">device</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">codeScanner</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">codeScanner</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">StyleSheet</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">absoluteFill</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">photo</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">video</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">          </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">              $cameraButtons</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">              </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"> right</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> right </span><span class="token tag script language-javascript operator" style="color:#393A34">+</span><span class="token tag script language-javascript" style="color:#00009f"> spacing</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">md</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> top</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> top </span><span class="token tag script language-javascript operator" style="color:#393A34">+</span><span class="token tag script language-javascript" style="color:#00009f"> spacing</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">md</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">            </span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">          </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">TouchableOpacity</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">              </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">$closeCamera</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">              </span><span class="token tag attr-name" style="color:#00a4db">onPress</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">setShowScanner</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript boolean" style="color:#36acaa">false</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Icon</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">icon</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">x</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">size</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">50</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">TouchableOpacity</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Screen</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">contentContainerStyle</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">$container</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Text</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">            Camera Permission:</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">            </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">cameraPermission </span><span class="token operator" style="color:#393A34">===</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Loading...&quot;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> cameraPermission</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Text</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">cameraPermission </span><span class="token operator" style="color:#393A34">!==</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;granted&quot;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Button</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f">              </span><span class="token tag attr-name" style="color:#00a4db">onPress</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">promptForCameraPermissions</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f">              </span><span class="token tag attr-name" style="color:#00a4db">text</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Request Camera Permission</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Button</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">onPress</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">              </span><span class="token tag script language-javascript function" style="color:#d73a49">setIsActive</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript boolean" style="color:#36acaa">true</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">;</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">              </span><span class="token tag script language-javascript function" style="color:#d73a49">setShowScanner</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript boolean" style="color:#36acaa">true</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">;</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">            </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">text</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Scan Barcodes</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">          </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Button</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">onPress</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> _props</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">navigation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript method function property-access" style="color:#d73a49">navigate</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;Codes&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">            </span><span class="token tag attr-name" style="color:#00a4db">text</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">View Scans (</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">${</span><span class="token tag script language-javascript template-string interpolation" style="color:#00009f">codeStore</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript template-string interpolation" style="color:#00009f">codes</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript template-string interpolation" style="color:#00009f">length</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">)</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token tag" style="color:#00009f">          </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">View</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Screen</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> $container</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">ViewStyle</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  flex</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  padding</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  justifyContent</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;space-evenly&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> $cameraContainer</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">ViewStyle</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  flex</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> $cameraButtons</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">ViewStyle</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;absolute&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> $closeCamera</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">ViewStyle</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  marginBottom</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> spacing</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">md</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  width</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  height</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  borderRadius</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">100</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">/</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  backgroundColor</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;rgba(140, 140, 140, 0.3)&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  justifyContent</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;center&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain">  alignItems</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;center&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line code-block-success-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>And that&#x27;s everything! Check out the Demo Preview to see it in action.</p>
-<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Demo Preview</summary><div><div class="collapsibleContent_i85q"><video width="320" height="240" controls=""><source src="https://github.com/frankcalise/CookbookVisionCamera/assets/374022/93a732bf-f6a4-4a7f-8a65-24e6af101a90" type="video/mp4"></video></div></div></details></div><div class="root_lrOk"><h3>Is this page still up to date? Did it work for you?</h3><div class="grid_uXr7"><button class="reactionButton_NJtd" aria-label="Yes"><svg xmlns="http://www.w3.org/2000/svg" class="reactionIcon_kBHw" viewBox="0 0 512 512"><path fill="#349636" d="m456 192-156-12 23-89.4c6-26.6-.78-41.87-22.47-48.6l-34.69-9.85a4 4 0 0 0-4.4 1.72l-129 202.34a8 8 0 0 1-6.81 3.81H16V448h117.61a48 48 0 0 1 15.18 2.46l76.3 25.43a80 80 0 0 0 25.3 4.11h177.93c19 0 31.5-13.52 35.23-32.16L496 305.58V232c0-22.06-18-38-40-40z"></path></svg><div class="reactionText_KjFJ">Yes</div></button><button class="reactionButton_NJtd" aria-label="No"><svg xmlns="http://www.w3.org/2000/svg" class="reactionIcon_kBHw" viewBox="0 0 512 512"><path fill="#DC1818" d="m56 320 156.05 12-23 89.4c-6.08 26.6.7 41.87 22.39 48.62l34.69 9.85a4 4 0 0 0 4.4-1.72l129-202.34a8 8 0 0 1 6.81-3.81H496V64H378.39a48 48 0 0 1-15.18-2.46l-76.3-25.43a80 80 0 0 0-25.3-4.11H83.68c-19 0-31.5 13.52-35.23 32.16L16 206.42V280c0 22.06 18 38 40 40z"></path><path d="M378.45 273.93A15.84 15.84 0 0 1 386 272a15.93 15.93 0 0 0-7.51 1.91zm-40.59 69.29-.13.22a2.53 2.53 0 0 1 .13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z" fill="none"></path><path d="m372.66 279.16-1 2a16.29 16.29 0 0 1 6.77-7.26 16.48 16.48 0 0 0-5.77 5.26z"></path></svg><div class="reactionText_KjFJ">No</div></button></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-tags-row row margin-bottom--sm"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/expo">Expo</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/vision-camera">VisionCamera</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/react-native-vision-camera">react-native-vision-camera</a></li></ul></div></div><div class="theme-doc-footer-edit-meta-row row"><div class="col"></div><div class="col lastUpdated_VsjB"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-02-21T22:20:35.000Z">Feb 21, 2024</time></b> by <b>Frank Calise</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/recipes/PrepForEASBuild"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Prepping Ignite for EAS Build</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/Redux"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Redux</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#overview" class="table-of-contents__link toc-highlight">Overview</a></li><li><a href="#installation" class="table-of-contents__link toc-highlight">Installation</a></li><li><a href="#permissions" class="table-of-contents__link toc-highlight">Permissions</a></li><li><a href="#codes-store--screen" class="table-of-contents__link toc-highlight">Codes Store &amp; Screen</a></li><li><a href="#displaying-the-camera" class="table-of-contents__link toc-highlight">Displaying the Camera</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack Community<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnativeradio.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Radio<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnative.cc/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Newsletter<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Resources</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Submit a Recipe<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Cookbook<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Boilerplate<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://shift.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">RedShift Blog <div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://infinite.red/privacy-policy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Policy<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Infinite Red</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Website<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://docs.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">IR Docs<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://chainreactconf.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chain React Conf<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">From the team at <a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="ir-footer-link">Infinite Red</a> <img width="32" height="32" src="/img/ir-mark.svg" alt="dropdown" class="ir-mark"></div></div></div></footer></div>
+<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Demo Preview</summary><div><div class="collapsibleContent_i85q"><video width="320" height="240" controls=""><source src="https://github.com/frankcalise/CookbookVisionCamera/assets/374022/93a732bf-f6a4-4a7f-8a65-24e6af101a90" type="video/mp4"></video></div></div></details></div><div class="root_lrOk"><h3>Is this page still up to date? Did it work for you?</h3><div class="grid_uXr7"><button class="reactionButton_NJtd" aria-label="Yes"><svg xmlns="http://www.w3.org/2000/svg" class="reactionIcon_kBHw" viewBox="0 0 512 512"><path fill="#349636" d="m456 192-156-12 23-89.4c6-26.6-.78-41.87-22.47-48.6l-34.69-9.85a4 4 0 0 0-4.4 1.72l-129 202.34a8 8 0 0 1-6.81 3.81H16V448h117.61a48 48 0 0 1 15.18 2.46l76.3 25.43a80 80 0 0 0 25.3 4.11h177.93c19 0 31.5-13.52 35.23-32.16L496 305.58V232c0-22.06-18-38-40-40z"></path></svg><div class="reactionText_KjFJ">Yes</div></button><button class="reactionButton_NJtd" aria-label="No"><svg xmlns="http://www.w3.org/2000/svg" class="reactionIcon_kBHw" viewBox="0 0 512 512"><path fill="#DC1818" d="m56 320 156.05 12-23 89.4c-6.08 26.6.7 41.87 22.39 48.62l34.69 9.85a4 4 0 0 0 4.4-1.72l129-202.34a8 8 0 0 1 6.81-3.81H496V64H378.39a48 48 0 0 1-15.18-2.46l-76.3-25.43a80 80 0 0 0-25.3-4.11H83.68c-19 0-31.5 13.52-35.23 32.16L16 206.42V280c0 22.06 18 38 40 40z"></path><path d="M378.45 273.93A15.84 15.84 0 0 1 386 272a15.93 15.93 0 0 0-7.51 1.91zm-40.59 69.29-.13.22a2.53 2.53 0 0 1 .13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z" fill="none"></path><path d="m372.66 279.16-1 2a16.29 16.29 0 0 1 6.77-7.26 16.48 16.48 0 0 0-5.77 5.26z"></path></svg><div class="reactionText_KjFJ">No</div></button></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-tags-row row margin-bottom--sm"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/expo">Expo</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/vision-camera">VisionCamera</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/react-native-vision-camera">react-native-vision-camera</a></li></ul></div></div><div class="theme-doc-footer-edit-meta-row row"><div class="col"></div><div class="col lastUpdated_VsjB"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-03-26T16:58:09.000Z">Mar 26, 2024</time></b> by <b>Frank Calise</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/recipes/PrepForEASBuild"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Prepping Ignite for EAS Build</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/Redux"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Redux</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#overview" class="table-of-contents__link toc-highlight">Overview</a></li><li><a href="#installation" class="table-of-contents__link toc-highlight">Installation</a></li><li><a href="#permissions" class="table-of-contents__link toc-highlight">Permissions</a></li><li><a href="#codes-store--screen" class="table-of-contents__link toc-highlight">Codes Store &amp; Screen</a></li><li><a href="#displaying-the-camera" class="table-of-contents__link toc-highlight">Displaying the Camera</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack Community<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnativeradio.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Radio<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnative.cc/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Newsletter<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Resources</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Submit a Recipe<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Cookbook<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Boilerplate<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://shift.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">RedShift Blog <div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://infinite.red/privacy-policy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Policy<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Infinite Red</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Website<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://docs.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">IR Docs<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://chainreactconf.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chain React Conf<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">From the team at <a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="ir-footer-link">Infinite Red</a> <img width="32" height="32" src="/img/ir-mark.svg" alt="dropdown" class="ir-mark"></div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/recipes/Redux/index.html b/docs/recipes/Redux/index.html
index 3fe5bd8e..a4379a0f 100644
--- a/docs/recipes/Redux/index.html
+++ b/docs/recipes/Redux/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/RemoveMobxStateTree/index.html b/docs/recipes/RemoveMobxStateTree/index.html
index 475488b9..9c389db7 100644
--- a/docs/recipes/RemoveMobxStateTree/index.html
+++ b/docs/recipes/RemoveMobxStateTree/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/RequiringHardwareFeaturesWithExpo/index.html b/docs/recipes/RequiringHardwareFeaturesWithExpo/index.html
index aecf3d2a..4782eb0e 100644
--- a/docs/recipes/RequiringHardwareFeaturesWithExpo/index.html
+++ b/docs/recipes/RequiringHardwareFeaturesWithExpo/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/SampleYAMLCircleCI/index.html b/docs/recipes/SampleYAMLCircleCI/index.html
index a656904e..c8fc7c1f 100644
--- a/docs/recipes/SampleYAMLCircleCI/index.html
+++ b/docs/recipes/SampleYAMLCircleCI/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/SelectFieldWithBottomSheet/index.html b/docs/recipes/SelectFieldWithBottomSheet/index.html
index 5e075cf2..a6efe85e 100644
--- a/docs/recipes/SelectFieldWithBottomSheet/index.html
+++ b/docs/recipes/SelectFieldWithBottomSheet/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/SwitchBetweenExpoGoCNG/index.html b/docs/recipes/SwitchBetweenExpoGoCNG/index.html
index 10820af8..b9ae8da6 100644
--- a/docs/recipes/SwitchBetweenExpoGoCNG/index.html
+++ b/docs/recipes/SwitchBetweenExpoGoCNG/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/TypeScriptBaseURL/index.html b/docs/recipes/TypeScriptBaseURL/index.html
index 62f3a0ab..9c7dca42 100644
--- a/docs/recipes/TypeScriptBaseURL/index.html
+++ b/docs/recipes/TypeScriptBaseURL/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/UnrenderedItemInScrollView/index.html b/docs/recipes/UnrenderedItemInScrollView/index.html
index 69dcd7b3..eadc0d15 100644
--- a/docs/recipes/UnrenderedItemInScrollView/index.html
+++ b/docs/recipes/UnrenderedItemInScrollView/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/UpdatingDependencies/index.html b/docs/recipes/UpdatingDependencies/index.html
index c8d53fc2..874c0afd 100644
--- a/docs/recipes/UpdatingDependencies/index.html
+++ b/docs/recipes/UpdatingDependencies/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/UpdatingIgnite/index.html b/docs/recipes/UpdatingIgnite/index.html
index 147de723..99b6ab0a 100644
--- a/docs/recipes/UpdatingIgnite/index.html
+++ b/docs/recipes/UpdatingIgnite/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/UsingScreenReaders/index.html b/docs/recipes/UsingScreenReaders/index.html
index 9198cf9d..754a215b 100644
--- a/docs/recipes/UsingScreenReaders/index.html
+++ b/docs/recipes/UsingScreenReaders/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/recipes/Zustand/index.html b/docs/recipes/Zustand/index.html
index a7517bc1..1be73843 100644
--- a/docs/recipes/Zustand/index.html
+++ b/docs/recipes/Zustand/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/accessibility/index.html b/docs/tags/accessibility/index.html
index 82049435..86d2ae22 100644
--- a/docs/tags/accessibility/index.html
+++ b/docs/tags/accessibility/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/android/index.html b/docs/tags/android/index.html
index e7d69fa1..9af26c44 100644
--- a/docs/tags/android/index.html
+++ b/docs/tags/android/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/apisauce/index.html b/docs/tags/apisauce/index.html
index b756e846..ad0a68be 100644
--- a/docs/tags/apisauce/index.html
+++ b/docs/tags/apisauce/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/archive/index.html b/docs/tags/archive/index.html
index 7a11581c..a0f3dee8 100644
--- a/docs/tags/archive/index.html
+++ b/docs/tags/archive/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/async-storage/index.html b/docs/tags/async-storage/index.html
index aa5edfc4..8179f600 100644
--- a/docs/tags/async-storage/index.html
+++ b/docs/tags/async-storage/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/authentication/index.html b/docs/tags/authentication/index.html
index 31b074d3..fb29d006 100644
--- a/docs/tags/authentication/index.html
+++ b/docs/tags/authentication/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/babel/index.html b/docs/tags/babel/index.html
index 42c7a9ab..8da0b7c9 100644
--- a/docs/tags/babel/index.html
+++ b/docs/tags/babel/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/ci-cd/index.html b/docs/tags/ci-cd/index.html
index 0de32cd6..1e1ef37b 100644
--- a/docs/tags/ci-cd/index.html
+++ b/docs/tags/ci-cd/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/cng/index.html b/docs/tags/cng/index.html
index 3149838c..1a355f2f 100644
--- a/docs/tags/cng/index.html
+++ b/docs/tags/cng/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/debug/index.html b/docs/tags/debug/index.html
index c938dc27..7163e171 100644
--- a/docs/tags/debug/index.html
+++ b/docs/tags/debug/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/dependencies/index.html b/docs/tags/dependencies/index.html
index ddc6e440..01170176 100644
--- a/docs/tags/dependencies/index.html
+++ b/docs/tags/dependencies/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/eas-update/index.html b/docs/tags/eas-update/index.html
index 00388876..488351fc 100644
--- a/docs/tags/eas-update/index.html
+++ b/docs/tags/eas-update/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/eas/index.html b/docs/tags/eas/index.html
index 3d7eb808..db122501 100644
--- a/docs/tags/eas/index.html
+++ b/docs/tags/eas/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/environment-variables/index.html b/docs/tags/environment-variables/index.html
index 0b5f4453..664dfb1b 100644
--- a/docs/tags/environment-variables/index.html
+++ b/docs/tags/environment-variables/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/expo-dev-client/index.html b/docs/tags/expo-dev-client/index.html
index fc6e5f55..bf207f80 100644
--- a/docs/tags/expo-dev-client/index.html
+++ b/docs/tags/expo-dev-client/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/expo-router/index.html b/docs/tags/expo-router/index.html
index 3563f78e..4f651b6e 100644
--- a/docs/tags/expo-router/index.html
+++ b/docs/tags/expo-router/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/expo-updates/index.html b/docs/tags/expo-updates/index.html
index b3fed437..fbe56eb7 100644
--- a/docs/tags/expo-updates/index.html
+++ b/docs/tags/expo-updates/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/expo/index.html b/docs/tags/expo/index.html
index 81377972..983b93a0 100644
--- a/docs/tags/expo/index.html
+++ b/docs/tags/expo/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/flat-list/index.html b/docs/tags/flat-list/index.html
index 7d5e19ef..15bd98dd 100644
--- a/docs/tags/flat-list/index.html
+++ b/docs/tags/flat-list/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/generator/index.html b/docs/tags/generator/index.html
index fe3d63ae..818ed513 100644
--- a/docs/tags/generator/index.html
+++ b/docs/tags/generator/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/guide/index.html b/docs/tags/guide/index.html
index 0cab9f00..069b1e2b 100644
--- a/docs/tags/guide/index.html
+++ b/docs/tags/guide/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/hardware/index.html b/docs/tags/hardware/index.html
index d42743a4..3203b728 100644
--- a/docs/tags/hardware/index.html
+++ b/docs/tags/hardware/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/i-os/index.html b/docs/tags/i-os/index.html
index 233cd3ea..bd5c3cf8 100644
--- a/docs/tags/i-os/index.html
+++ b/docs/tags/i-os/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/imports/index.html b/docs/tags/imports/index.html
index 7954b775..b4b495f6 100644
--- a/docs/tags/imports/index.html
+++ b/docs/tags/imports/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/index.html b/docs/tags/index.html
index ae09172e..3e209edd 100644
--- a/docs/tags/index.html
+++ b/docs/tags/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/intro/index.html b/docs/tags/intro/index.html
index 20ff7675..8f1bbab2 100644
--- a/docs/tags/intro/index.html
+++ b/docs/tags/intro/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/maestro/index.html b/docs/tags/maestro/index.html
index 18bc5529..4d5869c0 100644
--- a/docs/tags/maestro/index.html
+++ b/docs/tags/maestro/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/mmkv/index.html b/docs/tags/mmkv/index.html
index 2d5b34cd..2a4d45b8 100644
--- a/docs/tags/mmkv/index.html
+++ b/docs/tags/mmkv/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/mob-x/index.html b/docs/tags/mob-x/index.html
index 4b9b77ff..484c433a 100644
--- a/docs/tags/mob-x/index.html
+++ b/docs/tags/mob-x/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/prebuild/index.html b/docs/tags/prebuild/index.html
index b2734e7c..5d22da66 100644
--- a/docs/tags/prebuild/index.html
+++ b/docs/tags/prebuild/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/prettier/index.html b/docs/tags/prettier/index.html
index c474365f..8db0ab2d 100644
--- a/docs/tags/prettier/index.html
+++ b/docs/tags/prettier/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/react-native-vision-camera/index.html b/docs/tags/react-native-vision-camera/index.html
index 877c5ffd..32ce7e16 100644
--- a/docs/tags/react-native-vision-camera/index.html
+++ b/docs/tags/react-native-vision-camera/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/react-navigation/index.html b/docs/tags/react-navigation/index.html
index 93806668..6a698503 100644
--- a/docs/tags/react-navigation/index.html
+++ b/docs/tags/react-navigation/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/redux/index.html b/docs/tags/redux/index.html
index 8fc02626..6ba38f88 100644
--- a/docs/tags/redux/index.html
+++ b/docs/tags/redux/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/scroll-to/index.html b/docs/tags/scroll-to/index.html
index cab97faf..7fd9ad62 100644
--- a/docs/tags/scroll-to/index.html
+++ b/docs/tags/scroll-to/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/section-list/index.html b/docs/tags/section-list/index.html
index 86fde4d1..6ca404ba 100644
--- a/docs/tags/section-list/index.html
+++ b/docs/tags/section-list/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/select-field/index.html b/docs/tags/select-field/index.html
index 813b4fdf..7f218595 100644
--- a/docs/tags/select-field/index.html
+++ b/docs/tags/select-field/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/state-management/index.html b/docs/tags/state-management/index.html
index 94ff1ff3..cdcc9850 100644
--- a/docs/tags/state-management/index.html
+++ b/docs/tags/state-management/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/testing/index.html b/docs/tags/testing/index.html
index 2c93b34f..85ee836d 100644
--- a/docs/tags/testing/index.html
+++ b/docs/tags/testing/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/text-field/index.html b/docs/tags/text-field/index.html
index df441e93..6220885c 100644
--- a/docs/tags/text-field/index.html
+++ b/docs/tags/text-field/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/type-script/index.html b/docs/tags/type-script/index.html
index 9ff3ba1a..45060806 100644
--- a/docs/tags/type-script/index.html
+++ b/docs/tags/type-script/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/ui-required-device-capabilities/index.html b/docs/tags/ui-required-device-capabilities/index.html
index a6c96108..960ed6b8 100644
--- a/docs/tags/ui-required-device-capabilities/index.html
+++ b/docs/tags/ui-required-device-capabilities/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/ui/index.html b/docs/tags/ui/index.html
index ebd1afc2..b4a791da 100644
--- a/docs/tags/ui/index.html
+++ b/docs/tags/ui/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/uses-feature/index.html b/docs/tags/uses-feature/index.html
index e01f701f..fb9bed98 100644
--- a/docs/tags/uses-feature/index.html
+++ b/docs/tags/uses-feature/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/vision-camera/index.html b/docs/tags/vision-camera/index.html
index 656cbc65..665a2212 100644
--- a/docs/tags/vision-camera/index.html
+++ b/docs/tags/vision-camera/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/yarn/index.html b/docs/tags/yarn/index.html
index 8866fcf8..67a106d9 100644
--- a/docs/tags/yarn/index.html
+++ b/docs/tags/yarn/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/docs/tags/zustand/index.html b/docs/tags/zustand/index.html
index b03b74f7..9bb7fa66 100644
--- a/docs/tags/zustand/index.html
+++ b/docs/tags/zustand/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
diff --git a/index.html b/index.html
index 5fed85dc..49b20464 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">
@@ -76,6 +76,6 @@
 
 yarn format
 
-</pre></div><div class="timeStamp_Nl4O"><div class="timeStampText_VmFw">updated<span> <!-- -->3 weeks ago</span><span></span></div></div><img alt="Animation Image" class="faceLookingDown_tKzt" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARIAAADyCAMAAAC22ronAAABLFBMVEUAAAAZEBUZEBQZEBUdFhcZEBUZEBUZEBUbExYZEBUZEBUZExYZEBYaFhYRDgwRDgwXEREZExUZEBUZEBUZEBURDgwZEBUZEBUXDxIRDgwXEBMYEBUZEBUYEBUZEBURDgwYEBMYEBQZEBUZEBUZEBUZEBUWDxIYEBMYEBQYEBQaERgZEBUXEBMZEBUXDxMXEBMXDxMWEBIRDgwZEBUYEBQXEBMWDxIZEBUVDxEYEBQXDxMRDgwZEBURDgwXEBIZEBUXEBMZDxURDgwZEBUXDxIWDxIXEBMXEBMRDgwWDxIZEBUXDxMZEBUXDxMXDxQWEBIYDxMRDgwRDgwRDgwRDgwRDgwWDxIRDgwRDgwRDQwRDgwRDgwRDgwRDgwRDgsRDgwRDgwRDgwQDgwZEBVxw16zAAAAY3RSTlMA/Pr0Bu/r8Q739gj5Cv37GRPk6MXxuNtA+Dw14d7Y9mMdvK7m1TAmFlIQzSPARCBtS+qzj1dOqX5yXuGV5kjRmfjuyYpbZzn0LaGGpZx7dyrDyPXbzIK2oNa90pOq0N3YrqWk2s0IAAAUt0lEQVR42uycaW/iRhjH/cwwM7ZjVLBdG4Htgo3DYUxA3JRyFEIaIId6pFKrSpXm+3+Hhu62TbZh12yQgrP5KbLygst/P/eMLbzxxhtvvPHGG2+88cYbb7zxRpxJiOVsp5S7rZfTYkL4okmWa6XuebPbzQ91dR5MRqvWKF85S3+ZsiRK9Xy3HRpXMh0xWeKIA8D2IGv6ppFLCl8U4m2msx4FDHF5hTiYjkkZRlwCDjIHjGZ0RbxKTvhCOEkXmuvQL8ozDYNEixNT76zW683KoUVJcyUECIAA0fx2pix8CTQ384CCBXMkO94036xVkwkhca/UWWZ8fh9U1nqoYIwwBOZEG2VPhNdNarzomRg4Dmy9ta6knw4x6dzC8CRF4YAkmk8JrxfxdBhaGHNgc/28fit+VLtc3sOUgiL7g1cbUcTT6ZWOgEPLb5TKEVJseujJ6oxIXu9MeI0k8z7mXEJ+OIpecZQHjqZgol+nhVdG4mS89ChFqGgMc2eJfSwrr0tySzHyryzGioW8Z7gaC9uV9N5q5rWQAulfCq+IamZJAjyXnGzm5HMcbsAkmRQXovBaqGbbBtEJNvrlz+1ZpjJg4r2WCJs4HZnMkJCXPxU+my4DoPorScS1G3dGZDVoPu8StzBh88Vr6AHFjKtiS/YHJeF5jCgG2o6/JOJtw7Mloo6ywnO5oESiXuz7v1RjgpU53mSF53MZEAdaNSHWnOTaGpKdSf4gVWfBJYh48S5gy/lARthcF4SDkN7IxO7F2nEKGw0h5DcOVYSXfIlavRjXaifNHiFQvEsdbJycs03m3sV3Op24s2cSKzYOmDM7JkLqWogryYypgGo0hQOysBANMkJMOXUd6tj5w5ZVAUKsFdceJzeXMTOaJ4eVmc0scxPT4jWvF2eKlznwuKc/A+oOhTiSGLdIz2qVIi8BV8uFCIu/OUsBux1Lv0meWw6e30Sru8VUfX039bz2oFMSP57T+zKx7WEcU3Bi7CCE29VIr02vdct0OAeMtbBR+tj5FkJZVuYlIX4kBsSg6lSM1BIOLOD/gPGkuCzv/tzeHBR5GcNptNjVYKaOItnIWUvlDzAxqNfZXYZSUXGLuXEs5isTALwqR2rieog/ABwOkjYXd0htyBgHdSF+ZC0ZpGi5proB/gGIyzTMPanIEGugrqpC7EjdMaT0LiM1hXeUfwhwCZHGU4IOVYLk4EKIHemRqynOZTQPI/wJAMB5YpZQCPBMoo34Fa6Ja+qheTPa5KDHd+D3Uv+rdDwFKfoghm6T04GYw4h9vvS3ozwBVfsfWIN4jQHN2jGcuYptTZMijgHFHn8gyaP/gLZLjw3quqgB6mWF2FFtYOZ5qYhNrbrLSDgg9zbx0B2HFALqnArxI+eoTI3agnTJu6T7BADBMvlAkY5KEZpn4tjbXFFEelFzQvuBu8DjPMxBHxQe2IjJZ8qkE0dFsoatmpGHgOEDLTB6LAmC1n95fEkxyH4lfun3noZP6TIdNe7M+T0g8y0Kfi/Ne4kU69+hiFhRFUBhPpaKFPKyZGWiL8g89BYF8S3Sv54zv31f+i2ogop6N5bre8lGkTC3HFkS52EQAXinzPYgb4Nu+C69iH1VBhjF02uEs2AS9k6j25TxYb93D4PtEXMO78YmFy2YcbQ5F+LJ2Olp04IQmf7DkMr4FsDwj+mMCoKQyHgYZnhTEWLKQFWsOyE6xow/QEPvNNkeADgflYVyI5AQwfHdmZYcWDAaC9Gp0Md+8wgpL2SvNZCV4iCWgfV95arxVm6vBW/+NIAkpnXzOkOMxTTVvCNjKoq+j40nn5gNINgeZGDGRpM4WK2LGM6e/6Wi2WRU2KvYVTkHvhXhcSZWZ4gWJc7AH8XYRO7JWFgy9oqE6bbGHpkIgr/dRuUAgJDUr8dxGP8olhSxu19yKDtF9M5OgN8zQ1tF3unC1eAqtpnmH7JFhvU9Jxr1iacgwLL7twqyjAA4J1tdsB7LxvcxdQcr9ljYC7FiY4JkvBUEF4uGgwG24VWeL2NvIvdc2hiHZ/smiJFfpJoEwAFQ4DO+RWaj0zgnmv/wkO709w2I6Wa4dR38PgFvwWHl6MJqQizVL0qpy1Jyr5/WUQlz6ntHgLTnM/RfS0zdzhHd5JmuVS86p5XMuHHtTFxvs55O88NaKqout65KTb0m7Iu4vJlYEtraCbP0wbFYSDlb6d60nIE58+YyAvR3MgRAQAJvmi1E8+y6gZnVLu/fHeXa2ygCxHbTyWPIM4Vabthf6ZTN5gGAJpkywQgQAvj7D0NvElYuo1y71IYWNWPPy5xIZhcBgxnH9mj88ptpTqrl3GA1NyVZNgFhy7Emjfai3Z7q2JYl3UEgc2BcoZrbuYxw+S5Cn4ycTiG6HuXc3cJmDBCye8MjyDLpRtjyEcUTjk3HaN/UC+mT7c9KpMbnjcGgc+MaDBFAwEMPu80I/UbDwrJujS6j6ZGqD6ZqkctIsp2rzIuPEsXccuqpCkK+qbtXg2yqmvj/a9KpXKO3ITIiEsLWIvtJQxHPdcdUWKvzyft/U8nKyFVl4ADYnzZuX1yQQnZkagwALHNzcfHRPf9iqdmzkAkgsfb4k6adHBo9pKP5ZnSW2vHiRCJ9m7nuG5aJmKJI1F9kXz7JFIbtloo4twM3V6pGWHGptAkyFcltdSOknZVFVE2yfbd/Xkt/qO/Zabqx3LhERqaEkTIxpp3ai4eQRGZFgQMq6l4zETkOj1sYY5ivLiJ8Qa5nIwAucUmzR15/uezmK8PKsnPdX+hzTbrWOHCqEC3YrGtHcKuReL6wiYJQMK2finvdjOYSeeLMR6koNVs9tAnM6BxhglWTqKZmWfaEUgb3MMYkFoSr9ekRVKkJsbIO3cAx2/3Lva21NA8JglY9GUn55jJsGRwwB8QR3x4JQzIAx1rRDwfjTPXF3WXL6dhVbVslN/XPMtfMBMkS3VxE/rrO3ZXRCn3iE4wnGtVs3Wst8udp4RgK1HtOSvlp6NtasOp+7qPbKgxJOGhGf3fiJHWZKnUvKpVOrpnJ3NZSx/R4tPRSx5Y5mzS65c9X1QfAxZsjOqtnUM31TMYIu3teBVChBNv6EQTF53N2PaeMsE2n+syBs0mATV6BJNXSaq4SaXKAx2/5BORi/B+UkZ0SqaiZN4coinq2hYvnMQ8mZxUTy6o9KhykrVpQhuNuJaU25VgJ8wfqq4ZF7uCXH/M8AzFvYy7Tq5pwIK4QpWYc9+P+Q2pQVCU0P2DrbTjqZBPDbezvSWQ9ipjmlg7XTBRaACSI7WJ+oraSELVuDnkCOYeRYl+IKeLSIxOq16rCAanIEkziurmwsMAMzP6BBzQGQsY8hvd/bDlbW5qkDg4cCG9NmLmjI5iDfQblttPD+iBqXBXFdCH96RenVgQpraYQRy57FtX1aOOvhFjr9Bf93qrRvRU/da8rClgvlk2feEVAcU4jdSLJ7DTQfA6ACdVHuY+qeC3LCHcSuz/rxZdidpENLd/ULyKZSN3F73cxACDsWL3a7tNqOpaitAq7v/dufKSPYb31uEL9aB6fD4D/B8ZI8TK7vKcaKivkd3eqW/nj9z/WR9n+lFfbBaNIiiSHhD9k6z+a2tlxykuGmXxT3Rm/rv785odfj/GpTeUVA+7noxVeEvDHACjYuRGf3hPAZPkjj1kd//btN1/9foSSiHkXIasRKbLmXP4/QJJQK/PE21Mu4RK53v3B9W9/+OabH7PHN12qGJYk34iRRvY68CcAIKv/R4STGwqYGgVhJ5mfv//p6z9yRyfJpeFydSpEosl3gI2K8CFdCRTa+1jwLP3y03df/zIWjoy/2LvWtrRhKLwkJqWlUiy0XAaWQWFTboqKCJabIEwFBUVBFN36///DgI0Bc5utl5E9j++H6OMHL8fkPcnJ+55Y90kUGdxLJSeO1AdArgfNVL1RHfCFtb9NgVrvXKAvJEvZXR6QHYNSZvDLepmhWLlqnWcdmdMhn/7roTrSEWwKdSGpOcGBbFR4Xvyjt12HaHPuaBcLQf2INK1/P3p/UTz16zRdXLK0X3KRE7vBux0ZTOTIDwBdoY+zBLWFWZZ57B2JSE+weVqUJWFvGLKrCaNEvPrnWQLQYX4m/TZYwPPF2GM/vVcWPB26ailLJ04Hc2y0HpBGU3LlWfBLCwR1amaPBPkSEBuPft9IX1KEHl19ij7IDmLcbBhgxsEA+tSurEM0MRvu5i0/eYQBEFceP7t8HHg8qVuqnn1aT8uI3bYbtnygmRwM+fEHlp98jQlMZG0yB1RyaiDStXulfN7K0xSSmpNBxHjFa5udRGSagiH8MQCy9+MNCpHoMJz9YCSpf5WUej9BU8Zp+uVCwHg5/pTMM+po4LnROBqcY5q07IVLJd3fMCT/jnTLgtKjyXu2UpT5rYAJ2Vp0Nuty4w8ITLLQ6uZwiiQP8chht71iLIW1yzbPBU2F2Q9OjIMmyqKb8952x7TTzGgRDR16S7UiBzGIVg2yQ7JRtkkXNO1ea0EYblpMXBfPVwa4+X5E8Zg9GyxByIYMa/3dnXNBa21StHBCDuww1RnnCOi/BQCAwKJ7myAg+raNFw7dF1pd67opyjgyw7KHppQiUH8A/rvdv6QeB3kI+OjGyjsTIUkJ5f4GRSER/awzbUposQsndn8w2yyDYRByQcDoDjlhSmbcvrflejQtnDhhSdXcc2+rBDxoCaFDhHQIIYCjtmZmEGnVPco9TRlnV2XEgMmdDMEj5pgQKzPt6AVANGq2HdNZR1LOBzQd+4IM6zC5kFf2Q4ADPJK/8wg33rwidrS/Vyt20/r8geCR2jSJHZ0Yliomuc275cBMiYPjGjQpRPH4FMxCXyNhXqcTua5rWnuPIno9wRwyLVtMhImfQXBs93cV/N8phSlU15+yV7yStHpvjaJZkhfjzK5pQap7HwGAuZKuA14fA/i3z552oriUlFzucvEmvZ9IBgkOn5r+99qP444Zu3/Jte9+opLLeluuS3fHFHXYWK5gvyhmn2BtrxypmB2XSxDbiDzjVu0q1b87pUmiFKuUkEP2PoEEqrI44hB/dMey/Iw6ZyYn5W66Z+/owfJpFBOSMUkn1lhWViEEQA0ePrNIuNHp5e6bFC2cUU/yuCofmImJdSW/FyqoAALWV6k9N1dUM7273i1Ns2RYEA4iLK7KaxaDPq6d4wMR6RiqauglWv7ttFr3qS5l+npvEfsJG71ceSwoy+uxw6MwYXUAOMbZSDzvTb3pdZ+mXdHW8Pr9ycji6SpW3MnlP5DgO+snb765L/sQo/MA+7f2zqwvNElbkiRd0XWRM0Rywy9iF3CsOo+yiU/Wpflw2D8PySOz5UcsVjEPSfwkU3s5Pbm92zlXLnYo2tFP/uwjFwFDQORzXlaaVXdi7XM+4c1XA3uVrQPXiZODgEEM8sflQORFTbv2biundCiUIb379L6y6kA859QRi0WHKOKw6vAXfAyGAOo84Rim4AoVNz++tEh1vXohdfqnFO3oZ5DYkJ0yCyDU4WgYjiwGiB9+QogYbuztxF7j905elZXzQZbWh0nWPyaaxVB8K+zzqRwWfS5C4nKwcRlIxOyWV5ra9kxb0QZNmv1L1uXP9siQSqrZdDrhdieTH153mdtvNEG6H5Yn3zDB+mHu3JPLvIVkti+/llL6GSol44tCPmcTtAZNBemFI30heLQbus59C0aiLdVTXcoEfItFpF3u5a5o0g4sHJu31/0v3f/VMvsqcHe+DKQb2qoDC0Xkpt+5a73Nkhl4ryuDVIbGo/DCsHyc0+4GNAn4Fg5LV0qV2xmaz33/GtbjsiJoN28hmb1wVGyClqG1YLIQBMqCR9v+Lw34r4Slw5SgpLpvIZnCUpQ8ilZ5C8kcvXpsqS5N2oGFY0cTbNLt2yz5xt699KYNBAEA7oEDEupMeliJSQ5LLjwqxGNFLcrKEVo1yaKINH6AjW1e/v8/oglqa6q8OLSya/s7chx5X7PDbOLjWHAQcRmSRDVShMz7f7uu/X3V8YqTsy/Taonqnc+IrTPa1iUVtYGpNbPLfPSRhtBMWJkrp0hTRzJSQcbqkNJVl5wzu/eh9JshNKqgk7mimxQZO03KGmS2u1oKrkJOzMrC61CZ0QwJnUz9ezp1FwvBxSpL/2VL3fnCRMpgTWOKZgEjCifl9Jq4DDiRe1OGJNEKBLGwvAE90rI4oCz3JUeasQKSjTIkiZbHQMuM1keno29x5HJQ3oAmqmtNqEZlSBIfYw3k+GUxcKKyFIjOvLzbOjKVEvmoLB044guH1PLs9LL7bu8i58Ps6xa1jFqnjrPm/XoTLNN/OvdfmrgEjnfiRU77dhSa3Fz3cr2P+W4HLo8+n/YMeLRxOZKM83072POkdFdG7f3lujmwFAIgW2Spx9Y/0Bh7zPbe7SxT6TdilwCISb+T8yV74gYrNZ9V32vD6m8ZAKDyGpd5T9T251Iw0au9GZDmcqMRgNjippv/Q/On6x0J9VYx8MeH74FJBKjl1CjCnq49Mh22feNZvO615yogxK3f6Od9zBxcrjnibnD22sJ7HtkEwB1u3RSlVulzpDjJb92XA3I7thkCaOWNm4X4Qp60p4Ix4fdfitbDYC8ZImoZGzlfeI+d+SvBgrvnX0ntcVYVCMhpE9ULVfLYnlqWa0YPz3tQWaYDj4T9tVuYMXNQqVvCXuzrf84hXeNuxxCAzMWyXrQsZMWwBLP92fFP3Zv9YuUAAK3Gs1wfel9U+WJKxuPbZGfWney3DgJyvZoaOc8WvewiJMbs619zyOVkfjjwgvD84VmxJpFfmlvu6sXw58bNmG6l0IgovGHR5pDfrkzusuD2EJDzkS0JCdgu7hRsmTn2RSjNgvOnHFFkCwIAMuNJMU4zrzBMQAyGtfbQY/CIm+uvuU+JvO1qS4T25D6yEQDMcN4peEAe66M3iGpjS0kAoIL7Vv5zRO+5sJSjFXcAuHYHs3xnmk9TtxAOKLwbll/Ik+EOAQFQeNcF3Zk9MzQ5Q8BwWbbsSAr4hGDuvlO8492r2j/aqWMaAEAYAIIWwAQrEw5IGBmZ8G+jay00uZPww9/9/houkrR+piAAAAAAQFkBmYYuTD1q/c0AAAAASUVORK5CYII="></div></div></div></div><div class="rowContainer_brmT"><div class="col col--6 padding--top--md"><div class="text--left"><p class="featureTitle_L1YZ">Backed By A Community of React Native Experts</p><p class="featureDescription_sP1D">The Ignite Cookbook isn’t just a random group of code snippets. It’s a curated collection of usable code samples that the Infinite Red team’s used in their own React Native projects. Having worked with some of the biggest clients in the tech industry, we know a thing or two about keeping our code to a high standard. You can code confidently!</p></div></div><div class="col col--6"><div class="featureComponentContainer_HpZw"><div class="imageThreeContainer_uPl6"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABVxSURBVHgB7V0JWFTlGn7PGUA2FVxQTIVhcV8wS0tLUcuszKWy5d68ate6ldcFtcVHDbyVW6nYtVtZKVZq5m6WaaZoprnjngIO4sbiMoACAnPO/b4fKSQGhuHMMOi8PiPD4Zwzc/73fPv3/0dCNYPBcDEw36QLlyQ1UAYCVMBHAgILf0o+KlSf4vvTNiNtM9I+RlWSjJKqJinAGUlFnKKTkprp/eJQjSDBgWEwGHwK4B0mK2p/VUIYDXJYSUI0gSTFMoGqqm7T6bJj9Xq9EQ4KhyOMSVIU76GqpPaHqoajKkAEQsEinc5E5PknwYHgEIQ5BEnmcJO8kBC/GDgAqpQwQRS8R0NRx9hE1WkIGqgkFVKsTjZNqUqpqxLC2HEwKbpIQB2KagkppqqIsythLFEmxWtO9SWqJOxPnF0Iq06qzwoYJVmODtbXnwI7wOaExRvSw2VFWUhxUiBuY7CNU2R5WKi+fixsCJsRVihVXpEqSRXuIKiQo0OD60fARrAJYexUKIq89XaXKnNgaZNlpYctbJsMjWEwpA1RFN3BO5UsBl+7SZEPxiemaK5dNCUsMTE10qSoMbehY2ENOLc5J9GQHgkNoYlKvP3cda3B7v/1CC1ylJUmrDCt5Mn2KgxOmAUNdJwsZ/eoLGmVIsxJVsWgBWlWE+YkyzpUljSrCHOSVTlUhjSrvER2MJxkWQ8eu0InreKoMGHsuju9QS2gDrXG5a+QSqSgeDTFWdFwQjPoZGmoXu+3yNL9LSasMN3EGQxnUKwxjDpZ6WBpGstilViYG3SSZQP48NiyI2fJzhYRlmhIm3Mn5wZtDR7bAsXbIntWrkrkepakKFvhhM2hynKP8upp5UoYFx/hhF3AY12eaiyTMHbhnarQfihUjZ5llmTMqkSnV1hlIK8xW28uC2JWwrgNzUlWlcCnrCxIqRJW2DcoG+BElYFiM31psVmpElbY5OlEVcIcB3+RMKd0OQ7IlvmWtGV/kTCndDkOSvMY/0KYBAebPXIHg9Tf6JJx2S2EJSSkDXXGXQ4FnwLFY2jxDSUlbAiccChIktz/lt+L3jidDcdFcefjDwkzmXThcMIhUVwtFleJTnXooCiuFoVKNBiuUjok7yqccFgUqUUhYSZTXjiccGjw8hf8s1AlSo4Re6lwwhwkk2kA/3QRv6lyeyIN9kCBqQBZGRkwGq8gLS0V165l4fy5ZBQUFECWZfr9Gnx8fIWyrlmzNvT6INSo4Y46derBw9MTnp5ekGg/h14RxhaQiSMUEWZjCcvJzUb8yZPYtTMW+/fuRlp6KoxXr0BRTGRQKbeiqvBr4A/fOnVwLjkZimpCfn4+6W0dXN3ckJ+Xx4aXCKyFAL0erVq1Q1BQKIJDm6MBHVeD9mESb2uoqlCJksFwLsykuB6EDXCVSNm+bTOWLVmElJQLcHd3R716fmjQsBHatGuPJo0D0ahxE3iR1Hh514ROpxOSxgTl5eehgEi7lpWF5LNJtD0fB/bvxumEBOQX5CHl4gXUql1LENahw724r0s3hIS2QC0i9XYlj0suUkJC6gDSL6uhIVhiftv1CxZ/9QVOHD9CA+uD7t17oUvXcLRs3RZeXt5C/Vlz3jwiMzMzA2eSTuPokYNCYg1JCbhOqtTPryE63tMZ3cIfRtt2YfCkz7mtVKcqDZPiE1Oj6KI0y9Dn3biBb5d9ie/WrYJMaqz/wEEI79GbJKGhTe58RVGQTrbwwL7d2LFjK44fO4L09BQ0uqsp+vV/Cj17PUrqtiFcXFxQ3UFexhTpVEJqjCxpEzTz3f/tN4uw4IuPyc60RcTYiWRnmsFeYAlkVRkb+xO20+vYscNwJ4flsb4D8djjA4TKlKuxupRkKYZUYtpWrZyOWe//B8uXfY2AwCB8MOcTNGkSiKoCOy0HD+zFmtXfYO+eXUI19us/iCT+WTRuGlAtVSXdkGtdJEn10cKhP5t8Bnt27xRqcMCTz1YpWQxXV1d06twF93a6H8eOHsLSxQuwauVSbPzxOzze7yk8+/wQ+HL4UI1AYxugGzX69bfofaW7o35YvwZbt2xEi1ZtMGr0myJ2qgj4prmRm4OLpNLSUi+Sh3kVbm41xMCz628t+Fi2YWxHW5HDc+aMAT9v3oCD+/ciMCgYfvUbVOr8dkauy81lV1EZ8NGFwW8+eYMPwZtca4uPJbuTTIO4asUS8ix3CPc/n1x6FxdX1Pfzw0MPPUoS+zwa+jeq1MByyND5vgfQrn1H/LhhLRZ+8T9MfHM0/vbCi0IjuLt7oBrAhyRs/HRUEjyMu3Ztx6X0NHSmeKhlyzYWHWeimGvlisWYOGEMDhzYI7IfTBZ7fkx+RoYRBw/uw45ftqAlOTEcv1VWFlhi+fvd26krzp9Pxrq134obpn1YR3h4eMLB4a6Jy8RSkp2dTRmNHNT09rbomExKT82cEYX3Z/wH169fo3MUnqck2Ku7ePE8IieNw+8U02mFEPJeJ0dNx8CnnhcqctKECFKXp+Ho0IQwVlVsHzh4jY8/WerAFwdL0IzpkVi9apkgpHB/1ey+ojWI/v9o3ixBrlZgiRox8nUibgYMp+Mx7d1JSEg4CUeGZkFJu/Z3U66vJvaRC32Dguey8OuOWPxCKSsWK5PJhPLA6jGVbNsJiqvOJidBS/DN1rv343jt3+MRf+okpr83CRcunIOjQuZ13aEBAgOCcG/nrki/lIbDh/ab3Y8J+uKzecjNzYVMjoClMJGk8bE7d2yD1uAMTN/+T+OVERH4/cQxIm2ySH85IIwyL8IPDcBZ9U5MWFoKPvv0Q+SQTSsNSYYEUj8J4j07HZaCnQ0dpZfSL6WWq3KtAZ9/wMBn0Iu80gP792DunGki+HYwGGV+YgI0Qp9Hn0DvPn2Fk/DduhWlWqUkStrmknNiTYqI47SrV67YhDCGq6sbxoydIEKIzZu+p0zJHjgSWBuShCEJGoEv+JVXI9C4cVMsWbxQqK+Sg3s68ZRwJAqdiYqBJUwkkWE7+FKh9OlBL1CJJx/frV1hkY21F1SJJExRoamybuh/F14cPoJqNzJmv/8O9uzZeYuk1ffzF0FqRYNgrqW5UQzVlpwbW9e7evd5XNTpuESUnOw4rZo0ZEky/weNwbZs3BuThQ34gOKsXynwLbpTA6nkX6dO3YqcjtJcNURtqy4VP9u0tf2KSb6+ddGlS3eqPtygKvl2OAoURT0jq6qUBBvgfrrgSZFToSomvBP1lrAJN27kkkprBBfXitWmWH3m0bH9+g1CfSLN1mDp57IQS/KVy5c0t5lFUSefV/yj6xPv1bKThPxAHxdXnSnWpGivYviiWdLemDAFsz94F9Movtm37ze88lqEyOldvLDsjy9ZFjgHyOmk0GYt8WjfAcKO2QOsgnkgMyk9xm0L/B2sBR9/7VomEuJP3UxsXxE50wJKw+l0rsjMMooqh7uHB2pQwjs4pDlq0OfXru0rbHa9+n7wIDMiy25JLjwtMzExzWir+cxM2qw588nVn4ttWzfjyOGDePqZF6APCsWF82eFx1hgxr3nC3AjRyYgMBijxkwgVVUH9sLlS5dEn4mJNIQ1Hi2bgJO/H8O+vbvw888bkXLhvNAwfK3uHu5EgKc4v4+vL+1bgKzMTMriXIeLzgUbN64X5+DqvQvdKJ6UkWnWvBVWrVkZJ25XusnjyPUKh41wFxnwiHETqUamJ3d/OeZ/HI3m9AU4e8H9HfxFWUkUEcfeJv/u5loDHe/phOH/GoVQqhbbC6yCkymjwqmrpk2DKkQYJ6+3b/sZK5cvEf0sLJn+jRqjW/eeCCLJad2mnbCR3kQW22b+O38eayQmmV+ib4Uk+9LldFw4d5YS4HtJKi/H8vmFq5aQmBJNb0fDxuAvxoXO6NnvUoyzn8jyFCqOE8FsL7hLSlUVUZ5htRDe42E8TuV97kW0J7hmNuHNkSiggZsYOQ3tqSRTHli1cz/J4q8+FwPMLXoPdOuBnhSIc7sEX4O17Ql8bpNSMLdFs8ZjCiVMUddIsu0J4y8cEKjH9JkfYefObVi98hucO3cGbnSnFZY8ulAWvTnqk85u3CRAbJfsXMznks7Czz+iLIwJne9/ECF041gCDgGiZ0+loqsbJRD64cmnn8dddzWha7Y8/WYOLH0usmuseM//VdVkiKysTGzcsA4b6JVkSISrS2FZv+uDPfDggz2Frtfigi0F29T/zp0pJKRly7YY/+ZkGvSmZR7DLtOuX7dj5vS3hQaZ9PY0UuP3CWdJSxRNhvjj9tWyGaeiYJ29Y/sWkR3hTAg7ItzZG3b3vej6QHe0bXe38JJs5SHm5uQICfnqy89wmvKcoSHNMIpSVK1bty83wD986AAiRr0kVPnrb0Xh0cf6Q3NIUmxIkF8Pfuvy5zZlrQopHFUAViM9H+qDB7v1xOEjB7F39078+MNaUplLRZ+Il6c31dvakV1rJppqfCnwZsPNx1kDlgp2qc+ePSMSvfx5J08eE651ePhDGDzkZeiDQ8pVx+z1rV2zXMwP4O/VrXsv2ASK6Y8VS4tNmXWsOWLZ2ddFCHD0SBw2/LCObMsV4fqyV8lk+ZCL36JFK5EKa9I0QHT9NmjoT56dl3B7WRq5jsZ2k1UVe6Lcd3ImKZGqBYlIJElmNcyD7UVVch7w7uEPk0p+gBwEy1oFWKUPevIRkZSeOuNDShZ0Q0XAcV4uue5cwbh65bK4kTgLxGFM8e9QfFWcW26hqlSL5sAeEt/JnOXn4igXMI8ejSN7c05sN5kUqqvJIndZq5aPaNzhWhs38dzIyxVJXHads6i+VbdefSE1KSnnaUC8RUDas9cjovjKTaZ8M1QEJ44fxWuvDKZwJQDR/11Ag21ZnMjEXDifTFrkO/ywfjUuUQ2RzQCrX3b1G5GzMmTIv/AASax3zZp/qEPGLUahKtWiOfBFcLK4RYvW4lXUX5+RcVXYOyaOi41HjxyCQnakNpFmMMSTdJnEcX71Gghp8ydJDG3Wgkitjbp166EFeaVNqejKatXabiyOF1kS+HweHpa39W3bsgnRVG+7SJXtktke7o1JiD+JqMjX8TBVwl8eMe6WBZxvIUyWa8QoSr5Dr+JWdBeyCuRXEfiiefoSgwll5VHoqamiwYeJ4X20nFvGGQpxA1H8yPavPPDcuPXrVmLmtEiRJCgvLbdly49JS5ctiSm+7ZZP0et9jXTRc1ENwUTqKK3DL85QeHBai0jiZlQmmP8uazwRkG0mf8Y5cl44P1getv78I5Wc3hXZjPKkmveha4ktuf0vt4WLi7tzXXoLwTNFW7dpL5yOQ2X0sTC4o+zLhfNFycbSAm52bt6Uktv+QpiQMhUWL3x/p4MnWNQku8k9+zk52Wb345aJU6dOWFyqIecoxmg0JpXcXqriddUpUXDCInDrtzeFBezBbtu6ySwh+/b+ZlE5qQiKrJtS2vZSCWOf/06WMo73OE7jsKE8sK0cEzFBxE/Lln1Vat9kTs51kRGx1Bs1J10Ms66Nq85tjFY9i9UJ7DxMmzoJYyndxIG7JWjf4R4Mf3kk0lNT8en/osleZd3y94yMTLJducJuWSBhRnPSxTBLWHX2GK0FD+bn8z8UnckcY/n4WF4w7dmrj+hp5CrEvHkfIMP4Z9KoVq1aYjK+JdN2SQbnmpMuRpkp5bFjJ8VBNT0HDeaPOTr47ufZo0u+XiBCgYmTp6J92N0WH8+NtHd37IQrlGLasnkDJZHjRfKYMhWi4sDSytmaolixdEhJVzOvDSzrc8qM9gqlTBmGOwA7f43FAqqDsZ0Z/tJIdL6vKyoKnsT46oix6DfgGVFyiZw8XrR+F9YBg8BBfFl2TJXVcse63PA8NNQ/lnTFba0aucL8+fx5wsl4+pm/U/HxOaurw1z6f3H4a/j74H+KFNOEN/8tXPpwSizzaj7mCCtUhddiyzu/RW4LZ/IVJe+2fPo5J165HeAY5SJZqiZHzaxw32Rp4Ew8L0Mx/5O5QhV2omp6U6q2r165jP8ocoZ/OiCsCrP0lpz3jn7gG5dwZs18Bz9t+h7NmrfEO+/NFg0zWiLh1O+IifkUu6lAynU8sdIP1eJ4tqqoKNzINSqSrkNZjkZxWCz3HJupqikCtwn47uaVejZtWi/KLP8kt1xrshghVCGIjJqB8W9Fihzn5cvpYjuvDsS9hx6e3lMsJYtR4VxofPzFKMp4a7ZyTlWBW9DGjBwuvLsRI8fhkT79bL7oSobxCpZ/u1jMN/j9xFH41Kk35fjx41EVOYdVyWstV8+pCnCVeeo7E0WTJ7cmjHt98s1eSNuDJZsnw3/2yYeLFi/9eigqCCsfvE1OiJq3lT67Wj7Leenihfh+/SrUJrU0YdJ7YnqUPWH3B29zfCZLbj3IQ41DNcPxY4exauUS0ePxzHNDRO+gPVEZshhWK+3qSFpaWoqYs5aTkyPa0bp07W7XVXAqSxajUla2OpHGtuPjebNEkMw9jxwcV2ZGSkWhBVmMSrtFRaQ5cjmGw1Pub9z80waxjvDQF1+lZGwD2As8NlqQxdCklZZJox9DyeVPckSX/9iROKxcvliU9Ac9OxhhVA6xF3hRymYhDaKgETQNPCjvGCXBFOFIdTQu23P//sULF9CJUk99nxhol0UuxRioyrDQYO3IYmj+zYODG0XLsqmDBO3nTlcUrAq5XPL9+tVo3KQJhgx7BTVr1YatwdfOYxAS4h8DjWGTW43TWMHBDfRVneXnZWQ5/cQOR98nnhIdujYHXTPZqw6lPXBUC9hUN4SENBxDWeseVSFth+L24+OP5oiVDJ4a9Df0evgxm7rwfI18rXzNWjgX5mBzZc71NJY2upgp9rJtl6lksmjhJ0g+c1rMNxv8j5c0n69VBL4mvjaWKlE7tDHstsQ0OySs123t/nMJ/rNP54k8Ic9s4eX1attsbV8pRpav6/nabClVxWHXNcFZr5OLO5Snz9iCOLZV69auwPr1K+HlVVOQFRQcCu0hxfA1hAT7DbMXUUWokkXcSxKnlY3jR30sWvCxmBD+WN8B6NGzN7RCkerjqauFRNnGqSj/ezgIEhIuDgV0Q6ydn8arvEWMGi5WFOXZ++PfiKRsRn1UGpIUK6nKWlnOibG3NJX6deBgEA9PNfGaIZaTdyM3F29PGodfftmCgKZ6zP7wc/j7N4LVcDCSisPhCCsOfui0yeQZDvEwcPGMs/DS9lu5YglmURaeV8p5b2q0mMxuKYSq4+S1ohwiG7jGxSU3ztFIKg6HfoLMzYFbc/MlYDCkhZlMaiANchgZ4IADB/YGLlm80IcyrD4vDB7u0z6s4y1NQoIQqEYKwYzkkyTxgp4KcIYXReN1tqrKFlmL/wNy7M4otyihFwAAAABJRU5ErkJggg==" class="circleFaceOneInitial_lr7i"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAYAAABXXxDfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAApLSURBVHgB5VsLVFTXFd3vDTDAiILlI8TgjKLWL2BMNW1WAzZNTIwVtTXGuirGxC6jrVq1mE+D1MTPMquIsXElTQQ/qE2aiFZrDCpEs9T6JbD88cmMUUT5yADyZ97LuRfBQWaGNwPGAfZaMO/Ne+/O3eeec+45590r4AEjR18UIUoIA6RQWRC0kGWtAMFbhuzddA+dG+ncCEEwCDIy6JurkoiMgTq/dDxACOhg6PV6b0nqES0L8iQiEmZO0l7cFUo6ZGGPSlWZotPpjOhAdBj5xhGWJ9FhdHsI24aQpBJNcTpdoAEdgHaTZ6QFWY4ldY7AjwVBSFcJptntFYLD5Jl6myRNPCBH46FBSKooz48LDw83wAGIcAB6feEsSdLoHy5xoMFUH708ZnlafPymaDgAu8iz0c7TF8abJDnpwdm1chzYl4LyMqP21888l5iTVxTP+mfP84rJ6/UFWknyTJMleRGcALW1tfj0022YPec1uLt7kP1Ki6h/51k/lbahiHwjcTFNBpuvnQN7Uz6Dm6saT/z8l83fUf94P5UKoE3yZsS1cBJUVVZix/ZPsHjJm/Dw8GxxzR4B2CTvjMQZvjq4D8OGh9LfSIvXlQrAKvnGSM35iNfV1WH357sw4/cv03Rvfaa+K4DdtpygVfISNLHORpzhUOp+aHpoMGTYiDbvZT6qQeoRa+26RfK5uYXRzuLVzVFfX4/k7Zvxl6V/sznq5mCzAItLLF1rRZ7ZiSDIVqX1MHHi+DEE+PfBgJBBdj1Hccl6S+ovtr5R5ZTqXl1VhcRPNmLCxCmKR90Md0PxlnAxP2GjTlKKhgKQgFBDHSq4mY/r166iuKgIJSVFPPhgVzUaL3j7+MDPLwB9H+2HoMBH4KZWw1Ec/HIvqbCIceOehWOQoykJ22JeI2ghQrL1NAi2s7Oammqkp6Xi9P+PIy/nCrx69UJwsJZUcTC/7qZ2g0rlSvZZi+rqatzIv4ac7MvIp88+gUEY/dhYRD49nquu0vErKryJua/MwLur12PosJFwGJQNhvT3j2w+bTpoHHVRb+05Rvrggb3YtWsrhg4ZQeo3GaFhoyGKYptqWFxchH17/4Ov0w/hGmmJm6srAvoE4ZlnX8DkqdN5eGoNTMM+/CAeBQX5iFv5HtoLWRQjm0a/We2ZrTf+VGtUVJRj9TtvoWcvb8Qn/At9qONKcfbMSayMex03qfMmk4kLS03qP46ClNqaGsybOxNRU17Eb6KmWdSE4qJbSDtyEP+g3+0ICCZTFH2k82P2T68vJYdQV2rpZlNDA2LfXsoJz1+wFIKoPBEsKrxF6jod169fI7m2FKyvrz+2Jqfw6Wvblo9QWXkHMW+uhMZT0+I+WZbIl5TQ/X7oIBhVYpWOlcT4yJtM9VHWDDAj4ywq79zBnFcW2EWc4SCFobduFrQizsCc47FjRzBl6ktYtnwFdu3cguVL52PVmg3w6tmz+T5BEK0Sl6nd8rIyMiUDsq9cRHl5Gf+9ajJRWZK4pnp6ekKnC0Evbx880vdR9O3bj4qnHtH0+PpGtRd47c0iDIY8bp8enp6wF5cuZKKBNMcaamtq+SczhekvzUJpSTG2khbM/9NS2EIFkUxN/R/OnzuF7/JyiFQ/DKOIzz8gEI8G68iHuMPFxYWHwlVVlSi9XYJzZ0/h6tXvUFZmhI9P70nN5KlKGiFbsXfWMdaII2gwNXBnKFsYedbuULMQlZ1PIwH8dck88g83+MxwP5iJ7P/v59j9xb/J2T6G3/5uJkaMDOfPtoXi4kLs3J6IkyeOITv7Mk/NXXJyCiJsVWVCQ0dh+9aPUWY0kurYV7wZOXIUvjl6pJXwmECGjwjHUHJ65vD18yM11fARup/8bbL7jRvWwtXVDe+uSSD1DYZS5GRfQsyyBci//j0kMgeCt693jwgSmmCzQNF/wCA8FfE01q2J5d7aHjAvHhb+OFQu92IpRnzQoCFYtTYBri4tYiweILFZgRE0B9OcpMRN3G5j3vi7XcRraEZ54/WFuPa9oYk4hyTJYaKSUHbe/CVokEw0ZS0n1VNuAhpND7yzKh6v0fNh4aPxszG/4G198NF2+FOMfj/OnDrOo8LBPx3W4vu83GxkZZ7Hq39cqEjFzfHN0cMouJFv4YoY6kKzfig5PJsNuFJQsnrtBuxMTsSrL0/HnxfGYNToMVACn94/wR+i5/I/NoLWAqJLF7OQvG0z3np7DQmt5XTHPHlQUF/uue1FVmYGGshX3A96o6R1IeJaBW3wKWfGzDmI/NV4sr11SE7ezKepMWOf5J5VWRutiZeWluCLz3YiM/MclsXEQtc/pNU9vpQfGI23bQrPGlQuKq4trUxWFrRCXl5hqSNl6HwKXFJ278LpUyf4qIx94kkMJ8/L7NHVTW01bpfIfEpLb+MU5QYXsjKQk3MJ40igL0ycSkUKL4vPVN6pwJzZ0xAbtw5Dhg6HPThz+iQWLphtyekahdy8WzLaAeZELtJ8npt7BZnfniOvXMzndqaiXl69eGDEJF9LgQcjzUYvuJ+OzbVUeX0KgwYP4WbVFlhesYPMLmFjIrztmHVY//75/nu84GkecwT306Ld5O8HI8fm44qKMsrqqlBfV8/Je3n1hJqCDzaVOZCPcyRt3oRj5MBYFBhgR37BVP4oJVWpX+0nAdRj9ONjMSnqxY4n/6Bx4vhRfPzh+3iessoJEybD3cPD4bYctvmHCZZe76Ba3uFDX2L8cxMx/vkoKpr4w05wm2c5vBadEEwIh1MPYB+FvCyYGUtvb0LJ6Q4YOBi9e/tCVKlaOV5mlqwkZiwvNQhKqjedAczRXr50AVlZ5yjZyeVZI3OkaiqUsLihurKKR5osRa6vb0BgUGC6kJ17K0kUMAtdDMzLs3C5rq6WHzPSLGxWq925UEgjElxUgpxBoUOXI89mGA9yhh5WHCL5OYNIAX4GuiNEVQb3B53R47cTxpABAT48RZL52rfuA/L4X7NPTl4QpD3oRqDaUgr75ORFUZ3EFvyhm0ClqrlHXqfzMcqQtqBbQEhqWsnZXBahV9Ip6AZgKzibjpvJDxwYyNa4pqMrg97Vma/abFEQk+V7UumKYEtWzc9bkGejL8noorbPbL3lWt1WpVBXlduirub5KZIzmNt6E1qR555fNi1GFwIlNRaXqVssgoeEBCbREwnoCiAenI8FWH0DoFKpV1CprVOHvVzdVdUrrF23Sp6pvyhIk1kD6IRg/RZFKdLW1pQ2y6jOugTVFu4Rt70TQ1ENuTMJQClxBkVv/VhDrEFnNwHqX4ZS4gyKX3k2CsAt3GlnAeqXKFZF2rPpyKFXJ7m5BdH04tIpVmryvXcUl1ibzmw/6yCYH6g3iSsebuWX7bOrXOzoZsN276vjixdNqsQftfZP2ZlsMsXxTLQ9zaCD8KA1oVG9pS1Uf0tpL+l7bXYw+GZDk3sUvZuedHeVV/v20lKUKcjSHlGsTtI5615aa2CrvdiiJ6oQa9k6GLYSxOoualkwCIJsINf9LXuf0FEjbA0/ABhunhSujvRhAAAAAElFTkSuQmCC" class="circleFaceTwoInitial_vFlQ"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAYAAAAcjSspAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAsYSURBVHgB5Zx7cFxVHce/59ybZLN5dFvStMFKs9MkgIBNUcBaoIkooHWgTnUcUIbGYUAcMTx8DMrYdhCcUdEWH6OgQ5iRP2CG4TGCDmXMoi1QBtsUpFSaslsoDUnbZNM8m917jr/fudm8t8nuvXmVz0z2Pnfvvd/7e51zz43ADBGNRkOOE6wRQpYDaiWtqtZASECENHQotR8tx2k5DiFi0JrmsRdSRmx0N4XD4ThmAIFp5ED0aI0E1kKp9XRx1fAInWwTfUaUFM9UhhdHME34LgpbhEJhvVZqIy2WY5qgE49pLbZYlhMJh8ti8BHfREmJAaVvH+kOM4NosKSzxS9xPIsyu2KMRki5WaJ7m9fY40kUEzOUekRPo5tkSsqtKipKG5AlWYniWkfBJk3WgTmKhtxqy+4t2VhNxqJEoy3lSsnGuWQd6WCrkVLVZhprZCY7R6Nt1UpZe+aDIAyfJ9/Ad95py6gcmLIoJMiNSqFxtoNpprAw0tJ7+Pyn+p0puQ//oKN0A+Y5lhQbw+HSRyfbb1JR2GVIkD04PYgrR9RWVZU2nWqnU7qPG1T1Uzh9CJErNfJ1nWqntKKYtDtPskyGmOvi60u3Q1pRTB1y+gli4OtKqsJN6bZPGFOam9s2QuhHcJqjpaydqLU9ThTXbYLzphbxglvc9a4aW/WOcx8SpP6jIAjjulFwXFNllKVwVHaUjOKjRdySveGR1jLKUhxlbcJHj9BYaxmylLlkJY7j4GhbKzqOH6NuGqC4uBilS5YiLxDANDHKWuzhE7FqKONgNvng8Pv429NPomn36xgYGEDZmR9DXl4A/b29OHGiE7mBPFz5xXW4bO0VCBYUwEdS1rKZF4Ys5eDB1uhsBdhkIoG/NvwFjdv/gavWXYPPXXm1sQwph707Qfu8/dab2P735/C//fuw4evX4wtXrxu1j0diFSuWhHnGiHLgQEsNdeU1YhZIJAbwq/vvRU93F+p/8GMsLi2d9DuH3z+EhocfokyZRP3378aCkD8N91TdYmQWUqzHLKC0wgM//xlyc3Ox6b5fTEkQZtnHl+Pun25B5dnnYNPdd6Htwxb4glI1PHFFgViLWeD5Z57G8WNH8Z36u5BDwmSCZdu47oY6fP6qL+G+zfego/04vCIhrjXTaLQj5MeDqkw5drQNTz7xGL79vTuRHwwiW768fgMuvbwWv/v1L0HPmuAF6kCr5oreTib7q8WYYKW15g93gbZNx2PEl/65HZ9ceSFWVFTCK1+97htoaTkCP+BHuzZddA0vsBBHPvgAL/87grfe2IsTXZ2mDi4oCGJ5eAVWX3o5KqrONinSDxpffAHfveOH8AMhBM6k9O0HWuhym6xgZUd7Ox7+w4OmYLp49Rrc8K2bUFK6BLZloaenB+82HzD1Q2tLCzZc9018lgTiE8mWWPRddHbEEV5RgbkGpfiVNuX+0B9/uxWXrq3FnT/6CeycnFE7FRQWmZrhM2suw+H3DlE98We89vIO3HTrbSiiSjMbmt/Zj3PPv4CsLg9zDoVqqyV6aPMtt90euoIKJkmWcSqKF4Swes3laG39EI8/9iguIqvK5sLaqXxfdtZynLW8HHOQfvHE4892XPjpSzKufp579ins2rkD99x7P9UZc/COZ09crrrwoqzKwXXXfIUCbxUe+v2DbrYaQ29vD7a/8BxF8yTmGSEpPLQduHgKBgvQS8F4LPuonfLoI3/CNI8LmhZseICr0Lqbb50wE+17ay+WLCmDNUmcmotIHmMGD6RLzYcPv4dzP3E+5iFxaQbd+QzHmH373kRl1TmYh8TJUuC7KN09XabXbMWKKsw7hIhJR2MvfKa764QpAvPzs2/ozRbUqOyUltBN8Jmuri7TR1JUvAB+wtHLgoNcfRK56KcskaB13lrG4w8immytRczvrMltpEWLSpAzpsnghRwMoIjCXwG6SZgkBPVoO8KitXno47ViAcnlQ6bjgcyWlRtx1AD85PjxNpSUlHpqNKYQ1FR3xehCjh6AJRyzjm+ksRqcRL7oQ57uQ7soJbm83Qge2S3D4YVxdySzf3R0tGPZsrPgB8VoR45IGAGkUNSF6VqDGrQKXs8FdRC9KNGtntyJyhMz1N2Us0qpZ+Aj71NrOrToDHglgB6ygJOwtSuKY2pNzXYy+CdJAmmezLAY+SRMoe5GtmitXuJpqsaPwEf27/+v504fE1SpYztBDmKTU3C8YOvQQnJPEF0A3VdSg11JC2HEYYtZiDaac5AN2rKe5qkRpbKyLEKTGHyAH1W0Uu962ZnL4AXOLMVUQnHMcJubLJM2FsEimKXBdqgw692tPJ9L380UHoGQGpYx1Bqk/DzpALmp0Ea9d5yOS85YDC/w9SZJmlQwZZEs7bA9GLdJZcyUCzFSuttEFpZCrrMlNT8kim0HtnptBzFHjhymzqiFWLhwEbzh3vXhJbp04Rg34j+WQg26FAvEAiol3Ckyb/lTuzWSmh/6NmchpZxt7kpl0uAZFM1L9REs1h8aU+ZaYTL4efBy6lETHh9nOqYasY0sXIu483LIRRR98nrONQ5lJONYwjIpmeNQZoiGkaOyR3UdsLUUqdb6gO4JBXSvSYEMHzCfonqIpj0oonqgxDXhCYjFDlI8+Ti8wsfsF0EkdS5dJlewA8aFHONSSSOAkY0enQ6IPLNN0WeXCA2l66nCr8WMXB51ZWwt+aprG5/EaNPVxmh5WogTVA+0GWuaCH427FffKyVYnBQBKuiDI9xCG2vQgxkoKXLdDESfJ0mcfkrMmUBXOe49oXG3O2h3b7WEinEJzQdVJsHZ5qDS3IOkEaZId054kEOxKJYsLcOpUI6Dt6lrYfd/dmEy2EXc1IvBwkyQTeSY0p7FMqmY/tiCO7B4MA9NDc44tuzdOnb9uJ43Ea6N9x14pY76FBohkm4055Oi/Md+bg2WTcV0CnwnEyPK6mQyabZNlHmoQMQBerTx4vbnsXNnBMVFC7Dha9djMvgiu+loCbKIPB2ATeeU0DmmdqETo9sTMpbD4mUiiPltyjgTvfoyYXdkfuXqSH/zqxR0Rb2xECqieGpKamOs0lhMge5CXAxnmePH2hCNHjSPQpjOzjje2Lsbu17dgd2v70Lp0qVYs6YGD/zmISwla8qkbXSS6lt2JUaMGFyUqRDDX9TbKirKGibalLaPNs/q26xUzrVam1dmzTplUqFjbGXYnIfh8j4QCOCVnf/Czh2NeI+WzzvvAlx8yRrcuPFmLC5dCj/IWohBzFBRur5029OKYtwo+kptjkru0UqE1GAVmSqolCZflqNPrr39GLlQwmSgG+tuwXnnV1NG89Q37jvDL0alf2NsUsl1tLF6QOU3JrUdYs9144pDc7kmuHEKHNqX4g7HFT/7UfzGkmJVOOzhLQ6GLKYp4eTcYZMM2hTQlokqnJH6ROHofcma5rIg1Japm0wQZkplZ2HVpxpIiDoOsLnaFadHFBlXmg+Y5gsJki6wjt8/A7qjr1ULJZ/q08HyuPDeXzITsCDU4qidioUMfydDWqJvl/eqhY1kLeWY48zI26ZMWfhcOlDeKs7zmMvQ+blvaGT+qr+nhN/c3LJRCDmnXpZi66DquW6w4yzb3/AGj65MJvtvp66CWX3ZgWMHd33Ydv/W8Gz+r4OR8AsPCUdupnpuyu//+oGfYgz/ps+Yt0Ec1MyAW8W4C9VPMVJM64gaM+ZfiPVCirVU7Hr/TzsCTcoxj2MiXmLGpMfBDMEjmZPJQDWP2+VhqtQlTx15ujzd/2QiAajg4od0ei8/2rWs3ojfFpGO/wO2g6GnLv6fggAAAABJRU5ErkJggg==" class="circleFaceThreeInitial_zltZ"><img alt="Animation Image" src="/assets/images/community-screen-1-33ab17b75b0f43b5fcaf319cb32afd4b.png" class="communityScreenOneInitial_wz3L"><img alt="Animation Image" src="/assets/images/community-screen-2-6eaaa75893ccbacb1e0b82f2c532473c.png" class="communityScreenTwoInitial_wpxG"><img alt="Animation Image" src="/assets/images/community-screen-3-edd7a1bb416a534602e97218474f2339.png" class="communityScreenThreeInitial_fbtv"><img alt="Animation Image" src="/assets/images/community-screen-4-c9cdc7d8c7eb8ea742a60ea3db400ac2.png" class="communityScreenFourInitial_c4XK"><img alt="Animation Image" src="/assets/images/community-screen-5-71c3c3261dcc6b73c9738878c71ca64f.png" class="communityScreenFiveInitial_ytOJ"><img alt="Animation Image" src="/assets/images/community-screen-6-4c08a6554a188eb84379ec02d3698bb8.png" class="communityScreenSixInitial_qx4R"><img alt="Animation Image" src="/assets/images/community-screen-7-6190149118b08cae945a1a7194e1c7b2.png" class="communityScreenSevenInitial_LKjV"><img alt="Animation Image" src="/assets/images/community-screen-8-e34ab29c5bbd20ff1e03b988d7468c3b.png" class="communityScreenEightInitial_ZQ56"></div></div></div></div></div></section><div class="freshSection_d7li"><p class="freshSectionHeader_arLG">Freshly added to the cookbook</p><a class="recipeWrapper_q1ux" href="/docs/recipes/EnforcingImportOrder"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Enforcing JS/TS Import Order</h3><p class="freshSectionDate_dzBI">Published on <b>February 29th, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/RequiringHardwareFeaturesWithExpo"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Requiring Hardware Features with Expo</h3><p class="freshSectionDate_dzBI">Published on <b>February 28th, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/RemoveMobxStateTree"><h3 class="freshSectionTitle__ViY">Remove MobX-State-Tree</h3><p class="freshSectionDate_dzBI">Published on <b>February 5th, 2024</b> by <b>Justin Poliachik</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Zustand"><h3 class="freshSectionTitle__ViY">Zustand</h3><p class="freshSectionDate_dzBI">Published on <b>February 5th, 2024</b> by <b>Justin Poliachik</b></p></a><a class="viewAllRecipes_hd6L" href="/docs/intro">View all recipes</a></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack Community<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnativeradio.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Radio<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnative.cc/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Newsletter<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Resources</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Submit a Recipe<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Cookbook<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Boilerplate<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://shift.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">RedShift Blog <div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://infinite.red/privacy-policy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Policy<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Infinite Red</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Website<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://docs.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">IR Docs<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://chainreactconf.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chain React Conf<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">From the team at <a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="ir-footer-link">Infinite Red</a> <img width="32" height="32" src="/img/ir-mark.svg" alt="dropdown" class="ir-mark"></div></div></div></footer></div>
+</pre></div><div class="timeStamp_Nl4O"><div class="timeStampText_VmFw">updated<span> <!-- -->4 weeks ago</span><span></span></div></div><img alt="Animation Image" class="faceLookingDown_tKzt" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARIAAADyCAMAAAC22ronAAABLFBMVEUAAAAZEBUZEBQZEBUdFhcZEBUZEBUZEBUbExYZEBUZEBUZExYZEBYaFhYRDgwRDgwXEREZExUZEBUZEBUZEBURDgwZEBUZEBUXDxIRDgwXEBMYEBUZEBUYEBUZEBURDgwYEBMYEBQZEBUZEBUZEBUZEBUWDxIYEBMYEBQYEBQaERgZEBUXEBMZEBUXDxMXEBMXDxMWEBIRDgwZEBUYEBQXEBMWDxIZEBUVDxEYEBQXDxMRDgwZEBURDgwXEBIZEBUXEBMZDxURDgwZEBUXDxIWDxIXEBMXEBMRDgwWDxIZEBUXDxMZEBUXDxMXDxQWEBIYDxMRDgwRDgwRDgwRDgwRDgwWDxIRDgwRDgwRDQwRDgwRDgwRDgwRDgwRDgsRDgwRDgwRDgwQDgwZEBVxw16zAAAAY3RSTlMA/Pr0Bu/r8Q739gj5Cv37GRPk6MXxuNtA+Dw14d7Y9mMdvK7m1TAmFlIQzSPARCBtS+qzj1dOqX5yXuGV5kjRmfjuyYpbZzn0LaGGpZx7dyrDyPXbzIK2oNa90pOq0N3YrqWk2s0IAAAUt0lEQVR42uycaW/iRhjH/cwwM7ZjVLBdG4Htgo3DYUxA3JRyFEIaIId6pFKrSpXm+3+Hhu62TbZh12yQgrP5KbLygst/P/eMLbzxxhtvvPHGG2+88cYbb7zxRpxJiOVsp5S7rZfTYkL4okmWa6XuebPbzQ91dR5MRqvWKF85S3+ZsiRK9Xy3HRpXMh0xWeKIA8D2IGv6ppFLCl8U4m2msx4FDHF5hTiYjkkZRlwCDjIHjGZ0RbxKTvhCOEkXmuvQL8ozDYNEixNT76zW683KoUVJcyUECIAA0fx2pix8CTQ384CCBXMkO94036xVkwkhca/UWWZ8fh9U1nqoYIwwBOZEG2VPhNdNarzomRg4Dmy9ta6knw4x6dzC8CRF4YAkmk8JrxfxdBhaGHNgc/28fit+VLtc3sOUgiL7g1cbUcTT6ZWOgEPLb5TKEVJseujJ6oxIXu9MeI0k8z7mXEJ+OIpecZQHjqZgol+nhVdG4mS89ChFqGgMc2eJfSwrr0tySzHyryzGioW8Z7gaC9uV9N5q5rWQAulfCq+IamZJAjyXnGzm5HMcbsAkmRQXovBaqGbbBtEJNvrlz+1ZpjJg4r2WCJs4HZnMkJCXPxU+my4DoPorScS1G3dGZDVoPu8StzBh88Vr6AHFjKtiS/YHJeF5jCgG2o6/JOJtw7Mloo6ywnO5oESiXuz7v1RjgpU53mSF53MZEAdaNSHWnOTaGpKdSf4gVWfBJYh48S5gy/lARthcF4SDkN7IxO7F2nEKGw0h5DcOVYSXfIlavRjXaifNHiFQvEsdbJycs03m3sV3Op24s2cSKzYOmDM7JkLqWogryYypgGo0hQOysBANMkJMOXUd6tj5w5ZVAUKsFdceJzeXMTOaJ4eVmc0scxPT4jWvF2eKlznwuKc/A+oOhTiSGLdIz2qVIi8BV8uFCIu/OUsBux1Lv0meWw6e30Sru8VUfX039bz2oFMSP57T+zKx7WEcU3Bi7CCE29VIr02vdct0OAeMtbBR+tj5FkJZVuYlIX4kBsSg6lSM1BIOLOD/gPGkuCzv/tzeHBR5GcNptNjVYKaOItnIWUvlDzAxqNfZXYZSUXGLuXEs5isTALwqR2rieog/ABwOkjYXd0htyBgHdSF+ZC0ZpGi5proB/gGIyzTMPanIEGugrqpC7EjdMaT0LiM1hXeUfwhwCZHGU4IOVYLk4EKIHemRqynOZTQPI/wJAMB5YpZQCPBMoo34Fa6Ja+qheTPa5KDHd+D3Uv+rdDwFKfoghm6T04GYw4h9vvS3ozwBVfsfWIN4jQHN2jGcuYptTZMijgHFHn8gyaP/gLZLjw3quqgB6mWF2FFtYOZ5qYhNrbrLSDgg9zbx0B2HFALqnArxI+eoTI3agnTJu6T7BADBMvlAkY5KEZpn4tjbXFFEelFzQvuBu8DjPMxBHxQe2IjJZ8qkE0dFsoatmpGHgOEDLTB6LAmC1n95fEkxyH4lfun3noZP6TIdNe7M+T0g8y0Kfi/Ne4kU69+hiFhRFUBhPpaKFPKyZGWiL8g89BYF8S3Sv54zv31f+i2ogop6N5bre8lGkTC3HFkS52EQAXinzPYgb4Nu+C69iH1VBhjF02uEs2AS9k6j25TxYb93D4PtEXMO78YmFy2YcbQ5F+LJ2Olp04IQmf7DkMr4FsDwj+mMCoKQyHgYZnhTEWLKQFWsOyE6xow/QEPvNNkeADgflYVyI5AQwfHdmZYcWDAaC9Gp0Md+8wgpL2SvNZCV4iCWgfV95arxVm6vBW/+NIAkpnXzOkOMxTTVvCNjKoq+j40nn5gNINgeZGDGRpM4WK2LGM6e/6Wi2WRU2KvYVTkHvhXhcSZWZ4gWJc7AH8XYRO7JWFgy9oqE6bbGHpkIgr/dRuUAgJDUr8dxGP8olhSxu19yKDtF9M5OgN8zQ1tF3unC1eAqtpnmH7JFhvU9Jxr1iacgwLL7twqyjAA4J1tdsB7LxvcxdQcr9ljYC7FiY4JkvBUEF4uGgwG24VWeL2NvIvdc2hiHZ/smiJFfpJoEwAFQ4DO+RWaj0zgnmv/wkO709w2I6Wa4dR38PgFvwWHl6MJqQizVL0qpy1Jyr5/WUQlz6ntHgLTnM/RfS0zdzhHd5JmuVS86p5XMuHHtTFxvs55O88NaKqout65KTb0m7Iu4vJlYEtraCbP0wbFYSDlb6d60nIE58+YyAvR3MgRAQAJvmi1E8+y6gZnVLu/fHeXa2ygCxHbTyWPIM4Vabthf6ZTN5gGAJpkywQgQAvj7D0NvElYuo1y71IYWNWPPy5xIZhcBgxnH9mj88ptpTqrl3GA1NyVZNgFhy7Emjfai3Z7q2JYl3UEgc2BcoZrbuYxw+S5Cn4ycTiG6HuXc3cJmDBCye8MjyDLpRtjyEcUTjk3HaN/UC+mT7c9KpMbnjcGgc+MaDBFAwEMPu80I/UbDwrJujS6j6ZGqD6ZqkctIsp2rzIuPEsXccuqpCkK+qbtXg2yqmvj/a9KpXKO3ITIiEsLWIvtJQxHPdcdUWKvzyft/U8nKyFVl4ADYnzZuX1yQQnZkagwALHNzcfHRPf9iqdmzkAkgsfb4k6adHBo9pKP5ZnSW2vHiRCJ9m7nuG5aJmKJI1F9kXz7JFIbtloo4twM3V6pGWHGptAkyFcltdSOknZVFVE2yfbd/Xkt/qO/Zabqx3LhERqaEkTIxpp3ai4eQRGZFgQMq6l4zETkOj1sYY5ivLiJ8Qa5nIwAucUmzR15/uezmK8PKsnPdX+hzTbrWOHCqEC3YrGtHcKuReL6wiYJQMK2finvdjOYSeeLMR6koNVs9tAnM6BxhglWTqKZmWfaEUgb3MMYkFoSr9ekRVKkJsbIO3cAx2/3Lva21NA8JglY9GUn55jJsGRwwB8QR3x4JQzIAx1rRDwfjTPXF3WXL6dhVbVslN/XPMtfMBMkS3VxE/rrO3ZXRCn3iE4wnGtVs3Wst8udp4RgK1HtOSvlp6NtasOp+7qPbKgxJOGhGf3fiJHWZKnUvKpVOrpnJ3NZSx/R4tPRSx5Y5mzS65c9X1QfAxZsjOqtnUM31TMYIu3teBVChBNv6EQTF53N2PaeMsE2n+syBs0mATV6BJNXSaq4SaXKAx2/5BORi/B+UkZ0SqaiZN4coinq2hYvnMQ8mZxUTy6o9KhykrVpQhuNuJaU25VgJ8wfqq4ZF7uCXH/M8AzFvYy7Tq5pwIK4QpWYc9+P+Q2pQVCU0P2DrbTjqZBPDbezvSWQ9ipjmlg7XTBRaACSI7WJ+oraSELVuDnkCOYeRYl+IKeLSIxOq16rCAanIEkziurmwsMAMzP6BBzQGQsY8hvd/bDlbW5qkDg4cCG9NmLmjI5iDfQblttPD+iBqXBXFdCH96RenVgQpraYQRy57FtX1aOOvhFjr9Bf93qrRvRU/da8rClgvlk2feEVAcU4jdSLJ7DTQfA6ACdVHuY+qeC3LCHcSuz/rxZdidpENLd/ULyKZSN3F73cxACDsWL3a7tNqOpaitAq7v/dufKSPYb31uEL9aB6fD4D/B8ZI8TK7vKcaKivkd3eqW/nj9z/WR9n+lFfbBaNIiiSHhD9k6z+a2tlxykuGmXxT3Rm/rv785odfj/GpTeUVA+7noxVeEvDHACjYuRGf3hPAZPkjj1kd//btN1/9foSSiHkXIasRKbLmXP4/QJJQK/PE21Mu4RK53v3B9W9/+OabH7PHN12qGJYk34iRRvY68CcAIKv/R4STGwqYGgVhJ5mfv//p6z9yRyfJpeFydSpEosl3gI2K8CFdCRTa+1jwLP3y03df/zIWjoy/2LvWtrRhKLwkJqWlUiy0XAaWQWFTboqKCJabIEwFBUVBFN36///DgI0Bc5utl5E9j++H6OMHL8fkPcnJ+55Y90kUGdxLJSeO1AdArgfNVL1RHfCFtb9NgVrvXKAvJEvZXR6QHYNSZvDLepmhWLlqnWcdmdMhn/7roTrSEWwKdSGpOcGBbFR4Xvyjt12HaHPuaBcLQf2INK1/P3p/UTz16zRdXLK0X3KRE7vBux0ZTOTIDwBdoY+zBLWFWZZ57B2JSE+weVqUJWFvGLKrCaNEvPrnWQLQYX4m/TZYwPPF2GM/vVcWPB26ailLJ04Hc2y0HpBGU3LlWfBLCwR1amaPBPkSEBuPft9IX1KEHl19ij7IDmLcbBhgxsEA+tSurEM0MRvu5i0/eYQBEFceP7t8HHg8qVuqnn1aT8uI3bYbtnygmRwM+fEHlp98jQlMZG0yB1RyaiDStXulfN7K0xSSmpNBxHjFa5udRGSagiH8MQCy9+MNCpHoMJz9YCSpf5WUej9BU8Zp+uVCwHg5/pTMM+po4LnROBqcY5q07IVLJd3fMCT/jnTLgtKjyXu2UpT5rYAJ2Vp0Nuty4w8ITLLQ6uZwiiQP8chht71iLIW1yzbPBU2F2Q9OjIMmyqKb8952x7TTzGgRDR16S7UiBzGIVg2yQ7JRtkkXNO1ea0EYblpMXBfPVwa4+X5E8Zg9GyxByIYMa/3dnXNBa21StHBCDuww1RnnCOi/BQCAwKJ7myAg+raNFw7dF1pd67opyjgyw7KHppQiUH8A/rvdv6QeB3kI+OjGyjsTIUkJ5f4GRSER/awzbUposQsndn8w2yyDYRByQcDoDjlhSmbcvrflejQtnDhhSdXcc2+rBDxoCaFDhHQIIYCjtmZmEGnVPco9TRlnV2XEgMmdDMEj5pgQKzPt6AVANGq2HdNZR1LOBzQd+4IM6zC5kFf2Q4ADPJK/8wg33rwidrS/Vyt20/r8geCR2jSJHZ0Yliomuc275cBMiYPjGjQpRPH4FMxCXyNhXqcTua5rWnuPIno9wRwyLVtMhImfQXBs93cV/N8phSlU15+yV7yStHpvjaJZkhfjzK5pQap7HwGAuZKuA14fA/i3z552oriUlFzucvEmvZ9IBgkOn5r+99qP444Zu3/Jte9+opLLeluuS3fHFHXYWK5gvyhmn2BtrxypmB2XSxDbiDzjVu0q1b87pUmiFKuUkEP2PoEEqrI44hB/dMey/Iw6ZyYn5W66Z+/owfJpFBOSMUkn1lhWViEEQA0ePrNIuNHp5e6bFC2cUU/yuCofmImJdSW/FyqoAALWV6k9N1dUM7273i1Ns2RYEA4iLK7KaxaDPq6d4wMR6RiqauglWv7ttFr3qS5l+npvEfsJG71ceSwoy+uxw6MwYXUAOMbZSDzvTb3pdZ+mXdHW8Pr9ycji6SpW3MnlP5DgO+snb765L/sQo/MA+7f2zqwvNElbkiRd0XWRM0Rywy9iF3CsOo+yiU/Wpflw2D8PySOz5UcsVjEPSfwkU3s5Pbm92zlXLnYo2tFP/uwjFwFDQORzXlaaVXdi7XM+4c1XA3uVrQPXiZODgEEM8sflQORFTbv2biundCiUIb379L6y6kA859QRi0WHKOKw6vAXfAyGAOo84Rim4AoVNz++tEh1vXohdfqnFO3oZ5DYkJ0yCyDU4WgYjiwGiB9+QogYbuztxF7j905elZXzQZbWh0nWPyaaxVB8K+zzqRwWfS5C4nKwcRlIxOyWV5ra9kxb0QZNmv1L1uXP9siQSqrZdDrhdieTH153mdtvNEG6H5Yn3zDB+mHu3JPLvIVkti+/llL6GSol44tCPmcTtAZNBemFI30heLQbus59C0aiLdVTXcoEfItFpF3u5a5o0g4sHJu31/0v3f/VMvsqcHe+DKQb2qoDC0Xkpt+5a73Nkhl4ryuDVIbGo/DCsHyc0+4GNAn4Fg5LV0qV2xmaz33/GtbjsiJoN28hmb1wVGyClqG1YLIQBMqCR9v+Lw34r4Slw5SgpLpvIZnCUpQ8ilZ5C8kcvXpsqS5N2oGFY0cTbNLt2yz5xt699KYNBAEA7oEDEupMeliJSQ5LLjwqxGNFLcrKEVo1yaKINH6AjW1e/v8/oglqa6q8OLSya/s7chx5X7PDbOLjWHAQcRmSRDVShMz7f7uu/X3V8YqTsy/Taonqnc+IrTPa1iUVtYGpNbPLfPSRhtBMWJkrp0hTRzJSQcbqkNJVl5wzu/eh9JshNKqgk7mimxQZO03KGmS2u1oKrkJOzMrC61CZ0QwJnUz9ezp1FwvBxSpL/2VL3fnCRMpgTWOKZgEjCifl9Jq4DDiRe1OGJNEKBLGwvAE90rI4oCz3JUeasQKSjTIkiZbHQMuM1keno29x5HJQ3oAmqmtNqEZlSBIfYw3k+GUxcKKyFIjOvLzbOjKVEvmoLB044guH1PLs9LL7bu8i58Ps6xa1jFqnjrPm/XoTLNN/OvdfmrgEjnfiRU77dhSa3Fz3cr2P+W4HLo8+n/YMeLRxOZKM83072POkdFdG7f3lujmwFAIgW2Spx9Y/0Bh7zPbe7SxT6TdilwCISb+T8yV74gYrNZ9V32vD6m8ZAKDyGpd5T9T251Iw0au9GZDmcqMRgNjippv/Q/On6x0J9VYx8MeH74FJBKjl1CjCnq49Mh22feNZvO615yogxK3f6Od9zBxcrjnibnD22sJ7HtkEwB1u3RSlVulzpDjJb92XA3I7thkCaOWNm4X4Qp60p4Ix4fdfitbDYC8ZImoZGzlfeI+d+SvBgrvnX0ntcVYVCMhpE9ULVfLYnlqWa0YPz3tQWaYDj4T9tVuYMXNQqVvCXuzrf84hXeNuxxCAzMWyXrQsZMWwBLP92fFP3Zv9YuUAAK3Gs1wfel9U+WJKxuPbZGfWney3DgJyvZoaOc8WvewiJMbs619zyOVkfjjwgvD84VmxJpFfmlvu6sXw58bNmG6l0IgovGHR5pDfrkzusuD2EJDzkS0JCdgu7hRsmTn2RSjNgvOnHFFkCwIAMuNJMU4zrzBMQAyGtfbQY/CIm+uvuU+JvO1qS4T25D6yEQDMcN4peEAe66M3iGpjS0kAoIL7Vv5zRO+5sJSjFXcAuHYHs3xnmk9TtxAOKLwbll/Ik+EOAQFQeNcF3Zk9MzQ5Q8BwWbbsSAr4hGDuvlO8492r2j/aqWMaAEAYAIIWwAQrEw5IGBmZ8G+jay00uZPww9/9/houkrR+piAAAAAAQFkBmYYuTD1q/c0AAAAASUVORK5CYII="></div></div></div></div><div class="rowContainer_brmT"><div class="col col--6 padding--top--md"><div class="text--left"><p class="featureTitle_L1YZ">Backed By A Community of React Native Experts</p><p class="featureDescription_sP1D">The Ignite Cookbook isn’t just a random group of code snippets. It’s a curated collection of usable code samples that the Infinite Red team’s used in their own React Native projects. Having worked with some of the biggest clients in the tech industry, we know a thing or two about keeping our code to a high standard. You can code confidently!</p></div></div><div class="col col--6"><div class="featureComponentContainer_HpZw"><div class="imageThreeContainer_uPl6"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABVxSURBVHgB7V0JWFTlGn7PGUA2FVxQTIVhcV8wS0tLUcuszKWy5d68ate6ldcFtcVHDbyVW6nYtVtZKVZq5m6WaaZoprnjngIO4sbiMoACAnPO/b4fKSQGhuHMMOi8PiPD4Zwzc/73fPv3/0dCNYPBcDEw36QLlyQ1UAYCVMBHAgILf0o+KlSf4vvTNiNtM9I+RlWSjJKqJinAGUlFnKKTkprp/eJQjSDBgWEwGHwK4B0mK2p/VUIYDXJYSUI0gSTFMoGqqm7T6bJj9Xq9EQ4KhyOMSVIU76GqpPaHqoajKkAEQsEinc5E5PknwYHgEIQ5BEnmcJO8kBC/GDgAqpQwQRS8R0NRx9hE1WkIGqgkFVKsTjZNqUqpqxLC2HEwKbpIQB2KagkppqqIsythLFEmxWtO9SWqJOxPnF0Iq06qzwoYJVmODtbXnwI7wOaExRvSw2VFWUhxUiBuY7CNU2R5WKi+fixsCJsRVihVXpEqSRXuIKiQo0OD60fARrAJYexUKIq89XaXKnNgaZNlpYctbJsMjWEwpA1RFN3BO5UsBl+7SZEPxiemaK5dNCUsMTE10qSoMbehY2ENOLc5J9GQHgkNoYlKvP3cda3B7v/1CC1ylJUmrDCt5Mn2KgxOmAUNdJwsZ/eoLGmVIsxJVsWgBWlWE+YkyzpUljSrCHOSVTlUhjSrvER2MJxkWQ8eu0InreKoMGHsuju9QS2gDrXG5a+QSqSgeDTFWdFwQjPoZGmoXu+3yNL9LSasMN3EGQxnUKwxjDpZ6WBpGstilViYG3SSZQP48NiyI2fJzhYRlmhIm3Mn5wZtDR7bAsXbIntWrkrkepakKFvhhM2hynKP8upp5UoYFx/hhF3AY12eaiyTMHbhnarQfihUjZ5llmTMqkSnV1hlIK8xW28uC2JWwrgNzUlWlcCnrCxIqRJW2DcoG+BElYFiM31psVmpElbY5OlEVcIcB3+RMKd0OQ7IlvmWtGV/kTCndDkOSvMY/0KYBAebPXIHg9Tf6JJx2S2EJSSkDXXGXQ4FnwLFY2jxDSUlbAiccChIktz/lt+L3jidDcdFcefjDwkzmXThcMIhUVwtFleJTnXooCiuFoVKNBiuUjok7yqccFgUqUUhYSZTXjiccGjw8hf8s1AlSo4Re6lwwhwkk2kA/3QRv6lyeyIN9kCBqQBZGRkwGq8gLS0V165l4fy5ZBQUFECWZfr9Gnx8fIWyrlmzNvT6INSo4Y46derBw9MTnp5ekGg/h14RxhaQiSMUEWZjCcvJzUb8yZPYtTMW+/fuRlp6KoxXr0BRTGRQKbeiqvBr4A/fOnVwLjkZimpCfn4+6W0dXN3ckJ+Xx4aXCKyFAL0erVq1Q1BQKIJDm6MBHVeD9mESb2uoqlCJksFwLsykuB6EDXCVSNm+bTOWLVmElJQLcHd3R716fmjQsBHatGuPJo0D0ahxE3iR1Hh514ROpxOSxgTl5eehgEi7lpWF5LNJtD0fB/bvxumEBOQX5CHl4gXUql1LENahw724r0s3hIS2QC0i9XYlj0suUkJC6gDSL6uhIVhiftv1CxZ/9QVOHD9CA+uD7t17oUvXcLRs3RZeXt5C/Vlz3jwiMzMzA2eSTuPokYNCYg1JCbhOqtTPryE63tMZ3cIfRtt2YfCkz7mtVKcqDZPiE1Oj6KI0y9Dn3biBb5d9ie/WrYJMaqz/wEEI79GbJKGhTe58RVGQTrbwwL7d2LFjK44fO4L09BQ0uqsp+vV/Cj17PUrqtiFcXFxQ3UFexhTpVEJqjCxpEzTz3f/tN4uw4IuPyc60RcTYiWRnmsFeYAlkVRkb+xO20+vYscNwJ4flsb4D8djjA4TKlKuxupRkKYZUYtpWrZyOWe//B8uXfY2AwCB8MOcTNGkSiKoCOy0HD+zFmtXfYO+eXUI19us/iCT+WTRuGlAtVSXdkGtdJEn10cKhP5t8Bnt27xRqcMCTz1YpWQxXV1d06twF93a6H8eOHsLSxQuwauVSbPzxOzze7yk8+/wQ+HL4UI1AYxugGzX69bfofaW7o35YvwZbt2xEi1ZtMGr0myJ2qgj4prmRm4OLpNLSUi+Sh3kVbm41xMCz628t+Fi2YWxHW5HDc+aMAT9v3oCD+/ciMCgYfvUbVOr8dkauy81lV1EZ8NGFwW8+eYMPwZtca4uPJbuTTIO4asUS8ix3CPc/n1x6FxdX1Pfzw0MPPUoS+zwa+jeq1MByyND5vgfQrn1H/LhhLRZ+8T9MfHM0/vbCi0IjuLt7oBrAhyRs/HRUEjyMu3Ztx6X0NHSmeKhlyzYWHWeimGvlisWYOGEMDhzYI7IfTBZ7fkx+RoYRBw/uw45ftqAlOTEcv1VWFlhi+fvd26krzp9Pxrq134obpn1YR3h4eMLB4a6Jy8RSkp2dTRmNHNT09rbomExKT82cEYX3Z/wH169fo3MUnqck2Ku7ePE8IieNw+8U02mFEPJeJ0dNx8CnnhcqctKECFKXp+Ho0IQwVlVsHzh4jY8/WerAFwdL0IzpkVi9apkgpHB/1ey+ojWI/v9o3ixBrlZgiRox8nUibgYMp+Mx7d1JSEg4CUeGZkFJu/Z3U66vJvaRC32Dguey8OuOWPxCKSsWK5PJhPLA6jGVbNsJiqvOJidBS/DN1rv343jt3+MRf+okpr83CRcunIOjQuZ13aEBAgOCcG/nrki/lIbDh/ab3Y8J+uKzecjNzYVMjoClMJGk8bE7d2yD1uAMTN/+T+OVERH4/cQxIm2ySH85IIwyL8IPDcBZ9U5MWFoKPvv0Q+SQTSsNSYYEUj8J4j07HZaCnQ0dpZfSL6WWq3KtAZ9/wMBn0Iu80gP792DunGki+HYwGGV+YgI0Qp9Hn0DvPn2Fk/DduhWlWqUkStrmknNiTYqI47SrV67YhDCGq6sbxoydIEKIzZu+p0zJHjgSWBuShCEJGoEv+JVXI9C4cVMsWbxQqK+Sg3s68ZRwJAqdiYqBJUwkkWE7+FKh9OlBL1CJJx/frV1hkY21F1SJJExRoamybuh/F14cPoJqNzJmv/8O9uzZeYuk1ffzF0FqRYNgrqW5UQzVlpwbW9e7evd5XNTpuESUnOw4rZo0ZEky/weNwbZs3BuThQ34gOKsXynwLbpTA6nkX6dO3YqcjtJcNURtqy4VP9u0tf2KSb6+ddGlS3eqPtygKvl2OAoURT0jq6qUBBvgfrrgSZFToSomvBP1lrAJN27kkkprBBfXitWmWH3m0bH9+g1CfSLN1mDp57IQS/KVy5c0t5lFUSefV/yj6xPv1bKThPxAHxdXnSnWpGivYviiWdLemDAFsz94F9Movtm37ze88lqEyOldvLDsjy9ZFjgHyOmk0GYt8WjfAcKO2QOsgnkgMyk9xm0L/B2sBR9/7VomEuJP3UxsXxE50wJKw+l0rsjMMooqh7uHB2pQwjs4pDlq0OfXru0rbHa9+n7wIDMiy25JLjwtMzExzWir+cxM2qw588nVn4ttWzfjyOGDePqZF6APCsWF82eFx1hgxr3nC3AjRyYgMBijxkwgVVUH9sLlS5dEn4mJNIQ1Hi2bgJO/H8O+vbvw888bkXLhvNAwfK3uHu5EgKc4v4+vL+1bgKzMTMriXIeLzgUbN64X5+DqvQvdKJ6UkWnWvBVWrVkZJ25XusnjyPUKh41wFxnwiHETqUamJ3d/OeZ/HI3m9AU4e8H9HfxFWUkUEcfeJv/u5loDHe/phOH/GoVQqhbbC6yCkymjwqmrpk2DKkQYJ6+3b/sZK5cvEf0sLJn+jRqjW/eeCCLJad2mnbCR3kQW22b+O38eayQmmV+ib4Uk+9LldFw4d5YS4HtJKi/H8vmFq5aQmBJNb0fDxuAvxoXO6NnvUoyzn8jyFCqOE8FsL7hLSlUVUZ5htRDe42E8TuV97kW0J7hmNuHNkSiggZsYOQ3tqSRTHli1cz/J4q8+FwPMLXoPdOuBnhSIc7sEX4O17Ql8bpNSMLdFs8ZjCiVMUddIsu0J4y8cEKjH9JkfYefObVi98hucO3cGbnSnFZY8ulAWvTnqk85u3CRAbJfsXMznks7Czz+iLIwJne9/ECF041gCDgGiZ0+loqsbJRD64cmnn8dddzWha7Y8/WYOLH0usmuseM//VdVkiKysTGzcsA4b6JVkSISrS2FZv+uDPfDggz2Frtfigi0F29T/zp0pJKRly7YY/+ZkGvSmZR7DLtOuX7dj5vS3hQaZ9PY0UuP3CWdJSxRNhvjj9tWyGaeiYJ29Y/sWkR3hTAg7ItzZG3b3vej6QHe0bXe38JJs5SHm5uQICfnqy89wmvKcoSHNMIpSVK1bty83wD986AAiRr0kVPnrb0Xh0cf6Q3NIUmxIkF8Pfuvy5zZlrQopHFUAViM9H+qDB7v1xOEjB7F39078+MNaUplLRZ+Il6c31dvakV1rJppqfCnwZsPNx1kDlgp2qc+ePSMSvfx5J08eE651ePhDGDzkZeiDQ8pVx+z1rV2zXMwP4O/VrXsv2ASK6Y8VS4tNmXWsOWLZ2ddFCHD0SBw2/LCObMsV4fqyV8lk+ZCL36JFK5EKa9I0QHT9NmjoT56dl3B7WRq5jsZ2k1UVe6Lcd3ImKZGqBYlIJElmNcyD7UVVch7w7uEPk0p+gBwEy1oFWKUPevIRkZSeOuNDShZ0Q0XAcV4uue5cwbh65bK4kTgLxGFM8e9QfFWcW26hqlSL5sAeEt/JnOXn4igXMI8ejSN7c05sN5kUqqvJIndZq5aPaNzhWhs38dzIyxVJXHads6i+VbdefSE1KSnnaUC8RUDas9cjovjKTaZ8M1QEJ44fxWuvDKZwJQDR/11Ag21ZnMjEXDifTFrkO/ywfjUuUQ2RzQCrX3b1G5GzMmTIv/AASax3zZp/qEPGLUahKtWiOfBFcLK4RYvW4lXUX5+RcVXYOyaOi41HjxyCQnakNpFmMMSTdJnEcX71Gghp8ydJDG3Wgkitjbp166EFeaVNqejKatXabiyOF1kS+HweHpa39W3bsgnRVG+7SJXtktke7o1JiD+JqMjX8TBVwl8eMe6WBZxvIUyWa8QoSr5Dr+JWdBeyCuRXEfiiefoSgwll5VHoqamiwYeJ4X20nFvGGQpxA1H8yPavPPDcuPXrVmLmtEiRJCgvLbdly49JS5ctiSm+7ZZP0et9jXTRc1ENwUTqKK3DL85QeHBai0jiZlQmmP8uazwRkG0mf8Y5cl44P1getv78I5Wc3hXZjPKkmveha4ktuf0vt4WLi7tzXXoLwTNFW7dpL5yOQ2X0sTC4o+zLhfNFycbSAm52bt6Uktv+QpiQMhUWL3x/p4MnWNQku8k9+zk52Wb345aJU6dOWFyqIecoxmg0JpXcXqriddUpUXDCInDrtzeFBezBbtu6ySwh+/b+ZlE5qQiKrJtS2vZSCWOf/06WMo73OE7jsKE8sK0cEzFBxE/Lln1Vat9kTs51kRGx1Bs1J10Ms66Nq85tjFY9i9UJ7DxMmzoJYyndxIG7JWjf4R4Mf3kk0lNT8en/osleZd3y94yMTLJducJuWSBhRnPSxTBLWHX2GK0FD+bn8z8UnckcY/n4WF4w7dmrj+hp5CrEvHkfIMP4Z9KoVq1aYjK+JdN2SQbnmpMuRpkp5bFjJ8VBNT0HDeaPOTr47ufZo0u+XiBCgYmTp6J92N0WH8+NtHd37IQrlGLasnkDJZHjRfKYMhWi4sDSytmaolixdEhJVzOvDSzrc8qM9gqlTBmGOwA7f43FAqqDsZ0Z/tJIdL6vKyoKnsT46oix6DfgGVFyiZw8XrR+F9YBg8BBfFl2TJXVcse63PA8NNQ/lnTFba0aucL8+fx5wsl4+pm/U/HxOaurw1z6f3H4a/j74H+KFNOEN/8tXPpwSizzaj7mCCtUhddiyzu/RW4LZ/IVJe+2fPo5J165HeAY5SJZqiZHzaxw32Rp4Ew8L0Mx/5O5QhV2omp6U6q2r165jP8ocoZ/OiCsCrP0lpz3jn7gG5dwZs18Bz9t+h7NmrfEO+/NFg0zWiLh1O+IifkUu6lAynU8sdIP1eJ4tqqoKNzINSqSrkNZjkZxWCz3HJupqikCtwn47uaVejZtWi/KLP8kt1xrshghVCGIjJqB8W9Fihzn5cvpYjuvDsS9hx6e3lMsJYtR4VxofPzFKMp4a7ZyTlWBW9DGjBwuvLsRI8fhkT79bL7oSobxCpZ/u1jMN/j9xFH41Kk35fjx41EVOYdVyWstV8+pCnCVeeo7E0WTJ7cmjHt98s1eSNuDJZsnw3/2yYeLFi/9eigqCCsfvE1OiJq3lT67Wj7Leenihfh+/SrUJrU0YdJ7YnqUPWH3B29zfCZLbj3IQ41DNcPxY4exauUS0ePxzHNDRO+gPVEZshhWK+3qSFpaWoqYs5aTkyPa0bp07W7XVXAqSxajUla2OpHGtuPjebNEkMw9jxwcV2ZGSkWhBVmMSrtFRaQ5cjmGw1Pub9z80waxjvDQF1+lZGwD2As8NlqQxdCklZZJox9DyeVPckSX/9iROKxcvliU9Ac9OxhhVA6xF3hRymYhDaKgETQNPCjvGCXBFOFIdTQu23P//sULF9CJUk99nxhol0UuxRioyrDQYO3IYmj+zYODG0XLsqmDBO3nTlcUrAq5XPL9+tVo3KQJhgx7BTVr1YatwdfOYxAS4h8DjWGTW43TWMHBDfRVneXnZWQ5/cQOR98nnhIdujYHXTPZqw6lPXBUC9hUN4SENBxDWeseVSFth+L24+OP5oiVDJ4a9Df0evgxm7rwfI18rXzNWjgX5mBzZc71NJY2upgp9rJtl6lksmjhJ0g+c1rMNxv8j5c0n69VBL4mvjaWKlE7tDHstsQ0OySs123t/nMJ/rNP54k8Ic9s4eX1attsbV8pRpav6/nabClVxWHXNcFZr5OLO5Snz9iCOLZV69auwPr1K+HlVVOQFRQcCu0hxfA1hAT7DbMXUUWokkXcSxKnlY3jR30sWvCxmBD+WN8B6NGzN7RCkerjqauFRNnGqSj/ezgIEhIuDgV0Q6ydn8arvEWMGi5WFOXZ++PfiKRsRn1UGpIUK6nKWlnOibG3NJX6deBgEA9PNfGaIZaTdyM3F29PGodfftmCgKZ6zP7wc/j7N4LVcDCSisPhCCsOfui0yeQZDvEwcPGMs/DS9lu5YglmURaeV8p5b2q0mMxuKYSq4+S1ohwiG7jGxSU3ztFIKg6HfoLMzYFbc/MlYDCkhZlMaiANchgZ4IADB/YGLlm80IcyrD4vDB7u0z6s4y1NQoIQqEYKwYzkkyTxgp4KcIYXReN1tqrKFlmL/wNy7M4otyihFwAAAABJRU5ErkJggg==" class="circleFaceOneInitial_lr7i"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAYAAABXXxDfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAApLSURBVHgB5VsLVFTXFd3vDTDAiILlI8TgjKLWL2BMNW1WAzZNTIwVtTXGuirGxC6jrVq1mE+D1MTPMquIsXElTQQ/qE2aiFZrDCpEs9T6JbD88cmMUUT5yADyZ97LuRfBQWaGNwPGAfZaMO/Ne+/O3eeec+45590r4AEjR18UIUoIA6RQWRC0kGWtAMFbhuzddA+dG+ncCEEwCDIy6JurkoiMgTq/dDxACOhg6PV6b0nqES0L8iQiEmZO0l7cFUo6ZGGPSlWZotPpjOhAdBj5xhGWJ9FhdHsI24aQpBJNcTpdoAEdgHaTZ6QFWY4ldY7AjwVBSFcJptntFYLD5Jl6myRNPCBH46FBSKooz48LDw83wAGIcAB6feEsSdLoHy5xoMFUH708ZnlafPymaDgAu8iz0c7TF8abJDnpwdm1chzYl4LyMqP21888l5iTVxTP+mfP84rJ6/UFWknyTJMleRGcALW1tfj0022YPec1uLt7kP1Ki6h/51k/lbahiHwjcTFNBpuvnQN7Uz6Dm6saT/z8l83fUf94P5UKoE3yZsS1cBJUVVZix/ZPsHjJm/Dw8GxxzR4B2CTvjMQZvjq4D8OGh9LfSIvXlQrAKvnGSM35iNfV1WH357sw4/cv03Rvfaa+K4DdtpygVfISNLHORpzhUOp+aHpoMGTYiDbvZT6qQeoRa+26RfK5uYXRzuLVzVFfX4/k7Zvxl6V/sznq5mCzAItLLF1rRZ7ZiSDIVqX1MHHi+DEE+PfBgJBBdj1Hccl6S+ovtr5R5ZTqXl1VhcRPNmLCxCmKR90Md0PxlnAxP2GjTlKKhgKQgFBDHSq4mY/r166iuKgIJSVFPPhgVzUaL3j7+MDPLwB9H+2HoMBH4KZWw1Ec/HIvqbCIceOehWOQoykJ22JeI2ghQrL1NAi2s7Oammqkp6Xi9P+PIy/nCrx69UJwsJZUcTC/7qZ2g0rlSvZZi+rqatzIv4ac7MvIp88+gUEY/dhYRD49nquu0vErKryJua/MwLur12PosJFwGJQNhvT3j2w+bTpoHHVRb+05Rvrggb3YtWsrhg4ZQeo3GaFhoyGKYptqWFxchH17/4Ov0w/hGmmJm6srAvoE4ZlnX8DkqdN5eGoNTMM+/CAeBQX5iFv5HtoLWRQjm0a/We2ZrTf+VGtUVJRj9TtvoWcvb8Qn/At9qONKcfbMSayMex03qfMmk4kLS03qP46ClNqaGsybOxNRU17Eb6KmWdSE4qJbSDtyEP+g3+0ICCZTFH2k82P2T68vJYdQV2rpZlNDA2LfXsoJz1+wFIKoPBEsKrxF6jod169fI7m2FKyvrz+2Jqfw6Wvblo9QWXkHMW+uhMZT0+I+WZbIl5TQ/X7oIBhVYpWOlcT4yJtM9VHWDDAj4ywq79zBnFcW2EWc4SCFobduFrQizsCc47FjRzBl6ktYtnwFdu3cguVL52PVmg3w6tmz+T5BEK0Sl6nd8rIyMiUDsq9cRHl5Gf+9ajJRWZK4pnp6ekKnC0Evbx880vdR9O3bj4qnHtH0+PpGtRd47c0iDIY8bp8enp6wF5cuZKKBNMcaamtq+SczhekvzUJpSTG2khbM/9NS2EIFkUxN/R/OnzuF7/JyiFQ/DKOIzz8gEI8G68iHuMPFxYWHwlVVlSi9XYJzZ0/h6tXvUFZmhI9P70nN5KlKGiFbsXfWMdaII2gwNXBnKFsYedbuULMQlZ1PIwH8dck88g83+MxwP5iJ7P/v59j9xb/J2T6G3/5uJkaMDOfPtoXi4kLs3J6IkyeOITv7Mk/NXXJyCiJsVWVCQ0dh+9aPUWY0kurYV7wZOXIUvjl6pJXwmECGjwjHUHJ65vD18yM11fARup/8bbL7jRvWwtXVDe+uSSD1DYZS5GRfQsyyBci//j0kMgeCt693jwgSmmCzQNF/wCA8FfE01q2J5d7aHjAvHhb+OFQu92IpRnzQoCFYtTYBri4tYiweILFZgRE0B9OcpMRN3G5j3vi7XcRraEZ54/WFuPa9oYk4hyTJYaKSUHbe/CVokEw0ZS0n1VNuAhpND7yzKh6v0fNh4aPxszG/4G198NF2+FOMfj/OnDrOo8LBPx3W4vu83GxkZZ7Hq39cqEjFzfHN0cMouJFv4YoY6kKzfig5PJsNuFJQsnrtBuxMTsSrL0/HnxfGYNToMVACn94/wR+i5/I/NoLWAqJLF7OQvG0z3np7DQmt5XTHPHlQUF/uue1FVmYGGshX3A96o6R1IeJaBW3wKWfGzDmI/NV4sr11SE7ezKepMWOf5J5VWRutiZeWluCLz3YiM/MclsXEQtc/pNU9vpQfGI23bQrPGlQuKq4trUxWFrRCXl5hqSNl6HwKXFJ278LpUyf4qIx94kkMJ8/L7NHVTW01bpfIfEpLb+MU5QYXsjKQk3MJ40igL0ycSkUKL4vPVN6pwJzZ0xAbtw5Dhg6HPThz+iQWLphtyekahdy8WzLaAeZELtJ8npt7BZnfniOvXMzndqaiXl69eGDEJF9LgQcjzUYvuJ+OzbVUeX0KgwYP4WbVFlhesYPMLmFjIrztmHVY//75/nu84GkecwT306Ld5O8HI8fm44qKMsrqqlBfV8/Je3n1hJqCDzaVOZCPcyRt3oRj5MBYFBhgR37BVP4oJVWpX+0nAdRj9ONjMSnqxY4n/6Bx4vhRfPzh+3iessoJEybD3cPD4bYctvmHCZZe76Ba3uFDX2L8cxMx/vkoKpr4w05wm2c5vBadEEwIh1MPYB+FvCyYGUtvb0LJ6Q4YOBi9e/tCVKlaOV5mlqwkZiwvNQhKqjedAczRXr50AVlZ5yjZyeVZI3OkaiqUsLihurKKR5osRa6vb0BgUGC6kJ17K0kUMAtdDMzLs3C5rq6WHzPSLGxWq925UEgjElxUgpxBoUOXI89mGA9yhh5WHCL5OYNIAX4GuiNEVQb3B53R47cTxpABAT48RZL52rfuA/L4X7NPTl4QpD3oRqDaUgr75ORFUZ3EFvyhm0ClqrlHXqfzMcqQtqBbQEhqWsnZXBahV9Ip6AZgKzibjpvJDxwYyNa4pqMrg97Vma/abFEQk+V7UumKYEtWzc9bkGejL8noorbPbL3lWt1WpVBXlduirub5KZIzmNt6E1qR555fNi1GFwIlNRaXqVssgoeEBCbREwnoCiAenI8FWH0DoFKpV1CprVOHvVzdVdUrrF23Sp6pvyhIk1kD6IRg/RZFKdLW1pQ2y6jOugTVFu4Rt70TQ1ENuTMJQClxBkVv/VhDrEFnNwHqX4ZS4gyKX3k2CsAt3GlnAeqXKFZF2rPpyKFXJ7m5BdH04tIpVmryvXcUl1ibzmw/6yCYH6g3iSsebuWX7bOrXOzoZsN276vjixdNqsQftfZP2ZlsMsXxTLQ9zaCD8KA1oVG9pS1Uf0tpL+l7bXYw+GZDk3sUvZuedHeVV/v20lKUKcjSHlGsTtI5615aa2CrvdiiJ6oQa9k6GLYSxOoualkwCIJsINf9LXuf0FEjbA0/ABhunhSujvRhAAAAAElFTkSuQmCC" class="circleFaceTwoInitial_vFlQ"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAYAAAAcjSspAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAsYSURBVHgB5Zx7cFxVHce/59ybZLN5dFvStMFKs9MkgIBNUcBaoIkooHWgTnUcUIbGYUAcMTx8DMrYdhCcUdEWH6OgQ5iRP2CG4TGCDmXMoi1QBtsUpFSaslsoDUnbZNM8m917jr/fudm8t8nuvXmVz0z2Pnfvvd/7e51zz43ADBGNRkOOE6wRQpYDaiWtqtZASECENHQotR8tx2k5DiFi0JrmsRdSRmx0N4XD4ThmAIFp5ED0aI0E1kKp9XRx1fAInWwTfUaUFM9UhhdHME34LgpbhEJhvVZqIy2WY5qgE49pLbZYlhMJh8ti8BHfREmJAaVvH+kOM4NosKSzxS9xPIsyu2KMRki5WaJ7m9fY40kUEzOUekRPo5tkSsqtKipKG5AlWYniWkfBJk3WgTmKhtxqy+4t2VhNxqJEoy3lSsnGuWQd6WCrkVLVZhprZCY7R6Nt1UpZe+aDIAyfJ9/Ad95py6gcmLIoJMiNSqFxtoNpprAw0tJ7+Pyn+p0puQ//oKN0A+Y5lhQbw+HSRyfbb1JR2GVIkD04PYgrR9RWVZU2nWqnU7qPG1T1Uzh9CJErNfJ1nWqntKKYtDtPskyGmOvi60u3Q1pRTB1y+gli4OtKqsJN6bZPGFOam9s2QuhHcJqjpaydqLU9ThTXbYLzphbxglvc9a4aW/WOcx8SpP6jIAjjulFwXFNllKVwVHaUjOKjRdySveGR1jLKUhxlbcJHj9BYaxmylLlkJY7j4GhbKzqOH6NuGqC4uBilS5YiLxDANDHKWuzhE7FqKONgNvng8Pv429NPomn36xgYGEDZmR9DXl4A/b29OHGiE7mBPFz5xXW4bO0VCBYUwEdS1rKZF4Ys5eDB1uhsBdhkIoG/NvwFjdv/gavWXYPPXXm1sQwph707Qfu8/dab2P735/C//fuw4evX4wtXrxu1j0diFSuWhHnGiHLgQEsNdeU1YhZIJAbwq/vvRU93F+p/8GMsLi2d9DuH3z+EhocfokyZRP3378aCkD8N91TdYmQWUqzHLKC0wgM//xlyc3Ox6b5fTEkQZtnHl+Pun25B5dnnYNPdd6Htwxb4glI1PHFFgViLWeD5Z57G8WNH8Z36u5BDwmSCZdu47oY6fP6qL+G+zfego/04vCIhrjXTaLQj5MeDqkw5drQNTz7xGL79vTuRHwwiW768fgMuvbwWv/v1L0HPmuAF6kCr5oreTib7q8WYYKW15g93gbZNx2PEl/65HZ9ceSFWVFTCK1+97htoaTkCP+BHuzZddA0vsBBHPvgAL/87grfe2IsTXZ2mDi4oCGJ5eAVWX3o5KqrONinSDxpffAHfveOH8AMhBM6k9O0HWuhym6xgZUd7Ox7+w4OmYLp49Rrc8K2bUFK6BLZloaenB+82HzD1Q2tLCzZc9018lgTiE8mWWPRddHbEEV5RgbkGpfiVNuX+0B9/uxWXrq3FnT/6CeycnFE7FRQWmZrhM2suw+H3DlE98We89vIO3HTrbSiiSjMbmt/Zj3PPv4CsLg9zDoVqqyV6aPMtt90euoIKJkmWcSqKF4Swes3laG39EI8/9iguIqvK5sLaqXxfdtZynLW8HHOQfvHE4892XPjpSzKufp579ins2rkD99x7P9UZc/COZ09crrrwoqzKwXXXfIUCbxUe+v2DbrYaQ29vD7a/8BxF8yTmGSEpPLQduHgKBgvQS8F4LPuonfLoI3/CNI8LmhZseICr0Lqbb50wE+17ay+WLCmDNUmcmotIHmMGD6RLzYcPv4dzP3E+5iFxaQbd+QzHmH373kRl1TmYh8TJUuC7KN09XabXbMWKKsw7hIhJR2MvfKa764QpAvPzs2/ozRbUqOyUltBN8Jmuri7TR1JUvAB+wtHLgoNcfRK56KcskaB13lrG4w8immytRczvrMltpEWLSpAzpsnghRwMoIjCXwG6SZgkBPVoO8KitXno47ViAcnlQ6bjgcyWlRtx1AD85PjxNpSUlHpqNKYQ1FR3xehCjh6AJRyzjm+ksRqcRL7oQ57uQ7soJbm83Qge2S3D4YVxdySzf3R0tGPZsrPgB8VoR45IGAGkUNSF6VqDGrQKXs8FdRC9KNGtntyJyhMz1N2Us0qpZ+Aj71NrOrToDHglgB6ygJOwtSuKY2pNzXYy+CdJAmmezLAY+SRMoe5GtmitXuJpqsaPwEf27/+v504fE1SpYztBDmKTU3C8YOvQQnJPEF0A3VdSg11JC2HEYYtZiDaac5AN2rKe5qkRpbKyLEKTGHyAH1W0Uu962ZnL4AXOLMVUQnHMcJubLJM2FsEimKXBdqgw692tPJ9L380UHoGQGpYx1Bqk/DzpALmp0Ea9d5yOS85YDC/w9SZJmlQwZZEs7bA9GLdJZcyUCzFSuttEFpZCrrMlNT8kim0HtnptBzFHjhymzqiFWLhwEbzh3vXhJbp04Rg34j+WQg26FAvEAiol3Ckyb/lTuzWSmh/6NmchpZxt7kpl0uAZFM1L9REs1h8aU+ZaYTL4efBy6lETHh9nOqYasY0sXIu483LIRRR98nrONQ5lJONYwjIpmeNQZoiGkaOyR3UdsLUUqdb6gO4JBXSvSYEMHzCfonqIpj0oonqgxDXhCYjFDlI8+Ti8wsfsF0EkdS5dJlewA8aFHONSSSOAkY0enQ6IPLNN0WeXCA2l66nCr8WMXB51ZWwt+aprG5/EaNPVxmh5WogTVA+0GWuaCH427FffKyVYnBQBKuiDI9xCG2vQgxkoKXLdDESfJ0mcfkrMmUBXOe49oXG3O2h3b7WEinEJzQdVJsHZ5qDS3IOkEaZId054kEOxKJYsLcOpUI6Dt6lrYfd/dmEy2EXc1IvBwkyQTeSY0p7FMqmY/tiCO7B4MA9NDc44tuzdOnb9uJ43Ea6N9x14pY76FBohkm4055Oi/Md+bg2WTcV0CnwnEyPK6mQyabZNlHmoQMQBerTx4vbnsXNnBMVFC7Dha9djMvgiu+loCbKIPB2ATeeU0DmmdqETo9sTMpbD4mUiiPltyjgTvfoyYXdkfuXqSH/zqxR0Rb2xECqieGpKamOs0lhMge5CXAxnmePH2hCNHjSPQpjOzjje2Lsbu17dgd2v70Lp0qVYs6YGD/zmISwla8qkbXSS6lt2JUaMGFyUqRDDX9TbKirKGibalLaPNs/q26xUzrVam1dmzTplUqFjbGXYnIfh8j4QCOCVnf/Czh2NeI+WzzvvAlx8yRrcuPFmLC5dCj/IWohBzFBRur5029OKYtwo+kptjkru0UqE1GAVmSqolCZflqNPrr39GLlQwmSgG+tuwXnnV1NG89Q37jvDL0alf2NsUsl1tLF6QOU3JrUdYs9144pDc7kmuHEKHNqX4g7HFT/7UfzGkmJVOOzhLQ6GLKYp4eTcYZMM2hTQlokqnJH6ROHofcma5rIg1Japm0wQZkplZ2HVpxpIiDoOsLnaFadHFBlXmg+Y5gsJki6wjt8/A7qjr1ULJZ/q08HyuPDeXzITsCDU4qidioUMfydDWqJvl/eqhY1kLeWY48zI26ZMWfhcOlDeKs7zmMvQ+blvaGT+qr+nhN/c3LJRCDmnXpZi66DquW6w4yzb3/AGj65MJvtvp66CWX3ZgWMHd33Ydv/W8Gz+r4OR8AsPCUdupnpuyu//+oGfYgz/ps+Yt0Ec1MyAW8W4C9VPMVJM64gaM+ZfiPVCirVU7Hr/TzsCTcoxj2MiXmLGpMfBDMEjmZPJQDWP2+VhqtQlTx15ujzd/2QiAajg4od0ei8/2rWs3ojfFpGO/wO2g6GnLv6fggAAAABJRU5ErkJggg==" class="circleFaceThreeInitial_zltZ"><img alt="Animation Image" src="/assets/images/community-screen-1-33ab17b75b0f43b5fcaf319cb32afd4b.png" class="communityScreenOneInitial_wz3L"><img alt="Animation Image" src="/assets/images/community-screen-2-6eaaa75893ccbacb1e0b82f2c532473c.png" class="communityScreenTwoInitial_wpxG"><img alt="Animation Image" src="/assets/images/community-screen-3-edd7a1bb416a534602e97218474f2339.png" class="communityScreenThreeInitial_fbtv"><img alt="Animation Image" src="/assets/images/community-screen-4-c9cdc7d8c7eb8ea742a60ea3db400ac2.png" class="communityScreenFourInitial_c4XK"><img alt="Animation Image" src="/assets/images/community-screen-5-71c3c3261dcc6b73c9738878c71ca64f.png" class="communityScreenFiveInitial_ytOJ"><img alt="Animation Image" src="/assets/images/community-screen-6-4c08a6554a188eb84379ec02d3698bb8.png" class="communityScreenSixInitial_qx4R"><img alt="Animation Image" src="/assets/images/community-screen-7-6190149118b08cae945a1a7194e1c7b2.png" class="communityScreenSevenInitial_LKjV"><img alt="Animation Image" src="/assets/images/community-screen-8-e34ab29c5bbd20ff1e03b988d7468c3b.png" class="communityScreenEightInitial_ZQ56"></div></div></div></div></div></section><div class="freshSection_d7li"><p class="freshSectionHeader_arLG">Freshly added to the cookbook</p><a class="recipeWrapper_q1ux" href="/docs/recipes/EnforcingImportOrder"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Enforcing JS/TS Import Order</h3><p class="freshSectionDate_dzBI">Published on <b>February 29th, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/RequiringHardwareFeaturesWithExpo"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Requiring Hardware Features with Expo</h3><p class="freshSectionDate_dzBI">Published on <b>February 28th, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/RemoveMobxStateTree"><h3 class="freshSectionTitle__ViY">Remove MobX-State-Tree</h3><p class="freshSectionDate_dzBI">Published on <b>February 5th, 2024</b> by <b>Justin Poliachik</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Zustand"><h3 class="freshSectionTitle__ViY">Zustand</h3><p class="freshSectionDate_dzBI">Published on <b>February 5th, 2024</b> by <b>Justin Poliachik</b></p></a><a class="viewAllRecipes_hd6L" href="/docs/intro">View all recipes</a></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1e1gob8vn-pcFjKM~n1c~aXFsTnvHpdg" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack Community<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnativeradio.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Radio<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://reactnative.cc/" target="_blank" rel="noopener noreferrer" class="footer__link-item">React Native Newsletter<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Resources</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Submit a Recipe<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite-cookbook" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Cookbook<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub - Ignite Boilerplate<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://shift.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">RedShift Blog <div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://infinite.red/privacy-policy" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Policy<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div><div class="col footer__col"><div class="footer__title">Infinite Red</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Website<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://docs.infinite.red/" target="_blank" rel="noopener noreferrer" class="footer__link-item">IR Docs<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li><li class="footer__item"><a href="https://chainreactconf.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chain React Conf<div class="footer__links__custom"><svg width="18" height="18" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><g clip-path="url(#a)" stroke="#F4F2F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.312 18.781 19.245 6.85M19.245 17.986V6.849H8.108"></path></g><defs><clipPath id="a"><path fill="#fff" transform="rotate(45 6.534 16.072)" d="M0 0h18v18H0z"></path></clipPath></defs></svg></div></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">From the team at <a href="https://infinite.red/" target="_blank" rel="noopener noreferrer" class="ir-footer-link">Infinite Red</a> <img width="32" height="32" src="/img/ir-mark.svg" alt="dropdown" class="ir-mark"></div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/search/index.html b/search/index.html
index 3262cd93..ce60f518 100644
--- a/search/index.html
+++ b/search/index.html
@@ -10,8 +10,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Ignite Cookbook for React Native" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e1b5fba2.css">
-<script src="/assets/js/runtime~main.ba822ad9.js" defer="defer"></script>
-<script src="/assets/js/main.389a2d66.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.2e3ddb3d.js" defer="defer"></script>
+<script src="/assets/js/main.4c2ab01e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="React Native Cookbook Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a class="navbar__item navbar__link" href="/docs/intro"><div class="hover-underline">Recipes</div></a><a href="https://github.com/infinitered/ignite" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Ignite Boilerplate</div></a><a href="https://infinite.red" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><div class="hover-underline">Infinite Red</div></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link" style="margin-right:0px"> <div class="hover-underline">