From d7653deeca34b6189f59229de0d8f684eef2e2f1 Mon Sep 17 00:00:00 2001
From: Jpoliachik <Jpoliachik@users.noreply.github.com>
Date: Tue, 29 Oct 2024 16:26:14 +0000
Subject: [PATCH] deploy: 2629aaed42d83dbcb5e7189235c1d80d7f437d2a

---
 404.html                                                  | 4 ++--
 assets/js/{215698ba.919d4861.js => 215698ba.fbe16a1e.js}  | 2 +-
 assets/js/{76759531.0401f9a7.js => 76759531.5ba16058.js}  | 2 +-
 assets/js/{9ec24567.c8293750.js => 9ec24567.4a5f31fb.js}  | 2 +-
 assets/js/main.5d1b389f.js                                | 2 --
 assets/js/main.a8b028b1.js                                | 2 ++
 ...1b389f.js.LICENSE.txt => main.a8b028b1.js.LICENSE.txt} | 0
 ...{runtime~main.b04024ff.js => runtime~main.08ff2dd1.js} | 2 +-
 docs/archive/PristineExpoProject/index.html               | 4 ++--
 docs/archive/index.html                                   | 4 ++--
 docs/communityRecipes/CustomVectorIcons/index.html        | 4 ++--
 docs/communityRecipes/index.html                          | 4 ++--
 docs/intro/index.html                                     | 4 ++--
 docs/recipes/AccessibilityFontSizes/index.html            | 4 ++--
 docs/recipes/ApolloClientCache/index.html                 | 4 ++--
 docs/recipes/Authentication/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/LocalFirstDataWithPowerSync/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           | 4 ++--
 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/Theming-Emotion/index.html                   | 6 +++---
 docs/recipes/Theming-StyledComponents/index.html          | 6 +++---
 docs/recipes/Theming-Unistyles/index.html                 | 6 +++---
 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/apollo-client/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/backend/index.html                              | 4 ++--
 docs/tags/cache/index.html                                | 4 ++--
 docs/tags/ci-cd/index.html                                | 4 ++--
 docs/tags/cng/index.html                                  | 4 ++--
 docs/tags/colors/index.html                               | 4 ++--
 docs/tags/community/index.html                            | 4 ++--
 docs/tags/custom-commands/index.html                      | 4 ++--
 docs/tags/darkmode/index.html                             | 4 ++--
 docs/tags/data-synchronization/index.html                 | 4 ++--
 docs/tags/database/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/emotion-js/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/font-awesome/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/icons/index.html                                | 4 ++--
 docs/tags/imports/index.html                              | 4 ++--
 docs/tags/index.html                                      | 4 ++--
 docs/tags/intro/index.html                                | 4 ++--
 docs/tags/login/index.html                                | 4 ++--
 docs/tags/maestro/index.html                              | 4 ++--
 docs/tags/mmkv/index.html                                 | 4 ++--
 docs/tags/mob-x/index.html                                | 4 ++--
 docs/tags/offline-support/index.html                      | 4 ++--
 docs/tags/power-sync/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-native/index.html                         | 4 ++--
 docs/tags/react-navigation/index.html                     | 4 ++--
 docs/tags/reactotron/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/session/index.html                              | 4 ++--
 docs/tags/signup/index.html                               | 4 ++--
 docs/tags/state-management/index.html                     | 4 ++--
 docs/tags/styled-components/index.html                    | 4 ++--
 docs/tags/supabase/index.html                             | 4 ++--
 docs/tags/testing/index.html                              | 4 ++--
 docs/tags/text-field/index.html                           | 4 ++--
 docs/tags/theming/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/unistyles/index.html                            | 4 ++--
 docs/tags/uses-feature/index.html                         | 4 ++--
 docs/tags/vector-icons/index.html                         | 4 ++--
 docs/tags/vision-camera/index.html                        | 4 ++--
 docs/tags/yarn/index.html                                 | 4 ++--
 docs/tags/zustand/index.html                              | 4 ++--
 index.html                                                | 8 ++++----
 search/index.html                                         | 4 ++--
 119 files changed, 235 insertions(+), 235 deletions(-)
 rename assets/js/{215698ba.919d4861.js => 215698ba.fbe16a1e.js} (97%)
 rename assets/js/{76759531.0401f9a7.js => 76759531.5ba16058.js} (97%)
 rename assets/js/{9ec24567.c8293750.js => 9ec24567.4a5f31fb.js} (98%)
 delete mode 100644 assets/js/main.5d1b389f.js
 create mode 100644 assets/js/main.a8b028b1.js
 rename assets/js/{main.5d1b389f.js.LICENSE.txt => main.a8b028b1.js.LICENSE.txt} (100%)
 rename assets/js/{runtime~main.b04024ff.js => runtime~main.08ff2dd1.js} (78%)

diff --git a/404.html b/404.html
index 5d389746..0b2e3bde 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/215698ba.919d4861.js b/assets/js/215698ba.fbe16a1e.js
similarity index 97%
rename from assets/js/215698ba.919d4861.js
rename to assets/js/215698ba.fbe16a1e.js
index 2a6b1918..c7ecb6b9 100644
--- a/assets/js/215698ba.919d4861.js
+++ b/assets/js/215698ba.fbe16a1e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[492],{8392:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>d,default:()=>m,frontMatter:()=>i,metadata:()=>c,toc:()=>h});var o=n(7624),r=n(2172),s=n(1268),a=n(5388),l=n(1608);const i={title:"Theming Ignite with styled-components",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","styled-components"],last_update:{author:"Mark Rickert"},publish_date:new Date("2024-12-02T00:00:00.000Z")},d="Theming Ignite",c={id:"recipes/Theming-StyledComponents",title:"Theming Ignite with styled-components",description:"Learn how to use different styling libraries to theme your Ignited app!",source:"@site/docs/recipes/Theming-StyledComponents.mdx",sourceDirName:"recipes",slug:"/recipes/Theming-StyledComponents",permalink:"/docs/recipes/Theming-StyledComponents",draft:!1,unlisted:!1,tags:[{label:"Theming",permalink:"/docs/tags/theming"},{label:"iOS",permalink:"/docs/tags/i-os"},{label:"Android",permalink:"/docs/tags/android"},{label:"colors",permalink:"/docs/tags/colors"},{label:"darkmode",permalink:"/docs/tags/darkmode"},{label:"styled-components",permalink:"/docs/tags/styled-components"}],version:"current",lastUpdatedBy:"Mark Rickert",lastUpdatedAt:1728940271,formattedLastUpdatedAt:"Oct 14, 2024",frontMatter:{title:"Theming Ignite with styled-components",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","styled-components"],last_update:{author:"Mark Rickert"},publish_date:"2024-12-02T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Theming Ignite with Emotion.js",permalink:"/docs/recipes/Theming-Emotion"},next:{title:"Theming Ignite with Unistyles",permalink:"/docs/recipes/Theming-Unistyles"}},u={},h=[{value:"Using <code>styled-components</code>",id:"using-styled-components",level:2},{value:"1. Add <code>styled-components</code> to your app:",id:"1-add-styled-components-to-your-app",level:3},{value:"2. Add the <code>ThemeProvider</code> to your app:",id:"2-add-the-themeprovider-to-your-app",level:3},{value:"3. Create and use your first styled-component using the new theme:",id:"3-create-and-use-your-first-styled-component-using-the-new-theme",level:3},{value:"4. Tell <code>styled-components</code> about the shape of your theme:",id:"4-tell-styled-components-about-the-shape-of-your-theme",level:3},{value:"Complete!",id:"complete",level:2}];function p(e){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.M)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"theming-ignite",children:"Theming Ignite"}),"\n",(0,o.jsxs)(t.p,{children:["When it comes to styling we acknowledge the popularity and effectiveness of libraries like ",(0,o.jsx)(t.code,{children:"styled-components"}),", ",(0,o.jsx)(t.code,{children:"emotion.js"})," and ",(0,o.jsx)(t.code,{children:"unistyles"}),". Our boilerplate is designed to work seamlessly with these styling solutions, offering you the flexibility to choose the one that aligns with your preferences and project requirements."]}),"\n",(0,o.jsx)(t.p,{children:"The theming system in Ignite Boilerplate is crafted to be adaptable and easy to customize. By simply replacing colors and fonts through the designated theme files, you can tailor the look and feel of your application."}),"\n",(0,o.jsxs)(t.h2,{id:"using-styled-components",children:["Using ",(0,o.jsx)(t.code,{children:"styled-components"})]}),"\n",(0,o.jsxs)(t.h3,{id:"1-add-styled-components-to-your-app",children:["1. Add ",(0,o.jsx)(t.code,{children:"styled-components"})," to your app:"]}),"\n",(0,o.jsxs)(s.c,{groupId:"operating-systems",children:[(0,o.jsx)(a.c,{value:"yarn",label:"Yarn",children:(0,o.jsx)(l.c,{language:"bash",children:"yarn add styled-components"})}),(0,o.jsx)(a.c,{value:"npm",label:"npm",children:(0,o.jsx)(l.c,{language:"bash",children:"npm install styled-components"})}),(0,o.jsx)(a.c,{value:"pnpm",label:"pnpm",children:(0,o.jsx)(l.c,{language:"bash",children:"pnpm install styled-components"})})]}),"\n",(0,o.jsxs)(t.h3,{id:"2-add-the-themeprovider-to-your-app",children:["2. Add the ",(0,o.jsx)(t.code,{children:"ThemeProvider"})," to your app:"]}),"\n",(0,o.jsxs)(t.p,{children:["Find and open the ",(0,o.jsx)(t.code,{children:"AppNavigator.tsx"})," file in your project and add the import:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-ts",children:'import { ThemeProvider as StyledThemeProvider } from "styled-components";\n'})}),"\n",(0,o.jsx)(t.p,{children:"Add the following functional component:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:"const StyledComponentsThemeProvider = (props: React.PropsWithChildren) => {\n  const { theme } = useAppTheme();\n  return <StyledThemeProvider theme={theme} {...props} />;\n};\n"})}),"\n",(0,o.jsxs)(t.p,{children:["Add the new ",(0,o.jsx)(t.code,{children:"StyledComponentsThemeProvider"})," component just inside the ",(0,o.jsx)(t.code,{children:"<ThemeProvider>"})," component in the ",(0,o.jsx)(t.code,{children:"AppNavigator"}),"."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-diff",children:"return (\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\n+    <StyledComponentsThemeProvider>\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\n        <AppStack />\n      </NavigationContainer>\n+    </StyledComponentsThemeProvider>\n  </ThemeProvider>\n);\n"})}),"\n",(0,o.jsx)(t.h3,{id:"3-create-and-use-your-first-styled-component-using-the-new-theme",children:"3. Create and use your first styled-component using the new theme:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'import styled from "styled-components/native";\n\nconst MyTextComponent = styled.Text`\n  margin: 10px;\n  color: ${({ theme }) => theme.colors.text};\n  background-color: ${({ theme }) => theme.colors.background};\n`;\n\nexport const MyScreen = (props) => {\n  return (\n    <MyTextComponent>\n      This text color and background will change when changing themes.\n    </MyTextComponent>\n  );\n};\n'})}),"\n",(0,o.jsxs)(t.h3,{id:"4-tell-styled-components-about-the-shape-of-your-theme",children:["4. Tell ",(0,o.jsx)(t.code,{children:"styled-components"})," about the shape of your theme:"]}),"\n",(0,o.jsxs)(t.p,{children:["Create a new file in you Ignited app's ",(0,o.jsx)(t.code,{children:"types"})," folder called ",(0,o.jsx)(t.code,{children:"styled-components.d.ts"})," with the following content:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'// Override DefaultTheme to get accurate typings for your project.\nimport type { Theme } from "app/theme";\nimport "styled-components";\nimport "styled-components/native";\n\ndeclare module "styled-components" {\n  export interface DefaultTheme extends Theme {}\n}\n\ndeclare module "styled-components/native" {\n  export interface DefaultTheme extends Theme {}\n}\n'})}),"\n",(0,o.jsx)(t.h2,{id:"complete",children:"Complete!"}),"\n",(0,o.jsxs)(t.p,{children:["You can now use ",(0,o.jsx)(t.code,{children:"styled-components"})," integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'const { setThemeContextOverride, themeContext } = useAppTheme();\n\nreturn (\n  <Button\n    onPress={() => {\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\n      setThemeContextOverride(themeContext === "dark" ? "light" : "dark");\n    }}\n    text={`Switch Theme: ${themeContext}`}\n  />\n);\n'})})]})}function m(e={}){const{wrapper:t}={...(0,r.M)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(p,{...e})}):p(e)}},5388:(e,t,n)=>{n.d(t,{c:()=>a});n(1504);var o=n(5456);const r={tabItem:"tabItem_Ymn6"};var s=n(7624);function a(e){let{children:t,hidden:n,className:a}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,o.c)(r.tabItem,a),hidden:n,children:t})}},1268:(e,t,n)=>{n.d(t,{c:()=>T});var o=n(1504),r=n(5456),s=n(3943),a=n(5592),l=n(5288),i=n(632),d=n(7128),c=n(1148);function u(e){return o.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,o.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,o.useMemo)((()=>{const e=t??function(e){return u(e).map((e=>{let{props:{value:t,label:n,attributes:o,default:r}}=e;return{value:t,label:n,attributes:o,default:r}}))}(n);return function(e){const t=(0,d.w)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const r=(0,a.Uz)(),s=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The <Tabs> component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,i._M)(s),(0,o.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(r.location.search);t.set(s,e),r.replace({...r.location,search:t.toString()})}),[s,r])]}function g(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,s=h(e),[a,i]=(0,o.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the <Tabs> component requires at least one <TabItem> children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const o=n.find((e=>e.default))??n[0];if(!o)throw new Error("Unexpected error: 0 tabValues");return o.value}({defaultValue:t,tabValues:s}))),[d,u]=m({queryString:n,groupId:r}),[g,y]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,s]=(0,c.IN)(n);return[r,(0,o.useCallback)((e=>{n&&s.set(e)}),[n,s])]}({groupId:r}),f=(()=>{const e=d??g;return p({value:e,tabValues:s})?e:null})();(0,l.c)((()=>{f&&i(f)}),[f]);return{selectedValue:a,selectValue:(0,o.useCallback)((e=>{if(!p({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);i(e),u(e),y(e)}),[u,y,s]),tabValues:s}}var y=n(3664);const f={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var b=n(7624);function x(e){let{className:t,block:n,selectedValue:o,selectValue:a,tabValues:l}=e;const i=[],{blockElementScrollPositionUntilNextRender:d}=(0,s.MV)(),c=e=>{const t=e.currentTarget,n=i.indexOf(t),r=l[n].value;r!==o&&(d(t),a(r))},u=e=>{let t=null;switch(e.key){case"Enter":c(e);break;case"ArrowRight":{const n=i.indexOf(e.currentTarget)+1;t=i[n]??i[0];break}case"ArrowLeft":{const n=i.indexOf(e.currentTarget)-1;t=i[n]??i[i.length-1];break}}t?.focus()};return(0,b.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,r.c)("tabs",{"tabs--block":n},t),children:l.map((e=>{let{value:t,label:n,attributes:s}=e;return(0,b.jsx)("li",{role:"tab",tabIndex:o===t?0:-1,"aria-selected":o===t,ref:e=>i.push(e),onKeyDown:u,onClick:c,...s,className:(0,r.c)("tabs__item",f.tabItem,s?.className,{"tabs__item--active":o===t}),children:n??t},t)}))})}function v(e){let{lazy:t,children:n,selectedValue:r}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===r));return e?(0,o.cloneElement)(e,{className:"margin-top--md"}):null}return(0,b.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==r})))})}function j(e){const t=g(e);return(0,b.jsxs)("div",{className:(0,r.c)("tabs-container",f.tabList),children:[(0,b.jsx)(x,{...e,...t}),(0,b.jsx)(v,{...e,...t})]})}function T(e){const t=(0,y.c)();return(0,b.jsx)(j,{...e,children:u(e.children)},String(t))}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[492],{8392:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>d,default:()=>m,frontMatter:()=>i,metadata:()=>c,toc:()=>h});var o=n(7624),r=n(2172),s=n(1268),a=n(5388),l=n(1608);const i={title:"Theming Ignite with styled-components",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","styled-components"],last_update:{author:"Mark Rickert"},publish_date:new Date("2024-10-02T00:00:00.000Z")},d="Theming Ignite",c={id:"recipes/Theming-StyledComponents",title:"Theming Ignite with styled-components",description:"Learn how to use different styling libraries to theme your Ignited app!",source:"@site/docs/recipes/Theming-StyledComponents.mdx",sourceDirName:"recipes",slug:"/recipes/Theming-StyledComponents",permalink:"/docs/recipes/Theming-StyledComponents",draft:!1,unlisted:!1,tags:[{label:"Theming",permalink:"/docs/tags/theming"},{label:"iOS",permalink:"/docs/tags/i-os"},{label:"Android",permalink:"/docs/tags/android"},{label:"colors",permalink:"/docs/tags/colors"},{label:"darkmode",permalink:"/docs/tags/darkmode"},{label:"styled-components",permalink:"/docs/tags/styled-components"}],version:"current",lastUpdatedBy:"Mark Rickert",lastUpdatedAt:1730219098,formattedLastUpdatedAt:"Oct 29, 2024",frontMatter:{title:"Theming Ignite with styled-components",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","styled-components"],last_update:{author:"Mark Rickert"},publish_date:"2024-10-02T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Theming Ignite with Emotion.js",permalink:"/docs/recipes/Theming-Emotion"},next:{title:"Theming Ignite with Unistyles",permalink:"/docs/recipes/Theming-Unistyles"}},u={},h=[{value:"Using <code>styled-components</code>",id:"using-styled-components",level:2},{value:"1. Add <code>styled-components</code> to your app:",id:"1-add-styled-components-to-your-app",level:3},{value:"2. Add the <code>ThemeProvider</code> to your app:",id:"2-add-the-themeprovider-to-your-app",level:3},{value:"3. Create and use your first styled-component using the new theme:",id:"3-create-and-use-your-first-styled-component-using-the-new-theme",level:3},{value:"4. Tell <code>styled-components</code> about the shape of your theme:",id:"4-tell-styled-components-about-the-shape-of-your-theme",level:3},{value:"Complete!",id:"complete",level:2}];function p(e){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.M)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"theming-ignite",children:"Theming Ignite"}),"\n",(0,o.jsxs)(t.p,{children:["When it comes to styling we acknowledge the popularity and effectiveness of libraries like ",(0,o.jsx)(t.code,{children:"styled-components"}),", ",(0,o.jsx)(t.code,{children:"emotion.js"})," and ",(0,o.jsx)(t.code,{children:"unistyles"}),". Our boilerplate is designed to work seamlessly with these styling solutions, offering you the flexibility to choose the one that aligns with your preferences and project requirements."]}),"\n",(0,o.jsx)(t.p,{children:"The theming system in Ignite Boilerplate is crafted to be adaptable and easy to customize. By simply replacing colors and fonts through the designated theme files, you can tailor the look and feel of your application."}),"\n",(0,o.jsxs)(t.h2,{id:"using-styled-components",children:["Using ",(0,o.jsx)(t.code,{children:"styled-components"})]}),"\n",(0,o.jsxs)(t.h3,{id:"1-add-styled-components-to-your-app",children:["1. Add ",(0,o.jsx)(t.code,{children:"styled-components"})," to your app:"]}),"\n",(0,o.jsxs)(s.c,{groupId:"operating-systems",children:[(0,o.jsx)(a.c,{value:"yarn",label:"Yarn",children:(0,o.jsx)(l.c,{language:"bash",children:"yarn add styled-components"})}),(0,o.jsx)(a.c,{value:"npm",label:"npm",children:(0,o.jsx)(l.c,{language:"bash",children:"npm install styled-components"})}),(0,o.jsx)(a.c,{value:"pnpm",label:"pnpm",children:(0,o.jsx)(l.c,{language:"bash",children:"pnpm install styled-components"})})]}),"\n",(0,o.jsxs)(t.h3,{id:"2-add-the-themeprovider-to-your-app",children:["2. Add the ",(0,o.jsx)(t.code,{children:"ThemeProvider"})," to your app:"]}),"\n",(0,o.jsxs)(t.p,{children:["Find and open the ",(0,o.jsx)(t.code,{children:"AppNavigator.tsx"})," file in your project and add the import:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-ts",children:'import { ThemeProvider as StyledThemeProvider } from "styled-components";\n'})}),"\n",(0,o.jsx)(t.p,{children:"Add the following functional component:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:"const StyledComponentsThemeProvider = (props: React.PropsWithChildren) => {\n  const { theme } = useAppTheme();\n  return <StyledThemeProvider theme={theme} {...props} />;\n};\n"})}),"\n",(0,o.jsxs)(t.p,{children:["Add the new ",(0,o.jsx)(t.code,{children:"StyledComponentsThemeProvider"})," component just inside the ",(0,o.jsx)(t.code,{children:"<ThemeProvider>"})," component in the ",(0,o.jsx)(t.code,{children:"AppNavigator"}),"."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-diff",children:"return (\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\n+    <StyledComponentsThemeProvider>\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\n        <AppStack />\n      </NavigationContainer>\n+    </StyledComponentsThemeProvider>\n  </ThemeProvider>\n);\n"})}),"\n",(0,o.jsx)(t.h3,{id:"3-create-and-use-your-first-styled-component-using-the-new-theme",children:"3. Create and use your first styled-component using the new theme:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'import styled from "styled-components/native";\n\nconst MyTextComponent = styled.Text`\n  margin: 10px;\n  color: ${({ theme }) => theme.colors.text};\n  background-color: ${({ theme }) => theme.colors.background};\n`;\n\nexport const MyScreen = (props) => {\n  return (\n    <MyTextComponent>\n      This text color and background will change when changing themes.\n    </MyTextComponent>\n  );\n};\n'})}),"\n",(0,o.jsxs)(t.h3,{id:"4-tell-styled-components-about-the-shape-of-your-theme",children:["4. Tell ",(0,o.jsx)(t.code,{children:"styled-components"})," about the shape of your theme:"]}),"\n",(0,o.jsxs)(t.p,{children:["Create a new file in you Ignited app's ",(0,o.jsx)(t.code,{children:"types"})," folder called ",(0,o.jsx)(t.code,{children:"styled-components.d.ts"})," with the following content:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'// Override DefaultTheme to get accurate typings for your project.\nimport type { Theme } from "app/theme";\nimport "styled-components";\nimport "styled-components/native";\n\ndeclare module "styled-components" {\n  export interface DefaultTheme extends Theme {}\n}\n\ndeclare module "styled-components/native" {\n  export interface DefaultTheme extends Theme {}\n}\n'})}),"\n",(0,o.jsx)(t.h2,{id:"complete",children:"Complete!"}),"\n",(0,o.jsxs)(t.p,{children:["You can now use ",(0,o.jsx)(t.code,{children:"styled-components"})," integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'const { setThemeContextOverride, themeContext } = useAppTheme();\n\nreturn (\n  <Button\n    onPress={() => {\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\n      setThemeContextOverride(themeContext === "dark" ? "light" : "dark");\n    }}\n    text={`Switch Theme: ${themeContext}`}\n  />\n);\n'})})]})}function m(e={}){const{wrapper:t}={...(0,r.M)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(p,{...e})}):p(e)}},5388:(e,t,n)=>{n.d(t,{c:()=>a});n(1504);var o=n(5456);const r={tabItem:"tabItem_Ymn6"};var s=n(7624);function a(e){let{children:t,hidden:n,className:a}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,o.c)(r.tabItem,a),hidden:n,children:t})}},1268:(e,t,n)=>{n.d(t,{c:()=>T});var o=n(1504),r=n(5456),s=n(3943),a=n(5592),l=n(5288),i=n(632),d=n(7128),c=n(1148);function u(e){return o.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,o.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,o.useMemo)((()=>{const e=t??function(e){return u(e).map((e=>{let{props:{value:t,label:n,attributes:o,default:r}}=e;return{value:t,label:n,attributes:o,default:r}}))}(n);return function(e){const t=(0,d.w)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const r=(0,a.Uz)(),s=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The <Tabs> component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,i._M)(s),(0,o.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(r.location.search);t.set(s,e),r.replace({...r.location,search:t.toString()})}),[s,r])]}function g(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,s=h(e),[a,i]=(0,o.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the <Tabs> component requires at least one <TabItem> children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const o=n.find((e=>e.default))??n[0];if(!o)throw new Error("Unexpected error: 0 tabValues");return o.value}({defaultValue:t,tabValues:s}))),[d,u]=m({queryString:n,groupId:r}),[g,y]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,s]=(0,c.IN)(n);return[r,(0,o.useCallback)((e=>{n&&s.set(e)}),[n,s])]}({groupId:r}),f=(()=>{const e=d??g;return p({value:e,tabValues:s})?e:null})();(0,l.c)((()=>{f&&i(f)}),[f]);return{selectedValue:a,selectValue:(0,o.useCallback)((e=>{if(!p({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);i(e),u(e),y(e)}),[u,y,s]),tabValues:s}}var y=n(3664);const f={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var b=n(7624);function x(e){let{className:t,block:n,selectedValue:o,selectValue:a,tabValues:l}=e;const i=[],{blockElementScrollPositionUntilNextRender:d}=(0,s.MV)(),c=e=>{const t=e.currentTarget,n=i.indexOf(t),r=l[n].value;r!==o&&(d(t),a(r))},u=e=>{let t=null;switch(e.key){case"Enter":c(e);break;case"ArrowRight":{const n=i.indexOf(e.currentTarget)+1;t=i[n]??i[0];break}case"ArrowLeft":{const n=i.indexOf(e.currentTarget)-1;t=i[n]??i[i.length-1];break}}t?.focus()};return(0,b.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,r.c)("tabs",{"tabs--block":n},t),children:l.map((e=>{let{value:t,label:n,attributes:s}=e;return(0,b.jsx)("li",{role:"tab",tabIndex:o===t?0:-1,"aria-selected":o===t,ref:e=>i.push(e),onKeyDown:u,onClick:c,...s,className:(0,r.c)("tabs__item",f.tabItem,s?.className,{"tabs__item--active":o===t}),children:n??t},t)}))})}function v(e){let{lazy:t,children:n,selectedValue:r}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===r));return e?(0,o.cloneElement)(e,{className:"margin-top--md"}):null}return(0,b.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==r})))})}function j(e){const t=g(e);return(0,b.jsxs)("div",{className:(0,r.c)("tabs-container",f.tabList),children:[(0,b.jsx)(x,{...e,...t}),(0,b.jsx)(v,{...e,...t})]})}function T(e){const t=(0,y.c)();return(0,b.jsx)(j,{...e,children:u(e.children)},String(t))}}}]);
\ No newline at end of file
diff --git a/assets/js/76759531.0401f9a7.js b/assets/js/76759531.5ba16058.js
similarity index 97%
rename from assets/js/76759531.0401f9a7.js
rename to assets/js/76759531.5ba16058.js
index d0156298..3ddc97db 100644
--- a/assets/js/76759531.0401f9a7.js
+++ b/assets/js/76759531.5ba16058.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[1016],{500:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>c,default:()=>p,frontMatter:()=>l,metadata:()=>d,toc:()=>h});var o=n(7624),r=n(2172),i=n(1268),a=n(5388),s=n(1608);const l={title:"Theming Ignite with Emotion.js",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","emotion.js"],last_update:{author:"Mark Rickert"},publish_date:new Date("2024-12-02T00:00:00.000Z")},c="Theming Ignite",d={id:"recipes/Theming-Emotion",title:"Theming Ignite with Emotion.js",description:"Learn how to use different styling libraries to theme your Ignited app!",source:"@site/docs/recipes/Theming-Emotion.mdx",sourceDirName:"recipes",slug:"/recipes/Theming-Emotion",permalink:"/docs/recipes/Theming-Emotion",draft:!1,unlisted:!1,tags:[{label:"Theming",permalink:"/docs/tags/theming"},{label:"iOS",permalink:"/docs/tags/i-os"},{label:"Android",permalink:"/docs/tags/android"},{label:"colors",permalink:"/docs/tags/colors"},{label:"darkmode",permalink:"/docs/tags/darkmode"},{label:"emotion.js",permalink:"/docs/tags/emotion-js"}],version:"current",lastUpdatedBy:"Mark Rickert",lastUpdatedAt:1728940271,formattedLastUpdatedAt:"Oct 14, 2024",frontMatter:{title:"Theming Ignite with Emotion.js",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","emotion.js"],last_update:{author:"Mark Rickert"},publish_date:"2024-12-02T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Switch Between Expo Go and Expo CNG",permalink:"/docs/recipes/SwitchBetweenExpoGoCNG"},next:{title:"Theming Ignite with styled-components",permalink:"/docs/recipes/Theming-StyledComponents"}},u={},h=[{value:"Using <code>Emotion</code>",id:"using-emotion",level:2},{value:"1. Add <code>Emotion</code> to your app:",id:"1-add-emotion-to-your-app",level:3},{value:"2. Add the Emotion <code>ThemeProvider</code>",id:"2-add-the-emotion-themeprovider",level:3},{value:"3. Create and use your first <code>Emotion</code> component using the new theme:",id:"3-create-and-use-your-first-emotion-component-using-the-new-theme",level:3},{value:"4. Tell Emotion.js about the shape of your theme:",id:"4-tell-emotionjs-about-the-shape-of-your-theme",level:3},{value:"Complete!",id:"complete",level:2}];function m(e){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.M)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"theming-ignite",children:"Theming Ignite"}),"\n",(0,o.jsxs)(t.p,{children:["When it comes to styling we acknowledge the popularity and effectiveness of libraries like ",(0,o.jsx)(t.code,{children:"styled-components"}),", ",(0,o.jsx)(t.code,{children:"emotion.js"})," and ",(0,o.jsx)(t.code,{children:"unistyles"}),". Our boilerplate is designed to work seamlessly with these styling solutions, offering you the flexibility to choose the one that aligns with your preferences and project requirements."]}),"\n",(0,o.jsx)(t.p,{children:"The theming system in Ignite Boilerplate is crafted to be adaptable and easy to customize. By simply replacing colors and fonts through the designated theme files, you can tailor the look and feel of your application."}),"\n",(0,o.jsxs)(t.h2,{id:"using-emotion",children:["Using ",(0,o.jsx)(t.code,{children:"Emotion"})]}),"\n",(0,o.jsxs)(t.h3,{id:"1-add-emotion-to-your-app",children:["1. Add ",(0,o.jsx)(t.code,{children:"Emotion"})," to your app:"]}),"\n",(0,o.jsxs)(i.c,{groupId:"operating-systems",children:[(0,o.jsx)(a.c,{value:"yarn",label:"Yarn",children:(0,o.jsx)(s.c,{language:"bash",children:"yarn add @emotion/react @emotion/native"})}),(0,o.jsx)(a.c,{value:"npm",label:"npm",children:(0,o.jsx)(s.c,{language:"bash",children:"npm install @emotion/react @emotion/native"})}),(0,o.jsx)(a.c,{value:"pnpm",label:"pnpm",children:(0,o.jsx)(s.c,{language:"bash",children:"pnpm install @emotion/react @emotion/native"})})]}),"\n",(0,o.jsxs)(t.h3,{id:"2-add-the-emotion-themeprovider",children:["2. Add the Emotion ",(0,o.jsx)(t.code,{children:"ThemeProvider"})]}),"\n",(0,o.jsxs)(t.p,{children:["Find and open the ",(0,o.jsx)(t.code,{children:"AppNavigator.tsx"})," file in your project and add the import:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-ts",children:'import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";\n'})}),"\n",(0,o.jsx)(t.p,{children:"Add the following functional component:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:"const EmotionJSThemeProvider = (props: React.PropsWithChildren) => {\n  const { theme } = useAppTheme();\n  return <EmotionThemeProvider theme={theme}>{props.children}</EmotionThemeProvider>;\n};\n"})}),"\n",(0,o.jsxs)(t.p,{children:["Add the new ",(0,o.jsx)(t.code,{children:"EmotionJSThemeProvider"})," component just inside the ",(0,o.jsx)(t.code,{children:"<ThemeProvider>"})," component in the ",(0,o.jsx)(t.code,{children:"AppNavigator"}),"."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-diff",children:"return (\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\n+    <EmotionJSThemeProvider>\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\n        <AppStack />\n      </NavigationContainer>\n+    </EmotionJSThemeProvider>\n  </ThemeProvider>\n);\n"})}),"\n",(0,o.jsxs)(t.h3,{id:"3-create-and-use-your-first-emotion-component-using-the-new-theme",children:["3. Create and use your first ",(0,o.jsx)(t.code,{children:"Emotion"})," component using the new theme:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'import styled from "@emotion/native";\n\nconst MyTextComponent = styled.Text`\n  margin: 10px;\n  color: ${({ theme }) => theme.colors.text};\n  background-color: ${({ theme }) => theme.colors.background};\n`;\n\nexport const MyScreen = (props) => {\n  return (\n    <MyTextComponent>\n      This text color and background will change when changing themes.\n    </MyTextComponent>\n  );\n};\n'})}),"\n",(0,o.jsx)(t.h3,{id:"4-tell-emotionjs-about-the-shape-of-your-theme",children:"4. Tell Emotion.js about the shape of your theme:"}),"\n",(0,o.jsxs)(t.p,{children:["Create a new file in you Ignited app's ",(0,o.jsx)(t.code,{children:"types"})," folder called ",(0,o.jsx)(t.code,{children:"emotion.d.ts"})," with the following content:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'// Override Theme to get accurate typings for your project.\nimport type { Theme as AppTheme } from "app/theme";\nimport "@emotion/react";\n\ndeclare module "@emotion/react" {\n  export interface Theme extends AppTheme {}\n}\n'})}),"\n",(0,o.jsx)(t.h2,{id:"complete",children:"Complete!"}),"\n",(0,o.jsxs)(t.p,{children:["You can now use ",(0,o.jsx)(t.code,{children:"Emotion"})," integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'const { setThemeContextOverride, themeContext } = useAppTheme();\n\nreturn (\n  <Button\n    onPress={() => {\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\n      setThemeContextOverride(themeContext === "dark" ? "light" : "dark");\n    }}\n    text={`Switch Theme: ${themeContext}`}\n  />\n);\n'})})]})}function p(e={}){const{wrapper:t}={...(0,r.M)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(m,{...e})}):m(e)}},5388:(e,t,n)=>{n.d(t,{c:()=>a});n(1504);var o=n(5456);const r={tabItem:"tabItem_Ymn6"};var i=n(7624);function a(e){let{children:t,hidden:n,className:a}=e;return(0,i.jsx)("div",{role:"tabpanel",className:(0,o.c)(r.tabItem,a),hidden:n,children:t})}},1268:(e,t,n)=>{n.d(t,{c:()=>T});var o=n(1504),r=n(5456),i=n(3943),a=n(5592),s=n(5288),l=n(632),c=n(7128),d=n(1148);function u(e){return o.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,o.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,o.useMemo)((()=>{const e=t??function(e){return u(e).map((e=>{let{props:{value:t,label:n,attributes:o,default:r}}=e;return{value:t,label:n,attributes:o,default:r}}))}(n);return function(e){const t=(0,c.w)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`)}(e),e}),[t,n])}function m(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function p(e){let{queryString:t=!1,groupId:n}=e;const r=(0,a.Uz)(),i=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The <Tabs> component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,l._M)(i),(0,o.useCallback)((e=>{if(!i)return;const t=new URLSearchParams(r.location.search);t.set(i,e),r.replace({...r.location,search:t.toString()})}),[i,r])]}function g(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,i=h(e),[a,l]=(0,o.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the <Tabs> component requires at least one <TabItem> children component");if(t){if(!m({value:t,tabValues:n}))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const o=n.find((e=>e.default))??n[0];if(!o)throw new Error("Unexpected error: 0 tabValues");return o.value}({defaultValue:t,tabValues:i}))),[c,u]=p({queryString:n,groupId:r}),[g,f]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,i]=(0,d.IN)(n);return[r,(0,o.useCallback)((e=>{n&&i.set(e)}),[n,i])]}({groupId:r}),b=(()=>{const e=c??g;return m({value:e,tabValues:i})?e:null})();(0,s.c)((()=>{b&&l(b)}),[b]);return{selectedValue:a,selectValue:(0,o.useCallback)((e=>{if(!m({value:e,tabValues:i}))throw new Error(`Can't select invalid tab value=${e}`);l(e),u(e),f(e)}),[u,f,i]),tabValues:i}}var f=n(3664);const b={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var x=n(7624);function v(e){let{className:t,block:n,selectedValue:o,selectValue:a,tabValues:s}=e;const l=[],{blockElementScrollPositionUntilNextRender:c}=(0,i.MV)(),d=e=>{const t=e.currentTarget,n=l.indexOf(t),r=s[n].value;r!==o&&(c(t),a(r))},u=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const n=l.indexOf(e.currentTarget)+1;t=l[n]??l[0];break}case"ArrowLeft":{const n=l.indexOf(e.currentTarget)-1;t=l[n]??l[l.length-1];break}}t?.focus()};return(0,x.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,r.c)("tabs",{"tabs--block":n},t),children:s.map((e=>{let{value:t,label:n,attributes:i}=e;return(0,x.jsx)("li",{role:"tab",tabIndex:o===t?0:-1,"aria-selected":o===t,ref:e=>l.push(e),onKeyDown:u,onClick:d,...i,className:(0,r.c)("tabs__item",b.tabItem,i?.className,{"tabs__item--active":o===t}),children:n??t},t)}))})}function j(e){let{lazy:t,children:n,selectedValue:r}=e;const i=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=i.find((e=>e.props.value===r));return e?(0,o.cloneElement)(e,{className:"margin-top--md"}):null}return(0,x.jsx)("div",{className:"margin-top--md",children:i.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==r})))})}function y(e){const t=g(e);return(0,x.jsxs)("div",{className:(0,r.c)("tabs-container",b.tabList),children:[(0,x.jsx)(v,{...e,...t}),(0,x.jsx)(j,{...e,...t})]})}function T(e){const t=(0,f.c)();return(0,x.jsx)(y,{...e,children:u(e.children)},String(t))}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[1016],{500:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>c,default:()=>p,frontMatter:()=>l,metadata:()=>d,toc:()=>h});var o=n(7624),r=n(2172),i=n(1268),a=n(5388),s=n(1608);const l={title:"Theming Ignite with Emotion.js",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","emotion.js"],last_update:{author:"Mark Rickert"},publish_date:new Date("2024-10-02T00:00:00.000Z")},c="Theming Ignite",d={id:"recipes/Theming-Emotion",title:"Theming Ignite with Emotion.js",description:"Learn how to use different styling libraries to theme your Ignited app!",source:"@site/docs/recipes/Theming-Emotion.mdx",sourceDirName:"recipes",slug:"/recipes/Theming-Emotion",permalink:"/docs/recipes/Theming-Emotion",draft:!1,unlisted:!1,tags:[{label:"Theming",permalink:"/docs/tags/theming"},{label:"iOS",permalink:"/docs/tags/i-os"},{label:"Android",permalink:"/docs/tags/android"},{label:"colors",permalink:"/docs/tags/colors"},{label:"darkmode",permalink:"/docs/tags/darkmode"},{label:"emotion.js",permalink:"/docs/tags/emotion-js"}],version:"current",lastUpdatedBy:"Mark Rickert",lastUpdatedAt:1730219098,formattedLastUpdatedAt:"Oct 29, 2024",frontMatter:{title:"Theming Ignite with Emotion.js",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","emotion.js"],last_update:{author:"Mark Rickert"},publish_date:"2024-10-02T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Switch Between Expo Go and Expo CNG",permalink:"/docs/recipes/SwitchBetweenExpoGoCNG"},next:{title:"Theming Ignite with styled-components",permalink:"/docs/recipes/Theming-StyledComponents"}},u={},h=[{value:"Using <code>Emotion</code>",id:"using-emotion",level:2},{value:"1. Add <code>Emotion</code> to your app:",id:"1-add-emotion-to-your-app",level:3},{value:"2. Add the Emotion <code>ThemeProvider</code>",id:"2-add-the-emotion-themeprovider",level:3},{value:"3. Create and use your first <code>Emotion</code> component using the new theme:",id:"3-create-and-use-your-first-emotion-component-using-the-new-theme",level:3},{value:"4. Tell Emotion.js about the shape of your theme:",id:"4-tell-emotionjs-about-the-shape-of-your-theme",level:3},{value:"Complete!",id:"complete",level:2}];function m(e){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.M)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"theming-ignite",children:"Theming Ignite"}),"\n",(0,o.jsxs)(t.p,{children:["When it comes to styling we acknowledge the popularity and effectiveness of libraries like ",(0,o.jsx)(t.code,{children:"styled-components"}),", ",(0,o.jsx)(t.code,{children:"emotion.js"})," and ",(0,o.jsx)(t.code,{children:"unistyles"}),". Our boilerplate is designed to work seamlessly with these styling solutions, offering you the flexibility to choose the one that aligns with your preferences and project requirements."]}),"\n",(0,o.jsx)(t.p,{children:"The theming system in Ignite Boilerplate is crafted to be adaptable and easy to customize. By simply replacing colors and fonts through the designated theme files, you can tailor the look and feel of your application."}),"\n",(0,o.jsxs)(t.h2,{id:"using-emotion",children:["Using ",(0,o.jsx)(t.code,{children:"Emotion"})]}),"\n",(0,o.jsxs)(t.h3,{id:"1-add-emotion-to-your-app",children:["1. Add ",(0,o.jsx)(t.code,{children:"Emotion"})," to your app:"]}),"\n",(0,o.jsxs)(i.c,{groupId:"operating-systems",children:[(0,o.jsx)(a.c,{value:"yarn",label:"Yarn",children:(0,o.jsx)(s.c,{language:"bash",children:"yarn add @emotion/react @emotion/native"})}),(0,o.jsx)(a.c,{value:"npm",label:"npm",children:(0,o.jsx)(s.c,{language:"bash",children:"npm install @emotion/react @emotion/native"})}),(0,o.jsx)(a.c,{value:"pnpm",label:"pnpm",children:(0,o.jsx)(s.c,{language:"bash",children:"pnpm install @emotion/react @emotion/native"})})]}),"\n",(0,o.jsxs)(t.h3,{id:"2-add-the-emotion-themeprovider",children:["2. Add the Emotion ",(0,o.jsx)(t.code,{children:"ThemeProvider"})]}),"\n",(0,o.jsxs)(t.p,{children:["Find and open the ",(0,o.jsx)(t.code,{children:"AppNavigator.tsx"})," file in your project and add the import:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-ts",children:'import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";\n'})}),"\n",(0,o.jsx)(t.p,{children:"Add the following functional component:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:"const EmotionJSThemeProvider = (props: React.PropsWithChildren) => {\n  const { theme } = useAppTheme();\n  return <EmotionThemeProvider theme={theme}>{props.children}</EmotionThemeProvider>;\n};\n"})}),"\n",(0,o.jsxs)(t.p,{children:["Add the new ",(0,o.jsx)(t.code,{children:"EmotionJSThemeProvider"})," component just inside the ",(0,o.jsx)(t.code,{children:"<ThemeProvider>"})," component in the ",(0,o.jsx)(t.code,{children:"AppNavigator"}),"."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-diff",children:"return (\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\n+    <EmotionJSThemeProvider>\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\n        <AppStack />\n      </NavigationContainer>\n+    </EmotionJSThemeProvider>\n  </ThemeProvider>\n);\n"})}),"\n",(0,o.jsxs)(t.h3,{id:"3-create-and-use-your-first-emotion-component-using-the-new-theme",children:["3. Create and use your first ",(0,o.jsx)(t.code,{children:"Emotion"})," component using the new theme:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'import styled from "@emotion/native";\n\nconst MyTextComponent = styled.Text`\n  margin: 10px;\n  color: ${({ theme }) => theme.colors.text};\n  background-color: ${({ theme }) => theme.colors.background};\n`;\n\nexport const MyScreen = (props) => {\n  return (\n    <MyTextComponent>\n      This text color and background will change when changing themes.\n    </MyTextComponent>\n  );\n};\n'})}),"\n",(0,o.jsx)(t.h3,{id:"4-tell-emotionjs-about-the-shape-of-your-theme",children:"4. Tell Emotion.js about the shape of your theme:"}),"\n",(0,o.jsxs)(t.p,{children:["Create a new file in you Ignited app's ",(0,o.jsx)(t.code,{children:"types"})," folder called ",(0,o.jsx)(t.code,{children:"emotion.d.ts"})," with the following content:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'// Override Theme to get accurate typings for your project.\nimport type { Theme as AppTheme } from "app/theme";\nimport "@emotion/react";\n\ndeclare module "@emotion/react" {\n  export interface Theme extends AppTheme {}\n}\n'})}),"\n",(0,o.jsx)(t.h2,{id:"complete",children:"Complete!"}),"\n",(0,o.jsxs)(t.p,{children:["You can now use ",(0,o.jsx)(t.code,{children:"Emotion"})," integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'const { setThemeContextOverride, themeContext } = useAppTheme();\n\nreturn (\n  <Button\n    onPress={() => {\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\n      setThemeContextOverride(themeContext === "dark" ? "light" : "dark");\n    }}\n    text={`Switch Theme: ${themeContext}`}\n  />\n);\n'})})]})}function p(e={}){const{wrapper:t}={...(0,r.M)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(m,{...e})}):m(e)}},5388:(e,t,n)=>{n.d(t,{c:()=>a});n(1504);var o=n(5456);const r={tabItem:"tabItem_Ymn6"};var i=n(7624);function a(e){let{children:t,hidden:n,className:a}=e;return(0,i.jsx)("div",{role:"tabpanel",className:(0,o.c)(r.tabItem,a),hidden:n,children:t})}},1268:(e,t,n)=>{n.d(t,{c:()=>T});var o=n(1504),r=n(5456),i=n(3943),a=n(5592),s=n(5288),l=n(632),c=n(7128),d=n(1148);function u(e){return o.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,o.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,o.useMemo)((()=>{const e=t??function(e){return u(e).map((e=>{let{props:{value:t,label:n,attributes:o,default:r}}=e;return{value:t,label:n,attributes:o,default:r}}))}(n);return function(e){const t=(0,c.w)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`)}(e),e}),[t,n])}function m(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function p(e){let{queryString:t=!1,groupId:n}=e;const r=(0,a.Uz)(),i=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The <Tabs> component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,l._M)(i),(0,o.useCallback)((e=>{if(!i)return;const t=new URLSearchParams(r.location.search);t.set(i,e),r.replace({...r.location,search:t.toString()})}),[i,r])]}function g(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,i=h(e),[a,l]=(0,o.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the <Tabs> component requires at least one <TabItem> children component");if(t){if(!m({value:t,tabValues:n}))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const o=n.find((e=>e.default))??n[0];if(!o)throw new Error("Unexpected error: 0 tabValues");return o.value}({defaultValue:t,tabValues:i}))),[c,u]=p({queryString:n,groupId:r}),[g,f]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,i]=(0,d.IN)(n);return[r,(0,o.useCallback)((e=>{n&&i.set(e)}),[n,i])]}({groupId:r}),b=(()=>{const e=c??g;return m({value:e,tabValues:i})?e:null})();(0,s.c)((()=>{b&&l(b)}),[b]);return{selectedValue:a,selectValue:(0,o.useCallback)((e=>{if(!m({value:e,tabValues:i}))throw new Error(`Can't select invalid tab value=${e}`);l(e),u(e),f(e)}),[u,f,i]),tabValues:i}}var f=n(3664);const b={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var x=n(7624);function v(e){let{className:t,block:n,selectedValue:o,selectValue:a,tabValues:s}=e;const l=[],{blockElementScrollPositionUntilNextRender:c}=(0,i.MV)(),d=e=>{const t=e.currentTarget,n=l.indexOf(t),r=s[n].value;r!==o&&(c(t),a(r))},u=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const n=l.indexOf(e.currentTarget)+1;t=l[n]??l[0];break}case"ArrowLeft":{const n=l.indexOf(e.currentTarget)-1;t=l[n]??l[l.length-1];break}}t?.focus()};return(0,x.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,r.c)("tabs",{"tabs--block":n},t),children:s.map((e=>{let{value:t,label:n,attributes:i}=e;return(0,x.jsx)("li",{role:"tab",tabIndex:o===t?0:-1,"aria-selected":o===t,ref:e=>l.push(e),onKeyDown:u,onClick:d,...i,className:(0,r.c)("tabs__item",b.tabItem,i?.className,{"tabs__item--active":o===t}),children:n??t},t)}))})}function j(e){let{lazy:t,children:n,selectedValue:r}=e;const i=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=i.find((e=>e.props.value===r));return e?(0,o.cloneElement)(e,{className:"margin-top--md"}):null}return(0,x.jsx)("div",{className:"margin-top--md",children:i.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==r})))})}function y(e){const t=g(e);return(0,x.jsxs)("div",{className:(0,r.c)("tabs-container",b.tabList),children:[(0,x.jsx)(v,{...e,...t}),(0,x.jsx)(j,{...e,...t})]})}function T(e){const t=(0,f.c)();return(0,x.jsx)(y,{...e,children:u(e.children)},String(t))}}}]);
\ No newline at end of file
diff --git a/assets/js/9ec24567.c8293750.js b/assets/js/9ec24567.4a5f31fb.js
similarity index 98%
rename from assets/js/9ec24567.c8293750.js
rename to assets/js/9ec24567.4a5f31fb.js
index 09ee2885..898ddcc2 100644
--- a/assets/js/9ec24567.c8293750.js
+++ b/assets/js/9ec24567.4a5f31fb.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[7136],{900:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>o,metadata:()=>u,toc:()=>h});var s=n(7624),r=n(2172),i=n(1268),a=n(5388),l=n(1608);const o={title:"Theming Ignite with Unistyles",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","unistyles"],last_update:{author:"Mark Rickert"},publish_date:new Date("2024-12-02T00:00:00.000Z")},c="Theming Ignite",u={id:"recipes/Theming-Unistyles",title:"Theming Ignite with Unistyles",description:"Learn how to use different styling libraries to theme your Ignited app!",source:"@site/docs/recipes/Theming-Unistyles.mdx",sourceDirName:"recipes",slug:"/recipes/Theming-Unistyles",permalink:"/docs/recipes/Theming-Unistyles",draft:!1,unlisted:!1,tags:[{label:"Theming",permalink:"/docs/tags/theming"},{label:"iOS",permalink:"/docs/tags/i-os"},{label:"Android",permalink:"/docs/tags/android"},{label:"colors",permalink:"/docs/tags/colors"},{label:"darkmode",permalink:"/docs/tags/darkmode"},{label:"unistyles",permalink:"/docs/tags/unistyles"}],version:"current",lastUpdatedBy:"Mark Rickert",lastUpdatedAt:1728940271,formattedLastUpdatedAt:"Oct 14, 2024",frontMatter:{title:"Theming Ignite with Unistyles",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","unistyles"],last_update:{author:"Mark Rickert"},publish_date:"2024-12-02T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Theming Ignite with styled-components",permalink:"/docs/recipes/Theming-StyledComponents"},next:{title:"TypeScript baseUrl Configuration",permalink:"/docs/recipes/TypeScriptBaseURL"}},d={},h=[{value:"Using <code>Unistyles</code>",id:"using-unistyles",level:2},{value:"1. Add <code>react-native-unistyles</code> to your app:",id:"1-add-react-native-unistyles-to-your-app",level:3},{value:"2. Add define Unistyles theme types:",id:"2-add-define-unistyles-theme-types",level:3},{value:"3. Configure unistyles to use the app&#39;s Theme:",id:"3-configure-unistyles-to-use-the-apps-theme",level:3},{value:"4. Ensure that Unistyles knows when we want to change the theme:",id:"4-ensure-that-unistyles-knows-when-we-want-to-change-the-theme",level:3},{value:"5. Create and use your first Unistyles component using the new theme:",id:"5-create-and-use-your-first-unistyles-component-using-the-new-theme",level:3},{value:"Complete!",id:"complete",level:2}];function p(e){const t={admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.M)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{id:"theming-ignite",children:"Theming Ignite"}),"\n",(0,s.jsxs)(t.p,{children:["When it comes to styling we acknowledge the popularity and effectiveness of libraries like ",(0,s.jsx)(t.code,{children:"styled-components"}),", ",(0,s.jsx)(t.code,{children:"emotion.js"})," and ",(0,s.jsx)(t.code,{children:"unistyles"}),". Our boilerplate is designed to work seamlessly with these styling solutions, offering you the flexibility to choose the one that aligns with your preferences and project requirements."]}),"\n",(0,s.jsx)(t.p,{children:"The theming system in Ignite Boilerplate is crafted to be adaptable and easy to customize. By simply replacing colors and fonts through the designated theme files, you can tailor the look and feel of your application."}),"\n",(0,s.jsxs)(t.h2,{id:"using-unistyles",children:["Using ",(0,s.jsx)(t.code,{children:"Unistyles"})]}),"\n",(0,s.jsxs)(t.admonition,{type:"warning",children:[(0,s.jsx)(t.p,{children:"Unistyles includes custom native code, which means it does not support Expo Go. You'll need to use expo CNG to build your app."}),(0,s.jsxs)(t.p,{children:["To do this with an newly ignited app, run ",(0,s.jsx)(t.code,{children:"yarn prebuild:clean"})," and then ",(0,s.jsx)(t.code,{children:"yarn start"}),"."]})]}),"\n",(0,s.jsxs)(t.h3,{id:"1-add-react-native-unistyles-to-your-app",children:["1. Add ",(0,s.jsx)(t.code,{children:"react-native-unistyles"})," to your app:"]}),"\n",(0,s.jsxs)(i.c,{groupId:"operating-systems",children:[(0,s.jsx)(a.c,{value:"yarn",label:"Yarn",children:(0,s.jsx)(l.c,{language:"bash",children:"yarn add react-native-unistyles"})}),(0,s.jsx)(a.c,{value:"npm",label:"npm",children:(0,s.jsx)(l.c,{language:"bash",children:"npm install react-native-unistyles"})}),(0,s.jsx)(a.c,{value:"pnpm",label:"pnpm",children:(0,s.jsx)(l.c,{language:"bash",children:"pnpm install react-native-unistyles"})})]}),"\n",(0,s.jsx)(t.h3,{id:"2-add-define-unistyles-theme-types",children:"2. Add define Unistyles theme types:"}),"\n",(0,s.jsxs)(t.p,{children:["Create a new file in you Ignited app's ",(0,s.jsx)(t.code,{children:"types"})," folder called ",(0,s.jsx)(t.code,{children:"react-native-unistyles.d.ts"})," with the following content:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:'// Override UnistylesThemes to get accurate typings for your project.\nimport type { Theme } from "app/theme";\nimport "react-native-unistyles";\n\ntype AppThemes = {\n  light: Theme;\n  dark: Theme;\n};\n\ndeclare module "react-native-unistyles" {\n  export interface UnistylesThemes extends AppThemes {}\n}\n'})}),"\n",(0,s.jsx)(t.h3,{id:"3-configure-unistyles-to-use-the-apps-theme",children:"3. Configure unistyles to use the app's Theme:"}),"\n",(0,s.jsxs)(t.p,{children:["Add the following to your app's ",(0,s.jsx)(t.code,{children:"app/App.tsx"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-diff",children:'+import { UnistylesRegistry } from "react-native-unistyles"\n+import { darkTheme, lightTheme } from "app/theme"\n\nSplashScreen.preventAutoHideAsync()\n\n+UnistylesRegistry.addThemes({\n+  light: lightTheme,\n+  dark: darkTheme,\n+}).addConfig({\n+  // adaptiveThemes: true,\n+  initialTheme: "light",\n+})\n+\n\nfunction IgniteApp() {\n  return <App hideSplashScreen={SplashScreen.hideAsync} />\n}\n'})}),"\n",(0,s.jsx)(t.h3,{id:"4-ensure-that-unistyles-knows-when-we-want-to-change-the-theme",children:"4. Ensure that Unistyles knows when we want to change the theme:"}),"\n",(0,s.jsxs)(t.p,{children:["Open the ",(0,s.jsx)(t.code,{children:"app/utils/useAppTheme.ts"})," and make the following changes:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-diff",children:'  const setThemeContextOverride = useCallback((newTheme: ThemeContexts) => {\n    setTheme(newTheme)\n+    UnistylesRuntime.setTheme(newTheme || "light")\n  }, [])\n'})}),"\n",(0,s.jsx)(t.h3,{id:"5-create-and-use-your-first-unistyles-component-using-the-new-theme",children:"5. Create and use your first Unistyles component using the new theme:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:'import { createStyleSheet, useStyles } from "react-native-unistyles";\n\nexport const MyScreen = (props) => {\n  const { styles } = useStyles($uniStyles);\n  return (\n    <Text style={styles.text}>\n      This text color and background will change when changing themes.\n    </Text>\n  );\n};\n\nconst $uniStyles = createStyleSheet((theme) => ({\n  text: {\n    color: theme.colors.text,\n    backgroundColor: theme.colors.background,\n  },\n}));\n'})}),"\n",(0,s.jsx)(t.h2,{id:"complete",children:"Complete!"}),"\n",(0,s.jsx)(t.p,{children:"You can now use Unistyles integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:'const { setThemeContextOverride, themeContext } = useAppTheme();\n\nreturn (\n  <Button\n    onPress={() => {\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\n      setThemeContextOverride(themeContext === "dark" ? "light" : "dark");\n    }}\n    text={`Switch Theme: ${themeContext}`}\n  />\n);\n'})})]})}function m(e={}){const{wrapper:t}={...(0,r.M)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)}},5388:(e,t,n)=>{n.d(t,{c:()=>a});n(1504);var s=n(5456);const r={tabItem:"tabItem_Ymn6"};var i=n(7624);function a(e){let{children:t,hidden:n,className:a}=e;return(0,i.jsx)("div",{role:"tabpanel",className:(0,s.c)(r.tabItem,a),hidden:n,children:t})}},1268:(e,t,n)=>{n.d(t,{c:()=>T});var s=n(1504),r=n(5456),i=n(3943),a=n(5592),l=n(5288),o=n(632),c=n(7128),u=n(1148);function d(e){return s.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,s.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,s.useMemo)((()=>{const e=t??function(e){return d(e).map((e=>{let{props:{value:t,label:n,attributes:s,default:r}}=e;return{value:t,label:n,attributes:s,default:r}}))}(n);return function(e){const t=(0,c.w)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const r=(0,a.Uz)(),i=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The <Tabs> component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,o._M)(i),(0,s.useCallback)((e=>{if(!i)return;const t=new URLSearchParams(r.location.search);t.set(i,e),r.replace({...r.location,search:t.toString()})}),[i,r])]}function g(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,i=h(e),[a,o]=(0,s.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the <Tabs> component requires at least one <TabItem> children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const s=n.find((e=>e.default))??n[0];if(!s)throw new Error("Unexpected error: 0 tabValues");return s.value}({defaultValue:t,tabValues:i}))),[c,d]=m({queryString:n,groupId:r}),[g,y]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,i]=(0,u.IN)(n);return[r,(0,s.useCallback)((e=>{n&&i.set(e)}),[n,i])]}({groupId:r}),f=(()=>{const e=c??g;return p({value:e,tabValues:i})?e:null})();(0,l.c)((()=>{f&&o(f)}),[f]);return{selectedValue:a,selectValue:(0,s.useCallback)((e=>{if(!p({value:e,tabValues:i}))throw new Error(`Can't select invalid tab value=${e}`);o(e),d(e),y(e)}),[d,y,i]),tabValues:i}}var y=n(3664);const f={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var b=n(7624);function x(e){let{className:t,block:n,selectedValue:s,selectValue:a,tabValues:l}=e;const o=[],{blockElementScrollPositionUntilNextRender:c}=(0,i.MV)(),u=e=>{const t=e.currentTarget,n=o.indexOf(t),r=l[n].value;r!==s&&(c(t),a(r))},d=e=>{let t=null;switch(e.key){case"Enter":u(e);break;case"ArrowRight":{const n=o.indexOf(e.currentTarget)+1;t=o[n]??o[0];break}case"ArrowLeft":{const n=o.indexOf(e.currentTarget)-1;t=o[n]??o[o.length-1];break}}t?.focus()};return(0,b.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,r.c)("tabs",{"tabs--block":n},t),children:l.map((e=>{let{value:t,label:n,attributes:i}=e;return(0,b.jsx)("li",{role:"tab",tabIndex:s===t?0:-1,"aria-selected":s===t,ref:e=>o.push(e),onKeyDown:d,onClick:u,...i,className:(0,r.c)("tabs__item",f.tabItem,i?.className,{"tabs__item--active":s===t}),children:n??t},t)}))})}function v(e){let{lazy:t,children:n,selectedValue:r}=e;const i=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=i.find((e=>e.props.value===r));return e?(0,s.cloneElement)(e,{className:"margin-top--md"}):null}return(0,b.jsx)("div",{className:"margin-top--md",children:i.map(((e,t)=>(0,s.cloneElement)(e,{key:t,hidden:e.props.value!==r})))})}function w(e){const t=g(e);return(0,b.jsxs)("div",{className:(0,r.c)("tabs-container",f.tabList),children:[(0,b.jsx)(x,{...e,...t}),(0,b.jsx)(v,{...e,...t})]})}function T(e){const t=(0,y.c)();return(0,b.jsx)(w,{...e,children:d(e.children)},String(t))}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[7136],{900:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>o,metadata:()=>u,toc:()=>h});var s=n(7624),r=n(2172),i=n(1268),a=n(5388),l=n(1608);const o={title:"Theming Ignite with Unistyles",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","unistyles"],last_update:{author:"Mark Rickert"},publish_date:new Date("2024-10-02T00:00:00.000Z")},c="Theming Ignite",u={id:"recipes/Theming-Unistyles",title:"Theming Ignite with Unistyles",description:"Learn how to use different styling libraries to theme your Ignited app!",source:"@site/docs/recipes/Theming-Unistyles.mdx",sourceDirName:"recipes",slug:"/recipes/Theming-Unistyles",permalink:"/docs/recipes/Theming-Unistyles",draft:!1,unlisted:!1,tags:[{label:"Theming",permalink:"/docs/tags/theming"},{label:"iOS",permalink:"/docs/tags/i-os"},{label:"Android",permalink:"/docs/tags/android"},{label:"colors",permalink:"/docs/tags/colors"},{label:"darkmode",permalink:"/docs/tags/darkmode"},{label:"unistyles",permalink:"/docs/tags/unistyles"}],version:"current",lastUpdatedBy:"Mark Rickert",lastUpdatedAt:1730219098,formattedLastUpdatedAt:"Oct 29, 2024",frontMatter:{title:"Theming Ignite with Unistyles",description:"Learn how to use different styling libraries to theme your Ignited app!",tags:["Theming","iOS","Android","colors","darkmode","unistyles"],last_update:{author:"Mark Rickert"},publish_date:"2024-10-02T00:00:00.000Z"},sidebar:"mainSidebar",previous:{title:"Theming Ignite with styled-components",permalink:"/docs/recipes/Theming-StyledComponents"},next:{title:"TypeScript baseUrl Configuration",permalink:"/docs/recipes/TypeScriptBaseURL"}},d={},h=[{value:"Using <code>Unistyles</code>",id:"using-unistyles",level:2},{value:"1. Add <code>react-native-unistyles</code> to your app:",id:"1-add-react-native-unistyles-to-your-app",level:3},{value:"2. Add define Unistyles theme types:",id:"2-add-define-unistyles-theme-types",level:3},{value:"3. Configure unistyles to use the app&#39;s Theme:",id:"3-configure-unistyles-to-use-the-apps-theme",level:3},{value:"4. Ensure that Unistyles knows when we want to change the theme:",id:"4-ensure-that-unistyles-knows-when-we-want-to-change-the-theme",level:3},{value:"5. Create and use your first Unistyles component using the new theme:",id:"5-create-and-use-your-first-unistyles-component-using-the-new-theme",level:3},{value:"Complete!",id:"complete",level:2}];function p(e){const t={admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.M)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{id:"theming-ignite",children:"Theming Ignite"}),"\n",(0,s.jsxs)(t.p,{children:["When it comes to styling we acknowledge the popularity and effectiveness of libraries like ",(0,s.jsx)(t.code,{children:"styled-components"}),", ",(0,s.jsx)(t.code,{children:"emotion.js"})," and ",(0,s.jsx)(t.code,{children:"unistyles"}),". Our boilerplate is designed to work seamlessly with these styling solutions, offering you the flexibility to choose the one that aligns with your preferences and project requirements."]}),"\n",(0,s.jsx)(t.p,{children:"The theming system in Ignite Boilerplate is crafted to be adaptable and easy to customize. By simply replacing colors and fonts through the designated theme files, you can tailor the look and feel of your application."}),"\n",(0,s.jsxs)(t.h2,{id:"using-unistyles",children:["Using ",(0,s.jsx)(t.code,{children:"Unistyles"})]}),"\n",(0,s.jsxs)(t.admonition,{type:"warning",children:[(0,s.jsx)(t.p,{children:"Unistyles includes custom native code, which means it does not support Expo Go. You'll need to use expo CNG to build your app."}),(0,s.jsxs)(t.p,{children:["To do this with an newly ignited app, run ",(0,s.jsx)(t.code,{children:"yarn prebuild:clean"})," and then ",(0,s.jsx)(t.code,{children:"yarn start"}),"."]})]}),"\n",(0,s.jsxs)(t.h3,{id:"1-add-react-native-unistyles-to-your-app",children:["1. Add ",(0,s.jsx)(t.code,{children:"react-native-unistyles"})," to your app:"]}),"\n",(0,s.jsxs)(i.c,{groupId:"operating-systems",children:[(0,s.jsx)(a.c,{value:"yarn",label:"Yarn",children:(0,s.jsx)(l.c,{language:"bash",children:"yarn add react-native-unistyles"})}),(0,s.jsx)(a.c,{value:"npm",label:"npm",children:(0,s.jsx)(l.c,{language:"bash",children:"npm install react-native-unistyles"})}),(0,s.jsx)(a.c,{value:"pnpm",label:"pnpm",children:(0,s.jsx)(l.c,{language:"bash",children:"pnpm install react-native-unistyles"})})]}),"\n",(0,s.jsx)(t.h3,{id:"2-add-define-unistyles-theme-types",children:"2. Add define Unistyles theme types:"}),"\n",(0,s.jsxs)(t.p,{children:["Create a new file in you Ignited app's ",(0,s.jsx)(t.code,{children:"types"})," folder called ",(0,s.jsx)(t.code,{children:"react-native-unistyles.d.ts"})," with the following content:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:'// Override UnistylesThemes to get accurate typings for your project.\nimport type { Theme } from "app/theme";\nimport "react-native-unistyles";\n\ntype AppThemes = {\n  light: Theme;\n  dark: Theme;\n};\n\ndeclare module "react-native-unistyles" {\n  export interface UnistylesThemes extends AppThemes {}\n}\n'})}),"\n",(0,s.jsx)(t.h3,{id:"3-configure-unistyles-to-use-the-apps-theme",children:"3. Configure unistyles to use the app's Theme:"}),"\n",(0,s.jsxs)(t.p,{children:["Add the following to your app's ",(0,s.jsx)(t.code,{children:"app/App.tsx"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-diff",children:'+import { UnistylesRegistry } from "react-native-unistyles"\n+import { darkTheme, lightTheme } from "app/theme"\n\nSplashScreen.preventAutoHideAsync()\n\n+UnistylesRegistry.addThemes({\n+  light: lightTheme,\n+  dark: darkTheme,\n+}).addConfig({\n+  // adaptiveThemes: true,\n+  initialTheme: "light",\n+})\n+\n\nfunction IgniteApp() {\n  return <App hideSplashScreen={SplashScreen.hideAsync} />\n}\n'})}),"\n",(0,s.jsx)(t.h3,{id:"4-ensure-that-unistyles-knows-when-we-want-to-change-the-theme",children:"4. Ensure that Unistyles knows when we want to change the theme:"}),"\n",(0,s.jsxs)(t.p,{children:["Open the ",(0,s.jsx)(t.code,{children:"app/utils/useAppTheme.ts"})," and make the following changes:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-diff",children:'  const setThemeContextOverride = useCallback((newTheme: ThemeContexts) => {\n    setTheme(newTheme)\n+    UnistylesRuntime.setTheme(newTheme || "light")\n  }, [])\n'})}),"\n",(0,s.jsx)(t.h3,{id:"5-create-and-use-your-first-unistyles-component-using-the-new-theme",children:"5. Create and use your first Unistyles component using the new theme:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:'import { createStyleSheet, useStyles } from "react-native-unistyles";\n\nexport const MyScreen = (props) => {\n  const { styles } = useStyles($uniStyles);\n  return (\n    <Text style={styles.text}>\n      This text color and background will change when changing themes.\n    </Text>\n  );\n};\n\nconst $uniStyles = createStyleSheet((theme) => ({\n  text: {\n    color: theme.colors.text,\n    backgroundColor: theme.colors.background,\n  },\n}));\n'})}),"\n",(0,s.jsx)(t.h2,{id:"complete",children:"Complete!"}),"\n",(0,s.jsx)(t.p,{children:"You can now use Unistyles integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:'const { setThemeContextOverride, themeContext } = useAppTheme();\n\nreturn (\n  <Button\n    onPress={() => {\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\n      setThemeContextOverride(themeContext === "dark" ? "light" : "dark");\n    }}\n    text={`Switch Theme: ${themeContext}`}\n  />\n);\n'})})]})}function m(e={}){const{wrapper:t}={...(0,r.M)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)}},5388:(e,t,n)=>{n.d(t,{c:()=>a});n(1504);var s=n(5456);const r={tabItem:"tabItem_Ymn6"};var i=n(7624);function a(e){let{children:t,hidden:n,className:a}=e;return(0,i.jsx)("div",{role:"tabpanel",className:(0,s.c)(r.tabItem,a),hidden:n,children:t})}},1268:(e,t,n)=>{n.d(t,{c:()=>T});var s=n(1504),r=n(5456),i=n(3943),a=n(5592),l=n(5288),o=n(632),c=n(7128),u=n(1148);function d(e){return s.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,s.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,s.useMemo)((()=>{const e=t??function(e){return d(e).map((e=>{let{props:{value:t,label:n,attributes:s,default:r}}=e;return{value:t,label:n,attributes:s,default:r}}))}(n);return function(e){const t=(0,c.w)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const r=(0,a.Uz)(),i=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The <Tabs> component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,o._M)(i),(0,s.useCallback)((e=>{if(!i)return;const t=new URLSearchParams(r.location.search);t.set(i,e),r.replace({...r.location,search:t.toString()})}),[i,r])]}function g(e){const{defaultValue:t,queryString:n=!1,groupId:r}=e,i=h(e),[a,o]=(0,s.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the <Tabs> component requires at least one <TabItem> children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const s=n.find((e=>e.default))??n[0];if(!s)throw new Error("Unexpected error: 0 tabValues");return s.value}({defaultValue:t,tabValues:i}))),[c,d]=m({queryString:n,groupId:r}),[g,y]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[r,i]=(0,u.IN)(n);return[r,(0,s.useCallback)((e=>{n&&i.set(e)}),[n,i])]}({groupId:r}),f=(()=>{const e=c??g;return p({value:e,tabValues:i})?e:null})();(0,l.c)((()=>{f&&o(f)}),[f]);return{selectedValue:a,selectValue:(0,s.useCallback)((e=>{if(!p({value:e,tabValues:i}))throw new Error(`Can't select invalid tab value=${e}`);o(e),d(e),y(e)}),[d,y,i]),tabValues:i}}var y=n(3664);const f={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var b=n(7624);function x(e){let{className:t,block:n,selectedValue:s,selectValue:a,tabValues:l}=e;const o=[],{blockElementScrollPositionUntilNextRender:c}=(0,i.MV)(),u=e=>{const t=e.currentTarget,n=o.indexOf(t),r=l[n].value;r!==s&&(c(t),a(r))},d=e=>{let t=null;switch(e.key){case"Enter":u(e);break;case"ArrowRight":{const n=o.indexOf(e.currentTarget)+1;t=o[n]??o[0];break}case"ArrowLeft":{const n=o.indexOf(e.currentTarget)-1;t=o[n]??o[o.length-1];break}}t?.focus()};return(0,b.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,r.c)("tabs",{"tabs--block":n},t),children:l.map((e=>{let{value:t,label:n,attributes:i}=e;return(0,b.jsx)("li",{role:"tab",tabIndex:s===t?0:-1,"aria-selected":s===t,ref:e=>o.push(e),onKeyDown:d,onClick:u,...i,className:(0,r.c)("tabs__item",f.tabItem,i?.className,{"tabs__item--active":s===t}),children:n??t},t)}))})}function v(e){let{lazy:t,children:n,selectedValue:r}=e;const i=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=i.find((e=>e.props.value===r));return e?(0,s.cloneElement)(e,{className:"margin-top--md"}):null}return(0,b.jsx)("div",{className:"margin-top--md",children:i.map(((e,t)=>(0,s.cloneElement)(e,{key:t,hidden:e.props.value!==r})))})}function w(e){const t=g(e);return(0,b.jsxs)("div",{className:(0,r.c)("tabs-container",f.tabList),children:[(0,b.jsx)(x,{...e,...t}),(0,b.jsx)(v,{...e,...t})]})}function T(e){const t=(0,y.c)();return(0,b.jsx)(w,{...e,children:d(e.children)},String(t))}}}]);
\ No newline at end of file
diff --git a/assets/js/main.5d1b389f.js b/assets/js/main.5d1b389f.js
deleted file mode 100644
index 4b99e7f4..00000000
--- a/assets/js/main.5d1b389f.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see main.5d1b389f.js.LICENSE.txt */
-(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[1590],{5052:(e,n,t)=>{"use strict";t.d(n,{I:()=>o});var r=t(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,n,t)=>{"use strict";t.d(n,{c:()=>p});t(1504);var r=t(8852),o=t.n(r),a=t(4504);const s={"03224537":[()=>t.e(5284).then(t.bind(t,4024)),"@site/docs/recipes/DetoxIntro.md",4024],"04c3832a":[()=>t.e(7920).then(t.t.bind(t,780,19)),"~docs/default/tag-docs-tags-icons-a4b.json",780],"0825c398":[()=>t.e(5524).then(t.t.bind(t,5708,19)),"~docs/default/tag-docs-tags-backend-b17.json",5708],"08a54ed9":[()=>t.e(5156).then(t.t.bind(t,1128,19)),"~docs/default/tag-docs-tags-expo-updates-8e6.json",1128],"0e384e19":[()=>t.e(6328).then(t.bind(t,9404)),"@site/docs/intro.md",9404],"145425bc":[()=>t.e(16).then(t.bind(t,9856)),"@site/docs/recipes/AccessibilityFontSizes.md",9856],17896441:[()=>Promise.all([t.e(2176),t.e(7656),t.e(8908),t.e(6752)]).then(t.bind(t,8552)),"@theme/DocItem",8552],"18d888f3":[()=>t.e(5640).then(t.t.bind(t,9584,19)),"~docs/default/tag-docs-tags-state-management-fd9.json",9584],"199ff765":[()=>t.e(8368).then(t.t.bind(t,2520,19)),"~docs/default/tag-docs-tags-offline-support-d09.json",2520],"19d620af":[()=>t.e(3966).then(t.t.bind(t,5568,19)),"~docs/default/tag-docs-tags-ui-22c.json",5568],"1a4e3797":[()=>Promise.all([t.e(2176),t.e(9648)]).then(t.bind(t,3416)),"@theme/SearchPage",3416],"1ab29606":[()=>t.e(6928).then(t.t.bind(t,7704,19)),"~docs/default/tag-docs-tags-apisauce-8de.json",7704],"1c9ea255":[()=>t.e(8636).then(t.bind(t,620)),"@site/docs/recipes/TypeScriptBaseURL.md",620],"1df93b7f":[()=>Promise.all([t.e(2176),t.e(2096),t.e(8552)]).then(t.bind(t,9184)),"@site/src/pages/index.tsx",9184],"1fdec661":[()=>t.e(1904).then(t.t.bind(t,318,19)),"~docs/default/tag-docs-tags-cache-b57.json",318],"215698ba":[()=>Promise.all([t.e(2176),t.e(7656),t.e(492)]).then(t.bind(t,8392)),"@site/docs/recipes/Theming-StyledComponents.mdx",8392],"24a07a83":[()=>t.e(4424).then(t.t.bind(t,4136,19)),"~docs/default/tag-docs-tags-generator-e43.json",4136],"24c3776a":[()=>t.e(9828).then(t.bind(t,176)),"@site/docs/recipes/DistributingAuthTokenToAPI.md",176],"30b0babe":[()=>t.e(2816).then(t.t.bind(t,8464,19)),"~docs/default/tag-docs-tags-emotion-js-844.json",8464],"3192f89a":[()=>t.e(4992).then(t.t.bind(t,590,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",590],"31ac2bc7":[()=>t.e(9632).then(t.t.bind(t,9010,19)),"~docs/default/tag-docs-tags-cng-585.json",9010],"33f24359":[()=>t.e(222).then(t.t.bind(t,1592,19)),"~docs/default/tag-docs-tags-eas-update-bce.json",1592],"3663082a":[()=>t.e(5592).then(t.t.bind(t,6944,19)),"~docs/default/tag-docs-tags-data-synchronization-126.json",6944],"3720c009":[()=>Promise.all([t.e(2176),t.e(4492)]).then(t.bind(t,2808)),"@theme/DocTagsListPage",2808],"37e9da98":[()=>t.e(3800).then(t.t.bind(t,4496,19)),"~docs/default/tag-docs-tags-styled-components-6ef.json",4496],"3bb7a4af":[()=>t.e(2008).then(t.t.bind(t,7264,19)),"~docs/default/tag-docs-tags-i-os-d44.json",7264],"4699e3bd":[()=>t.e(8440).then(t.t.bind(t,680,19)),"~docs/default/tag-docs-tags-vector-icons-80f.json",680],"47a03c7f":[()=>t.e(3336).then(t.t.bind(t,7536,19)),"~docs/default/tag-docs-tags-testing-194.json",7536],"47c232e1":[()=>t.e(784).then(t.t.bind(t,6930,19)),"~docs/default/tag-docs-tags-supabase-1d9.json",6930],"4890b90f":[()=>t.e(6728).then(t.bind(t,2292)),"@site/docs/communityRecipes/index.md",2292],"4a4fb967":[()=>t.e(6756).then(t.t.bind(t,9056,19)),"~docs/default/tag-docs-tags-accessibility-83c.json",9056],"4e09609f":[()=>t.e(3128).then(t.bind(t,8220)),"@site/docs/recipes/SampleYAMLCircleCI.md",8220],"51658ad1":[()=>t.e(9576).then(t.t.bind(t,5752,19)),"~docs/default/tag-docs-tags-intro-ce4.json",5752],"51e76fb5":[()=>t.e(5064).then(t.bind(t,4488)),"@site/docs/recipes/MaestroSetup.md",4488],"51ea30c5":[()=>t.e(2324).then(t.t.bind(t,162,19)),"~docs/default/tag-docs-tags-mob-x-748.json",162],"52d269c5":[()=>t.e(5292).then(t.bind(t,9220)),"@site/docs/recipes/Authentication.md",9220],"54a9c7e8":[()=>t.e(8576).then(t.bind(t,2716)),"@site/docs/recipes/PrepForEASBuild.md",2716],"55960ee5":[()=>t.e(4296).then(t.t.bind(t,2416,19)),"~docs/default/tags-list-current-prop-15a.json",2416],"569bff92":[()=>t.e(5320).then(t.t.bind(t,2968,19)),"~docs/default/tag-docs-tags-hardware-92c.json",2968],"5e95c892":[()=>t.e(4304).then(t.bind(t,3564)),"@theme/DocsRoot",3564],"5e9f5e1a":[()=>Promise.resolve().then(t.bind(t,7768)),"@generated/docusaurus.config",7768],"5fd7ef2e":[()=>t.e(656).then(t.bind(t,9044)),"@site/docs/recipes/LocalFirstDataWithPowerSync.md",9044],63181745:[()=>t.e(5548).then(t.bind(t,9108)),"@site/docs/recipes/UsingScreenReaders.md",9108],"6558e733":[()=>t.e(7338).then(t.t.bind(t,5440,19)),"~docs/default/tag-docs-tags-session-c44.json",5440],"657027a7":[()=>t.e(3180).then(t.bind(t,8232)),"@site/docs/recipes/MigratingToMMKV.md",8232],"6728e797":[()=>t.e(8616).then(t.t.bind(t,6824,19)),"~docs/default/tag-docs-tags-android-593.json",6824],"69dd30cd":[()=>t.e(4e3).then(t.t.bind(t,7672,19)),"~docs/default/tag-docs-tags-prettier-367.json",7672],"6c727604":[()=>t.e(7620).then(t.t.bind(t,7508,19)),"~docs/default/tag-docs-tags-login-6c7.json",7508],"6fd287af":[()=>t.e(4264).then(t.bind(t,9700)),"@site/docs/recipes/UpdatingIgnite.md",9700],"72dfd944":[()=>t.e(40).then(t.t.bind(t,8466,19)),"~docs/default/tag-docs-tags-text-field-8cc.json",8466],76759531:[()=>Promise.all([t.e(2176),t.e(7656),t.e(1016)]).then(t.bind(t,500)),"@site/docs/recipes/Theming-Emotion.mdx",500],"78a0b2f7":[()=>t.e(4224).then(t.bind(t,4068)),"@site/docs/recipes/SwitchBetweenExpoGoCNG.md",4068],"7acb6f50":[()=>t.e(56).then(t.t.bind(t,9200,19)),"~docs/default/tag-docs-tags-yarn-9bd.json",9200],"7b45617e":[()=>t.e(8436).then(t.bind(t,9368)),"@site/docs/recipes/GeneratorComponentTests.md",9368],"7f8cce85":[()=>t.e(4212).then(t.t.bind(t,2536,19)),"~docs/default/tag-docs-tags-power-sync-570.json",2536],82139467:[()=>t.e(7820).then(t.t.bind(t,5688,19)),"~docs/default/tag-docs-tags-react-native-vision-camera-af5.json",5688],"8b0d950b":[()=>t.e(3960).then(t.t.bind(t,4832,19)),"~docs/default/tag-docs-tags-dependencies-d4f.json",4832],"935f2afb":[()=>t.e(5696).then(t.t.bind(t,5988,19)),"~docs/default/version-current-metadata-prop-751.json",5988],"94ee064e":[()=>t.e(7300).then(t.t.bind(t,5683,19)),"~docs/default/tag-docs-tags-react-navigation-23c.json",5683],"954f316d":[()=>t.e(6044).then(t.t.bind(t,9272,19)),"~docs/default/tag-docs-tags-zustand-18e.json",9272],"985027d8":[()=>t.e(2160).then(t.t.bind(t,6843,19)),"~docs/default/tag-docs-tags-archive-6cf.json",6843],"99d16955":[()=>t.e(622).then(t.t.bind(t,5004,19)),"~docs/default/tag-docs-tags-eas-228.json",5004],"9b650fc1":[()=>t.e(9208).then(t.t.bind(t,4514,19)),"~docs/default/tag-docs-tags-colors-792.json",4514],"9dc0f37b":[()=>t.e(6704).then(t.t.bind(t,6154,19)),"~docs/default/tag-docs-tags-section-list-198.json",6154],"9ec24567":[()=>Promise.all([t.e(2176),t.e(7656),t.e(7136)]).then(t.bind(t,900)),"@site/docs/recipes/Theming-Unistyles.mdx",900],"9fc76e3d":[()=>t.e(900).then(t.bind(t,8468)),"@site/docs/recipes/EASUpdate.md",8468],a0d6a633:[()=>t.e(7732).then(t.t.bind(t,1284,19)),"~docs/default/tag-docs-tags-expo-dev-client-4bf.json",1284],a2f5d017:[()=>t.e(916).then(t.bind(t,3884)),"@site/docs/recipes/Redux.md",3884],a7bd4aaa:[()=>t.e(6500).then(t.bind(t,2e3)),"@theme/DocVersionRoot",2e3],a8646ade:[()=>t.e(3008).then(t.t.bind(t,1492,19)),"~docs/default/tag-docs-tags-mmkv-046.json",1492],a8f9d519:[()=>t.e(6216).then(t.t.bind(t,606,19)),"~docs/default/tag-docs-tags-scroll-to-8d4.json",606],a94703ab:[()=>Promise.all([t.e(2176),t.e(4666)]).then(t.bind(t,996)),"@theme/DocRoot",996],a951c726:[()=>t.e(8200).then(t.t.bind(t,7976,19)),"~docs/default/tag-docs-tags-ci-cd-ed9.json",7976],abaad534:[()=>t.e(2464).then(t.t.bind(t,4684,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",4684],abfb2977:[()=>t.e(2044).then(t.t.bind(t,6278,19)),"~docs/default/tag-docs-tags-database-1c7.json",6278],ad7b1610:[()=>t.e(3980).then(t.t.bind(t,6248,19)),"~docs/default/tag-docs-tags-community-0f9.json",6248],b33180cb:[()=>t.e(1528).then(t.bind(t,7160)),"@site/docs/archive/PristineExpoProject.md",7160],b3d1732c:[()=>t.e(95).then(t.t.bind(t,2464,19)),"~docs/default/tag-docs-tags-babel-ecc.json",2464],b3fb1bb5:[()=>t.e(4955).then(t.bind(t,3980)),"@site/docs/communityRecipes/CustomVectorIcons.md",3980],b6b5631c:[()=>t.e(9960).then(t.t.bind(t,9148,19)),"~docs/default/tag-docs-tags-theming-09d.json",9148],b747e1af:[()=>t.e(7556).then(t.t.bind(t,784,19)),"~docs/default/tag-docs-tags-signup-d75.json",784],b832b2ff:[()=>t.e(4822).then(t.t.bind(t,2962,19)),"~docs/default/tag-docs-tags-imports-63f.json",2962],b8c37621:[()=>t.e(2372).then(t.t.bind(t,4328,19)),"~docs/default/tag-docs-tags-guide-a32.json",4328],bbaf8084:[()=>t.e(4428).then(t.t.bind(t,5328,19)),"~docs/default/tag-docs-tags-darkmode-3d7.json",5328],bc1a59c9:[()=>t.e(5819).then(t.t.bind(t,5256,19)),"~docs/default/tag-docs-tags-reactotron-574.json",5256],c3e2f4d4:[()=>t.e(1264).then(t.bind(t,5800)),"@site/docs/recipes/UnrenderedItemInScrollView.md",5800],c47fa949:[()=>t.e(5032).then(t.bind(t,8332)),"@site/docs/recipes/ExpoRouter.md",8332],c5abe9fe:[()=>t.e(9607).then(t.t.bind(t,1344,19)),"~docs/default/tag-docs-tags-vision-camera-2ad.json",1344],c5ca3bf3:[()=>t.e(8872).then(t.t.bind(t,872,19)),"~docs/default/tag-docs-tags-expo-router-e61.json",872],c75b21fd:[()=>t.e(1412).then(t.bind(t,6188)),"@site/docs/recipes/RemoveMobxStateTree.md",6188],cc1d3934:[()=>t.e(8500).then(t.bind(t,5220)),"@site/docs/recipes/ReactNativeVisionCamera.md",5220],ccf3150e:[()=>t.e(7600).then(t.t.bind(t,3030,19)),"~docs/default/tag-docs-tags-ui-required-device-capabilities-7ff.json",3030],ce17b301:[()=>t.e(1388).then(t.t.bind(t,1540,19)),"~docs/default/tag-docs-tags-expo-4de.json",1540],cecd52bc:[()=>t.e(8).then(t.bind(t,6040)),"@site/docs/recipes/RequiringHardwareFeaturesWithExpo.md",6040],cf59a740:[()=>t.e(8780).then(t.t.bind(t,411,19)),"~docs/default/tag-docs-tags-react-native-b11.json",411],d01c4de2:[()=>t.e(7224).then(t.t.bind(t,488,19)),"~docs/default/tag-docs-tags-async-storage-da0.json",488],d0e08e4a:[()=>t.e(9016).then(t.bind(t,2980)),"@site/docs/recipes/PatchingBuildingAndroid.md",2980],d63d2b89:[()=>Promise.all([t.e(6432),t.e(5276)]).then(t.bind(t,6960)),"@site/docs/recipes/SelectFieldWithBottomSheet.mdx",6960],d699663a:[()=>t.e(1784).then(t.t.bind(t,5820,19)),"~docs/default/tag-docs-tags-uses-feature-818.json",5820],d6ab422f:[()=>t.e(8762).then(t.bind(t,7748)),"@site/docs/recipes/EnvironmentVariables.md",7748],d7af48b9:[()=>t.e(6264).then(t.bind(t,2508)),"@site/docs/recipes/EnforcingImportOrder.md",2508],da9277bc:[()=>t.e(5856).then(t.bind(t,1188)),"@site/docs/recipes/UpdatingDependencies.md",1188],dce6faa4:[()=>t.e(2596).then(t.t.bind(t,5892,19)),"~docs/default/tag-docs-tags-select-field-e86.json",5892],dd3340a6:[()=>t.e(7572).then(t.bind(t,8508)),"@site/docs/archive/index.md",8508],dec1aed8:[()=>t.e(9144).then(t.t.bind(t,4986,19)),"~docs/default/tag-docs-tags-maestro-a0f.json",4986],df203c0f:[()=>Promise.all([t.e(2176),t.e(3400)]).then(t.bind(t,8614)),"@theme/DocTagDocListPage",8614],e0854532:[()=>t.e(2288).then(t.t.bind(t,2456,19)),"~docs/default/tag-docs-tags-flat-list-bca.json",2456],e1b6b0a8:[()=>t.e(328).then(t.t.bind(t,2984,19)),"~docs/default/tag-docs-tags-debug-69b.json",2984],e2041b9b:[()=>t.e(7164).then(t.t.bind(t,9680,19)),"~docs/default/tag-docs-tags-redux-49b.json",9680],e2d058df:[()=>t.e(7706).then(t.t.bind(t,4196,19)),"~docs/default/tag-docs-tags-font-awesome-056.json",4196],e33e793e:[()=>t.e(5708).then(t.bind(t,3356)),"@site/docs/recipes/Zustand.md",3356],e7928ab4:[()=>t.e(6460).then(t.t.bind(t,2080,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",2080],e965bea7:[()=>t.e(5576).then(t.bind(t,4492)),"@site/docs/recipes/ApolloClientCache.md",4492],eba20459:[()=>t.e(2928).then(t.t.bind(t,5736,19)),"~docs/default/tag-docs-tags-apollo-client-0ba.json",5736],ecce3b64:[()=>t.e(3324).then(t.t.bind(t,4640,19)),"~docs/default/tag-docs-tags-authentication-9a3.json",4640],ee0b98b5:[()=>t.e(6568).then(t.t.bind(t,1962,19)),"~docs/default/tag-docs-tags-unistyles-958.json",1962],f50f3884:[()=>t.e(1236).then(t.t.bind(t,9720,19)),"~docs/default/tag-docs-tags-prebuild-64b.json",9720],f523b160:[()=>t.e(3504).then(t.bind(t,2232)),"@site/docs/recipes/CreatingGreateExperienceForScreenReaders.md",2232],fd1937a7:[()=>t.e(4116).then(t.t.bind(t,7472,19)),"~docs/default/tag-docs-tags-environment-variables-3be.json",7472],fe9b09bf:[()=>t.e(140).then(t.bind(t,1204)),"@site/docs/recipes/CircleCIRNSetup.md",1204],ff2c7cca:[()=>t.e(6252).then(t.t.bind(t,2248,19)),"~docs/default/tag-docs-tags-type-script-6e5.json",2248],ffe4833d:[()=>t.e(9380).then(t.t.bind(t,570,19)),"~docs/default/tag-docs-tags-custom-commands-621.json",570]};var i=t(7624);function l(e){let{error:n,retry:t,pastDelay:r}=e;return n?(0,i.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,i.jsx)("p",{children:String(n)}),(0,i.jsx)("div",{children:(0,i.jsx)("button",{type:"button",onClick:t,children:"Retry"})})]}):r?(0,i.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,i.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,i.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,i.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,i.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,i.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,i.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,i.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,i.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=t(8120),u=t(5548);function d(e,n){if("*"===e)return o()({loading:l,loader:()=>t.e(4552).then(t.bind(t,4552)),modules:["@theme/NotFound"],webpack:()=>[4552],render(e,n){const t=e.default;return(0,i.jsx)(u.Y,{value:{plugin:{name:"native",id:"default"}},children:(0,i.jsx)(t,{...n})})}});const r=a[`${e}-${n}`],d={},p=[],f=[],m=(0,c.c)(r);return Object.entries(m).forEach((e=>{let[n,t]=e;const r=s[t];r&&(d[n]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(n,t){const o=JSON.parse(JSON.stringify(r));Object.entries(n).forEach((n=>{let[t,r]=n;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 s=o;const i=t.split(".");i.slice(0,-1).forEach((e=>{s=s[e]})),s[i[i.length-1]]=a}));const a=o.__comp;delete o.__comp;const s=o.__context;return delete o.__context,(0,i.jsx)(u.Y,{value:s,children:(0,i.jsx)(a,{...o,...t})})}})}const p=[{path:"/search",component:d("/search","437"),exact:!0},{path:"/docs",component:d("/docs","3d8"),routes:[{path:"/docs",component:d("/docs","257"),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/apollo-client",component:d("/docs/tags/apollo-client","ee0"),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/backend",component:d("/docs/tags/backend","908"),exact:!0},{path:"/docs/tags/cache",component:d("/docs/tags/cache","283"),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/colors",component:d("/docs/tags/colors","9a5"),exact:!0},{path:"/docs/tags/community",component:d("/docs/tags/community","de4"),exact:!0},{path:"/docs/tags/custom-commands",component:d("/docs/tags/custom-commands","269"),exact:!0},{path:"/docs/tags/darkmode",component:d("/docs/tags/darkmode","2b8"),exact:!0},{path:"/docs/tags/data-synchronization",component:d("/docs/tags/data-synchronization","453"),exact:!0},{path:"/docs/tags/database",component:d("/docs/tags/database","7e4"),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/emotion-js",component:d("/docs/tags/emotion-js","a0a"),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/font-awesome",component:d("/docs/tags/font-awesome","c23"),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/icons",component:d("/docs/tags/icons","3e5"),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/login",component:d("/docs/tags/login","a24"),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/offline-support",component:d("/docs/tags/offline-support","6ec"),exact:!0},{path:"/docs/tags/power-sync",component:d("/docs/tags/power-sync","dca"),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",component:d("/docs/tags/react-native","873"),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/reactotron",component:d("/docs/tags/reactotron","cf3"),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/session",component:d("/docs/tags/session","2f1"),exact:!0},{path:"/docs/tags/signup",component:d("/docs/tags/signup","c30"),exact:!0},{path:"/docs/tags/state-management",component:d("/docs/tags/state-management","181"),exact:!0},{path:"/docs/tags/styled-components",component:d("/docs/tags/styled-components","e53"),exact:!0},{path:"/docs/tags/supabase",component:d("/docs/tags/supabase","e10"),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/theming",component:d("/docs/tags/theming","bbf"),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/unistyles",component:d("/docs/tags/unistyles","8aa"),exact:!0},{path:"/docs/tags/uses-feature",component:d("/docs/tags/uses-feature","f1a"),exact:!0},{path:"/docs/tags/vector-icons",component:d("/docs/tags/vector-icons","968"),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","548"),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/communityRecipes/",component:d("/docs/communityRecipes/","fc5"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/communityRecipes/CustomVectorIcons",component:d("/docs/communityRecipes/CustomVectorIcons","b15"),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/ApolloClientCache",component:d("/docs/recipes/ApolloClientCache","f38"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Authentication",component:d("/docs/recipes/Authentication","41e"),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/LocalFirstDataWithPowerSync",component:d("/docs/recipes/LocalFirstDataWithPowerSync","9a4"),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/Theming-Emotion",component:d("/docs/recipes/Theming-Emotion","715"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Theming-StyledComponents",component:d("/docs/recipes/Theming-StyledComponents","069"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Theming-Unistyles",component:d("/docs/recipes/Theming-Unistyles","905"),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,n,t)=>{"use strict";t.d(n,{e:()=>a,g:()=>s});var r=t(1504),o=t(7624);const a=r.createContext(!1);function s(e){let{children:n}=e;const[t,s]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{s(!0)}),[]),(0,o.jsx)(a.Provider,{value:t,children:n})}},8808:(e,n,t)=>{"use strict";var r=t(1504),o=t(8352),a=t(440),s=t(2160),i=t(8684);const l=[t(7483),t(1462),t(5396),t(1976),t(9115)];var c=t(628),u=t(5592),d=t(5464),p=t(7624);function f(e){let{children:n}=e;return(0,p.jsx)(p.Fragment,{children:n})}var m=t(6952),g=t(8264),h=t(964),y=t(1824),b=t(5008),v=t(1616),S=t(204),w=t(4456),x=t(5684),k=t(8712);function T(){const{i18n:{currentLocale:e,defaultLocale:n,localeConfigs:t}}=(0,g.c)(),r=(0,v.D)(),o=t[e].htmlLang,a=e=>e.replace("-","_");return(0,p.jsxs)(m.c,{children:[Object.entries(t).map((e=>{let[n,{htmlLang:t}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:n,fullyQualified:!0}),hrefLang:t},n)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:n,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(t).filter((e=>o!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function E(e){let{permalink:n}=e;const{siteConfig:{url:t}}=(0,g.c)(),r=function(){const{siteConfig:{url:e,baseUrl:n,trailingSlash:t}}=(0,g.c)(),{pathname:r}=(0,u.IT)();return e+(0,x.applyTrailingSlash)((0,h.c)(r),{trailingSlash:t,baseUrl:n})}(),o=n?`${t}${n}`: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:n,image:t}=(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})]}),t&&(0,p.jsx)(b.U7,{image:t}),(0,p.jsx)(E,{}),(0,p.jsx)(T,{}),(0,p.jsx)(k.c,{tag:w.e6,locale:e}),(0,p.jsx)(m.c,{children:n.map(((e,n)=>(0,p.jsx)("meta",{...e},n)))})]})}const A=new Map;function _(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,d.C)(c.c,e.pathname).some((e=>{let{route:n}=e;return!0===n.exact})))return A.set(e.pathname,e.pathname),e;const n=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,n),{...e,pathname:n}}var I=t(240),P=t(136),R=t(5288);function L(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),r=1;r<n;r++)t[r-1]=arguments[r];const o=l.map((n=>{const r=n.default?.[e]??n[e];return r?.(...t)}));return()=>o.forEach((e=>e?.()))}const O=function(e){let{children:n,location:t,previousLocation:r}=e;return(0,R.c)((()=>{r!==t&&(!function(e){let{location:n,previousLocation:t}=e;if(!t)return;const r=n.pathname===t.pathname,o=n.hash===t.hash,a=n.search===t.search;if(r&&o&&!a)return;const{hash:s}=n;if(s){const e=decodeURIComponent(s.substring(1)),n=document.getElementById(e);n?.scrollIntoView()}else window.scrollTo(0,0)}({location:t,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:t}))}),[r,t]),n};function N(e){const n=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.C)(c.c,e))).flat();return Promise.all(n.map((e=>e.route.component.preload?.())))}class F extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=i.c.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,n){if(e.location===this.props.location)return n.nextRouteHasLoaded;const t=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:t}),N(t.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:n}=this.props;return(0,p.jsx)(O,{previousLocation:this.previousLocation,location:n,children:(0,p.jsx)(u.kX,{location:n,render:()=>e})})}}const j=F,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 U(){const{siteConfig:{baseUrl:e}}=(0,g.c)();return(0,p.jsx)(p.Fragment,{children:!i.c.canUseDOM&&(0,p.jsx)(m.c,{children:(0,p.jsx)("script",{children:$(e)})})})}function V(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:n}}=(0,g.c)(),{pathname:t}=(0,u.IT)();return n&&t===e?(0,p.jsx)(U,{}):null}function z(){const{siteConfig:{favicon:e,title:n,noIndex:t},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.c)(),a=(0,h.c)(e),{htmlLang:s,direction:i}=o[r];return(0,p.jsxs)(m.c,{children:[(0,p.jsx)("html",{lang:s,dir:i}),(0,p.jsx)("title",{children:n}),(0,p.jsx)("meta",{property:"og:title",content:n}),(0,p.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),t&&(0,p.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,p.jsx)("link",{rel:"icon",href:a})]})}var H=t(5852),W=t(3664);function G(){const e=(0,W.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),n=(0,u.IT)();return(0,p.jsx)(H.c,{children:(0,p.jsx)(P.y,{children:(0,p.jsxs)(I.g,{children:[(0,p.jsxs)(f,{children:[(0,p.jsx)(z,{}),(0,p.jsx)(C,{}),(0,p.jsx)(V,{}),(0,p.jsx)(j,{location:_(n),children:e})]}),(0,p.jsx)(G,{})]})})})}var K=t(4504);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((n,t)=>{if("undefined"==typeof document)return void t();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>n(),r.onerror=()=>t();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((n,t)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?n():t()},r.send(null)}))};var X=t(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 n=(0,d.C)(c.c,e).flatMap((e=>{return n=e.route.path,Object.entries(K).filter((e=>{let[t]=e;return t.replace(/-[^-]+$/,"")===n})).flatMap((e=>{let[,n]=e;return Object.values((0,X.c)(n))}));var n}));return Promise.all(n.map((e=>{const n=t.gca(e);return n&&!n.includes("undefined")?Y(n).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!Z.has(e))(e)&&(Z.add(e),N(e))},ne=Object.freeze(ee),te=Boolean(!0);if(i.c.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),n=(0,p.jsx)(s.EN,{children:(0,p.jsx)(a.kn,{children:(0,p.jsx)(q,{})})}),t=(e,n)=>{console.error("Docusaurus React Root onRecoverableError:",e,n)},i=()=>{if(te)r.startTransition((()=>{o.hydrateRoot(e,n,{onRecoverableError:t})}));else{const a=o.createRoot(e,{onRecoverableError:t});r.startTransition((()=>{a.render(n)}))}};N(window.location.pathname).then(i)}},136:(e,n,t)=>{"use strict";t.d(n,{e:()=>d,y:()=>p});var r=t(1504),o=t(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":"4 months ago","title":"Accessiblity Font Sizes","publish_date":"2022-10-09","doc_name":"AccessibilityFontSizes.md"},{"author":"Frank Calise","content":"npx ignite-cli@latest new ignite-apollo-cmds --yes\\ncd ignite-apollo-cmds\\nnpx expo install @apollo/client graphql\\nmkdir app/stores/apollo\\ntouch app/stores/apollo/index.tsx\\n\\nimport { ApolloClient, InMemoryCache } from \\"@apollo/client\\";\\n\\nconst cache = new InMemoryCache();\\n\\nexport const client = new ApolloClient({\\n  uri: \\"https://api.graphql.guide/graphql\\",\\n  cache,\\n  defaultOptions: {\\n    watchQuery: { fetchPolicy: \\"cache-and-network\\" },\\n  },\\n});\\n\\n// success-line-start\\nimport { ApolloProvider } from \\"@apollo/client\\";\\nimport { client as apolloClient } from \\"app/stores/apollo\\";\\n// success-line-end\\n\\n// ...\\n\\nreturn (\\n  // success-line\\n  <ApolloProvider client={apolloClient}>\\n    <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n      <ErrorBoundary catchErrors={Config.catchErrors}>\\n        <GestureHandlerRootView style={$container}>\\n          <AppNavigator\\n            linking={linking}\\n            initialState={initialNavigationState}\\n            onStateChange={onNavigationStateChange}\\n          />\\n        </GestureHandlerRootView>\\n      </ErrorBoundary>\\n    </SafeAreaProvider>\\n    // success-line\\n  </ApolloProvider>\\n);\\n\\nreactotron.onCustomCommand({\\n  title: \\"Extract Apollo Client Cache\\",\\n  description: \\"Gets the updated InMemory cache from Apollo Client\\",\\n  command: \\"extractApolloCache\\",\\n  handler: () => {\\n    Reactotron.display({\\n      name: \\"Apollo Cache\\",\\n      preview: \\"Cache Snapshot\\",\\n      value: apolloClient.cache.extract(),\\n    });\\n  },\\n});\\n\\n{\\n  \\"parent\\": {\\n    \\"child\\": {\\n      \\"someProp\\": 5\\n    }\\n  }\\n}\\n\\nfunction getNestedCacheValue(keyPath: string): any {\\n  // Extract the entire cache\\n  const cache: NormalizedCacheObject = client.cache.extract();\\n\\n  // Define a regular expression to match keys and array accessors\\n  const pathSegmentRegex = /[^.[\\\\]]+|\\\\[\\\\d+\\\\]/g;\\n\\n  // Extract path segments, including array indices\\n  const pathSegments = keyPath.match(pathSegmentRegex) || [];\\n\\n  // Navigate through the path segments to get to the desired value\\n  const value = pathSegments.reduce((acc, segment) => {\\n    // Check if the segment is an array accessor, e.g., [1]\\n    if (segment.startsWith(\\"[\\") && segment.endsWith(\\"]\\")) {\\n      // Extract the index from the segment and convert it to a number\\n      const index = parseInt(segment.slice(1, -1), 10);\\n      return acc ? acc[index] : undefined;\\n    }\\n    // Handle normal object property access\\n    return acc ? acc[segment] : undefined;\\n  }, cache);\\n\\n  return value ?? null; // Return null if the value is undefined at any point\\n}\\n\\nreactotron.onCustomCommand({\\n  title: \\"Extract Apollo Client Cache by Key\\",\\n  description: \\"Retrieves a specific key from the Apollo Client cache\\",\\n  command: \\"extractApolloCacheByKey\\",\\n  args: [{ name: \\"key\\", type: ArgType.String }],\\n  handler: (args) => {\\n    const { key } = args ?? {};\\n    if (key) {\\n      const findValue = getNestedCacheValue(key);\\n      if (findValue) {\\n        Reactotron.display({\\n          name: \\"Apollo Cache\\",\\n          preview: `Cache Value for Key: ${key}`,\\n          value: findValue,\\n        });\\n      } else {\\n        Reactotron.display({\\n          name: \\"Apollo Cache\\",\\n          preview: `Value not available for key: ${key}`,\\n        });\\n      }\\n    } else {\\n      Reactotron.log(\\"Could not extract cache value. No key provided.\\");\\n    }\\n  },\\n});\\n\\n","lastUpdated":"3 months ago","title":"Extracting Apollo Client\'s Cache in Reactotron","publish_date":"2024-03-26","doc_name":"ApolloClientCache.md"},{"author":"Nick Morgan (@morganick)","content":"bunx ignite-cli@latest new AuthRecipe --workflow=cng --remove-demo --git --install-deps --packager=bun\\n\\ncd AuthRecipe\\nbun run ios\\n\\nbunx ignite-cli@latest generate screen SignIn\\n\\nimport React, { FC, useState } from \\"react\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport {\\n  Image,\\n  ImageStyle,\\n  Pressable,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\"\\nimport { AppStackScreenProps } from \\"app/navigators\\"\\nimport { Button, Screen, Text, TextField } from \\"app/components\\"\\nimport { useSafeAreaInsetsStyle } from \\"app/utils/useSafeAreaInsetsStyle\\"\\nimport { colors, spacing } from \\"app/theme\\"\\n\\nconst logo = require(\\"../../assets/images/logo.png\\")\\n\\ninterface SignInScreenProps extends AppStackScreenProps<\\"SignIn\\"> {}\\n\\nexport const SignInScreen: FC<SignInScreenProps> = observer(\\n  function SignInScreen() {\\n    const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n    const [email, setEmail] = useState(\\"\\")\\n    const [password, setPassword] = useState(\\"\\")\\n\\n    const onSignIn = () => {\\n      // Sign In Flow\\n      console.log(\\"Sign In Flow\\", { email, password })\\n    }\\n\\n    const onSignUp = () => {\\n      // Sign Up Flow\\n      console.log(\\"Sign Up Flow\\")\\n    }\\n\\n    const onForgotPassword = () => {\\n      // Forgot Password Flow\\n      console.log(\\"Forgot Password Flow\\")\\n    }\\n\\n    return (\\n      <Screen\\n        contentContainerStyle={$root}\\n        preset=\\"auto\\"\\n        safeAreaEdges={[\\"top\\"]}\\n      >\\n        <View style={$container}>\\n          <View style={$topContainer}>\\n            <Image style={$logo} source={logo} resizeMode=\\"contain\\" />\\n          </View>\\n          <View style={[$bottomContainer, $bottomContainerInsets]}>\\n            <View>\\n              <TextField\\n                containerStyle={$textField}\\n                label=\\"Email\\"\\n                autoCapitalize=\\"none\\"\\n                defaultValue={email}\\n                onChangeText={setEmail}\\n              />\\n              <TextField\\n                containerStyle={$textField}\\n                label=\\"Password\\"\\n                autoCapitalize=\\"none\\"\\n                defaultValue={password}\\n                secureTextEntry\\n                onChangeText={setPassword}\\n              />\\n            </View>\\n            <View>\\n              <Button onPress={onSignIn}>Sign In</Button>\\n              <Pressable style={$forgotPassword} onPress={onForgotPassword}>\\n                <Text preset=\\"bold\\">Forgot Password?</Text>\\n              </Pressable>\\n              <Text style={$buttonDivider}>- or -</Text>\\n              <Button preset=\\"reversed\\" onPress={onSignUp}>\\n                Sign Up\\n              </Button>\\n            </View>\\n            <View style={$cap} />\\n          </View>\\n        </View>\\n      </Screen>\\n    )\\n  }\\n)\\n\\nconst $root: ViewStyle = {\\n  minHeight: \\"100%\\",\\n  backgroundColor: colors.palette.neutral100,\\n}\\n\\nconst $container: ViewStyle = {\\n  backgroundColor: colors.background,\\n}\\n\\nconst $topContainer: ViewStyle = {\\n  height: 200,\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n}\\n\\nconst $bottomContainer: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n  paddingBottom: spacing.xl,\\n  paddingHorizontal: spacing.lg,\\n}\\n\\nconst $cap: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n  borderTopLeftRadius: 16,\\n  borderTopRightRadius: 16,\\n  height: spacing.xl,\\n  position: \\"absolute\\",\\n  top: -spacing.xl,\\n  left: 0,\\n  right: 0,\\n}\\n\\nconst $textField: ViewStyle = {\\n  marginBottom: spacing.md,\\n}\\n\\nconst $forgotPassword: ViewStyle = {\\n  marginVertical: spacing.md,\\n}\\n\\nconst $buttonDivider: TextStyle = {\\n  textAlign: \\"center\\",\\n  marginVertical: spacing.md,\\n}\\n\\nconst $logo: ImageStyle = {\\n  height: 88,\\n  width: \\"100%\\",\\n  marginBottom: spacing.xxl,\\n}\\n\\nconst AppStack = observer(function AppStack() {\\n  // success-line\\n  const isAuthenticated = false\\n  return (\\n    <Stack.Navigator\\n      screenOptions={{\\n        headerShown: false,\\n        navigationBarColor: colors.background,\\n      }}\\n    >\\n      // success-line-start\\n      {isAuthenticated ? (\\n        <>\\n          {/** \ud83d\udd25 Your screens go here */}\\n          <Stack.Screen name=\\"Welcome\\" component={Screens.WelcomeScreen} />\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */}\\n        </>\\n      ) : (\\n        <Stack.Screen name=\\"SignIn\\" component={Screens.SignInScreen} />\\n      )}\\n      // success-line-end\\n    </Stack.Navigator>\\n  )\\n})\\n\\nEXPO_PUBLIC_SUPABASE_URL=\\"https://<your-project-id>.supabase.co\\"\\nEXPO_PUBLIC_SUPABASE_ANON_KEY=\\"<your-anon-public-key>\\"\\n\\n.env\\n\\nbunx eas secret:push --scope project --env-file .env\\n\\nexport interface ConfigBaseProps {\\n  persistNavigation: \\"always\\" | \\"dev\\" | \\"prod\\" | \\"never\\"\\n  catchErrors: \\"always\\" | \\"dev\\" | \\"prod\\" | \\"never\\"\\n  exitRoutes: string[]\\n  // success-line-start\\n  supabaseUrl: string\\n  supabaseAnonKey: string\\n  // success-line-end\\n}\\n\\nexport type PersistNavigationConfig = ConfigBaseProps[\\"persistNavigation\\"]\\n\\nconst BaseConfig: ConfigBaseProps = {\\n  // This feature is particularly useful in development mode, but\\n  // can be used in production as well if you prefer.\\n  persistNavigation: \\"dev\\",\\n\\n  /**\\n   * Only enable if we\'re catching errors in the right environment\\n   */\\n  catchErrors: \\"always\\",\\n\\n  /**\\n   * This is a list of all the route names that will exit the app if the back button\\n   * is pressed while in that screen. Only affects Android.\\n   */\\n  exitRoutes: [\\"Welcome\\"],\\n  // success-line-start\\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\\n  supabaseUrl: process.env.EXPO_PUBLIC_SUPABASE_URL!,\\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\\n  supabaseAnonKey: process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!,\\n  // success-line-end\\n}\\n\\nexport default BaseConfig\\n\\nbunx expo install @supabase/supabase-js react-native-mmkv\\n\\nbun ios\\n# or\\nbun android\\n\\nimport { MMKV } from \\"react-native-mmkv\\"\\n\\nconst storage = new MMKV({\\n  id: \\"session\\",\\n})\\n\\n// TODO: Remove this workaround for encryption: https://github.com/mrousavy/react-native-mmkv/issues/665\\nstorage.set(\\"workaround\\", true)\\n\\n/**\\n * A simple wrapper around MMKV that provides a base API\\n * that matches AsyncStorage for use with Supabase.\\n */\\n\\n/**\\n * Get an item from storage by key\\n *\\n * @param {string} key of the item to fetch\\n * @returns {Promise<string | null>} value for the key as a string or null if not found\\n */\\nexport async function getItem(key: string): Promise<string | null> {\\n  try {\\n    return storage.getString(key) ?? null\\n  } catch {\\n    console.warn(`Failed to get key \\"${key}\\" from secure storage`)\\n    return null\\n  }\\n}\\n\\n/**\\n * Sets an item in storage by key\\n *\\n * @param {string} key of the item to store\\n * @param {string} value of the item to store\\n */\\nexport async function setItem(key: string, value: string): Promise<void> {\\n  try {\\n    storage.set(key, value)\\n  } catch {\\n    console.warn(`Failed to set key \\"${key}\\" in secure storage`)\\n  }\\n}\\n\\n/**\\n * Removes a single item from storage by key\\n *\\n * @param {string} key of the item to remove\\n */\\nexport async function removeItem(key: string): Promise<void> {\\n  try {\\n    storage.delete(key)\\n  } catch {\\n    console.warn(`Failed to remove key \\"${key}\\" from secure storage`)\\n  }\\n}\\n\\nbunx expo install expo-secure-store expo-crypto\\n\\n...\\n    \\"plugins\\": [\\n      \\"expo-localization\\",\\n      // success-line\\n      \\"expo-secure-store\\",\\n      [\\n        \\"expo-build-properties\\",\\n        {\\n          \\"ios\\": {\\n            \\"newArchEnabled\\": false,\\n            \\"flipper\\": false\\n          },\\n          \\"android\\": {\\n            \\"newArchEnabled\\": false\\n          }\\n        }\\n      ],\\n      \\"expo-font\\"\\n    ],\\n...\\n\\nbun ios\\n# or\\nbun android\\n\\nimport { MMKV } from \\"react-native-mmkv\\"\\n// success-line-start\\nimport * as SecureStore from \\"expo-secure-store\\"\\nimport * as Crypto from \\"expo-crypto\\"\\n\\nconst fetchOrGenerateEncryptionKey = (): string => {\\n  const encryptionKey = SecureStore.getItem(\\"session-encryption-key\\")\\n\\n  if (encryptionKey) {\\n    return encryptionKey\\n  } else {\\n    const uuid = Crypto.randomUUID()\\n    SecureStore.setItem(\\"session-encryption-key\\", uuid)\\n    return uuid\\n  }\\n}\\n// success-line-end\\n\\nconst storage = new MMKV({\\n  id: \\"session\\",\\n  // success-line\\n  encryptionKey: fetchOrGenerateEncryptionKey(),\\n})\\n\\n...\\n\\nimport Config from \\"app/config\\"\\nimport { createClient } from \\"@supabase/supabase-js\\"\\nimport * as SessionStorage from \\"app/utils/storage/SessionStorage\\"\\nimport { AppState } from \\"react-native\\"\\n\\nexport const supabase = createClient(\\n  Config.supabaseUrl,\\n  Config.supabaseAnonKey,\\n  {\\n    auth: {\\n      storage: SessionStorage,\\n      autoRefreshToken: true,\\n      detectSessionInUrl: false,\\n    },\\n  }\\n)\\n\\nexport { type Session, type AuthError } from \\"@supabase/supabase-js\\"\\n\\n/**\\n * Tells Supabase to autorefresh the session while the application\\n * is in the foreground. (Docs: https://supabase.com/docs/reference/javascript/auth-startautorefresh)\\n */\\nAppState.addEventListener(\\"change\\", (nextAppState) => {\\n  if (nextAppState === \\"active\\") {\\n    supabase.auth.startAutoRefresh()\\n  } else {\\n    supabase.auth.stopAutoRefresh()\\n  }\\n})\\n\\nimport React, {\\n  createContext,\\n  PropsWithChildren,\\n  useCallback,\\n  useContext,\\n  useState,\\n} from \\"react\\"\\nimport { Session, supabase } from \\"./supabase\\"\\nimport { AuthResponse, AuthTokenResponsePassword } from \\"@supabase/supabase-js\\"\\n\\ntype AuthState = {\\n  isAuthenticated: boolean\\n  token?: Session[\\"access_token\\"]\\n}\\n\\ntype SignInProps = {\\n  email: string\\n  password: string\\n}\\n\\ntype SignUpProps = {\\n  email: string\\n  password: string\\n}\\n\\ntype AuthContextType = {\\n  signIn: (props: SignInProps) => Promise<AuthTokenResponsePassword>\\n  signUp: (props: SignUpProps) => Promise<AuthResponse>\\n} & AuthState\\n\\nconst AuthContext = createContext<AuthContextType>({\\n  isAuthenticated: false,\\n  token: undefined,\\n  signIn: () => new Promise(() => ({})),\\n  signUp: () => new Promise(() => ({})),\\n})\\n\\nexport function useAuth() {\\n  const value = useContext(AuthContext)\\n\\n  if (process.env.NODE_ENV !== \\"production\\") {\\n    if (!value) {\\n      throw new Error(\\"useAuth must be used within an AuthProvider\\")\\n    }\\n  }\\n\\n  return value\\n}\\n\\nexport const AuthProvider = ({ children }: PropsWithChildren) => {\\n  const [token, setToken] = useState<AuthState[\\"token\\"]>(undefined)\\n\\n  const signIn = useCallback(\\n    async ({ email, password }: SignInProps) => {\\n      const result = await supabase.auth.signInWithPassword({\\n        email,\\n        password,\\n      })\\n\\n      if (result.data?.session?.access_token) {\\n        setToken(result.data.session.access_token)\\n      }\\n\\n      return result\\n    },\\n    [supabase]\\n  )\\n\\n  const signUp = useCallback(\\n    async ({ email, password }: SignUpProps) => {\\n      const result = await supabase.auth.signUp({\\n        email,\\n        password,\\n      })\\n\\n      if (result.data?.session?.access_token) {\\n        setToken(result.data.session.access_token)\\n      }\\n\\n      return result\\n    },\\n    [supabase]\\n  )\\n\\n  return (\\n    <AuthContext.Provider\\n      value={{\\n        isAuthenticated: !!token,\\n        token,\\n        signIn,\\n        signUp,\\n      }}\\n    >\\n      {children}\\n    </AuthContext.Provider>\\n  )\\n}\\n\\n...\\nimport { ViewStyle } from \\"react-native\\"\\n// success-line\\nimport { AuthProvider } from \\"./services/auth/useAuth\\"\\n\\n...\\n\\n  return (\\n    // success-line\\n    <AuthProvider>\\n      <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n        <ErrorBoundary catchErrors={Config.catchErrors}>\\n          <GestureHandlerRootView style={$container}>\\n            <AppNavigator\\n              linking={linking}\\n              initialState={initialNavigationState}\\n              onStateChange={onNavigationStateChange}\\n            />\\n          </GestureHandlerRootView>\\n        </ErrorBoundary>\\n      </SafeAreaProvider>\\n    // success-line\\n    </AuthProvider>\\n  )\\n}\\n\\n...\\n\\nimport { colors } from \\"app/theme\\"\\n// success-line\\nimport { useAuth } from \\"app/services/auth/useAuth\\"\\n\\n...\\n\\nconst AppStack = observer(function AppStack() {\\n  // error-line\\n  const isAuthenticated = false\\n  // success-line\\n  const { isAuthenticated } = useAuth()\\n  return (\\n    <Stack.Navigator screenOptions={{ headerShown: false, navigationBarColor: colors.background }}>\\n      {isAuthenticated ? (\\n        <>\\n          {/** \ud83d\udd25 Your screens go here */}\\n          <Stack.Screen name=\\"Welcome\\" component={Screens.WelcomeScreen} />\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */}\\n        </>\\n      ) : (\\n        <Stack.Screen name=\\"SignIn\\" component={Screens.SignInScreen} />\\n      )}\\n    </Stack.Navigator>\\n  )\\n})\\n\\n...\\n\\n...\\nimport { colors, spacing } from \\"app/theme\\"\\n// success-line\\nimport { useAuth } from \\"app/services/auth/useAuth\\"\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  // success-line\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n\\n  const passwordInput = React.useRef<TextInput>(null)\\n\\n  const onSignIn = () => {\\n    // error-line-start\\n    // Sign In Flow\\n    console.log(\\"Sign In Flow\\", { email, password })\\n    // error-line-end\\n    // success-line\\n    signIn({ email, password })\\n  }\\n\\n  const onSignUp = () => {\\n    // error-line-start\\n    // Sign Up Flow\\n    console.log(\\"Sign Up Flow\\")\\n    // error-line-end\\n    // success-line\\n    signUp({ email, password })\\n  }\\n\\n...\\n\\n...\\ntype AuthContextType = {\\n  signIn: (props: SignInProps) => Promise<AuthTokenResponsePassword>\\n  signUp: (props: SignUpProps) => Promise<AuthResponse>\\n  // success-line\\n  signOut: () => void\\n} & AuthState\\n\\nconst AuthContext = createContext<AuthContextType>({\\n  isAuthenticated: false,\\n  token: undefined,\\n  signIn: () => new Promise(() => ({})),\\n  signUp: () => new Promise(() => ({})),\\n  // success-line\\n  signOut: () => undefined,\\n})\\n...\\nexport const AuthProvider = ({ children }: PropsWithChildren) => {\\n...\\n  // success-line-start\\n  const signOut = useCallback(async () => {\\n    await supabase.auth.signOut()\\n    setToken(undefined)\\n  }, [supabase])\\n  // success-line-end\\n\\n  return (\\n    <AuthContext.Provider\\n      value={{\\n        isAuthenticated: !!token,\\n        token,\\n        signIn,\\n        signUp,\\n        // success-line\\n        signOut,\\n      }}\\n    >\\n      {children}\\n    </AuthContext.Provider>\\n  )\\n}\\n\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React, { FC } from \\"react\\"\\nimport { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\"\\n// error-line\\nimport { Text } from \\"app/components\\"\\n// success-line\\nimport { Button, Text } from \\"app/components\\"\\nimport { isRTL } from \\"../i18n\\"\\nimport { AppStackScreenProps } from \\"../navigators\\"\\nimport { colors, spacing } from \\"../theme\\"\\nimport { useSafeAreaInsetsStyle } from \\"../utils/useSafeAreaInsetsStyle\\"\\n// success-line\\nimport { useAuth } from \\"app/services/auth/useAuth\\"\\n\\nconst welcomeLogo = require(\\"../../assets/images/logo.png\\")\\nconst welcomeFace = require(\\"../../assets/images/welcome-face.png\\")\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\\n  function WelcomeScreen() {\\n    const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n    const { signOut } = useAuth()\\n\\n    return (\\n      <View style={$container}>\\n        <View style={$topContainer}>\\n          <Image\\n            style={$welcomeLogo}\\n            source={welcomeLogo}\\n            resizeMode=\\"contain\\"\\n          />\\n          <Text\\n            testID=\\"welcome-heading\\"\\n            style={$welcomeHeading}\\n            // error-line\\n            tx=\\"welcomeScreen.readyForLaunch\\"\\n            // success-line\\n            text=\\"Congratulations \ud83c\udf89 You\'re signed in!\\"\\n            preset=\\"heading\\"\\n          />\\n          <Text tx=\\"welcomeScreen.exciting\\" preset=\\"subheading\\" />\\n          <Image\\n            style={$welcomeFace}\\n            source={welcomeFace}\\n            resizeMode=\\"contain\\"\\n          />\\n        </View>\\n        <View style={[$bottomContainer, $bottomContainerInsets]}>\\n          // error-line\\n          <Text tx=\\"welcomeScreen.postscript\\" size=\\"md\\" />\\n          // success-line\\n          <Button onPress={signOut}>Sign Out</Button>\\n        </View>\\n      </View>\\n    )\\n  }\\n)\\n\\n...\\nconst AppStack = observer(function AppStack() {\\n  const { isAuthenticated } = useAuth()\\n  return (\\n    <Stack.Navigator screenOptions={{ headerShown: false, navigationBarColor: colors.background }}>\\n      {isAuthenticated ? (\\n        <>\\n          {/** \ud83d\udd25 Your screens go here */}\\n          <Stack.Screen name=\\"Welcome\\" component={Screens.WelcomeScreen} />\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */}\\n        </>\\n      ) : (\\n        <Stack.Screen\\n          name=\\"SignIn\\"\\n          component={Screens.SignInScreen}\\n          // success-line\\n          options={{ animationTypeForReplace: \\"pop\\" }}\\n        />\\n      )}\\n    </Stack.Navigator>\\n  )\\n})\\n...\\n\\n...\\n// error-line\\nimport React, { createContext, PropsWithChildren, useCallback, useContext, useState } from \\"react\\"\\n// success-line\\nimport React, { createContext, PropsWithChildren, useCallback, useContext, useEffect, useState } from \\"react\\"\\n...\\nexport const AuthProvider = ({ children }: PropsWithChildren) => {\\n  const [token, setToken] = useState<AuthState[\\"token\\"]>(undefined)\\n\\n  // success-line-start\\n  useEffect(() => {\\n    const {\\n      data: { subscription },\\n    } = supabase.auth.onAuthStateChange((event, session) => {\\n      switch (event) {\\n        case \\"SIGNED_OUT\\":\\n          setToken(undefined)\\n          break\\n        case \\"INITIAL_SESSION\\":\\n        case \\"SIGNED_IN\\":\\n        case \\"TOKEN_REFRESHED\\":\\n          setToken(session?.access_token)\\n          break\\n        default:\\n        // no-op\\n      }\\n    })\\n\\n    return () => {\\n      subscription.unsubscribe()\\n    }\\n  }, [supabase])\\n  // success-line-end\\n...\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [isSigningIn, setIsSigningIn] = useState(false)\\n\\n  // error-line-start\\n  const onSignIn = () => {\\n    signIn({ email, password })\\n  // error-line-end\\n  // success-line-start\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      await signIn({ email, password })\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  // success-line-end\\n  }\\n  ...\\n            // error-line\\n            <Button onPress={onSignIn}>Sign In</Button>\\n            // success-line-start\\n            <Button onPress={onSignIn}>\\n              {isSigningIn ? \\"Signing In...\\" : \\"Sign In\\"}\\n            </Button>\\n            // success-line-end\\n            ...\\n\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  const [isSigningIn, setIsSigningIn] = useState(false)\\n  // success-line\\n  const [isSigningUp, setIsSigningUp] = useState(false)\\n\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      await signIn({ email, password })\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  }\\n\\n  // error-line-start\\n  const onSignUp = () => {\\n    signUp({ email, password })\\n  // error-line-end\\n  // success-line-start\\n  const onSignUp = async () => {\\n    try {\\n      setIsSigningUp(true)\\n      await signUp({ email, password })\\n    } finally {\\n      setIsSigningUp(false)\\n    }\\n  // success-line-end\\n  }\\n  ...\\n            // error-line\\n            <Button preset=\\"reversed\\" onPress={onSignUp}>Sign Up</Button>\\n            // success-line-start\\n            <Button preset=\\"reversed\\" onPress={onSignUp}>\\n              {isSigningUp ? \\"Signing Up...\\" : \\"Sign Up\\"}\\n            </Button>\\n            // success-line-end\\n            ...\\n\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  const [isSigningIn, setIsSigningIn] = useState(false)\\n  const [isSigningUp, setIsSigningUp] = useState(false)\\n  // success-line\\n  const isLoading = isSigningIn || isSigningUp\\n...\\n          <View>\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Email\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={email}\\n              onChangeText={setEmail}\\n              // success-line\\n              readOnly={isLoading}\\n            />\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Password\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={password}\\n              secureTextEntry\\n              onChangeText={setPassword}\\n              // success-line\\n              readOnly={isLoading}\\n            />\\n          </View>\\n          <View>\\n            // success-line\\n            <Button onPress={onSignIn} disabled={isLoading}>\\n              {isSigningIn ? \\"Signing In...\\" : \\"Sign In\\"}\\n            </Button>\\n            // success-line\\n            <Pressable style={$forgotPassword} onPress={onForgotPassword} disabled={isLoading}>\\n              <Text preset=\\"bold\\">Forgot Password?</Text>\\n            </Pressable>\\n            <Text style={$buttonDivider}>- or -</Text>\\n            // success-line\\n            <Button preset=\\"reversed\\" onPress={onSignUp} disabled={isLoading}>\\n              {isSigningUp ? \\"Signing Up...\\" : \\"Sign Up\\"}\\n            </Button>\\n          </View>\\n        </View>\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [error, setError] = useState<string | undefined>(undefined)\\n...\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      // success-line\\n      setError(undefined)\\n\\n      // error-line\\n      await signIn({ email, password })\\n      // success-line-start\\n      const { error } = await signIn({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n      // success-line-end\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  }\\n\\n  const onSignUp = async () => {\\n    try {\\n      setIsSigningUp(true)\\n      // success-line\\n      setError(undefined)\\n\\n      // error-line\\n      await signUp({ email, password })\\n      // success-line-start\\n      const { error } = await signUp({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n      // success-line-end\\n    } finally {\\n      setIsSigningUp(false)\\n    }\\n  }\\n  ...\\n    return (\\n    <Screen\\n      contentContainerStyle={$root}\\n      preset=\\"auto\\"\\n      safeAreaEdges={[\\"top\\"]}\\n    >\\n      <View style={$container}>\\n        <View style={$topContainer}>\\n          <Image style={$logo} source={logo} resizeMode=\\"contain\\" />\\n        </View>\\n        <View style={[$bottomContainer, $bottomContainerInsets]}>\\n          // success-line\\n          {error && <Text style={$errorText}>{error}</Text>}\\n          <View>\\n...\\n\\nconst $logo: ImageStyle = {\\n  height: 88,\\n  width: \\"100%\\",\\n  marginBottom: spacing.xxl,\\n}\\n\\n// success-line-start\\nconst $errorText: TextStyle = {\\n  color: colors.error,\\n}\\n// success-line-end\\n\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [validationErrors, setValidationErrors] = useState<Map<string, string>>(new Map())\\n...\\n  // success-line-start\\n  const validateForm = () => {\\n    const errors: Map<string, string> = new Map()\\n\\n    if (!email || email.split(\\"@\\").length !== 2) {\\n      errors.set(\\"Email\\", \\"must be valid email\\")\\n    }\\n\\n    if (!password) {\\n      errors.set(\\"Password\\", \\"cannot be blank\\")\\n    }\\n\\n    return errors\\n  }\\n  // success-line-end\\n\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      setError(undefined)\\n\\n      // success-line-start\\n      const errors = validateForm()\\n      setValidationErrors(errors)\\n      if (errors.size > 0) return\\n      // success-line-end\\n\\n      const { error } = await signIn({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  }\\n\\n  const onSignUp = async () => {\\n    try {\\n      setIsSigningUp(true)\\n      setError(undefined)\\n\\n      // success-line-start\\n      const errors = validateForm()\\n      setValidationErrors(errors)\\n      if (errors.size > 0) return\\n      // success-line-end\\n\\n      const { error } = await signUp({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n    } finally {\\n      setIsSigningUp(false)\\n    }\\n  }\\n...\\n          <View>\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Email\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={email}\\n              onChangeText={setEmail}\\n              readOnly={isLoading}\\n              // success-line-start\\n              helper={validationErrors.get(\\"Email\\")}\\n              status={validationErrors.get(\\"Email\\") ? \\"error\\" : undefined}\\n              // success-line-end\\n            />\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Password\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={password}\\n              secureTextEntry\\n              onChangeText={setPassword}\\n              readOnly={isLoading}\\n              // success-line-start\\n              helper={validationErrors.get(\\"Password\\")}\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n              // success-line-end\\n            />\\n...\\n\\n...\\n            <TextField\\n              autoCapitalize=\\"none\\"\\n              // success-line-start\\n              autoComplete=\\"email\\"\\n              autoCorrect={false}\\n              // success-line-end\\n              containerStyle={$textField}\\n              defaultValue={email}\\n              helper={validationErrors.get(\\"Email\\")}\\n              // success-line\\n              inputMode=\\"email\\"\\n              label=\\"Email\\"\\n              onChangeText={setEmail}\\n              readOnly={isLoading}\\n              status={validationErrors.get(\\"Email\\") ? \\"error\\" : undefined}\\n            />\\n             <TextField\\n              autoCapitalize=\\"none\\"\\n              // success-line-start\\n              autoComplete=\\"current-password\\"\\n              autoCorrect={false}\\n              // success-line-end\\n              containerStyle={$textField}\\n              defaultValue={password}\\n              helper={validationErrors.get(\\"Password\\")}\\n              label=\\"Password\\"\\n              onChangeText={setPassword}\\n              readOnly={isLoading}\\n              secureTextEntry\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n            />\\n...\\n\\n// error-line\\nimport React, { FC, useState } from \\"react\\"\\n// success-line\\nimport React, { FC, useRef, useState } from \\"react\\"\\nimport { observer } from \\"mobx-react-lite\\"\\n// error-line\\nimport { Image, ImageStyle, Pressable, TextStyle, View, ViewStyle } from \\"react-native\\"\\n// success-line\\nimport { Image, ImageStyle, Pressable, TextInput, TextStyle, View, ViewStyle } from \\"react-native\\"\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  ...\\n  const isLoading = isSigningIn || isSigningUp\\n\\n  // success-line\\n  const passwordInput = useRef<TextInput>(null)\\n\\n  const onSignIn = async () => {\\n...\\n          <View>\\n            <TextField\\n              autoCapitalize=\\"none\\"\\n              autoComplete=\\"email\\"\\n              autoCorrect={false}\\n              containerStyle={$textField}\\n              defaultValue={email}\\n              helper={validationErrors.get(\\"Email\\")}\\n              inputMode=\\"email\\"\\n              label=\\"Email\\"\\n              onChangeText={setEmail}\\n              // success-line\\n              onSubmitEditing={() => passwordInput.current?.focus()}\\n              readOnly={isLoading}\\n              // success-line\\n              returnKeyType=\\"next\\"\\n              status={validationErrors.get(\\"Email\\") ? \\"error\\" : undefined}\\n            />\\n            <TextField\\n              autoCapitalize=\\"none\\"\\n              autoComplete=\\"current-password\\"\\n              autoCorrect={false}\\n              containerStyle={$textField}\\n              defaultValue={password}\\n              helper={validationErrors.get(\\"Password\\")}\\n              label=\\"Password\\"\\n              onChangeText={setPassword}\\n              // success-line\\n              onSubmitEditing={onSignIn}\\n              readOnly={isLoading}\\n              ref={passwordInput}\\n              // success-line\\n              returnKeyType=\\"done\\"\\n              secureTextEntry\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n            />\\n          </View>\\n\\n// error-line\\nimport React, { ComponentType, FC, useRef, useState } from \\"react\\"\\n// success-line\\nimport React, { ComponentType, FC, useMemo, useRef, useState } from \\"react\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport {\\n  Image,\\n  ImageStyle,\\n  Pressable,\\n  TextInput,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\"\\nimport { AppStackParamList, AppStackScreenProps } from \\"app/navigators\\"\\n// error-line\\nimport { Button, Screen, Text, TextField } from \\"app/components\\"\\n// success-line-start\\nimport {\\n  Button,\\n  Icon,\\n  Screen,\\n  Text,\\n  TextField,\\n  TextFieldAccessoryProps,\\n} from \\"app/components\\"\\n// success-line-end\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  ...\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [isPasswordHidden, setIsPasswordHidden] = useState(true)\\n  ...\\n  // success-line-start\\n  const PasswordRightAccessory: ComponentType<TextFieldAccessoryProps> = useMemo(\\n    () =>\\n      function PasswordRightAccessory(props: TextFieldAccessoryProps) {\\n        return (\\n          <Icon\\n            icon={isPasswordHidden ? \\"view\\" : \\"hidden\\"}\\n            color={colors.palette.neutral800}\\n            containerStyle={props.style}\\n            size={20}\\n            onPress={() => setIsPasswordHidden(!isPasswordHidden)}\\n          />\\n        )\\n      },\\n    [isPasswordHidden],\\n  )\\n  // success-line-end\\n\\n  return (\\n    <Screen\\n      contentContainerStyle={$root}\\n      preset=\\"auto\\"\\n      safeAreaEdges={[\\"top\\"]}\\n    >\\n  ...\\n              <TextField\\n              autoCapitalize=\\"none\\"\\n              autoComplete=\\"current-password\\"\\n              autoCorrect={false}\\n              containerStyle={$textField}\\n              defaultValue={password}\\n              helper={validationErrors.get(\\"Password\\")}\\n              labelTx=\\"common.password\\"\\n              onChangeText={setPassword}\\n              onSubmitEditing={onSubmit}\\n              readOnly={isLoading}\\n              ref={passwordInput}\\n              returnKeyType=\\"send\\"\\n              // error-line\\n              secureTextEntry\\n              // success-line-start\\n              RightAccessory={PasswordRightAccessory}\\n              secureTextEntry={isPasswordHidden}\\n              // success-line-end\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n            />\\n  ...\\n\\n","lastUpdated":"4 months ago","title":"Authentication with Supabase","publish_date":"2024-04-12","doc_name":"Authentication.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, 8 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":"1 year, 5 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":"8 months 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":"8 months 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, 9 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 {\\n  goBack,\\n  resetRoot,\\n  navigate,\\n} from \\"app/navigators/navigationUtilities\\";\\n// error-line-end\\n// success-line-start\\nimport { clear } from \\"src/utils/storage\\";\\nimport {\\n  goBack,\\n  resetRoot,\\n  navigate,\\n} 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---\\n// error-line\\ndestinationDir: app/components\\n// success-line\\ndestinationDir: src/components\\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---\\n// error-line\\ndestinationDir: app/models\\n// success-line\\ndestinationDir: src/models\\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\\nimport React from \\"react\\";\\nimport { ViewStyle } from \\"react-native\\";\\nimport { Slot, SplashScreen } from \\"expo-router\\";\\nimport { GestureHandlerRootView } from \\"react-native-gesture-handler\\";\\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 (\\n    <GestureHandlerRootView style={$root}>\\n      <Slot />\\n    </GestureHandlerRootView>\\n  );\\n}\\n\\nconst $root: ViewStyle = { flex: 1 };\\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, {\\n  ComponentType,\\n  useEffect,\\n  useMemo,\\n  useRef,\\n  useState,\\n} from \\"react\\";\\nimport { TextInput, TextStyle, ViewStyle } from \\"react-native\\";\\nimport {\\n  Button,\\n  Icon,\\n  Screen,\\n  Text,\\n  TextField,\\n  TextFieldAccessoryProps,\\n} 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: {\\n      authEmail,\\n      setAuthEmail,\\n      setAuthToken,\\n      validationError,\\n    },\\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> =\\n    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\\n      preset=\\"auto\\"\\n      contentContainerStyle={$screenContentContainer}\\n      safeAreaEdges={[\\"top\\", \\"bottom\\"]}\\n    >\\n      <Text\\n        testID=\\"login-heading\\"\\n        tx=\\"loginScreen.signIn\\"\\n        preset=\\"heading\\"\\n        style={$signIn}\\n      />\\n      <Text\\n        tx=\\"loginScreen.enterDetails\\"\\n        preset=\\"subheading\\"\\n        style={$enterDetails}\\n      />\\n      {attemptsCount > 2 && (\\n        <Text tx=\\"loginScreen.hint\\" size=\\"sm\\" weight=\\"light\\" style={$hint} />\\n      )}\\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\\n        testID=\\"login-button\\"\\n        tx=\\"loginScreen.tapToSignIn\\"\\n        style={$tapButton}\\n        preset=\\"reversed\\"\\n        onPress={login}\\n      />\\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\\n          testID=\\"welcome-heading\\"\\n          style={$welcomeHeading}\\n          tx=\\"welcomeScreen.readyForLaunch\\"\\n          preset=\\"heading\\"\\n        />\\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\\n          testID=\\"next-screen-button\\"\\n          preset=\\"reversed\\"\\n          tx=\\"welcomeScreen.letsGo\\"\\n          onPress={goNext}\\n        />\\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 }) => (\\n            <Icon\\n              icon=\\"components\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"community\\"\\n        options={{\\n          href: \\"/community\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.communityTab\\"),\\n          tabBarIcon: ({ focused }) => (\\n            <Icon\\n              icon=\\"community\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\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 }) => (\\n            <Icon\\n              icon=\\"podcast\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"debug\\"\\n        options={{\\n          href: \\"/debug\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.debugTab\\"),\\n          tabBarIcon: ({ focused }) => (\\n            <Icon\\n              icon=\\"debug\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\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\\n      preset=\\"scroll\\"\\n      contentContainerStyle={$container}\\n      safeAreaEdges={[\\"top\\"]}\\n    >\\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\\n        preset=\\"subheading\\"\\n        tx=\\"demoCommunityScreen.makeIgniteEvenBetterTitle\\"\\n        style={$sectionTitle}\\n      />\\n      <Text\\n        tx=\\"demoCommunityScreen.makeIgniteEvenBetter\\"\\n        style={$description}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.contributeToIgniteLink\\"\\n        leftIcon=\\"github\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() =>\\n          openLinkInBrowser(\\"https://github.com/infinitered/ignite\\")\\n        }\\n      />\\n\\n      <Text\\n        preset=\\"subheading\\"\\n        tx=\\"demoCommunityScreen.theLatestInReactNativeTitle\\"\\n        style={$sectionTitle}\\n      />\\n      <Text\\n        tx=\\"demoCommunityScreen.theLatestInReactNative\\"\\n        style={$description}\\n      />\\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\\n        preset=\\"subheading\\"\\n        tx=\\"demoCommunityScreen.hireUsTitle\\"\\n        style={$sectionTitle}\\n      />\\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 {\\n  Button,\\n  ButtonAccessoryProps,\\n  Card,\\n  EmptyState,\\n  Icon,\\n  ListView,\\n  Screen,\\n  Text,\\n  Toggle,\\n} 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\\n      preset=\\"fixed\\"\\n      safeAreaEdges={[\\"top\\"]}\\n      contentContainerStyle={$screenContentContainer}\\n    >\\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={\\n                episodeStore.favoritesOnly\\n                  ? \\"demoPodcastListScreen.noFavoritesEmptyState.heading\\"\\n                  : undefined\\n              }\\n              contentTx={\\n                episodeStore.favoritesOnly\\n                  ? \\"demoPodcastListScreen.noFavoritesEmptyState.content\\"\\n                  : undefined\\n              }\\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 ||\\n              episodeStore.episodesForList.length > 0) && (\\n              <View style={$toggle}>\\n                <Toggle\\n                  value={episodeStore.favoritesOnly}\\n                  onValueChange={() =>\\n                    episodeStore.setProp(\\n                      \\"favoritesOnly\\",\\n                      !episodeStore.favoritesOnly\\n                    )\\n                  }\\n                  variant=\\"switch\\"\\n                  labelTx=\\"demoPodcastListScreen.onlyFavorites\\"\\n                  labelPosition=\\"left\\"\\n                  labelStyle={$labelStyle}\\n                  accessibilityLabel={translate(\\n                    \\"demoPodcastListScreen.accessibility.switch\\"\\n                  )}\\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(\\n            \\"demoPodcastListScreen.accessibility.cardHint\\",\\n            {\\n              action: isFavorite ? \\"unfavorite\\" : \\"favorite\\",\\n            }\\n          ),\\n        },\\n        android: {\\n          accessibilityLabel: episode.title,\\n          accessibilityActions: [\\n            {\\n              name: \\"longpress\\",\\n              label: translate(\\n                \\"demoPodcastListScreen.accessibility.favoriteAction\\"\\n              ),\\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\\n              style={[\\n                $iconContainer,\\n                StyleSheet.absoluteFill,\\n                animatedLikeButtonStyles,\\n              ]}\\n            >\\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\\n            style={$metadataText}\\n            size=\\"xxs\\"\\n            accessibilityLabel={episode.datePublished.accessibilityLabel}\\n          >\\n            {episode.datePublished.textLabel}\\n          </Text>\\n          <Text\\n            style={$metadataText}\\n            size=\\"xxs\\"\\n            accessibilityLabel={episode.duration.accessibilityLabel}\\n          >\\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 =\\n    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\\n      preset=\\"scroll\\"\\n      safeAreaEdges={[\\"top\\"]}\\n      contentContainerStyle={$container}\\n    >\\n      <Text\\n        style={$reportBugsLink}\\n        tx=\\"demoDebugScreen.reportBugs\\"\\n        onPress={() =>\\n          openLinkInBrowser(\\"https://github.com/infinitered/ignite/issues\\")\\n        }\\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\\n          style={$button}\\n          tx=\\"demoDebugScreen.reactotron\\"\\n          onPress={demoReactotron}\\n        />\\n        <Text\\n          style={$hint}\\n          tx={`demoDebugScreen.${Platform.OS}ReactotronHint` as const}\\n        />\\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\\n            key={`section${sectionIndex}-${u}`}\\n            to={`/showroom/${sectionSlug}/${itemSlug}`}\\n          >\\n            <Text>{u}</Text>\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nconst NativeListItem: FC<DemoListItem> = ({\\n  item,\\n  sectionIndex,\\n  handleScroll,\\n}) => (\\n  <View>\\n    <Text\\n      onPress={() => handleScroll?.(sectionIndex)}\\n      preset=\\"bold\\"\\n      style={$menuContainer}\\n    >\\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 {\\n  Image,\\n  ImageStyle,\\n  SectionList,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} 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  onPress?: () => 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> = ({\\n  item,\\n  sectionIndex,\\n  onPress,\\n}) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link\\n        href={{ pathname: \\"/showroom\\", params: { sectionSlug } }}\\n        onPress={onPress}\\n      >\\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            onPress={onPress}\\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(\\n        (x) => x.name.toLowerCase() === params.sectionSlug\\n      );\\n      let findItemIndex = 0;\\n      if (params.itemSlug) {\\n        try {\\n          findItemIndex =\\n            demoValues[findSectionIndex].data.findIndex(\\n              (u) => slugify(u.props.name) === params.itemSlug\\n            ) + 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  };\\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, onPress }) => (\\n              <ShowroomListItem {...{ item, sectionIndex, onPress }} />\\n            )}\\n          />\\n        </View>\\n      )}\\n    >\\n      <Screen\\n        preset=\\"fixed\\"\\n        safeAreaEdges={[\\"top\\"]}\\n        contentContainerStyle={$screenContainer}\\n      >\\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\\nrm -rf ignite/templates/screen\\n\\n// error-line\\nimport {\\n  goBack,\\n  resetRoot,\\n  navigate,\\n} 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":"2 months 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":"2 months ago","title":"Generator for Component Tests","publish_date":"2022-10-10","doc_name":"GeneratorComponentTests.md"},{"author":"Trevor Coleman","content":"   npx ignite-cli@latest new PowerSyncIgnite --remove-demo --workflow=cng --yes\\n\\nnpx expo install \\\\\\n  @powersync/react-native \\\\\\n  @journeyapps/react-native-quick-sqlite \\n\\nnpx expo install @supabase/supabase-js\\n\\nnpx expo install @react-native-async-storage/async-storage\\n\\n// `metro.config.js`:\\n// Learn more https://docs.expo.io/guides/customizing-metro\\nconst { getDefaultConfig } = require(\\"expo/metro-config\\")\\n\\n/** @type {import(\'expo/metro-config\').MetroConfig} */\\nconst config = getDefaultConfig(__dirname)\\n\\nconfig.transformer.getTransformOptions = async () => ({\\n  transform: {\\n    // Inline requires are very useful for deferring loading of large dependencies/components.\\n    // For example, we use it in app.tsx to conditionally load Reactotron.\\n    // However, this comes with some gotchas.\\n    // Read more here: https://reactnative.dev/docs/optimizing-javascript-loading\\n    // And here: https://github.com/expo/expo/issues/27279#issuecomment-1971610698\\n    inlineRequires: {\\n      blockList: {\\n        [require.resolve(\\"@powersync/react-native\\")]: true,\\n\\n        // require() calls anywhere else will be inlined, unless they\\n        // match any entry nonInlinedRequires.\\n      },\\n    },\\n  },\\n})\\n\\n// This helps support certain popular third-party libraries\\n// such as Firebase that use the extension cjs.\\nconfig.resolver.sourceExts.push(\\"cjs\\")\\n\\nmodule.exports = config\\n\\n\\n// `app/config/config.base.ts`:\\n\\n// update the interface to include the new properties\\nexport interface ConfigBaseProps {\\n  // Existing config properties\\n\\n  // success-line\\n  supabaseUrl: string\\n  // success-line\\n  supabaseAnonKey: string\\n}\\n\\n// Add the new properties to the config object\\nconst BaseConfig: ConfigBaseProps = {\\n  // Existing config values\\n  // success-line\\n  supabaseUrl: \'<<YOUR_SUPABASE_URL>>\',\\n  // success-line\\n  supabaseAnonKey: \'<<YOUR_SUPABASE_ANON_KEY>>\',\\n}\\n\\nexport default BaseConfig;\\n\\n\\n// app/services/database/supabase.ts\\nimport AsyncStorage from \'@react-native-async-storage/async-storage\'\\nimport { createClient } from \\"@supabase/supabase-js\\"\\nimport Config from \'../../config\'\\n\\nexport const supabase = createClient(Config.supabaseUrl, Config.supabaseAnonKey, {\\n  auth: {\\n    persistSession: true, storage: AsyncStorage,\\n  },\\n})\\n\\n// app/services/database/use-auth.tsx\\nimport { User } from \\"@supabase/supabase-js\\"\\nimport { supabase } from \\"app/services/database/supabase\\"\\nimport React, { createContext, PropsWithChildren, useCallback, useContext, useMemo, useState } from \\"react\\"\\n\\ntype AuthContextType = {\\n  signIn: (email: string, password: string) => void\\n  signUp: (email: string, password: string) => void\\n  signOut: () => Promise<void>\\n  signedIn: boolean\\n  loading: boolean\\n  error: string\\n  user: User | null\\n}\\n\\n// We initialize the context with null to ensure that it is not used outside of the provider\\nconst AuthContext = createContext<AuthContextType | null>(null)\\n\\n/**\\n * AuthProvider manages the authentication state and provides the necessary methods to sign in, sign up and sign out.\\n */\\nexport const AuthProvider = ({ children }: PropsWithChildren<any>) => {\\n  const [signedIn, setSignedIn] = useState(false)\\n  const [loading, setLoading] = useState(false)\\n  const [error, setError] = useState(\\"\\")\\n  const [user, setUser] = useState<User | null>(null)\\n\\n\\n  // Sign in with provided email and password\\n  const signIn = useCallback(async (email: string, password: string) => {\\n    setLoading(true)\\n    setError(\\"\\")\\n    setUser(null)\\n    \\n    try {\\n      // get the session and user from supabase\\n      const { \\n        data: {session, user}, \\n        error \\n      } = await supabase.auth.signInWithPassword({ email, password })\\n      \\n      // if we have a session and user, sign them in\\n      if (session && user) {\\n        setSignedIn(true)\\n        setUser(user)\\n      // otherwise sign them out and set an error\\n      } else {\\n        throw new Error(error?.message);\\n        setSignedIn(false)\\n        setUser(null)\\n      }\\n    } catch (error: any) {\\n      setError(error?.message ?? \\"Unknown error\\")\\n      setSignedIn(false)\\n      setUser(null)\\n    } finally {\\n      setLoading(false)\\n    }\\n  }, [\\n    setSignedIn, setLoading, setError, setUser, supabase\\n  ])\\n\\n  // Create a new account with provided email and password\\n  const signUp = useCallback(async (email: string, password: string) => {\\n    setLoading(true)\\n    setError(\\"\\")\\n    setUser(null)\\n    try {\\n      const { data, error } = await supabase.auth.signUp({ email, password })\\n      if (error) {\\n        setSignedIn(false)\\n        setError(error.message)\\n      } else if (data.session) {\\n        await supabase.auth.setSession(data.session)\\n        setSignedIn(true)\\n        setUser(data.user)\\n      }\\n    } catch (error: any) {\\n      setUser(null)\\n      setSignedIn(false)\\n      setError(error?.message ?? \\"Unknown error\\")\\n    } finally {\\n      setLoading(false)\\n    }\\n  }, [\\n    setSignedIn, setLoading, setError, setUser, supabase\\n  ])\\n\\n  // Sign out the current user\\n  const signOut = useCallback(async () => {\\n    setLoading(true)\\n    await supabase.auth.signOut()\\n    setError(\\"\\")\\n    setSignedIn(false)\\n    setLoading(false)\\n    setUser(null)\\n  }, [\\n    setSignedIn, setLoading, setError, setUser, supabase\\n  ])\\n\\n  // Always memoize context values as they can cause unnecessary re-renders if they aren\'t stable!\\n  const value = useMemo(() => ({\\n    signIn, signOut, signUp, signedIn, loading, error, user\\n  }), [\\n    signIn, signOut, signUp, signedIn, loading, error, user\\n  ])\\n  return <AuthContext.Provider value={ value }>{ children }</AuthContext.Provider>\\n}\\n\\nexport const useAuth = () => {\\n  const context = useContext(AuthContext)\\n\\n  // It\'s a good idea to throw an error if the context is null, as it means the hook is being used outside of the provider\\n  if (context === null) {\\n    throw new Error(\'useAuthContext must be used within a AuthProvider\')\\n  }\\n  return context\\n}\\n\\n\\n// app/app.tsx\\n// ...other imports\\n// success-line\\nimport { AuthProvider } from \\"app/services/database/use-auth\\"\\n\\n// ...\\nfunction App(props: AppProps) {\\n  // ...\\n  return (\\n    // success-line\\n    <AuthProvider>\\n      <SafeAreaProvider>\\n        {/* ... */ }\\n      </SafeAreaProvider>\\n      // success-line\\n    </AuthProvider>\\n  )\\n}\\n\\n\\n\\nnpx ignite-cli generate screen Auth\\n\\n// app/screens/AuthScreen.tsx\\nimport { AppStackScreenProps } from \\"app/navigators\\"\\nimport { Button, Screen, Text, TextField } from \\"app/components\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport React, { useEffect, useState } from \\"react\\"\\nimport { ActivityIndicator, Modal, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { colors, spacing } from \\"../theme\\"\\n\\ninterface AuthScreenProps extends AppStackScreenProps<\\"Auth\\"> {}\\n\\nexport const AuthScreen: React.FC<AuthScreenProps> = ({ navigation }) => {\\n  const { signUp, signIn, loading, error, user } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n\\n  const handleSignIn = async () => {\\n    signIn(email, password)\\n  }\\n\\n  const handleSignUp = async () => {\\n    signUp(email, password)\\n  }\\n\\n  useEffect(() => {\\n    if (user) {\\n      navigation.navigate(\\"Welcome\\")\\n    }\\n  }, [user])\\n\\n  return (\\n    <Screen style={ $container } safeAreaEdges={ [\\"top\\"] }>\\n      <Text preset={ \\"subheading\\" }>PowerSync + Supabase</Text>\\n      <Text preset={ \\"heading\\" }>Sign in or Create Account</Text>\\n      <TextField\\n        inputWrapperStyle={ $inputWrapper }\\n        containerStyle={ $inputContainer }\\n        label={ \\"Email\\" }\\n        value={ email }\\n        inputMode={ \\"email\\" }\\n        onChangeText={ setEmail }\\n        keyboardType=\\"email-address\\"\\n        autoCapitalize={ \\"none\\" }\\n      />\\n      <TextField\\n        containerStyle={ $inputContainer }\\n        inputWrapperStyle={ $inputWrapper }\\n        label={ \\"Password\\" }\\n        value={ password }\\n        onChangeText={ setPassword }\\n        secureTextEntry\\n      />\\n\\n      <View style={ $buttonContainer }>\\n        <Button\\n          disabled={ loading }\\n          text={ \\"Sign In\\" }\\n          onPress={ handleSignIn }\\n          style={ $button }\\n          preset={ \\"reversed\\" }\\n        />\\n\\n        <Button\\n          disabled={ loading }\\n          text={ \\"Register New Account\\" }\\n          onPress={ handleSignUp }\\n          style={ $button }\\n        />\\n      </View>\\n      { error ? <Text style={ $error } text={ error }/> : null }\\n      <Modal transparent visible={ loading }>\\n        <View style={ $modalBackground }>\\n          <ActivityIndicator size=\\"large\\" color={ colors.palette.primary500 }/>\\n        </View>\\n      </Modal>\\n    </Screen>\\n  )\\n}\\n\\nconst $container: ViewStyle = {\\n  backgroundColor: colors.background,\\n  flex: 1,\\n  justifyContent: \\"center\\",\\n  paddingHorizontal: spacing.lg,\\n}\\n\\nconst $inputContainer: TextStyle = {\\n  marginTop: spacing.md,\\n}\\n\\nconst $inputWrapper: TextStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n}\\nconst $modalBackground: ViewStyle = {\\n  alignItems: \\"center\\",\\n  backgroundColor: \\"#00000040\\",\\n  flex: 1,\\n  flexDirection: \\"column\\",\\n  justifyContent: \\"space-around\\",\\n}\\n\\nconst $error: TextStyle = {\\n  color: colors.error,\\n  marginVertical: spacing.md,\\n  textAlign: \\"center\\",\\n  width: \\"100%\\",\\n  fontSize: 20,\\n}\\n\\nconst $buttonContainer: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"column\\",\\n  justifyContent: \\"space-between\\",\\n  marginVertical: spacing.md,\\n}\\n\\nconst $button: ViewStyle = {\\n  marginTop: spacing.xs,\\n}\\n\\nnpx ignite-cli generate component SignOutButton\\n\\n// app/components/SignOutButton.tsx\\n\\nimport { Button } from \\"app/components/Button\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport * as React from \\"react\\"\\nimport { StyleProp, View, ViewStyle } from \\"react-native\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport { spacing } from \\"app/theme\\"\\n\\nexport interface SignOutButtonProps {\\n  /**\\n   * An optional style override useful for padding & margin.\\n   */\\n  style?: StyleProp<ViewStyle>\\n}\\n\\n/**\\n * Describe your component here\\n */\\nexport const SignOutButton = observer(function SignOutButton(props: SignOutButtonProps) {\\n  const { style } = props\\n  const $styles = [$container, style]\\n\\n  const { signOut } = useAuth()\\n\\n  const handleSignOut = async () => {\\n    await signOut()\\n  }\\n\\n  return (\\n    <View style={ $styles }>\\n      <Button text=\\"Sign Out\\" onPress={ handleSignOut }/>\\n    </View>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  padding: spacing.md,\\n}\\n\\n// app/screens/WelcomeScreen.tsx\\nimport { SignOutButton } from \\"app/components\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React, { FC } from \\"react\\"\\nimport { ViewStyle } from \\"react-native\\"\\nimport { SafeAreaView } from \\"react-native-safe-area-context\\"\\nimport { colors } from \\"../theme\\"\\n\\ninterface WelcomeScreenProps\\n  extends NativeStackScreenProps<SignedInNavigatorParamList, \\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(function WelcomeScreen() {\\n  return (\\n    <SafeAreaView style={$container}>\\n      <SignOutButton />\\n    </SafeAreaView>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.palette.neutral300,\\n  display: \\"flex\\",\\n  justifyContent: \\"flex-start\\",\\n  height: \\"100%\\",\\n  flexDirection: \\"column\\",\\n}\\n\\n// app/navigators/AppNavigator.tsx\\n\\n// success-line\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\n\\n//...\\n\\nconst AppStack = observer(function AppStack() {\\n  // Fetch the user from the auth context\\n  // success-line\\n  // success-line\\n  const { signedIn } = useAuth()\\n  return (\\n    <Stack.Navigator\\n      screenOptions={ { headerShown: false, navigationBarColor: colors.background } }\\n    >\\n      {/**\\n       * by wrapping the Welcome screen in a conditional, we ensure that\\n       * the user can only access it if they are signed in\\n       */ }\\n      // success-line\\n      { signedIn\\n        // success-line\\n        ? <Stack.Screen name=\\"Welcome\\" component={ Screens.WelcomeScreen }/>\\n        // success-line\\n        : null\\n        // success-line\\n      }\\n      <Stack.Screen name=\\"Auth\\" component={ Screens.AuthScreen }/>\\n      {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */ }\\n    </Stack.Navigator>\\n  )\\n})\\n\\n// ...\\n\\n// app/config/config.base.ts:\\n\\n// update the interface to include the new properties\\nexport interface ConfigBaseProps {\\n  // Existing config properties\\n  supabaseUrl: string\\n  supabaseAnonKey: string\\n  // success-line\\n  powersyncUrl: string\\n}\\n\\n// Add the new properties to the config object\\nconst BaseConfig: ConfigBaseProps = {\\n  // Existing config values\\n  supabaseUrl: \'<<YOUR_SUPABASE_URL>>\',\\n  supabaseAnonKey: \'<<YOUR_SUPABASE_ANON_KEY>>\',\\n  // success-line\\n  powersyncUrl: \'<<YOUR_POWER_SYNC_URL>>\',\\n}\\n\\n// app/services/database/schema.ts\\nimport { column, Schema, TableV2 } from \'@powersync/react-native\';\\n\\nexport const LISTS_TABLE = \'lists\';\\nexport const TODOS_TABLE = \'todos\';\\n\\nconst todos = new TableV2(\\n  {\\n    list_id: column.text,\\n    created_at: column.text,\\n    completed_at: column.text,\\n    description: column.text,\\n    created_by: column.text,\\n    completed_by: column.text,\\n    completed: column.integer\\n  },\\n  { indexes: { list: [\'list_id\'] } }\\n);\\n\\nconst lists = new TableV2({\\n  created_at: column.text,\\n  name: column.text,\\n  owner_id: column.text\\n});\\n\\nexport const AppSchema = new Schema({\\n  todos,\\n  lists\\n});\\n\\nexport type Database = (typeof AppSchema)[\'types\'];\\nexport type TodoRecord = Database[\'todos\'];\\n// OR:\\n// export type Todo = RowType<typeof todos>;\\n\\nexport type ListRecord = Database[\'lists\'];\\n\\n\\n// from @journeyapps/powersync-sdk-common \\nexport interface PowerSyncBackendConnector {\\n  /** Allows the PowerSync client to retrieve an authentication token from your backend\\n   * which is used to authenticate against the PowerSync service.\\n   *\\n   * This should always fetch a fresh set of credentials - don\'t use cached\\n   * values.\\n   *\\n   * Return null if the user is not signed in. Throw an error if credentials\\n   * cannot be fetched due to a network error or other temporary error.\\n   *\\n   * This token is kept for the duration of a sync connection.\\n   */\\n  fetchCredentials: () => Promise<PowerSyncCredentials | null>\\n\\n  /** Upload local changes to the app backend.\\n   *\\n   * Use {@link AbstractPowerSyncDatabase.getCrudBatch} to get a batch of changes to upload.\\n   *\\n   * Any thrown errors will result in a retry after the configured wait period (default: 5 seconds).\\n   */\\n  uploadData: (database: AbstractPowerSyncDatabase) => Promise<void>\\n}\\n\\n// app/services/database/supabase.ts\\nimport {\\n  AbstractPowerSyncDatabase,\\n  CrudEntry,\\n  PowerSyncBackendConnector,\\n  UpdateType,\\n  PowerSyncCredentials\\n} from \\"@powersync/react-native\\"\\nimport AsyncStorage from \'@react-native-async-storage/async-storage\'\\nimport { createClient } from \\"@supabase/supabase-js\\"\\nimport Config from \\"../../config\\"\\n\\nexport const supabase = createClient(Config.supabaseUrl, Config.supabaseAnonKey, {\\n  auth: {\\n    persistSession: true, storage: AsyncStorage,\\n  },\\n})\\n\\n\\n// This function fetches the session token from Supabase, it should return null if the user is not signed in, and the session token if they are.\\nasync function fetchCredentials(): Promise<PowerSyncCredentials | null> {\\n  const { data: { session }, error } = await supabase.auth.getSession()\\n\\n  if (error) {\\n    throw new Error(`Could not fetch Supabase credentials: ${ error }`)\\n  }\\n\\n  if (!session) {\\n    return null\\n  }\\n\\n  return {\\n    endpoint: Config.powersyncUrl,\\n    token: session.access_token ?? \\"\\",\\n    expiresAt: session.expires_at\\n               ? new Date(session.expires_at * 1000)\\n               : undefined\\n  }\\n}\\n\\n\\n// Regexes for response codes indicating unrecoverable errors.\\nconst FATAL_RESPONSE_CODES = [\\n  /^22...$/, // Data Exception\\n  /^23...$/, // Integrity Constraint Violation\\n  /^42501$/, // INSUFFICIENT PRIVILEGE\\n]\\n\\n// PowerSync will call this function to upload data to the backend\\nconst uploadData: (database: AbstractPowerSyncDatabase) => Promise<void> = async (database) => {\\n  const transaction = await database.getNextCrudTransaction()\\n\\n  if (!transaction) {\\n    return\\n  }\\n\\n\\n  let lastOp: CrudEntry | null = null\\n  try {\\n    // Note: If transactional consistency is important, use database functions\\n    // or edge functions to process the entire transaction in a single call.\\n    for (const op of transaction.crud) {\\n      lastOp = op\\n      const table = supabase.from(op.table)\\n      let result: any = null\\n      switch (op.op) {\\n        case UpdateType.PUT:\\n          // eslint-disable-next-line no-case-declarations\\n          const record = { ...op.opData, id: op.id }\\n          result = await table.upsert(record)\\n          break\\n        case UpdateType.PATCH:\\n          result = await table.update(op.opData).eq(\'id\', op.id)\\n          break\\n        case UpdateType.DELETE:\\n          result = await table.delete().eq(\'id\', op.id)\\n          break\\n      }\\n\\n      if (result?.error) {\\n        throw new Error(`Could not ${ op.op } data to Supabase error: ${ JSON.stringify(result) }`)\\n      }\\n    }\\n\\n    await transaction.complete()\\n  } catch (ex: any) {\\n    console.debug(ex)\\n    if (typeof ex.code === \'string\' && FATAL_RESPONSE_CODES.some((regex) => regex.test(ex.code))) {\\n      /**\\n       * Instead of blocking the queue with these errors,\\n       * discard the (rest of the) transaction.\\n       *\\n       * Note that these errors typically indicate a bug in the application.\\n       * If protecting against data loss is important, save the failing records\\n       * elsewhere instead of discarding, and/or notify the user.\\n       */\\n      console.error(`Data upload error - discarding ${ lastOp }`, ex)\\n      await transaction.complete()\\n    } else {\\n      // Error may be retryable - e.g. network error or temporary server error.\\n      // Throwing an error here causes this call to be retried after a delay.\\n      throw ex\\n    }\\n  }\\n}\\n\\nexport const supabaseConnector: PowerSyncBackendConnector = {\\n  fetchCredentials, uploadData,\\n}\\n\\n// app/services/database/database.tsx\\nimport { SupabaseClient } from \\"@supabase/supabase-js\\"\\nimport { useAuth } from \\"./use-auth\\"\\nimport React, { PropsWithChildren, useEffect } from \\"react\\"\\nimport {\\n  AbstractPowerSyncDatabase,\\n  PowerSyncContext,\\n  PowerSyncDatabase,\\n} from \\"@powersync/react-native\\"\\nimport { supabase, supabaseConnector } from \\"./supabase\\" // Adjust the path as needed\\nimport { AppSchema } from \\"./schema\\" // Adjust the path as needed\\n\\nexport class Database {\\n  // We expose the PowerSync and Supabase instances for easy access elsewhere in the app\\n  powersync: AbstractPowerSyncDatabase\\n  supabase: SupabaseClient = supabase\\n\\n  /**\\n   * Initialize the Database class with a new PowerSync instance\\n   */\\n  constructor() {\\n    this.powersync = new PowerSyncDatabase({\\n      database: {\\n        dbFilename: \\"sqlite.db\\"\\n      },\\n      schema: AppSchema\\n    })\\n  }\\n\\n  /**\\n   * Initialize the PowerSync instance and connect it to the Supabase backend.\\n   * This will call `fetchCredentials` on the Supabase connector to get the session token.\\n   * So if your database requires authentication, the user will need to be signed in before this is\\n   * called.\\n   */\\n  async init() {\\n    await this.powersync.init()\\n    await this.powersync.connect(supabaseConnector)\\n  }\\n\\n  async disconnect() {\\n    await this.powersync.disconnectAndClear()\\n  }\\n}\\n\\nconst database = new Database()\\n\\n// A context to provide our singleton to the rest of the app\\nconst DatabaseContext = React.createContext<Database | null>(null)\\n\\nexport const useDatabase = () => {\\n  const context: Database | null = React.useContext(DatabaseContext)\\n  if (!context) {\\n    throw new Error(\\"useDatabase must be used within a DatabaseProvider\\")\\n  }\\n\\n  return context\\n}\\n\\n// Finally, we create a provider component that initializes the database and provides it to the app\\nexport function DatabaseProvider<T>({ children }: PropsWithChildren<T>) {\\n  const { user } = useAuth()\\n  useEffect(() => {\\n    if (user) {\\n      database.init().catch(console.error)\\n    }\\n  }, [database, user])\\n  return (\\n    <DatabaseContext.Provider value={ database }>\\n      <PowerSyncContext.Provider value={ database.powersync }>\\n        { children }\\n      </PowerSyncContext.Provider>\\n    </DatabaseContext.Provider>\\n  )\\n}\\n\\n// app/app.tsx\\n\\n\\n//... other imports\\n// success-line\\n// Import the provider\\n// success-line\\nimport { DatabaseProvider } from \\"app/services/database/database\\"\\n\\n// ...\\n\\nfunction App(props: AppProps) {\\n  // ...\\n  return (\\n    <AuthProvider>\\n      // success-line\\n      {/* Add the Database Provider inside the AuthProvider */ }\\n      // success-line\\n      <DatabaseProvider>\\n        <SafeAreaProvider initialMetrics={ initialWindowMetrics }>\\n          // ...\\n        </SafeAreaProvider>\\n        // success-line\\n      </DatabaseProvider>\\n    </AuthProvider>\\n  )\\n}\\n\\nexport default App\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n}\\n\\n\\nconst { data: lists } = useQuery<ListItemRecord>(`\\n    SELECT ${ LISTS_TABLE }.*,\\n         COUNT(${ TODOS_TABLE }.id) AS total_tasks,\\n         SUM(CASE WHEN ${ TODOS_TABLE }.completed = true THEN 1 ELSE 0 END) AS completed_tasks\\n    FROM ${ LISTS_TABLE }\\n         LEFT JOIN ${ TODOS_TABLE } ON ${ LISTS_TABLE }.id = ${ TODOS_TABLE }.list_id\\n    GROUP BY ${ LISTS_TABLE }.id;\\n  `);\\n\\nconst deleteList = useCallback(async (id: string) => {\\n  console.log(\'Deleting list\', id)\\n  return powersync.execute(`DELETE FROM ${ LIST_TABLE } WHERE id = ?`, [id])\\n}, [powersync])\\n\\n// app/components/SignOutButton.tsx\\n\\n//...other imports\\nimport { useDatabase } from \\"app/services/database/database\\"\\n\\n// ...\\nexport const SignOutButton = observer(function SignOutButton(props: SignOutButtonProps) {\\n  // ...\\n\\n  const { signOut } = useAuth()\\n  // success-line\\n  const { powersync } = useDatabase()\\n\\n  // success-line\\n  const handleSignOut = async () => {  // make this async\\n    // success-line\\n    await powersync.disconnectAndClear()\\n    await signOut()\\n  }\\n\\n  return (\\n    <View style={ $styles }>\\n      <Button text=\\"Sign Out\\" onPress={ handleSignOut }/>\\n    </View>\\n  )\\n})\\n\\n\\n// app/services/database/use-lists.ts\\nimport { useQuery } from \\"@powersync/react-native\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport { useCallback } from \\"react\\"\\nimport { useDatabase } from \\"app/services/database/database\\"\\nimport { LISTS_TABLE, ListRecord, TODOS_TABLE } from \\"app/services/database/schema\\"\\n\\n// Extend the base type with the calculated fields from our query  \\nexport type ListItemRecord = ListRecord & { total_tasks: number; completed_tasks: number }\\n\\nexport const useLists = () => {\\n  // Get the current user from the auth context \\n  const { user } = useAuth()\\n  // Get the database instance from the context\\n  const { powersync } = useDatabase()\\n\\n  // List fetching logic here. You can modify it as per your needs.\\n  const { data: lists } = useQuery<ListItemRecord>(`\\n      SELECT ${ LISTS_TABLE }.*,\\n             COUNT(${ TODOS_TABLE }.id) AS total_tasks,\\n             SUM(CASE WHEN ${ TODOS_TABLE }.completed = true THEN 1 ELSE 0 END) as completed_tasks\\n      FROM ${ LISTS_TABLE }\\n               LEFT JOIN ${ TODOS_TABLE } ON ${ LISTS_TABLE }.id = ${ TODOS_TABLE }.list_id\\n      GROUP BY ${ LISTS_TABLE }.id\\n  `)\\n\\n\\n  const createList = useCallback(async (name: string) => {\\n\\n    if (!user) {throw new Error(\\"Can\'t add list -- user is undefined\\")}\\n\\n    return powersync.execute(\\n      `\\n          INSERT INTO ${ LISTS_TABLE }\\n              (id, name, created_at, owner_id)\\n          VALUES (uuid(), ?, ?, ?)`,\\n      [name, new Date().toISOString(), user?.id],\\n    )\\n  }, [user, powersync])\\n\\n  const deleteList = useCallback(async (id: string) => {\\n    console.log(\'Deleting list\', id)\\n    return powersync.execute(`DELETE\\n                             FROM ${ LISTS_TABLE }\\n                             WHERE id = ?`, [id])\\n  }, [powersync])\\n\\n  return { lists, createList, deleteList }\\n}\\n\\n\\nnpx ignite-cli generate component AddList\\n\\nnpx ignite-cli generate component Lists\\n\\n// app/screens/WelcomeScreen.tsx\\nimport { NativeStackScreenProps } from \\"@react-navigation/native-stack\\"\\nimport { Lists, SignOutButton } from \\"app/components\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React, { FC } from \\"react\\"\\nimport { ViewStyle } from \\"react-native\\"\\nimport { SafeAreaView } from \\"react-native-safe-area-context\\"\\nimport { SignedInNavigatorParamList } from \\"../navigators\\"\\nimport { colors } from \\"../theme\\"\\n\\ninterface WelcomeScreenProps\\n  extends NativeStackScreenProps<SignedInNavigatorParamList, \\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(function WelcomeScreen() {\\n  return (\\n    <SafeAreaView style={ $container }>\\n      // success-line\\n      <Lists/>\\n      <SignOutButton/>\\n    </SafeAreaView>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.palette.neutral300,\\n  display: \\"flex\\",\\n  justifyContent: \\"flex-start\\",\\n  height: \\"100%\\",\\n  flexDirection: \\"column\\",\\n}\\n\\n\\n\\n// app/components/Lists.tsx\\nimport { NavigationProp, useNavigation } from \\"@react-navigation/native\\"\\nimport { AddList, Icon, ListItem, Text } from \\"app/components\\"\\nimport { AppStackParamList } from \\"app/navigators\\"\\nimport { ListItemRecord, useLists } from \\"app/services/database/use-lists\\"\\nimport React, { useCallback } from \\"react\\"\\nimport { FlatList, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { colors, spacing } from \\"../theme\\"\\n\\nexport function Lists() {\\n  \\n  // use our hook to fetch the lists\\n  const { lists, deleteList } = useLists()\\n  const navigation = useNavigation<NavigationProp<AppStackParamList>>()\\n\\n  // This function tells FlatList how to render each item\\n  const renderItem = useCallback(({ item }: { item: ListItemRecord }) => {\\n    return (\\n      <ListItem\\n        textStyle={ $listItemText }\\n        onPress={ () => {\\n          // Eventually  this si where we\'ll navigate to the todo, but for now we\'ll just log the list name\\n          console.log(\'Pressed: \', item.name)\\n        } }\\n        text={ `${ item.name }` }\\n        RightComponent={\\n          <View style={ $deleteListIcon }>\\n            {/* Let users delete lists */}\\n            <Icon icon={ \\"x\\" } onPress={ () => deleteList(item.id) }/>\\n          </View>\\n        }\\n      />\\n    )\\n  }, [])\\n\\n  return (\\n    <View style={ $container }>\\n      <Text preset={ \\"heading\\" }>Lists</Text>\\n      <View style={ $card }>\\n        <AddList/>\\n      </View>\\n      <View style={ [$list, $card] }>\\n        <Text preset={ \\"subheading\\" }>Your Lists</Text>\\n        <FlatList\\n          style={ $listContainer }\\n          // pass in our lists\\n          data={ lists }\\n          // pass in our renderItem function\\n          renderItem={ renderItem }\\n          keyExtractor={ (item) => item.id }\\n          ItemSeparatorComponent={ () => <View style={ $separator }/> }\\n          // show a message if the list is empty\\n          ListEmptyComponent={ <Text style={ $emptyList }>No lists found</Text> }\\n        />\\n      </View>\\n    </View>\\n  )\\n}\\n\\n// STYLES\\nconst $separator: ViewStyle = { height: 1, backgroundColor: colors.border }\\nconst $emptyList: TextStyle = {\\n  textAlign: \\"center\\",\\n  color: colors.textDim,\\n  opacity: 0.5,\\n  padding: spacing.lg,\\n}\\nconst $card: ViewStyle = {\\n  shadowColor: colors.palette.neutral800,\\n  shadowOffset: { width: 0, height: 1 },\\n  shadowRadius: 2,\\n  shadowOpacity: 0.35,\\n  borderRadius: 8,\\n}\\nconst $listContainer: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n  paddingHorizontal: spacing.md,\\n  height: \\"100%\\",\\n  borderColor: colors.border,\\n  borderWidth: 1,\\n}\\nconst $list: ViewStyle = {\\n  flex: 1,\\n  marginVertical: spacing.md,\\n  backgroundColor: colors.palette.neutral200,\\n  padding: spacing.md,\\n}\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  display: \\"flex\\",\\n  flexGrow: 1,\\n  padding: spacing.md,\\n}\\nconst $listItemText: TextStyle = {\\n  height: 44,\\n  width: 44,\\n}\\nconst $deleteListIcon: ViewStyle = {\\n  display: \\"flex\\",\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n  height: 44,\\n  marginVertical: spacing.xxs,\\n}\\n\\n// app/components/AddList.tsx\\nimport { Button, Text, TextField } from \\"app/components\\"\\nimport { useLists } from \\"app/services/database/use-lists\\"\\nimport { colors, spacing } from \\"app/theme\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React from \\"react\\"\\nimport { Keyboard, TextStyle, View, ViewStyle } from \\"react-native\\"\\n\\n/**\\n * Display a form to add a new list\\n */\\nexport const AddList = observer(function AddList() {\\n  const [newListName, setNewListName] = React.useState(\\"\\")\\n  const [error, setError] = React.useState<string | null>(null)\\n\\n  // we use the function from  our hook to create a new list\\n  const { createList } = useLists()\\n\\n  const handleAddList = React.useCallback(async () => {\\n    if (!newListName) {\\n      Keyboard.dismiss()\\n      return\\n    }\\n    try {\\n      await createList(newListName)\\n      setNewListName(\\"\\")\\n    } catch (e: any) {\\n      setError(`Failed to create list: ${ e?.message ?? \\"unknown error\\" }`)\\n    } finally {\\n      Keyboard.dismiss()\\n    }\\n  }, [createList, newListName])\\n\\n  return (\\n    <View style={ $container }>\\n      <Text preset={ \\"subheading\\" }>Add a List</Text>\\n      <View style={ $form }>\\n        <TextField\\n          placeholder=\\"Enter a list name\\"\\n          containerStyle={ $textField }\\n          inputWrapperStyle={ $textInput }\\n          onChangeText={ setNewListName }\\n          value={ newListName }\\n          onSubmitEditing={ handleAddList }\\n        />\\n        <Button text=\\"Add List\\" style={ $button } onPress={ handleAddList }/>\\n      </View>\\n      { error && <Text style={ $error }>{ error }</Text> }\\n    </View>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  padding: spacing.md,\\n  backgroundColor: colors.palette.neutral200,\\n}\\n\\nconst $form: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"row\\",\\n  alignItems: \\"center\\",\\n}\\n\\nconst $textField: ViewStyle = {\\n  flex: 1,\\n}\\n\\nconst $textInput: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n}\\n\\nconst $button: ViewStyle = {\\n  marginHorizontal: spacing.xs,\\n  padding: 0,\\n  paddingHorizontal: spacing.xs,\\n  paddingVertical: 0,\\n  minHeight: 44,\\n}\\n\\nconst $error: TextStyle = {\\n  color: colors.error,\\n  marginTop: spacing.sm,\\n}\\n\\n\\n\\nnpx ignite-cli generate screen TodoList\\n\\n    // app/navigators/AppNavigator.tsx\\n    export type AppStackParamList = {\\n      Welcome: undefined\\n      Auth: undefined\\n      // success-line\\n      TodoList: { listId: string }  // add this line\\n      // IGNITE_GENERATOR_ANCHOR_APP_STACK_PARAM_LIST\\n    }\\n\\n    // ...\\n    \\n    const AppStack = observer(function AppStack() {\\n      // Fetch the user from the auth context\\n      const { signedIn } = useAuth()\\n      return (\\n        <Stack.Navigator screenOptions={ { headerShown: false, navigationBarColor: colors.background } }>\\n          <Stack.Screen name={ \\"Auth\\" } component={ AuthScreen }/>\\n          // success-line\\n          { signedIn ? (\\n            // success-line\\n            <>\\n              // success-line\\n              <Stack.Screen name=\\"Welcome\\" component={ Screens.WelcomeScreen }/>\\n              // success-line\\n              <Stack.Screen name=\\"TodoList\\" component={ Screens.TodoListScreen }/>\\n              // success-line\\n            </>\\n            // success-line\\n          ) : null }\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */ }\\n        </Stack.Navigator>\\n      )\\n    })\\n \\n    export const AppNavigator = observer(function AppNavigator(props: NavigationProps) {\\n      // ...   \\n    })\\n\\n    // app/screens/TodoListScreen.tsx\\n    // ...\\n    \\n    export const TodoListScreen: FC<TodoListScreenProps> = function TodoListScreen({\\n      navigation,\\n      // success-line\\n      // We get the listId from the route params\\n      // success-line\\n      route: { params: {listId} }\\n    }) {\\n      return (\\n        <Screen style={ $root } preset=\\"scroll\\" safeAreaEdges={ [\\"top\\"] }>\\n          // success-line\\n          <Pressable onPress={ () => navigation.goBack() }>\\n            <Icon icon={ \\"back\\" } size={ 50 }/>\\n          </Pressable>\\n          // success-line\\n          <Text preset={ \\"heading\\" } text={ listId }/>\\n        </Screen>\\n      )\\n    }\\n    \\n    const $root: ViewStyle = {\\n      flex: 1,\\n    }\\n    \\n    const $backButton: ViewStyle = {\\n      height: 44,\\n    }\\n    \\n    \\n\\n// app/components/Lists.tsx\\n\\n// ... other imports\\nimport { NavigationProp, useNavigation } from \\"@react-navigation/native\\"\\nimport { AppStackParamList } from \\"app/navigators\\"\\n\\nexport function Lists() {\\n\\n  const { lists, deleteList } = useLists()\\n  // We use the root param list, because this component might be reusing in other screens/navigators\\n  // success-line\\n  const navigation = useNavigation<NavigationProp<AppStackParamList>>()\\n\\n  const renderItem = useCallback(({ item }: { item: ListItemRecord }) => {\\n    return <ListItem\\n      // ... other props\\n      // Navigate to the TodoList screen, passing the `listId` as a parameter\\n      onPress={ () => {\\n        // success-line\\n        navigation.navigate(\\"TodoList\\", { listId: item.id })\\n      } }\\n    />\\n  }, [])\\n\\n  return (\\n    //... component body\\n  )\\n}\\n\\n// app/services/database/use-list.ts\\n\\nimport { useQuery } from \\"@powersync/react-native\\"\\nimport { useDatabase } from \\"app/services/database/database\\"\\nimport { LISTS_TABLE, ListRecord, TODOS_TABLE, TodoRecord } from \\"app/services/database/schema\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport { useCallback } from \\"react\\"\\n\\n\\nexport function useList(listId: string) {\\n  const { user } = useAuth()\\n  const { powersync } = useDatabase()\\n\\n\\n  const { data: listRecords } = useQuery<ListRecord>(`\\n      SELECT *\\n      FROM ${ LISTS_TABLE }\\n      WHERE id = ?\\n  `, [listId])\\n\\n  // we only expect one list record\\n  const list = listRecords[0]\\n\\n\\n  const { data: todos } = useQuery<TodoRecord>(`\\n      SELECT *\\n      FROM ${ TODOS_TABtLE }\\n      WHERE list_id = ?\\n  `, [listId])\\n\\n\\n  const addTodo = useCallback(async (description: string): Promise<{ error: string | null }> => {\\n    if (!user) {\\n      throw new Error(\\"Can\'t add todo -- user is undefined\\")\\n    }\\n    try {\\n      await powersync.execute(\\n        `INSERT INTO ${ TODOS_TABLE }\\n             (id, description, created_at, list_id, created_by, completed)\\n         VALUES (uuid(), ?, ?, ?, ?, ?)`,\\n        [description, new Date().toISOString(), listId, user?.id, 0],\\n      )\\n\\n      return { error: null }\\n    } catch (error: any) {\\n      return { error: `Error adding todo: ${ error?.message }` }\\n    }\\n  }, [user, powersync, listId])\\n\\n  const removeTodo = useCallback(async (id: string): Promise<{ error: string | null }> => {\\n    try {\\n      await powersync.execute(`DELETE\\n                                FROM ${ TODOS_TABLE }\\n                                WHERE id = ?`, [id])\\n      return { error: null }\\n    } catch (error: any) {\\n      console.error(\\"Error removing todo\\", error)\\n      return { error: `Error removing todo: ${ error?.message }` }\\n    }\\n\\n  }, [\\n    powersync,\\n  ])\\n\\n  const setTodoCompleted = useCallback(async (id: string, completed: boolean): Promise<{ error: string | null }> => {\\n\\n    const completedAt = completed ? new Date().toISOString() : null\\n    const completedBy = completed ? user?.id : null\\n\\n    try {\\n      await powersync.execute(`\\n            UPDATE ${ TODOS_TABLE }\\n            SET completed = ?, completed_at = ?, completed_by = ?\\n            WHERE id = ?\\n        `, [completed, completedAt, completedBy, id])\\n\\n      return { error: null }\\n\\n    } catch (error: any) {\\n      console.error(\'Error toggling todo\', error)\\n      return { error: `Error toggling todo: ${ error?.message }` }\\n    }\\n  }, [powersync])\\n\\n\\n  return { list, todos, addTodo, removeTodo, setTodoCompleted }\\n\\n}\\n\\n\\n// app/screens/TodoListScreen.tsx\\nimport { Button, Icon, ListItem, Screen, Text, TextField } from \\"app/components\\"\\nimport { SignedInNavigatorScreenProps } from \\"app/navigators\\"\\nimport { TodoRecord } from \\"app/services/database/schema\\"\\nimport { useList } from \\"app/services/database/use-list\\"\\nimport { colors, spacing } from \\"app/theme\\"\\nimport React, { FC, useCallback } from \\"react\\"\\nimport { FlatList, Pressable, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { SafeAreaView } from \\"react-native-safe-area-context\\"\\n\\ninterface TodoListScreenProps extends SignedInNavigatorScreenProps<\\"TodoList\\"> {}\\n\\nexport const TodoListScreen: FC<TodoListScreenProps> = function TodoListScreen({\\n  navigation,\\n  route: { params: { listId } },\\n}) {\\n\\n  // We use the hook to get the list and todos for the list\\n  const { list, todos, addTodo, removeTodo, setTodoCompleted } = useList(listId)\\n\\n  // State for managing the new todo input and errors\\n  const [newTodo, setNewTodo] = React.useState(\\"\\")\\n  const [error, setError] = React.useState<string | null>(null)\\n\\n  // We wrap the addTodo from the hook with a bit of error handling\\n  const handleAddTodo = useCallback(async () => {\\n    const { error } = await addTodo(newTodo)\\n    if (error) {\\n      setError(error)\\n      return\\n    }\\n    setNewTodo(\\"\\")\\n  }, [newTodo])\\n\\n  // And do the same for removeTodo\\n  const handleRemoveTodo = useCallback(async (id: string) => {\\n    const { error } = await removeTodo(id)\\n    if (error) {\\n      setError(error)\\n    }\\n  }, [removeTodo, setError])\\n\\n  // We\'ll use the ListItem component to display each todo, as we did with the lists\\n  const renderItem = useCallback(({ item }: { item: TodoRecord }) => {\\n    return <ListItem\\n      containerStyle={ $listItemContainer }\\n      textStyle={ [$listItemText, item.completed && $strikeThrough] }\\n      text={ `${ item.description }` }\\n      RightComponent={ (\\n        <Pressable style={ $deleteIcon }>\\n          <Icon icon={ \\"x\\" } onPress={ () => handleRemoveTodo(item.id) }/>\\n        </Pressable>) }\\n      onPress={ () => setTodoCompleted(item.id, !item.completed) }\\n    />\\n  }, [\\n    handleRemoveTodo,\\n  ])\\n\\n  return (\\n    <Screen style={ $root } preset=\\"fixed\\">\\n      <SafeAreaView style={ $header } edges={ [\\"top\\"] }>\\n        <Pressable onPress={ () => navigation.goBack() }>\\n          <Icon icon={ \\"back\\" } size={ 44 }/>\\n        </Pressable>\\n        <Text style={ $listName } preset={ \\"heading\\" } text={ list?.name }/>\\n      </SafeAreaView>\\n      <View style={ $addTodoContainer }>\\n        <Text preset={ \\"subheading\\" }>Add a list</Text>\\n        <View style={ $form }>\\n          <TextField\\n            placeholder=\\"New todo...\\"\\n            containerStyle={ $textField }\\n            inputWrapperStyle={ $textInput }\\n            onChangeText={ setNewTodo }\\n            value={ newTodo }/>\\n          <Button text=\\"ADD\\" style={ $button } onPress={ handleAddTodo }/>\\n        </View>\\n        { error && <Text style={ $error }>{ error }</Text> }\\n      </View>\\n      <View style={ $container }>\\n        <FlatList\\n          data={ todos }\\n          renderItem={ renderItem }\\n          ItemSeparatorComponent={ () => <View style={ $separator }/> }\\n          ListEmptyComponent={ <Text style={ $emptyList }>List is Empty</Text> }\\n        />\\n      </View>\\n    </Screen>\\n  )\\n}\\n\\nconst $root: ViewStyle = {\\n  flex: 1,\\n}\\nconst $listItemContainer: ViewStyle = {\\n  alignItems: \\"center\\",\\n}\\n\\nconst $strikeThrough: TextStyle = { textDecorationLine: \\"line-through\\" }\\n\\nconst $form: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"row\\",\\n  alignItems: \\"center\\",\\n}\\n\\nconst $separator: ViewStyle = { height: 1, backgroundColor: colors.border }\\n\\nconst $emptyList: TextStyle = {\\n  color: colors.textDim,\\n  opacity: 0.5,\\n  padding: spacing.lg,\\n  fontSize: 24,\\n}\\n\\nconst $textField: ViewStyle = {\\n  flex: 1,\\n}\\n\\nconst $textInput: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n}\\n\\n\\nconst $button: ViewStyle = {\\n  marginHorizontal: spacing.xs,\\n  padding: 0,\\n  paddingHorizontal: spacing.xs,\\n  paddingVertical: 0,\\n}\\n\\nconst $addTodoContainer: ViewStyle = {\\n  padding: spacing.md,\\n  backgroundColor: colors.palette.neutral300,\\n}\\nconst $header: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"row\\",\\n  alignItems: \\"center\\",\\n  backgroundColor: colors.palette.secondary200,\\n  paddingBottom: spacing.md,\\n}\\n\\nconst $listName: TextStyle = {\\n  marginLeft: spacing.sm,\\n  flex: 1,\\n}\\n\\nconst $error: TextStyle = {\\n  color: colors.error,\\n  marginTop: spacing.sm,\\n}\\n\\nconst $container: ViewStyle = {\\n  padding: spacing.md,\\n}\\n\\nconst $listItemText: TextStyle = {\\n  height: 44,\\n  verticalAlign: \\"middle\\"\\n}\\n\\nconst $deleteIcon: ViewStyle = {\\n  display: \\"flex\\",\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n  height: 44,\\n  marginVertical: spacing.xxs,\\n}\\n\\n\\n","lastUpdated":"5 weeks ago","title":"PowerSync and Supabase for Local-First Data Management","publish_date":"2024-03-22","doc_name":"LocalFirstDataWithPowerSync.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":"8 months ago","title":"Maestro Setup","publish_date":"2023-02-01","doc_name":"MaestroSetup.md"},{"author":"Frank Calise, Mark Rickert","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nyarn remove @react-native-async-storage/async-storage\\nyarn add react-native-mmkv\\nyarn prebuild\\n\\nimport { MMKV } from \\"react-native-mmkv\\";\\n\\nexport const storage = new MMKV();\\n\\n/**\\n * Loads a string from storage.\\n *\\n * @param key The key to fetch.\\n */\\nexport function loadString(key: string): string | undefined {\\n  try {\\n    return storage.getString(key)\\n  } catch {\\n    // not sure why this would fail... even reading the RN docs I\'m unclear\\n    return undefined\\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 */\\nexport function saveString(key: string, value: string): boolean {\\n  try {\\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 */\\nexport function load(key: string): unknown | undefined {\\n  try {\\n    const almostThere = loadString(key)\\n    if (almostThere) {\\n      try {\\n        return JSON.parse(almostThere)\\n      } catch {\\n        return almostThere // Return the string if it\'s not a valid JSON\\n      }\\n    }\\n    return undefined\\n  } catch {\\n    return undefined\\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 */\\nexport function save(key: string, value: unknown): boolean {\\n  try {\\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 */\\nexport function remove(key: string): void {\\n  try {\\n    storage.delete(key)\\n  } catch {}\\n}\\n\\n/**\\n * Burn it all to the ground.\\n */\\nexport function clear(): void {\\n  try {\\n    storage.clearAll()\\n  } catch {}\\n}\\n\\nimport {\\n  storage,\\n  load,\\n  loadString,\\n  save,\\n  saveString,\\n  clear,\\n  remove,\\n} from \\"./storage\\";\\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":"10 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":"8 months 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":"8 months 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":"7 months 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 type { ThemedStyle } from \\"app/theme\\";\\nimport { useAppTheme } from \\"app/utils/useAppTheme\\";\\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 { themed } = useAppTheme();\\n  const $containerInsets = useSafeAreaInsetsStyle([\\"top\\", \\"bottom\\"]);\\n  const count = useAppSelector((state) => state.counter.value);\\n  const dispatch = useAppDispatch();\\n  return (\\n    <View style={themed([$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: ThemedStyle<ViewStyle> = ({ colors }) => ({\\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":"34 seconds 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":"8 months 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":"8 months 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":"8 months 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<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {}\\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 = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\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 = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\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.lg }}\\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.lg }}\\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.lg }}\\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\\";\\nimport type { ThemedStyle } from \\"app/theme\\";\\nimport { useAppTheme } from \\"app/utils/useAppTheme\\";\\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 { themed } = useAppTheme();\\n\\n  const disabled = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\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 {...props} appearsOnIndex={0} disappearsOnIndex={-1} />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={themed($bottomSheetFooter)}\\n                  bottomInset={bottom}\\n                >\\n                  <Button text=\\"Dismiss\\" preset=\\"reversed\\" onPress={dismissOptions} />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 0) }}\\n          data={options}\\n          keyExtractor={(o) => o.value}\\n          renderItem={({ item, index }) => (\\n            <ListItem text={item.label} topSeparator={index !== 0} style={themed($listItem)} />\\n          )}\\n        />\\n      </BottomSheetModal>\\n      {/* success-line-end */}\\n    </>\\n  );\\n});\\n\\n// success-line-start\\nconst $bottomSheetFooter: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\n  paddingBottom: spacing.xs,\\n});\\n\\nconst $listItem: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\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\\";\\nimport type { ThemedStyle } from \\"app/theme\\";\\nimport { useAppTheme } from \\"app/utils/useAppTheme\\";\\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  const {\\n    themed,\\n    // success-line-start\\n    theme: { colors },\\n    // success-line-end\\n  } = useAppTheme();\\n\\n  const disabled = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\n          />\\n        </View>\\n      </TouchableOpacity>\\n\\n      <BottomSheetModal\\n        ref={sheet}\\n        snapPoints={[\\"50%\\"]}\\n        stackBehavior=\\"replace\\"\\n        enableDismissOnClose\\n        backdropComponent={(props) => (\\n          <BottomSheetBackdrop {...props} appearsOnIndex={0} disappearsOnIndex={-1} />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={themed($bottomSheetFooter)}\\n                  bottomInset={bottom}\\n                >\\n                  <Button text=\\"Dismiss\\" preset=\\"reversed\\" onPress={dismissOptions} />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 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={themed($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: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\n  paddingBottom: spacing.xs,\\n});\\n\\nconst $listItem: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\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. Knicks\\"\\n        value={selectedTeam}\\n        onSelect={setSelectedTeam}\\n        options={teams}\\n        multiple={false}\\n        containerStyle={{ marginBottom: spacing.lg }}\\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.lg }}\\n        renderValue={(value) => `Selected ${value.length} Teams`}\\n      />\\n    </>\\n  );\\n}\\n\\n","lastUpdated":"34 seconds 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":"9 months ago","title":"Switch Between Expo Go and Expo CNG","publish_date":"2024-01-11","doc_name":"SwitchBetweenExpoGoCNG.md"},{"author":"Mark Rickert","content":"import { ThemeProvider as EmotionThemeProvider } from \\"@emotion/react\\";\\n\\nconst EmotionJSThemeProvider = (props: React.PropsWithChildren) => {\\n  const { theme } = useAppTheme();\\n  return <EmotionThemeProvider theme={theme}>{props.children}</EmotionThemeProvider>;\\n};\\n\\nreturn (\\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\\n+    <EmotionJSThemeProvider>\\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\\n        <AppStack />\\n      </NavigationContainer>\\n+    </EmotionJSThemeProvider>\\n  </ThemeProvider>\\n);\\n\\nimport styled from \\"@emotion/native\\";\\n\\nconst MyTextComponent = styled.Text`\\n  margin: 10px;\\n  color: ${({ theme }) => theme.colors.text};\\n  background-color: ${({ theme }) => theme.colors.background};\\n`;\\n\\nexport const MyScreen = (props) => {\\n  return (\\n    <MyTextComponent>\\n      This text color and background will change when changing themes.\\n    </MyTextComponent>\\n  );\\n};\\n\\n// Override Theme to get accurate typings for your project.\\nimport type { Theme as AppTheme } from \\"app/theme\\";\\nimport \\"@emotion/react\\";\\n\\ndeclare module \\"@emotion/react\\" {\\n  export interface Theme extends AppTheme {}\\n}\\n\\nconst { setThemeContextOverride, themeContext } = useAppTheme();\\n\\nreturn (\\n  <Button\\n    onPress={() => {\\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\\n      setThemeContextOverride(themeContext === \\"dark\\" ? \\"light\\" : \\"dark\\");\\n    }}\\n    text={`Switch Theme: ${themeContext}`}\\n  />\\n);\\n\\n","lastUpdated":"34 seconds ago","title":"Theming Ignite with Emotion.js","publish_date":"2024-12-02","doc_name":"Theming-Emotion.mdx"},{"author":"Mark Rickert","content":"import { ThemeProvider as StyledThemeProvider } from \\"styled-components\\";\\n\\nconst StyledComponentsThemeProvider = (props: React.PropsWithChildren) => {\\n  const { theme } = useAppTheme();\\n  return <StyledThemeProvider theme={theme} {...props} />;\\n};\\n\\nreturn (\\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\\n+    <StyledComponentsThemeProvider>\\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\\n        <AppStack />\\n      </NavigationContainer>\\n+    </StyledComponentsThemeProvider>\\n  </ThemeProvider>\\n);\\n\\nimport styled from \\"styled-components/native\\";\\n\\nconst MyTextComponent = styled.Text`\\n  margin: 10px;\\n  color: ${({ theme }) => theme.colors.text};\\n  background-color: ${({ theme }) => theme.colors.background};\\n`;\\n\\nexport const MyScreen = (props) => {\\n  return (\\n    <MyTextComponent>\\n      This text color and background will change when changing themes.\\n    </MyTextComponent>\\n  );\\n};\\n\\n// Override DefaultTheme to get accurate typings for your project.\\nimport type { Theme } from \\"app/theme\\";\\nimport \\"styled-components\\";\\nimport \\"styled-components/native\\";\\n\\ndeclare module \\"styled-components\\" {\\n  export interface DefaultTheme extends Theme {}\\n}\\n\\ndeclare module \\"styled-components/native\\" {\\n  export interface DefaultTheme extends Theme {}\\n}\\n\\nconst { setThemeContextOverride, themeContext } = useAppTheme();\\n\\nreturn (\\n  <Button\\n    onPress={() => {\\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\\n      setThemeContextOverride(themeContext === \\"dark\\" ? \\"light\\" : \\"dark\\");\\n    }}\\n    text={`Switch Theme: ${themeContext}`}\\n  />\\n);\\n\\n","lastUpdated":"34 seconds ago","title":"Theming Ignite with styled-components","publish_date":"2024-12-02","doc_name":"Theming-StyledComponents.mdx"},{"author":"Mark Rickert","content":"// Override UnistylesThemes to get accurate typings for your project.\\nimport type { Theme } from \\"app/theme\\";\\nimport \\"react-native-unistyles\\";\\n\\ntype AppThemes = {\\n  light: Theme;\\n  dark: Theme;\\n};\\n\\ndeclare module \\"react-native-unistyles\\" {\\n  export interface UnistylesThemes extends AppThemes {}\\n}\\n\\n+import { UnistylesRegistry } from \\"react-native-unistyles\\"\\n+import { darkTheme, lightTheme } from \\"app/theme\\"\\n\\nSplashScreen.preventAutoHideAsync()\\n\\n+UnistylesRegistry.addThemes({\\n+  light: lightTheme,\\n+  dark: darkTheme,\\n+}).addConfig({\\n+  // adaptiveThemes: true,\\n+  initialTheme: \\"light\\",\\n+})\\n+\\n\\nfunction IgniteApp() {\\n  return <App hideSplashScreen={SplashScreen.hideAsync} />\\n}\\n\\n  const setThemeContextOverride = useCallback((newTheme: ThemeContexts) => {\\n    setTheme(newTheme)\\n+    UnistylesRuntime.setTheme(newTheme || \\"light\\")\\n  }, [])\\n\\nimport { createStyleSheet, useStyles } from \\"react-native-unistyles\\";\\n\\nexport const MyScreen = (props) => {\\n  const { styles } = useStyles($uniStyles);\\n  return (\\n    <Text style={styles.text}>\\n      This text color and background will change when changing themes.\\n    </Text>\\n  );\\n};\\n\\nconst $uniStyles = createStyleSheet((theme) => ({\\n  text: {\\n    color: theme.colors.text,\\n    backgroundColor: theme.colors.background,\\n  },\\n}));\\n\\nconst { setThemeContextOverride, themeContext } = useAppTheme();\\n\\nreturn (\\n  <Button\\n    onPress={() => {\\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\\n      setThemeContextOverride(themeContext === \\"dark\\" ? \\"light\\" : \\"dark\\");\\n    }}\\n    text={`Switch Theme: ${themeContext}`}\\n  />\\n);\\n\\n","lastUpdated":"34 seconds ago","title":"Theming Ignite with Unistyles","publish_date":"2024-12-02","doc_name":"Theming-Unistyles.mdx"},{"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, 7 months 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":"4 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":"8 months 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, 9 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 months 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":"communityRecipes/CustomVectorIcons","path":"/docs/communityRecipes/CustomVectorIcons","sidebar":"mainSidebar"},{"id":"communityRecipes/index","path":"/docs/communityRecipes/","sidebar":"mainSidebar"},{"id":"intro","path":"/docs/intro","sidebar":"mainSidebar"},{"id":"recipes/AccessibilityFontSizes","path":"/docs/recipes/AccessibilityFontSizes","sidebar":"mainSidebar"},{"id":"recipes/ApolloClientCache","path":"/docs/recipes/ApolloClientCache","sidebar":"mainSidebar"},{"id":"recipes/Authentication","path":"/docs/recipes/Authentication","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/LocalFirstDataWithPowerSync","path":"/docs/recipes/LocalFirstDataWithPowerSync","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/Theming-Emotion","path":"/docs/recipes/Theming-Emotion","sidebar":"mainSidebar"},{"id":"recipes/Theming-StyledComponents","path":"/docs/recipes/Theming-StyledComponents","sidebar":"mainSidebar"},{"id":"recipes/Theming-Unistyles","path":"/docs/recipes/Theming-Unistyles","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}}}'),s=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var i=t(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=t(7624);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:s,codeTranslations:i},d=r.createContext(u);function p(e){let{children:n}=e;return(0,c.jsx)(d.Provider,{value:u,children:n})}},5852:(e,n,t)=>{"use strict";t.d(n,{c:()=>f});var r=t(1504),o=t(8684),a=t(6952),s=t(5684),i=t(7468),l=t(7624);function c(e){let{error:n,tryAgain:t}=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:t,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,l.jsx)(u,{error:n})]})}function u(e){let{error:n}=e;const t=(0,s.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:t})}function d(e){let{error:n,tryAgain:t}=e;return(0,l.jsxs)(f,{fallback:()=>(0,l.jsx)(c,{error:n,tryAgain:t}),children:[(0,l.jsx)(a.c,{children:(0,l.jsx)("title",{children:"Page Error"})}),(0,l.jsx)(i.c,{children:(0,l.jsx)(c,{error:n,tryAgain:t})})]})}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:n}=this.state;if(n){const e={error:n,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},8684:(e,n,t)=>{"use strict";t.d(n,{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,n,t)=>{"use strict";t.d(n,{c:()=>a});t(1504);var r=t(2160),o=t(7624);function a(e){return(0,o.jsx)(r.So,{...e})}},867:(e,n,t)=>{"use strict";t.d(n,{c:()=>f});var r=t(1504),o=t(440),a=t(5684),s=t(8264),i=t(8136),l=t(8684),c=t(5976),u=t(964),d=t(7624);function p(e,n){let{isNavLink:t,to:p,href:f,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":h,autoAddBaseUrl:y=!0,...b}=e;const{siteConfig:{trailingSlash:v,baseUrl:S}}=(0,s.c)(),{withBaseUrl:w}=(0,u.E)(),x=(0,c.c)(),k=(0,r.useRef)(null);(0,r.useImperativeHandle)(n,(()=>k.current));const T=p||f;const E=(0,i.c)(T),C=T?.replace("pathname://","");let A=void 0!==C?(_=C,y&&(e=>e.startsWith("/"))(_)?w(_):_):void 0;var _;A&&E&&(A=(0,a.applyTrailingSlash)(A,{trailingSlash:v,baseUrl:S}));const I=(0,r.useRef)(!1),P=t?o.Af:o.cH,R=l.c.canUseIntersectionObserver,L=(0,r.useRef)(),O=()=>{I.current||null==A||(window.docusaurus.preload(A),I.current=!0)};(0,r.useEffect)((()=>(!R&&E&&null!=A&&window.docusaurus.prefetch(A),()=>{R&&L.current&&L.current.disconnect()})),[L,A,R,E]);const N=A?.startsWith("#")??!1,F=!b.target||"_self"===b.target,j=!A||!E||!F||N;return h||!N&&j||x.collectLink(A),b.id&&x.collectAnchor(b.id),j?(0,d.jsx)("a",{ref:k,href:A,...T&&!E&&{target:"_blank",rel:"noopener noreferrer"},...b}):(0,d.jsx)(P,{...b,onMouseEnter:O,onTouchStart:O,innerRef:e=>{k.current=e,R&&e&&E&&(L.current=new window.IntersectionObserver((n=>{n.forEach((n=>{e===n.target&&(n.isIntersecting||n.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),L.current.observe(e))},to:A,...t&&{isActive:g,activeClassName:m}})}const f=r.forwardRef(p)},4357:(e,n,t)=>{"use strict";t.d(n,{c:()=>c,G:()=>l});var r=t(1504),o=t(7624);function a(e,n){const t=e.split(/(\{\w+\})/).map(((e,t)=>{if(t%2==1){const t=n?.[e.slice(1,-1)];if(void 0!==t)return t}return e}));return t.some((e=>(0,r.isValidElement)(e)))?t.map(((e,n)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:n}):e)).filter((e=>""!==e)):t.join("")}var s=t(144);function i(e){let{id:n,message:t}=e;if(void 0===n&&void 0===t)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return s[n??t]??t??n}function l(e,n){let{message:t,id:r}=e;return a(i({message:t,id:r}),n)}function c(e){let{children:n,id:t,values:r}=e;if(n&&"string"!=typeof n)throw console.warn("Illegal <Translate> children",n),new Error("The Docusaurus <Translate> component only accept simple string values");const s=i({message:n,id:t});return(0,o.jsx)(o.Fragment,{children:a(s,r)})}},2488:(e,n,t)=>{"use strict";t.d(n,{M:()=>r});const r="default"},8136:(e,n,t)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}t.d(n,{_:()=>r,c:()=>o})},964:(e,n,t)=>{"use strict";t.d(n,{E:()=>s,c:()=>i});var r=t(1504),o=t(8264),a=t(8136);function s(){const{siteConfig:{baseUrl:e,url:n}}=(0,o.c)(),t=(0,r.useCallback)(((t,r)=>function(e,n,t,r){let{forcePrependBaseUrl:o=!1,absolute:s=!1}=void 0===r?{}:r;if(!t||t.startsWith("#")||(0,a._)(t))return t;if(o)return n+t.replace(/^\//,"");if(t===n.replace(/\/$/,""))return n;const i=t.startsWith(n)?t:n+t.replace(/^\//,"");return s?e+i:i}(n,e,t,r)),[n,e]);return{withBaseUrl:t}}function i(e,n){void 0===n&&(n={});const{withBaseUrl:t}=s();return t(e,n)}},5976:(e,n,t)=>{"use strict";t.d(n,{c:()=>s});var r=t(1504);t(7624);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function s(){return a()}},8264:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});var r=t(1504),o=t(136);function a(){return(0,r.useContext)(o.e)}},3160:(e,n,t)=>{"use strict";t.d(n,{MP:()=>s,mm:()=>a});var r=t(8264),o=t(2488);function a(e,n){void 0===n&&(n={});const t=function(){const{globalData:e}=(0,r.c)();return e}()[e];if(!t&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return t}function s(e,n,t){void 0===n&&(n=o.M),void 0===t&&(t={});const r=a(e),s=r?.[n];if(!s&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${n}".`);return s}},3664:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});var r=t(1504),o=t(240);function a(){return(0,r.useContext)(o.e)}},5288:(e,n,t)=>{"use strict";t.d(n,{c:()=>o});var r=t(1504);const o=t(8684).c.canUseDOM?r.useLayoutEffect:r.useEffect},8120:(e,n,t)=>{"use strict";t.d(n,{c:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const n={};return function e(t,o){Object.entries(t).forEach((t=>{let[a,s]=t;const i=o?`${o}.${a}`:a;r(s)?e(s,i):n[i]=s}))}(e),n}},5548:(e,n,t)=>{"use strict";t.d(n,{Y:()=>s,e:()=>a});var r=t(1504),o=t(7624);const a=r.createContext(null);function s(e){let{children:n,value:t}=e;const s=r.useContext(a),i=(0,r.useMemo)((()=>function(e){let{parent:n,value:t}=e;if(!n){if(!t)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in t))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return t}const r={...n.data,...t?.data};return{plugin:n.plugin,data:r}}({parent:s,value:t})),[s,t]);return(0,o.jsx)(a.Provider,{value:i,children:n})}},5172:(e,n,t)=>{"use strict";t.d(n,{wB:()=>g,UF:()=>d,mU:()=>p,L0:()=>c,i8:()=>h,OK:()=>u,aA:()=>m,gN:()=>f});var r=t(5592),o=t(3160);const a=e=>e.versions.find((e=>e.isLast));function s(e,n){const t=a(e);return[...e.versions.filter((e=>e!==t)),t].find((e=>!!(0,r.ot)(n,{path:e.path,exact:!1,strict:!1})))}function i(e,n){const t=s(e,n),o=t?.docs.find((e=>!!(0,r.ot)(n,{path:e.path,exact:!0,strict:!1})));return{activeVersion:t,activeDoc:o,alternateDocVersions:o?function(n){const t={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===n&&(t[e.name]=r)}))})),t}(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 n=c(),{pathname:t}=(0,r.IT)();return function(e,n,t){void 0===t&&(t={});const o=Object.entries(e).sort(((e,n)=>n[1].path.localeCompare(e[1].path))).find((e=>{let[,t]=e;return!!(0,r.ot)(n,{path:t.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&t.failfast)throw new Error(`Can't find active docs plugin for "${n}" 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}(n,t,e)}function p(e){void 0===e&&(e={});const n=d(e),{pathname:t}=(0,r.IT)();if(!n)return;return{activePlugin:n,activeVersion:s(n.pluginData,t)}}function f(e){return u(e).versions}function m(e){const n=u(e);return a(n)}function g(e){const n=u(e),{pathname:t}=(0,r.IT)();return i(n,t)}function h(e){const n=u(e),{pathname:t}=(0,r.IT)();return function(e,n){const t=a(e);return{latestDocSuggestion:i(e,n).alternateDocVersions[t.name],latestVersionSuggestion:t}}(n,t)}},7483:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>r});const r={onRouteDidUpdate(e){let{location:n,previousLocation:t}=e;!t||n.pathname===t.pathname&&n.search===t.search&&n.hash===t.hash||setTimeout((()=>{window.gtag("set","page_path",n.pathname+n.search+n.hash),window.gtag("event","page_view")}))}}},1976:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});var r=t(2272),o=t.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:n,previousLocation:t}=e;if(t&&n.pathname!==t.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},5396:(e,n,t)=>{"use strict";t.r(n);var r=t(5720),o=t(7768);!function(e){const{themeConfig:{prism:n}}=o.default,{additionalLanguages:r}=n;globalThis.Prism=e,r.forEach((e=>{"php"===e&&t(1808),t(4096)(`./prism-${e}`)})),delete globalThis.Prism}(r.sp)},6448:(e,n,t)=>{"use strict";t.d(n,{c:()=>u});t(1504);var r=t(5456),o=t(4357),a=t(1824),s=t(867),i=t(5976);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=t(7624);function u(e){let{as:n,id:t,...u}=e;const d=(0,i.c)(),{navbar:{hideOnScroll:p}}=(0,a.y)();if("h1"===n||!t)return(0,c.jsx)(n,{...u,id:void 0});d.collectAnchor(t);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:t});return(0,c.jsxs)(n,{...u,className:(0,r.c)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:t,children:[u.children,(0,c.jsx)(s.c,{className:"hash-link",to:`#${t}`,"aria-label":f,title:f,children:"\u200b"})]})}},3232:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});t(1504);const r={iconExternalLink:"iconExternalLink_nPIU"};var o=t(7624);function a(e){let{width:n=13.5,height:t=13.5}=e;return(0,o.jsx)("svg",{width:n,height:t,"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,n,t)=>{"use strict";t.d(n,{c:()=>On});var r=t(1504),o=t(5456),a=t(5852),s=t(5008),i=t(5592),l=t(4357),c=t(7124),u=t(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:n}=(0,i.Uz)(),t=(0,r.useCallback)((e=>{e.preventDefault();const n=document.querySelector("main:first-of-type")??document.getElementById(d);n&&p(n)}),[]);return(0,c.c)((t=>{let{location:r}=t;e.current&&!r.hash&&"PUSH"===n&&p(e.current)})),{containerRef:e,onClick:t}}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 n=e.children??m,{containerRef:t,onClick:r}=f();return(0,u.jsx)("div",{ref:t,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:n})})}var h=t(5864),y=t(204);const b={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(g,{className:b.skipToContent})}var S=t(1824),w=t(3868);function x(e){let{width:n=21,height:t=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...s}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:n,height:t,...s,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 T(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 E={content:"content_knG7"};function C(e){const{announcementBar:n}=(0,S.y)(),{content:t}=n;return(0,u.jsx)("div",{...e,className:(0,o.c)(E.content,e.className),dangerouslySetInnerHTML:{__html:t}})}const A={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function _(){const{announcementBar:e}=(0,S.y)(),{isActive:n,close:t}=(0,w.el)();if(!n)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:A.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:A.announcementBarPlaceholder}),(0,u.jsx)(C,{className:A.announcementBarContent}),a&&(0,u.jsx)(T,{onClick:t,className:A.announcementBarClose})]})}var I=t(8200),P=t(3943);var R=t(1100),L=t(5168);const O=r.createContext(null);function N(e){let{children:n}=e;const t=function(){const e=(0,I.q)(),n=(0,L.MF)(),[t,o]=(0,r.useState)(!1),a=null!==n.component,s=(0,R.i0)(a);return(0,r.useEffect)((()=>{a&&!s&&o(!0)}),[a,s]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[t,o]),[t])}();return(0,u.jsx)(O.Provider,{value:t,children:n})}function F(e){if(e.component){const n=e.component;return(0,u.jsx)(n,{...e.props})}}function j(){const e=(0,r.useContext)(O);if(!e)throw new R.AH("NavbarSecondaryMenuDisplayProvider");const[n,t]=e,o=(0,r.useCallback)((()=>t(!1)),[t]),a=(0,L.MF)();return(0,r.useMemo)((()=>({shown:n,hide:o,content:F(a)})),[o,a,n])}function M(e){let{header:n,primaryMenu:t,secondaryMenu:r}=e;const{shown:a}=j();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[n,(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:t}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var D=t(6528),B=t(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 U(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 V={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function z(e){let{className:n,buttonClassName:t,value:r,onChange:a}=e;const s=(0,B.c)(),i=(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)(V.toggle,n),children:(0,u.jsxs)("button",{className:(0,o.c)("clean-btn",V.toggleButton,!s&&V.toggleButtonDisabled,t),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!s,title:i,"aria-label":i,"aria-live":"polite",children:[(0,u.jsx)($,{className:(0,o.c)(V.toggleIcon,V.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.c)(V.toggleIcon,V.darkToggleIcon)})]})})}const H=r.memo(z),W={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function G(e){let{className:n}=e;const t=(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:n,buttonClassName:"dark"===t?W.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var q=t(8164);function K(){return(0,u.jsx)(q.c,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Y(){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)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Y,{})]})}var Q=t(867),Z=t(964),J=t(8136),ee=t(1064),ne=t(3232);function te(e){let{activeBasePath:n,activeBaseRegex:t,to:r,href:o,label:a,html:s,isDropdownLink:i,prependBaseUrlToHref:l,...c}=e;const d=(0,Z.c)(r),p=(0,Z.c)(n),f=(0,Z.c)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,J.c)(o),g=s?{dangerouslySetInnerHTML:{__html:s}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(ne.c,{...i&&{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,...(n||t)&&{isActive:(e,n)=>t?(0,ee._)(t,n.pathname):n.pathname.startsWith(p)},...c,...g})}function re(e){let{className:n,isDropdownItem:t=!1,...r}=e;const a=(0,u.jsx)(te,{className:(0,o.c)(t?"dropdown__link":"navbar__item navbar__link",n),isDropdownLink:t,...r});return t?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:n,isDropdownItem:t,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(te,{className:(0,o.c)("menu__link",n),...r})})}function ae(e){let{mobile:n=!1,position:t,...r}=e;const o=n?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(n?"menu__link--active":"navbar__link--active")})}var se=t(8448),ie=t(3376),le=t(8264);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function ue(e,n){return e.some((e=>function(e,n){return!!(0,ie.Sc)(e.to,n)||!!(0,ee._)(e.activeBaseRegex,n)||!(!e.activeBasePath||!n.startsWith(e.activeBasePath))}(e,n)))}function de(e){let{items:n,position:t,className:a,onClick:s,...i}=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"===t,"dropdown--show":c}),children:[(0,u.jsx)(te,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:i.to?void 0:"#",className:(0,o.c)("navbar__link",a),...i,onClick:i.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:i.children??i.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:n.map(((e,n)=>(0,r.createElement)(He,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:n})))})]})}function pe(e){let{items:n,className:t,position:a,onClick:s,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.c)(),{pathname:n}=(0,i.IT)();return n.replace(e,"/")}(),d=ue(n,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,se.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)(te,{role:"button",className:(0,o.c)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",t),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(se.U,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:n.map(((e,n)=>(0,r.createElement)(He,{mobile:!0,isDropdownItem:!0,onClick:s,activeClassName:"menu__link--active",...e,key:n})))})]})}function fe(e){let{mobile:n=!1,...t}=e;const r=n?pe:de;return(0,u.jsx)(r,{...t})}var me=t(1616);function ge(e){let{width:n=20,height:t=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:n,height:t,"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=t(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=t(5052),Se=["translations"];function we(){return we=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},we.apply(this,arguments)}function xe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,o,a=[],s=!0,i=!1;try{for(t=t.call(e);!(s=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);s=!0);}catch(l){i=!0,o=l}finally{try{s||null==t.return||t.return()}finally{if(i)throw o}}return a}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return ke(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ke(e,n)}(e,n)||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,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function Te(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var Ee="Ctrl";var Ce=r.forwardRef((function(e,n){var t=e.translations,o=void 0===t?{}:t,a=Te(e,Se),s=o.buttonText,i=void 0===s?"Search":s,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(Ee))}),[]),r.createElement("button",we({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:n}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(ve.I,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},i)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Ee?r.createElement(be,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),Ae=t(6952),_e=t(7092),Ie=t(9032),Pe=t(4456);const Re={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 Oe(e){let{hit:n,children:t}=e;return(0,u.jsx)(Q.c,{to:n.url,children:t})}function Ne(e){let{state:n,onClose:t}=e;const r=(0,_e.Y)();return(0,u.jsx)(Q.c,{to:r(n.query),onClick:t,children:(0,u.jsx)(l.c,{id:"theme.SearchBar.seeAll",values:{count:n.context.nbHits},children:"See all {count} results"})})}function Fe(e){let{contextualSearch:n,externalUrlRegex:o,...a}=e;const{siteMetadata:s}=(0,le.c)(),l=(0,Ie.Q)(),c=function(){const{locale:e,tags:n}=(0,Pe.mY)();return[`language:${e}`,n.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=n?function(e,n){const t=e=>"string"==typeof e?[e]:e;return[...t(e),...t(n)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,i.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([t.e(2528).then(t.bind(t,148)),Promise.all([t.e(2176),t.e(1676)]).then(t.bind(t,1676)),Promise.all([t.e(2176),t.e(8879)]).then(t.bind(t,8879))]).then((e=>{let[{DocSearchModal:n}]=e;Le=n}))),[]),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]),T=(0,r.useCallback)((e=>{w().then((()=>{b(!0),S(e.key)}))}),[w,b,S]),E=(0,r.useRef)({navigate(e){let{itemUrl:n}=e;(0,ee._)(o,n)?window.location.href=n:m.push(n)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,A=(0,r.useMemo)((()=>e=>(0,u.jsx)(Ne,{...e,onClose:k})),[k]),_=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",s.docusaurusVersion),e)),[s.docusaurusVersion]);return function(e){var n=e.isOpen,t=e.onOpen,o=e.onClose,a=e.onInput,s=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&n||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var n=e.target,t=n.tagName;return n.isContentEditable||"INPUT"===t||"SELECT"===t||"TEXTAREA"===t}(e)&&"/"===e.key&&!n)&&(e.preventDefault(),n?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||t()),s&&s.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)}}),[n,t,o,a,s])}({isOpen:y,onOpen:x,onClose:k,onInput:T,searchButtonRef:h}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ae.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:Re.button}),y&&Le&&g.current&&(0,ye.createPortal)((0,u.jsx)(Le,{onClose:k,initialScrollY:window.scrollY,initialQuery:v,navigator:E,transformItems:C,hitComponent:Oe,transformSearchClient:_,...a.searchPagePath&&{resultsFooterComponent:A},...a,searchParameters:f,placeholder:Re.placeholder,translations:Re.modal}),g.current)]})}function je(){const{siteConfig:e}=(0,le.c)();return(0,u.jsx)(Fe,{...e.themeConfig.algolia})}const Me={navbarSearchContainer:"navbarSearchContainer_Bca1"};function De(e){let{children:n,className:t}=e;return(0,u.jsx)("div",{className:(0,o.c)(t,Me.navbarSearchContainer),children:n})}var Be=t(5172),$e=t(5492);var Ue=t(4592);const Ve=e=>e.docs.find((n=>n.id===e.mainDocId));const ze={default:ae,localeDropdown:function(e){let{mobile:n,dropdownItemsBefore:t,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:s,locales:c,localeConfigs:d}}=(0,le.c)(),p=(0,me.D)(),{search:f,hash:m}=(0,i.IT)(),g=[...t,...c.map((e=>{const t=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:t,target:"_self",autoAddBaseUrl:!1,className:e===s?n?"menu__link--active":"dropdown__link--active":""}})),...r],h=n?(0,l.G)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[s].label;return(0,u.jsx)(fe,{...a,mobile:n,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ge,{className:he}),h]}),items:g})},search:function(e){let{mobile:n,className:t}=e;return n?null:(0,u.jsx)(De,{className:t,children:(0,u.jsx)(je,{})})},dropdown:fe,html:function(e){let{value:n,className:t,mobile:r=!1,isDropdownItem:a=!1}=e;const s=a?"li":"div";return(0,u.jsx)(s,{className:(0,o.c)({navbar__item:!r&&!a,"menu__list-item":r},t),dangerouslySetInnerHTML:{__html:n}})},doc:function(e){let{docId:n,label:t,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),s=(0,$e.Qf)(n,r),i=a?.path===s?.path;return null===s||s.unlisted&&!i?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>i||!!a?.sidebar&&a.sidebar===s.sidebar,label:t??s.id,to:s.path})},docSidebar:function(e){let{sidebarId:n,label:t,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),s=(0,$e.Ab)(n,r).link;if(!s)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${n}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===n,label:t??s.label,to:s.path})},docsVersion:function(e){let{label:n,to:t,docsPluginId:r,...o}=e;const a=(0,$e.b7)(r)[0],s=n??a.label,i=t??(e=>e.docs.find((n=>n.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:s,to:i})},docsVersionDropdown:function(e){let{mobile:n,docsPluginId:t,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...s}=e;const{search:c,hash:d}=(0,i.IT)(),p=(0,Be.wB)(t),f=(0,Be.gN)(t),{savePreferredVersionName:m}=(0,Ue.iy)(t),g=[...o,...f.map((e=>{const n=p.alternateDocVersions[e.name]??Ve(e);return{label:e.label,to:`${n.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],h=(0,$e.b7)(t)[0],y=n&&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=n&&g.length>1?void 0:Ve(h).path;return g.length<=1?(0,u.jsx)(ae,{...s,mobile:n,label:y,to:b,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...s,mobile:n,label:y,to:b,items:g,isActive:r?()=>!1:void 0})}};function He(e){let{type:n,...t}=e;const r=function(e,n){return e&&"default"!==e?e:"items"in n?"dropdown":"default"}(n,t),o=ze[r];if(!o)throw new Error(`No NavbarItem component found for type "${n}".`);return(0,u.jsx)(o,{...t})}function We(){const e=(0,I.q)(),n=(0,S.y)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:n.map(((n,t)=>(0,r.createElement)(He,{mobile:!0,...n,onClick:()=>e.toggle(),key:t})))})}function Ge(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,n=j();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Ge,{onClick:()=>n.hide()}),n.content]})}function Ke(){const e=(0,I.q)();var n;return void 0===(n=e.shown)&&(n=!0),(0,r.useEffect)((()=>(document.body.style.overflow=n?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[n]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(X,{}),primaryMenu:(0,u.jsx)(We,{}),secondaryMenu:(0,u.jsx)(qe,{})}):null}const Ye={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:n}=e;const{navbar:{hideOnScroll:t,style:a}}=(0,S.y)(),s=(0,I.q)(),{navbarRef:i,isNavbarVisible:d}=function(e){const[n,t]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),s=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,P.SM)(((n,r)=>{let{scrollY:s}=n;if(!e)return;if(s<a.current)return void t(!0);if(o.current)return void(o.current=!1);const i=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;i&&s>=i?t(!1):s+c<l&&t(!0)})),(0,c.c)((n=>{if(!e)return;const r=n.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void t(!1);t(!0)})),{navbarRef:s,isNavbarVisible:n}}(t);return(0,u.jsxs)("nav",{ref:i,"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",t&&[Ye.navbarHideable,!d&&Ye.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":s.shown}),children:[n,(0,u.jsx)(Xe,{onClick:s.toggle}),(0,u.jsx)(Ke,{})]})}var Ze=t(5684);const Je={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function en(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 nn(e){let{error:n}=e;const t=(0,Ze.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Je.errorBoundaryError,children:t})}class tn extends r.Component{componentDidCatch(e,n){throw this.props.onError(e,n)}render(){return this.props.children}}const rn="right";function on(e){let{width:n=30,height:t=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:n,height:t,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 an(){const{toggle:e,shown:n}=(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":n,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(on,{})})}const sn={colorModeToggle:"colorModeToggle_DEke"};function ln(e){let{items:n}=e;return(0,u.jsx)(u.Fragment,{children:n.map(((e,n)=>(0,u.jsx)(tn,{onError:n=>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:n}),children:(0,u.jsx)(He,{...e})},n)))})}function cn(e){let{left:n,right:t}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:n}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:t})]})}function un(){const e=(0,I.q)(),n=(0,S.y)().navbar.items,[t,r]=function(e){function n(e){return"left"===(e.position??rn)}return[e.filter(n),e.filter((e=>!n(e)))]}(n),o=n.find((e=>"search"===e.type));return(0,u.jsx)(cn,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(an,{}),(0,u.jsx)(K,{}),(0,u.jsx)(ln,{items:t})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ln,{items:r}),(0,u.jsx)(G,{className:sn.colorModeToggle}),!o&&(0,u.jsx)(De,{children:(0,u.jsx)(je,{})})]})})}function dn(){return(0,u.jsx)(Qe,{children:(0,u.jsx)(un,{})})}function pn(e){let{item:n}=e;const{to:t,href:r,label:o,prependBaseUrlToHref:a,...s}=n,i=(0,Z.c)(t),l=(0,Z.c)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Q.c,{className:"footer__link-item",...r?{href:a?l:r}:{to:i},...s,children:[o,r&&!(0,J.c)(r)&&(0,u.jsx)(ne.c,{})]})}function fn(e){let{item:n}=e;return n.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:n.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(pn,{item:n})},n.href??n.to)}function mn(e){let{column:n}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:n.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:n.items.map(((e,n)=>(0,u.jsx)(fn,{item:e},n)))})]})}function gn(e){let{columns:n}=e;return(0,u.jsx)("div",{className:"row footer__links",children:n.map(((e,n)=>(0,u.jsx)(mn,{column:e},n)))})}function hn(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function yn(e){let{item:n}=e;return n.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:n.html}}):(0,u.jsx)(pn,{item:n})}function bn(e){let{links:n}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:n.map(((e,t)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(yn,{item:e}),n.length!==t+1&&(0,u.jsx)(hn,{})]},t)))})})}function vn(e){let{links:n}=e;return function(e){return"title"in e[0]}(n)?(0,u.jsx)(gn,{columns:n}):(0,u.jsx)(bn,{links:n})}var Sn=t(1964);const wn={footerLogoLink:"footerLogoLink_BH7S"};function xn(e){let{logo:n}=e;const{withBaseUrl:t}=(0,Z.E)(),r={light:t(n.src),dark:t(n.srcDark??n.src)};return(0,u.jsx)(Sn.c,{className:(0,o.c)("footer__logo",n.className),alt:n.alt,sources:r,width:n.width,height:n.height,style:n.style})}function kn(e){let{logo:n}=e;return n.href?(0,u.jsx)(Q.c,{href:n.href,className:wn.footerLogoLink,target:n.target,children:(0,u.jsx)(xn,{logo:n})}):(0,u.jsx)(xn,{logo:n})}function Tn(e){let{copyright:n}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:n}})}function En(e){let{style:n,links:t,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.c)("footer",{"footer--dark":"dark"===n}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[t,(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 Cn(){const{footer:e}=(0,S.y)();if(!e)return null;const{copyright:n,links:t,logo:r,style:o}=e;return(0,u.jsx)(En,{style:o,links:t&&t.length>0&&(0,u.jsx)(vn,{links:t}),logo:r&&(0,u.jsx)(kn,{logo:r}),copyright:n&&(0,u.jsx)(Tn,{copyright:n})})}const An=r.memo(Cn),_n=(0,R.qY)([D.C,w.qu,P.S2,Ue.gc,s.w7,function(e){let{children:n}=e;return(0,u.jsx)(L.Ub,{children:(0,u.jsx)(I.y,{children:(0,u.jsx)(N,{children:n})})})}]);function In(e){let{children:n}=e;return(0,u.jsx)(_n,{children:n})}var Pn=t(6448);function Rn(e){let{error:n,tryAgain:t}=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)(Pn.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)(en,{onClick:t,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(nn,{error:n})})]})})})}const Ln={mainWrapper:"mainWrapper_z2l0"};function On(e){const{children:n,noFooter:t,wrapperClassName:r,title:i,description:l}=e;return(0,y.W)(),(0,u.jsxs)(In,{children:[(0,u.jsx)(s.U7,{title:i,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(_,{}),(0,u.jsx)(dn,{}),(0,u.jsx)("div",{id:d,className:(0,o.c)(h.W.wrapper.main,Ln.mainWrapper,r),children:(0,u.jsx)(a.c,{fallback:e=>(0,u.jsx)(Rn,{...e}),children:n})}),!t&&(0,u.jsx)(An,{})]})}},8164:(e,n,t)=>{"use strict";t.d(n,{c:()=>u});t(1504);var r=t(867),o=t(964),a=t(8264),s=t(1824),i=t(1964),l=t(7624);function c(e){let{logo:n,alt:t,imageClassName:r}=e;const a={light:(0,o.c)(n.src),dark:(0,o.c)(n.srcDark||n.src)},s=(0,l.jsx)(i.c,{className:n.className,sources:a,height:n.height,width:n.width,alt:t,style:n.style});return r?(0,l.jsx)("div",{className:r,children:s}):s}function u(e){const{siteConfig:{title:n}}=(0,a.c)(),{navbar:{title:t,logo:i}}=(0,s.y)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.c)(i?.href||"/"),m=t?"":n,g=i?.alt??m;return(0,l.jsxs)(r.c,{to:f,...p,...i?.target&&{target:i.target},children:[i&&(0,l.jsx)(c,{logo:i,alt:g,imageClassName:u}),null!=t&&(0,l.jsx)("b",{className:d,children:t})]})}},8712:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});t(1504);var r=t(6952),o=t(7624);function a(e){let{locale:n,version:t,tag:a}=e;const s=n;return(0,o.jsxs)(r.c,{children:[n&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:n}),t&&(0,o.jsx)("meta",{name:"docusaurus_version",content:t}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),s&&(0,o.jsx)("meta",{name:"docsearch:language",content:s}),t&&(0,o.jsx)("meta",{name:"docsearch:version",content:t}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},1964:(e,n,t)=>{"use strict";t.d(n,{c:()=>u});var r=t(1504),o=t(5456),a=t(3664),s=t(6528);const i={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=t(7624);function c(e){let{className:n,children:t}=e;const c=(0,a.c)(),{colorMode:u}=(0,s.U)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=t({theme:e,className:(0,o.c)(n,i.themedComponent,i[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:n,className:t,alt:r,...o}=e;return(0,l.jsx)(c,{className:t,children:e=>{let{theme:t,className:a}=e;return(0,l.jsx)("img",{src:n[t],alt:r,className:a,...o})}})}},8448:(e,n,t)=>{"use strict";t.d(n,{U:()=>y,a:()=>c});var r=t(1504),o=t(8684),a=t(5288),s=t(3856),i=t(7624);const l="ease-in-out";function c(e){let{initialState:n}=e;const[t,o]=(0,r.useState)(n??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:t,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,n){const t=n?u:d;e.style.display=t.display,e.style.overflow=t.overflow,e.style.height=t.height}function f(e){let{collapsibleRef:n,collapsed:t,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=n.current;function r(){const n=e.scrollHeight,t=o?.duration??function(e){if((0,s.I)())return 1;const n=e/36;return Math.round(10*(4+15*n**.25+n/5))}(n);return{transition:`height ${t}ms ${o?.easing??l}`,height:`${n}px`}}function i(){const n=r();e.style.transition=n.transition,e.style.height=n.height}if(!a.current)return p(e,t),void(a.current=!0);return e.style.willChange="height",function(){const n=requestAnimationFrame((()=>{t?(i(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(n)}()}),[n,t,o])}function m(e){if(!o.c.canUseDOM)return e?u:d}function g(e){let{as:n="div",collapsed:t,children:o,animation:a,onCollapseTransitionEnd:s,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:t,animation:a}),(0,i.jsx)(n,{ref:u,style:c?void 0:m(t),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,t),s?.(t))},className:l,children:o})}function h(e){let{collapsed:n,...t}=e;const[o,s]=(0,r.useState)(!n),[l,c]=(0,r.useState)(n);return(0,a.c)((()=>{n||s(!0)}),[n]),(0,a.c)((()=>{o&&c(n)}),[o,n]),o?(0,i.jsx)(g,{...t,collapsed:l}):null}function y(e){let{lazy:n,...t}=e;const r=n?h:g;return(0,i.jsx)(r,{...t})}},3868:(e,n,t)=>{"use strict";t.d(n,{el:()=>g,qu:()=>m});var r=t(1504),o=t(3664),a=t(1148),s=t(1100),i=t(1824),l=t(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:n}=e;const t=function(){const{announcementBar:e}=(0,i.y)(),n=(0,o.c)(),[t,a]=(0,r.useState)((()=>!!n&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const s=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:n}=e;let t=u.get();"annoucement-bar"===t&&(t="announcement-bar");const r=n!==t;u.set(n),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!t,close:s})),[e,t,s])}();return(0,l.jsx)(f.Provider,{value:t,children:n})}function g(){const e=(0,r.useContext)(f);if(!e)throw new s.AH("AnnouncementBarProvider");return e}},6528:(e,n,t)=>{"use strict";t.d(n,{C:()=>h,U:()=>y});var r=t(1504),o=t(8684),a=t(1100),s=t(1148),i=t(1824),l=t(7624);const c=r.createContext(void 0),u="theme",d=(0,s.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:n}=e;const t=function(){const{colorMode:{defaultMode:e,disableSwitch:n,respectPrefersColorScheme:t}}=(0,i.y)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{n&&d.del()}),[n]);const s=(0,r.useCallback)((function(n,r){void 0===r&&(r={});const{persist:o=!0}=r;n?(a(n),o&&g(n)):(a(t?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[t,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(n)return;const e=e=>{if(e.key!==u)return;const n=d.get();null!==n&&s(f(n))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[n,s]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(n&&!t)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:s(null)};return e.addListener(r),()=>e.removeListener(r)}),[s,n,t]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:s,get isDarkTheme(){return o===p.dark},setLightTheme(){s(p.light)},setDarkTheme(){s(p.dark)}})),[o,s])}();return(0,l.jsx)(c.Provider,{value:t,children:n})}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,n,t)=>{"use strict";t.d(n,{eM:()=>S,gc:()=>y,iy:()=>v});var r=t(1504),o=t(5172),a=t(2488),s=t(1824),i=t(5492),l=t(1100),c=t(1148),u=t(7624);const d=e=>`docs-preferred-version-${e}`,p={save:(e,n,t)=>{(0,c.GS)(d(e),{persistence:n}).set(t)},read:(e,n)=>(0,c.GS)(d(e),{persistence:n}).get(),clear:(e,n)=>{(0,c.GS)(d(e),{persistence:n}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const m=r.createContext(null);function g(){const e=(0,o.L0)(),n=(0,s.y)().docs.versionPersistence,t=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,i]=(0,r.useState)((()=>f(t)));(0,r.useEffect)((()=>{i(function(e){let{pluginIds:n,versionPersistence:t,allDocsData:r}=e;function o(e){const n=p.read(e,t);return r[e].versions.some((e=>e.name===n))?{preferredVersionName:n}:(p.clear(e,t),{preferredVersionName:null})}return Object.fromEntries(n.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:n,pluginIds:t}))}),[e,n,t]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,t){p.save(e,n,t),i((n=>({...n,[e]:{preferredVersionName:t}})))}})),[n])]}function h(e){let{children:n}=e;const t=g();return(0,u.jsx)(m.Provider,{value:t,children:n})}function y(e){let{children:n}=e;return i.c1?(0,u.jsx)(h,{children:n}):(0,u.jsx)(u.Fragment,{children:n})}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 n=(0,o.OK)(e),[t,s]=b(),{preferredVersionName:i}=t[e];return{preferredVersion:n.versions.find((e=>e.name===i))??null,savePreferredVersionName:(0,r.useCallback)((n=>{s.savePreferredVersion(e,n)}),[s,e])}}function S(){const e=(0,o.L0)(),[n]=b();function t(t){const r=e[t],{preferredVersionName:o}=n[t];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,t(e)])))}},6192:(e,n,t)=>{"use strict";t.d(n,{m:()=>c,y:()=>l});var r=t(1504),o=t(1100),a=t(7624);const s=Symbol("EmptyContext"),i=r.createContext(s);function l(e){let{children:n,name:t,items:o}=e;const s=(0,r.useMemo)((()=>t&&o?{name:t,items:o}:null),[t,o]);return(0,a.jsx)(i.Provider,{value:s,children:n})}function c(){const e=(0,r.useContext)(i);if(e===s)throw new o.AH("DocsSidebarProvider");return e}},9920:(e,n,t)=>{"use strict";t.d(n,{E:()=>l,Q:()=>i});var r=t(1504),o=t(1100),a=t(7624);const s=r.createContext(null);function i(e){let{children:n,version:t}=e;return(0,a.jsx)(s.Provider,{value:t,children:n})}function l(){const e=(0,r.useContext)(s);if(null===e)throw new o.AH("DocsVersionProvider");return e}},8200:(e,n,t)=>{"use strict";t.d(n,{q:()=>f,y:()=>p});var r=t(1504),o=t(5168),a=t(1432),s=t(632),i=t(1824),l=t(1100),c=t(7624);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.MF)(),{items:n}=(0,i.y)().navbar;return 0===n.length&&!e.component}(),n=(0,a.U)(),t=!e&&"mobile"===n,[l,c]=(0,r.useState)(!1);(0,s.a4)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===n&&c(!1)}),[n]),(0,r.useMemo)((()=>({disabled:e,shouldRender:t,toggle:u,shown:l})),[e,t,u,l])}function p(e){let{children:n}=e;const t=d();return(0,c.jsx)(u.Provider,{value:t,children:n})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.AH("NavbarMobileSidebarProvider");return e}},5168:(e,n,t)=>{"use strict";t.d(n,{MF:()=>l,Mx:()=>c,Ub:()=>i});var r=t(1504),o=t(1100),a=t(7624);const s=r.createContext(null);function i(e){let{children:n}=e;const t=(0,r.useState)({component:null,props:null});return(0,a.jsx)(s.Provider,{value:t,children:n})}function l(){const e=(0,r.useContext)(s);if(!e)throw new o.AH("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:n,props:t}=e;const a=(0,r.useContext)(s);if(!a)throw new o.AH("NavbarSecondaryMenuContentProvider");const[,i]=a,l=(0,o.Mh)(t);return(0,r.useEffect)((()=>{i({component:n,props:l})}),[i,n,l]),(0,r.useEffect)((()=>()=>i({component:null,props:null})),[i]),null}},204:(e,n,t)=>{"use strict";t.d(n,{m:()=>o,W:()=>a});var r=t(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,n,t)=>{"use strict";t.d(n,{Y:()=>l,a:()=>i});var r=t(1504),o=t(8264),a=t(632);const s="q";function i(){return(0,a.E9)(s)}function l(){const{siteConfig:{baseUrl:e,themeConfig:n}}=(0,o.c)(),{algolia:{searchPagePath:t}}=n;return(0,r.useCallback)((n=>`${e}${t}?${s}=${encodeURIComponent(n)}`),[e,t])}},1432:(e,n,t)=>{"use strict";t.d(n,{U:()=>i});var r=t(1504),o=t(8684);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},s=996;function i(e){let{desktopBreakpoint:n=s}=void 0===e?{}:e;const[t,i]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){i(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}(n))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[n]),t}},5864:(e,n,t)=>{"use strict";t.d(n,{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,n,t)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}t.d(n,{I:()=>r})},5492:(e,n,t)=>{"use strict";t.d(n,{Ab:()=>x,Gw:()=>f,Md:()=>h,Qf:()=>k,Uj:()=>T,b7:()=>w,c1:()=>p,js:()=>S,mg:()=>b});var r=t(1504),o=t(5592),a=t(5464),s=t(5172),i=t(4592),l=t(9920),c=t(6192),u=t(7128),d=t(3376);const p=!!s.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 n of e.items){const e=f(n);if(e)return e}}(e):void 0:e.href}const m=(e,n)=>void 0!==e&&(0,d.Sc)(e,n),g=(e,n)=>e.some((e=>h(e,n)));function h(e,n){return"link"===e.type?m(e.href,n):"category"===e.type&&(m(e.href,n)||g(e.items,n))}function y(e,n){switch(e.type){case"category":return h(e,n)||e.items.some((e=>y(e,n)));case"link":return!e.unlisted||h(e,n);default:return!0}}function b(e,n){return(0,r.useMemo)((()=>e.filter((e=>y(e,n)))),[e,n])}function v(e){let{sidebarItems:n,pathname:t,onlyCategories:r=!1}=e;const o=[];return function e(n){for(const a of n)if("category"===a.type&&((0,d.Sc)(a.href,t)||e(a.items))||"link"===a.type&&(0,d.Sc)(a.href,t)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(n),o}function S(){const e=(0,c.m)(),{pathname:n}=(0,o.IT)(),t=(0,s.UF)()?.pluginData.breadcrumbs;return!1!==t&&e?v({sidebarItems:e.items,pathname:n}):null}function w(e){const{activeVersion:n}=(0,s.wB)(e),{preferredVersion:t}=(0,i.iy)(e),o=(0,s.aA)(e);return(0,r.useMemo)((()=>(0,u.U)([n,t,o].filter(Boolean))),[n,t,o])}function x(e,n){const t=w(n);return(0,r.useMemo)((()=>{const n=t.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=n.find((n=>n[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${t.length>1?"s":""} ${t.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${n.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,t])}function k(e,n){const t=w(n);return(0,r.useMemo)((()=>{const n=t.flatMap((e=>e.docs)),r=n.find((n=>n.id===e));if(!r){if(t.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${t.length>1?"s":""} "${t.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,u.U)(n.map((e=>e.id))).join("\n- ")}`)}return r}),[e,t])}function T(e){let{route:n}=e;const t=(0,o.IT)(),r=(0,l.E)(),s=n.routes,i=s.find((e=>(0,o.ot)(t.pathname,e)));if(!i)return null;const c=i.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,a.k)(s),sidebarName:c,sidebarItems:u}}},8648:(e,n,t)=>{"use strict";t.d(n,{g:()=>o});var r=t(8264);function o(e){const{siteConfig:n}=(0,r.c)(),{title:t,titleDelimiter:o}=n;return e?.trim().length?`${e.trim()} ${o} ${t}`:t}},632:(e,n,t)=>{"use strict";t.d(n,{E9:()=>l,_M:()=>i,a4:()=>s});var r=t(1504),o=t(5592),a=t(1100);function s(e){!function(e){const n=(0,o.Uz)(),t=(0,a.yA)(e);(0,r.useEffect)((()=>n.block(((e,n)=>t(e,n)))),[n,t])}(((n,t)=>{if("POP"===t)return e(n,t)}))}function i(e){return function(e){const n=(0,o.Uz)();return(0,r.useSyncExternalStore)(n.listen,(()=>e(n)),(()=>e(n)))}((n=>null===e?null:new URLSearchParams(n.location.search).get(e)))}function l(e){const n=i(e)??"",t=function(){const e=(0,o.Uz)();return(0,r.useCallback)(((n,t,r)=>{const o=new URLSearchParams(e.location.search);t?o.set(n,t):o.delete(n),(r?.push?e.push:e.replace)({search:o.toString()})}),[e])}();return[n,(0,r.useCallback)(((n,r)=>{t(e,n,r)}),[t,e])]}},7128:(e,n,t)=>{"use strict";function r(e,n){return void 0===n&&(n=(e,n)=>e===n),e.filter(((t,r)=>e.findIndex((e=>n(e,t)))!==r))}function o(e){return Array.from(new Set(e))}t.d(n,{U:()=>o,w:()=>r})},5008:(e,n,t)=>{"use strict";t.d(n,{cr:()=>f,U7:()=>d,w7:()=>m});var r=t(1504),o=t(5456),a=t(6952),s=t(5548);function i(){const e=r.useContext(s.e);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=t(964),c=t(8648),u=t(7624);function d(e){let{title:n,description:t,keywords:r,image:o,children:s}=e;const i=(0,c.g)(n),{withBaseUrl:d}=(0,l.E)(),p=o?d(o,{absolute:!0}):void 0;return(0,u.jsxs)(a.c,{children:[n&&(0,u.jsx)("title",{children:i}),n&&(0,u.jsx)("meta",{property:"og:title",content:i}),t&&(0,u.jsx)("meta",{name:"description",content:t}),t&&(0,u.jsx)("meta",{property:"og:description",content:t}),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}),s]})}const p=r.createContext(void 0);function f(e){let{className:n,children:t}=e;const s=r.useContext(p),i=(0,o.c)(s,n);return(0,u.jsxs)(p.Provider,{value:i,children:[(0,u.jsx)(a.c,{children:(0,u.jsx)("html",{className:i})}),t]})}function m(e){let{children:n}=e;const t=i(),r=`plugin-${t.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${t.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.c)(r,a),children:n})}},1100:(e,n,t)=>{"use strict";t.d(n,{AH:()=>l,Mh:()=>c,i0:()=>i,qY:()=>u,yA:()=>s});var r=t(1504),o=t(5288),a=t(7624);function s(e){const n=(0,r.useRef)(e);return(0,o.c)((()=>{n.current=e}),[e]),(0,r.useCallback)((function(){return n.current(...arguments)}),[])}function i(e){const n=(0,r.useRef)();return(0,o.c)((()=>{n.current=e})),n.current}class l extends Error{constructor(e,n){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${n??""}`}}function c(e){const n=Object.entries(e);return n.sort(((e,n)=>e[0].localeCompare(n[0]))),(0,r.useMemo)((()=>e),n.flat())}function u(e){return n=>{let{children:t}=n;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,n)=>(0,a.jsx)(n,{children:e})),t)})}}},1064:(e,n,t)=>{"use strict";function r(e,n){return void 0!==e&&void 0!==n&&new RegExp(e,"gi").test(n)}t.d(n,{_:()=>r})},3376:(e,n,t)=>{"use strict";t.d(n,{Sc:()=>s,Y5:()=>i});var r=t(1504),o=t(628),a=t(8264);function s(e,n){const t=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return t(e)===t(n)}function i(){const{baseUrl:e}=(0,a.c)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:n,routes:t}=e;function r(e){return e.path===n&&!0===e.exact}function o(e){return e.path===n&&!e.exact}return function e(n){if(0===n.length)return;return n.find(r)||e(n.filter(o).flatMap((e=>e.routes??[])))}(t)}({routes:o.c,baseUrl:e})),[e])}},3943:(e,n,t)=>{"use strict";t.d(n,{MV:()=>m,S2:()=>u,SM:()=>f,yI:()=>g});var r=t(1504),o=t(8684),a=t(3664),s=t(5288),i=t(1100),l=t(7624);const c=r.createContext(void 0);function u(e){let{children:n}=e;const t=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,l.jsx)(c.Provider,{value:t,children:n})}function d(){const e=(0,r.useContext)(c);if(null==e)throw new i.AH("ScrollControllerProvider");return e}const p=()=>o.c.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function f(e,n){void 0===n&&(n=[]);const{scrollEventsEnabledRef:t}=d(),o=(0,r.useRef)(p()),a=(0,i.yA)(e);(0,r.useEffect)((()=>{const e=()=>{if(!t.current)return;const e=p();a(e,o.current),o.current=e},n={passive:!0};return e(),window.addEventListener("scroll",e,n),()=>window.removeEventListener("scroll",e,n)}),[a,t,...n])}function m(){const e=d(),n=function(){const e=(0,r.useRef)({elem:null,top:0}),n=(0,r.useCallback)((n=>{e.current={elem:n,top:n.getBoundingClientRect().top}}),[]),t=(0,r.useCallback)((()=>{const{current:{elem:n,top:t}}=e;if(!n)return{restored:!1};const r=n.getBoundingClientRect().top-t;return r&&window.scrollBy({left:0,top:r}),e.current={elem:null,top:0},{restored:0!==r}}),[]);return(0,r.useMemo)((()=>({save:n,restore:t})),[t,n])}(),t=(0,r.useRef)(void 0),o=(0,r.useCallback)((r=>{n.save(r),e.disableScrollEvents(),t.current=()=>{const{restored:r}=n.restore();if(t.current=void 0,r){const n=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",n)};window.addEventListener("scroll",n)}else e.enableScrollEvents()}}),[e,n]);return(0,s.c)((()=>{queueMicrotask((()=>t.current?.()))})),{blockElementScrollPositionUntilNextRender:o}}function g(){const e=(0,r.useRef)(null),n=(0,a.c)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:t=>{e.current=n?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(t):function(e){let n=null;const t=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(t&&o>e||!t&&o<e)&&(n=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>n&&cancelAnimationFrame(n)}(t)},cancelScroll:()=>e.current?.()}}},4456:(e,n,t)=>{"use strict";t.d(n,{SE:()=>i,e6:()=>s,mY:()=>l});var r=t(5172),o=t(8264),a=t(4592);const s="default";function i(e,n){return`docs-${e}-${n}`}function l(){const{i18n:e}=(0,o.c)(),n=(0,r.L0)(),t=(0,r.mU)(),l=(0,a.eM)();const c=[s,...Object.keys(n).map((function(e){const r=t?.activePlugin.pluginId===e?t.activeVersion:void 0,o=l[e],a=n[e].versions.find((e=>e.isLast));return i(e,(r??o??a).name)}))];return{locale:e.currentLocale,tags:c}}},1148:(e,n,t)=>{"use strict";t.d(n,{GS:()=>c,IN:()=>u});var r=t(1504);const o="localStorage";function a(e){let{key:n,oldValue:t,newValue:r,storage:o}=e;if(t===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,n,t,r,window.location.href,o),window.dispatchEvent(a)}function s(e){if(void 0===e&&(e=o),"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(t){return n=t,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.",n),i=!0),null}var n}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,n){if("undefined"==typeof window)return function(e){function n(){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:n,set:n,del:n,listen:n}}(e);const t=s(n?.persistence);return null===t?l:{get:()=>{try{return t.getItem(e)}catch(n){return console.error(`Docusaurus storage error, can't get key=${e}`,n),null}},set:n=>{try{const r=t.getItem(e);t.setItem(e,n),a({key:e,oldValue:r,newValue:n,storage:t})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${n}`,r)}},del:()=>{try{const n=t.getItem(e);t.removeItem(e),a({key:e,oldValue:n,newValue:null,storage:t})}catch(n){console.error(`Docusaurus storage error, can't delete key=${e}`,n)}},listen:n=>{try{const r=r=>{r.storageArea===t&&r.key===e&&n(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),()=>{}}}}}function u(e,n){const t=(0,r.useRef)((()=>null===e?l:c(e,n))).current(),o=(0,r.useCallback)((e=>"undefined"==typeof window?()=>{}:t.listen(e)),[t]);return[(0,r.useSyncExternalStore)(o,(()=>"undefined"==typeof window?null:t.get()),(()=>null)),t]}},1616:(e,n,t)=>{"use strict";t.d(n,{D:()=>s});var r=t(8264),o=t(5592),a=t(5684);function s(){const{siteConfig:{baseUrl:e,url:n,trailingSlash:t},i18n:{defaultLocale:s,currentLocale:i}}=(0,r.c)(),{pathname:l}=(0,o.IT)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:t,baseUrl:e}),u=i===s?e:e.replace(`/${i}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:t,fullyQualified:r}=e;return`${r?n:""}${function(e){return e===s?`${u}`:`${u}${e}/`}(t)}${d}`}}}},7124:(e,n,t)=>{"use strict";t.d(n,{c:()=>s});var r=t(1504),o=t(5592),a=t(1100);function s(e){const n=(0,o.IT)(),t=(0,a.i0)(n),s=(0,a.yA)(e);(0,r.useEffect)((()=>{t&&n!==t&&s({location:n,previousLocation:t})}),[s,n,t])}},1824:(e,n,t)=>{"use strict";t.d(n,{y:()=>o});var r=t(8264);function o(){return(0,r.c)().siteConfig.themeConfig}},8589:(e,n,t)=>{"use strict";t.d(n,{E:()=>o});var r=t(8264);function o(){const{siteConfig:{themeConfig:e}}=(0,r.c)();return e}},9032:(e,n,t)=>{"use strict";t.d(n,{Q:()=>i});var r=t(1504),o=t(1064),a=t(964),s=t(8589);function i(){const{withBaseUrl:e}=(0,a.E)(),{algolia:{externalUrlRegex:n,replaceSearchResultPathname:t}}=(0,s.E)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o._)(n,a.href))return r;const s=`${a.pathname+a.hash}`;return e(function(e,n){return n?e.replaceAll(new RegExp(n.from,"g"),n.to):e}(s,t))}),[e,n,t])}},1600:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=function(e,n){const{trailingSlash:t,baseUrl:r}=n;if(e.startsWith("#"))return e;if(void 0===t)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(s=o,t?function(e){return e.endsWith("/")?e:`${e}/`}(s):function(e){return e.endsWith("/")?e.slice(0,-1):e}(s));var s;return e.replace(o,a)}},4292:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=void 0,n.getErrorCausalChain=function e(n){return n.cause?[n,...e(n.cause)]:[n]}},5684:function(e,n,t){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=n.applyTrailingSlash=n.blogPostContainerID=void 0,n.blogPostContainerID="__blog-post-container";var o=t(1600);Object.defineProperty(n,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}});var a=t(4292);Object.defineProperty(n,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},8064:(e,n,t)=>{"use strict";t.d(n,{iU:()=>S,Yf:()=>C,gh:()=>f,Wi:()=>_,Ep:()=>p});var r=t(6404);function o(e){return"/"===e.charAt(0)}function a(e,n){for(var t=n,r=t+1,o=e.length;r<o;t+=1,r+=1)e[t]=e[r];e.pop()}const s=function(e,n){void 0===n&&(n="");var t,r=e&&e.split("/")||[],s=n&&n.split("/")||[],i=e&&o(e),l=n&&o(n),c=i||l;if(e&&o(e)?s=r:r.length&&(s.pop(),s=s.concat(r)),!s.length)return"/";if(s.length){var u=s[s.length-1];t="."===u||".."===u||""===u}else t=!1;for(var d=0,p=s.length;p>=0;p--){var f=s[p];"."===f?a(s,p):".."===f?(a(s,p),d++):d&&(a(s,p),d--)}if(!c)for(;d--;d)s.unshift("..");!c||""===s[0]||s[0]&&o(s[0])||s.unshift("");var m=s.join("/");return t&&"/"!==m.substr(-1)&&(m+="/"),m};var i=t(6136);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,n){return function(e,n){return 0===e.toLowerCase().indexOf(n.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(n.length))}(e,n)?e.substr(n.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var n=e.pathname,t=e.search,r=e.hash,o=n||"/";return t&&"?"!==t&&(o+="?"===t.charAt(0)?t:"?"+t),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,n,t,o){var a;"string"==typeof e?(a=function(e){var n=e||"/",t="",r="",o=n.indexOf("#");-1!==o&&(r=n.substr(o),n=n.substr(0,o));var a=n.indexOf("?");return-1!==a&&(t=n.substr(a),n=n.substr(0,a)),{pathname:n,search:"?"===t?"":t,hash:"#"===r?"":r}}(e),a.state=n):(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!==n&&void 0===a.state&&(a.state=n));try{a.pathname=decodeURI(a.pathname)}catch(i){throw i instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):i}return t&&(a.key=t),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=s(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var n=[];return{setPrompt:function(n){return e=n,function(){e===n&&(e=null)}},confirmTransitionTo:function(n,t,r,o){if(null!=e){var a="function"==typeof e?e(n,t):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var t=!0;function r(){t&&e.apply(void 0,arguments)}return n.push(r),function(){t=!1,n=n.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.forEach((function(e){return e.apply(void 0,t)}))}}}var g=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,n){n(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,i.c)(!1);var n,t=window.history,o=(-1===(n=window.navigator.userAgent).indexOf("Android 2.")&&-1===n.indexOf("Android 4.0")||-1===n.indexOf("Mobile Safari")||-1!==n.indexOf("Chrome")||-1!==n.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),s=e,c=s.forceRefresh,S=void 0!==c&&c,w=s.getUserConfirmation,x=void 0===w?h:w,k=s.keyLength,T=void 0===k?6:k,E=e.basename?d(l(e.basename)):"";function C(e){var n=e||{},t=n.key,r=n.state,o=window.location,a=o.pathname+o.search+o.hash;return E&&(a=u(a,E)),f(a,r,t)}function A(){return Math.random().toString(36).substr(2,T)}var _=m();function I(e){(0,r.c)(U,e),U.length=t.length,_.notifyListeners(U.location,U.action)}function P(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||O(C(e.state))}function R(){O(C(v()))}var L=!1;function O(e){if(L)L=!1,I();else{_.confirmTransitionTo(e,"POP",x,(function(n){n?I({action:"POP",location:e}):function(e){var n=U.location,t=F.indexOf(n.key);-1===t&&(t=0);var r=F.indexOf(e.key);-1===r&&(r=0);var o=t-r;o&&(L=!0,M(o))}(e)}))}}var N=C(v()),F=[N.key];function j(e){return E+p(e)}function M(e){t.go(e)}var D=0;function B(e){1===(D+=e)&&1===e?(window.addEventListener(y,P),a&&window.addEventListener(b,R)):0===D&&(window.removeEventListener(y,P),a&&window.removeEventListener(b,R))}var $=!1;var U={length:t.length,action:"POP",location:N,createHref:j,push:function(e,n){var r="PUSH",a=f(e,n,A(),U.location);_.confirmTransitionTo(a,r,x,(function(e){if(e){var n=j(a),s=a.key,i=a.state;if(o)if(t.pushState({key:s,state:i},null,n),S)window.location.href=n;else{var l=F.indexOf(U.location.key),c=F.slice(0,l+1);c.push(a.key),F=c,I({action:r,location:a})}else window.location.href=n}}))},replace:function(e,n){var r="REPLACE",a=f(e,n,A(),U.location);_.confirmTransitionTo(a,r,x,(function(e){if(e){var n=j(a),s=a.key,i=a.state;if(o)if(t.replaceState({key:s,state:i},null,n),S)window.location.replace(n);else{var l=F.indexOf(U.location.key);-1!==l&&(F[l]=a.key),I({action:r,location:a})}else window.location.replace(n)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var n=_.setPrompt(e);return $||(B(1),$=!0),function(){return $&&($=!1,B(-1)),n()}},listen:function(e){var n=_.appendListener(e);return B(1),function(){B(-1),n()}}};return U}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 n=e.indexOf("#");return-1===n?e:e.slice(0,n)}function T(){var e=window.location.href,n=e.indexOf("#");return-1===n?"":e.substring(n+1)}function E(e){window.location.replace(k(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),g||(0,i.c)(!1);var n=window.history,t=(window.navigator.userAgent.indexOf("Firefox"),e),o=t.getUserConfirmation,a=void 0===o?h:o,s=t.hashType,c=void 0===s?"slash":s,y=e.basename?d(l(e.basename)):"",b=x[c],v=b.encodePath,S=b.decodePath;function C(){var e=S(T());return y&&(e=u(e,y)),f(e)}var A=m();function _(e){(0,r.c)($,e),$.length=n.length,A.notifyListeners($.location,$.action)}var I=!1,P=null;function R(){var e,n,t=T(),r=v(t);if(t!==r)E(r);else{var o=C(),s=$.location;if(!I&&(n=o,(e=s).pathname===n.pathname&&e.search===n.search&&e.hash===n.hash))return;if(P===p(o))return;P=null,function(e){if(I)I=!1,_();else{var n="POP";A.confirmTransitionTo(e,n,a,(function(t){t?_({action:n,location:e}):function(e){var n=$.location,t=F.lastIndexOf(p(n));-1===t&&(t=0);var r=F.lastIndexOf(p(e));-1===r&&(r=0);var o=t-r;o&&(I=!0,j(o))}(e)}))}}(o)}}var L=T(),O=v(L);L!==O&&E(O);var N=C(),F=[p(N)];function j(e){n.go(e)}var M=0;function D(e){1===(M+=e)&&1===e?window.addEventListener(w,R):0===M&&window.removeEventListener(w,R)}var B=!1;var $={length:n.length,action:"POP",location:N,createHref:function(e){var n=document.querySelector("base"),t="";return n&&n.getAttribute("href")&&(t=k(window.location.href)),t+"#"+v(y+p(e))},push:function(e,n){var t="PUSH",r=f(e,void 0,void 0,$.location);A.confirmTransitionTo(r,t,a,(function(e){if(e){var n=p(r),o=v(y+n);if(T()!==o){P=n,function(e){window.location.hash=e}(o);var a=F.lastIndexOf(p($.location)),s=F.slice(0,a+1);s.push(n),F=s,_({action:t,location:r})}else _()}}))},replace:function(e,n){var t="REPLACE",r=f(e,void 0,void 0,$.location);A.confirmTransitionTo(r,t,a,(function(e){if(e){var n=p(r),o=v(y+n);T()!==o&&(P=n,E(o));var a=F.indexOf(p($.location));-1!==a&&(F[a]=n),_({action:t,location:r})}}))},go:j,goBack:function(){j(-1)},goForward:function(){j(1)},block:function(e){void 0===e&&(e=!1);var n=A.setPrompt(e);return B||(D(1),B=!0),function(){return B&&(B=!1,D(-1)),n()}},listen:function(e){var n=A.appendListener(e);return D(1),function(){D(-1),n()}}};return $}function A(e,n,t){return Math.min(Math.max(e,n),t)}function _(e){void 0===e&&(e={});var n=e,t=n.getUserConfirmation,o=n.initialEntries,a=void 0===o?["/"]:o,s=n.initialIndex,i=void 0===s?0:s,l=n.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=A(i,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 n=A(S.index+e,0,S.entries.length-1),r=S.entries[n];u.confirmTransitionTo(r,"POP",t,(function(e){e?d({action:"POP",location:r,index:n}):d()}))}var S={length:y.length,action:"POP",location:y[h],index:h,entries:y,createHref:b,push:function(e,n){var r="PUSH",o=f(e,n,g(),S.location);u.confirmTransitionTo(o,r,t,(function(e){if(e){var n=S.index+1,t=S.entries.slice(0);t.length>n?t.splice(n,t.length-n,o):t.push(o),d({action:r,location:o,index:n,entries:t})}}))},replace:function(e,n){var r="REPLACE",o=f(e,n,g(),S.location);u.confirmTransitionTo(o,r,t,(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 n=S.index+e;return n>=0&&n<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,n,t)=>{"use strict";var r=t(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},s={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function l(e){return r.isMemo(e)?s:i[e.$$typeof]||o}i[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[r.Memo]=s;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(n,t,r){if("string"!=typeof t){if(m){var o=f(t);o&&o!==m&&e(n,o,r)}var s=u(t);d&&(s=s.concat(d(t)));for(var i=l(n),g=l(t),h=0;h<s.length;++h){var y=s[h];if(!(a[y]||r&&r[y]||g&&g[y]||i&&i[y])){var b=p(t,y);try{c(n,y,b)}catch(v){}}}}return n}},9328:e=>{"use strict";e.exports=function(e,n,t,r,o,a,s,i){if(!e){var l;if(void 0===n)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[t,r,o,a,s,i],u=0;(l=new Error(n.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,n,t)=>{"use strict";t.r(n)},9115:(e,n,t)=>{"use strict";t.r(n)},2272:function(e,n,t){var r,o;r=function(){var e,n,t={version:"0.2.0"},r=t.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,n,t){return e<n?n:e>t?t:e}function a(e){return 100*(-1+e)}function s(e,n,t){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 "+n+"ms "+t,o}t.configure=function(e){var n,t;for(n in e)void 0!==(t=e[n])&&e.hasOwnProperty(n)&&(r[n]=t);return this},t.status=null,t.set=function(e){var n=t.isStarted();e=o(e,r.minimum,1),t.status=1===e?null:e;var a=t.render(!n),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,i((function(n){""===r.positionUsing&&(r.positionUsing=t.getPositioningCSS()),l(c,s(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(){t.remove(),n()}),u)}),u)):setTimeout(n,u)})),this},t.isStarted=function(){return"number"==typeof t.status},t.start=function(){t.status||t.set(0);var e=function(){setTimeout((function(){t.status&&(t.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},t.done=function(e){return e||t.status?t.inc(.3+.5*Math.random()).set(1):this},t.inc=function(e){var n=t.status;return n?("number"!=typeof e&&(e=(1-n)*o(Math.random()*n,.1,.95)),n=o(n+e,0,.994),t.set(n)):t.start()},t.trickle=function(){return t.inc(Math.random()*r.trickleRate)},e=0,n=0,t.promise=function(r){return r&&"resolved"!==r.state()?(0===n&&t.start(),e++,n++,r.always((function(){0==--n?(e=0,t.done()):t.set((e-n)/e)})),this):this},t.render=function(e){if(t.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=r.template;var o,s=n.querySelector(r.barSelector),i=e?"-100":a(t.status||0),c=document.querySelector(r.parent);return l(s,{transition:"all 0 linear",transform:"translate3d("+i+"%,0,0)"}),r.showSpinner||(o=n.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(n),n},t.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},t.isRendered=function(){return!!document.getElementById("nprogress")},t.getPositioningCSS=function(){var e=document.body.style,n="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return n+"Perspective"in e?"translate3d":n+"Transform"in e?"translate":"margin"};var i=function(){var e=[];function n(){var t=e.shift();t&&t(n)}return function(t){e.push(t),1==e.length&&n()}}(),l=function(){var e=["Webkit","O","Moz","ms"],n={};function t(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,n){return n.toUpperCase()}))}function r(n){var t=document.body.style;if(n in t)return n;for(var r,o=e.length,a=n.charAt(0).toUpperCase()+n.slice(1);o--;)if((r=e[o]+a)in t)return r;return n}function o(e){return e=t(e),n[e]||(n[e]=r(e))}function a(e,n,t){n=o(n),e.style[n]=t}return function(e,n){var t,r,o=arguments;if(2==o.length)for(t in n)void 0!==(r=n[t])&&n.hasOwnProperty(t)&&a(e,t,r);else a(e,o[1],o[2])}}();function c(e,n){return("string"==typeof e?e:p(e)).indexOf(" "+n+" ")>=0}function u(e,n){var t=p(e),r=t+n;c(t,n)||(e.className=r.substring(1))}function d(e,n){var t,r=p(e);c(e,n)&&(t=r.replace(" "+n+" "," "),e.className=t.substring(1,t.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return t},void 0===(o="function"==typeof r?r.call(n,t,n,e):r)||(e.exports=o)},1596:()=>{!function(e){var n="\\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",t={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:t,environment:{pattern:RegExp("\\$"+n),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("(\\{)"+n),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;|&]|[<>]\\()"+n),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:t}},{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("\\$?"+n),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}},t.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,s=0;s<o.length;s++)a[o[s]]=e.languages.bash[o[s]];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 n={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(n).forEach((function(t){var r=n[t],o=[];/^\w+$/.test(t)||o.push(/\w+/.exec(t)[0]),"diff"===t&&o.push("bold"),e.languages.diff[t]={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(t)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:n})}(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(n){e.languages["markup-templating"].buildPlaceholders(n,"ejs",/<%(?!%)[\s\S]+?%>/g)})),e.hooks.add("after-tokenize",(function(n){e.languages["markup-templating"].tokenizePlaceholders(n,"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 n(e,n){return"___"+e.toUpperCase()+n+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(t,r,o,a){if(t.language===r){var s=t.tokenStack=[];t.code=t.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,i=s.length;-1!==t.code.indexOf(o=n(r,i));)++i;return s[i]=e,o})),t.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(t,r){if(t.language===r&&t.tokenStack){t.grammar=e.languages[r];var o=0,a=Object.keys(t.tokenStack);!function s(i){for(var l=0;l<i.length&&!(o>=a.length);l++){var c=i[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=t.tokenStack[u],p="string"==typeof c?c:c.content,f=n(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),h=new e.Token(r,e.tokenize(d,t.grammar),"language-"+r,d),y=p.substring(m+f.length),b=[];g&&b.push.apply(b,s([g])),b.push(h),y&&b.push.apply(b,s([y])),"string"==typeof c?i.splice.apply(i,[l,1].concat(b)):c.content=b}}else c.content&&s(c.content)}return i}(t.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 n={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 t="(?:"+[/([^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+t+/[egimnosux]{0,6}/.source),greedy:!0,inside:{interpolation:n,regex:/[\s\S]+/}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:n,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+t),greedy:!0,inside:{interpolation:n,string:/[\s\S]+/}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:n,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:n,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+t),greedy:!0,inside:{interpolation:n,command:{pattern:/[\s\S]+/,alias:"string"}}},{pattern:/`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,greedy:!0,inside:{interpolation:n,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,n,t)=>{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 n=a(e);return t(n)}function a(e){if(!t.o(r,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=4096},9776:(e,n,t)=>{"use strict";var r=t(9143);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,a,s){if(s!==r){var i=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 i.name="Invariant Violation",i}}function n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:o};return t.PropTypes=t,t}},3268:(e,n,t)=>{e.exports=t(9776)()},9143:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9516:(e,n,t)=>{"use strict";var r=t(1504),o=t(4712);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t<arguments.length;t++)n+="&args[]="+encodeURIComponent(arguments[t]);return"Minified React error #"+e+"; visit "+n+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var s=new Set,i={};function l(e,n){c(e,n),c(e+"Capture",n)}function c(e,n){for(i[e]=n,e=0;e<n.length;e++)s.add(n[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,n,t,r,o,a,s){this.acceptsBooleans=2===n||3===n||4===n,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=t,this.propertyName=e,this.type=n,this.sanitizeURL=a,this.removeEmptyString=s}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 n=e[0];h[n]=new g(n,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,n,t,r){var o=h.hasOwnProperty(n)?h[n]:null;(null!==o?0!==o.type:r||!(2<n.length)||"o"!==n[0]&&"O"!==n[0]||"n"!==n[1]&&"N"!==n[1])&&(function(e,n,t,r){if(null==n||function(e,n,t,r){if(null!==t&&0===t.type)return!1;switch(typeof n){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==t?!t.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,n,t,r))return!0;if(r)return!1;if(null!==t)switch(t.type){case 3:return!n;case 4:return!1===n;case 5:return isNaN(n);case 6:return isNaN(n)||1>n}return!1}(n,t,o,r)&&(t=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))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):o.mustUseProperty?e[o.propertyName]=null===t?3!==o.type&&"":t:(n=o.attributeName,r=o.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(o=o.type)||4===o&&!0===t?"":""+t,r?e.setAttributeNS(r,n,t):e.setAttribute(n,t))))}"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 n=e.replace(y,b);h[n]=new g(n,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var n=e.replace(y,b);h[n]=new g(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var n=e.replace(y,b);h[n]=new g(n,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"),T=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),A=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var O=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var N=Symbol.iterator;function F(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=N&&e[N]||e["@@iterator"])?e:null}var j,M=Object.assign;function D(e){if(void 0===j)try{throw Error()}catch(t){var n=t.stack.trim().match(/\n( *(at )?)/);j=n&&n[1]||""}return"\n"+j+e}var B=!1;function $(e,n){if(!e||B)return"";B=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(c){var r=c}Reflect.construct(e,[],n)}else{try{n.call()}catch(c){r=c}e.call(n.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"),s=o.length-1,i=a.length-1;1<=s&&0<=i&&o[s]!==a[i];)i--;for(;1<=s&&0<=i;s--,i--)if(o[s]!==a[i]){if(1!==s||1!==i)do{if(s--,0>--i||o[s]!==a[i]){var l="\n"+o[s].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=s&&0<=i);break}}}finally{B=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?D(e):""}function U(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 V(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 E:return"Profiler";case T:return"StrictMode";case I:return"Suspense";case P:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case _:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case R:return null!==(n=e.displayName||null)?n:V(e.type)||"Memo";case L:n=e._payload,e=e._init;try{return V(e(n))}catch(t){}}return null}function z(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return V(n);case 8:return n===T?"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 n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function W(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function G(e){e._valueTracker||(e._valueTracker=function(e){var n=W(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),r=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var o=t.get,a=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function q(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),r="";return e&&(r=W(e)?e.checked?"true":"false":e.value),(e=r)!==t&&(n.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function Y(e,n){var t=n.checked;return M({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function X(e,n){var t=null==n.defaultValue?"":n.defaultValue,r=null!=n.checked?n.checked:n.defaultChecked;t=H(null!=n.value?n.value:t),e._wrapperState={initialChecked:r,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Q(e,n){null!=(n=n.checked)&&v(e,"checked",n,!1)}function Z(e,n){Q(e,n);var t=H(n.value),r=n.type;if(null!=t)"number"===r?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,t):n.hasOwnProperty("defaultValue")&&ee(e,n.type,H(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function J(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var r=n.type;if(!("submit"!==r&&"reset"!==r||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function ee(e,n,t){"number"===n&&K(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var ne=Array.isArray;function te(e,n,t,r){if(e=e.options,n){n={};for(var o=0;o<t.length;o++)n["$"+t[o]]=!0;for(t=0;t<e.length;t++)o=n.hasOwnProperty("$"+e[t].value),e[t].selected!==o&&(e[t].selected=o),o&&r&&(e[t].defaultSelected=!0)}else{for(t=""+H(t),n=null,o=0;o<e.length;o++){if(e[o].value===t)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==n||e[o].disabled||(n=e[o])}null!==n&&(n.selected=!0)}}function re(e,n){if(null!=n.dangerouslySetInnerHTML)throw Error(a(91));return M({},n,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,n){var t=n.value;if(null==t){if(t=n.children,n=n.defaultValue,null!=t){if(null!=n)throw Error(a(92));if(ne(t)){if(1<t.length)throw Error(a(93));t=t[0]}n=t}null==n&&(n=""),t=n}e._wrapperState={initialValue:H(t)}}function ae(e,n){var t=H(n.value),r=H(n.defaultValue);null!=t&&((t=""+t)!==e.value&&(e.value=t),null==n.defaultValue&&e.defaultValue!==t&&(e.defaultValue=t)),null!=r&&(e.defaultValue=""+r)}function se(e){var n=e.textContent;n===e._wrapperState.initialValue&&""!==n&&null!==n&&(e.value=n)}function ie(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,n){return null==e||"http://www.w3.org/1999/xhtml"===e?ie(n):"http://www.w3.org/2000/svg"===e&&"foreignObject"===n?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,n){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=n;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+n.valueOf().toString()+"</svg>",n=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,n)}))}:ue);function pe(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}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,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||fe.hasOwnProperty(e)&&fe[e]?(""+n).trim():n+"px"}function he(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var r=0===t.indexOf("--"),o=ge(t,n[t],r);"float"===t&&(t="cssFloat"),r?e.setProperty(t,o):e[t]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),fe[n]=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,n){if(n){if(ye[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(a(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(a(62))}}function ve(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.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,Te=null;function Ee(e){if(e=So(e)){if("function"!=typeof xe)throw Error(a(280));var n=e.stateNode;n&&(n=xo(n),xe(e.stateNode,e.type,n))}}function Ce(e){ke?Te?Te.push(e):Te=[e]:ke=e}function Ae(){if(ke){var e=ke,n=Te;if(Te=ke=null,Ee(e),n)for(e=0;e<n.length;e++)Ee(n[e])}}function _e(e,n){return e(n)}function Ie(){}var Pe=!1;function Re(e,n,t){if(Pe)return e(n,t);Pe=!0;try{return _e(e,n,t)}finally{Pe=!1,(null!==ke||null!==Te)&&(Ie(),Ae())}}function Le(e,n){var t=e.stateNode;if(null===t)return null;var r=xo(t);if(null===r)return null;t=r[n];e:switch(n){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(t&&"function"!=typeof t)throw Error(a(231,n,typeof t));return t}var Oe=!1;if(u)try{var Ne={};Object.defineProperty(Ne,"passive",{get:function(){Oe=!0}}),window.addEventListener("test",Ne,Ne),window.removeEventListener("test",Ne,Ne)}catch(ue){Oe=!1}function Fe(e,n,t,r,o,a,s,i,l){var c=Array.prototype.slice.call(arguments,3);try{n.apply(t,c)}catch(u){this.onError(u)}}var je=!1,Me=null,De=!1,Be=null,$e={onError:function(e){je=!0,Me=e}};function Ue(e,n,t,r,o,a,s,i,l){je=!1,Me=null,Fe.apply($e,arguments)}function Ve(e){var n=e,t=e;if(e.alternate)for(;n.return;)n=n.return;else{e=n;do{0!=(4098&(n=e).flags)&&(t=n.return),e=n.return}while(e)}return 3===n.tag?t:null}function ze(e){if(13===e.tag){var n=e.memoizedState;if(null===n&&(null!==(e=e.alternate)&&(n=e.memoizedState)),null!==n)return n.dehydrated}return null}function He(e){if(Ve(e)!==e)throw Error(a(188))}function We(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Ve(e)))throw Error(a(188));return n!==e?null:e}for(var t=e,r=n;;){var o=t.return;if(null===o)break;var s=o.alternate;if(null===s){if(null!==(r=o.return)){t=r;continue}break}if(o.child===s.child){for(s=o.child;s;){if(s===t)return He(o),e;if(s===r)return He(o),n;s=s.sibling}throw Error(a(188))}if(t.return!==r.return)t=o,r=s;else{for(var i=!1,l=o.child;l;){if(l===t){i=!0,t=o,r=s;break}if(l===r){i=!0,r=o,t=s;break}l=l.sibling}if(!i){for(l=s.child;l;){if(l===t){i=!0,t=s,r=o;break}if(l===r){i=!0,r=s,t=o;break}l=l.sibling}if(!i)throw Error(a(189))}}if(t.alternate!==r)throw Error(a(190))}if(3!==t.tag)throw Error(a(188));return t.stateNode.current===t?e:n}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var n=Ge(e);if(null!==n)return n;e=e.sibling}return null}var qe=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Ye=o.unstable_shouldYield,Xe=o.unstable_requestPaint,Qe=o.unstable_now,Ze=o.unstable_getCurrentPriorityLevel,Je=o.unstable_ImmediatePriority,en=o.unstable_UserBlockingPriority,nn=o.unstable_NormalPriority,tn=o.unstable_LowPriority,rn=o.unstable_IdlePriority,on=null,an=null;var sn=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(ln(e)/cn|0)|0},ln=Math.log,cn=Math.LN2;var un=64,dn=4194304;function pn(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 fn(e,n){var t=e.pendingLanes;if(0===t)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,s=268435455&t;if(0!==s){var i=s&~o;0!==i?r=pn(i):0!==(a&=s)&&(r=pn(a))}else 0!==(s=t&~o)?r=pn(s):0!==a&&(r=pn(a));if(0===r)return 0;if(0!==n&&n!==r&&0==(n&o)&&((o=r&-r)>=(a=n&-n)||16===o&&0!=(4194240&a)))return n;if(0!=(4&r)&&(r|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=r;0<n;)o=1<<(t=31-sn(n)),r|=e[t],n&=~o;return r}function mn(e,n){switch(e){case 1:case 2:case 4:return n+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 n+5e3;default:return-1}}function gn(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function hn(){var e=un;return 0==(4194240&(un<<=1))&&(un=64),e}function yn(e){for(var n=[],t=0;31>t;t++)n.push(e);return n}function bn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-sn(n)]=t}function vn(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var r=31-sn(t),o=1<<r;o&n|e[r]&n&&(e[r]|=n),t&=~o}}var Sn=0;function wn(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xn,kn,Tn,En,Cn,An=!1,_n=[],In=null,Pn=null,Rn=null,Ln=new Map,On=new Map,Nn=[],Fn="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 jn(e,n){switch(e){case"focusin":case"focusout":In=null;break;case"dragenter":case"dragleave":Pn=null;break;case"mouseover":case"mouseout":Rn=null;break;case"pointerover":case"pointerout":Ln.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":On.delete(n.pointerId)}}function Mn(e,n,t,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:n,domEventName:t,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==n&&(null!==(n=So(n))&&kn(n)),e):(e.eventSystemFlags|=r,n=e.targetContainers,null!==o&&-1===n.indexOf(o)&&n.push(o),e)}function Dn(e){var n=vo(e.target);if(null!==n){var t=Ve(n);if(null!==t)if(13===(n=t.tag)){if(null!==(n=ze(t)))return e.blockedOn=n,void Cn(e.priority,(function(){Tn(t)}))}else if(3===n&&t.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===t.tag?t.stateNode.containerInfo:null)}e.blockedOn=null}function Bn(e){if(null!==e.blockedOn)return!1;for(var n=e.targetContainers;0<n.length;){var t=Xn(e.domEventName,e.eventSystemFlags,n[0],e.nativeEvent);if(null!==t)return null!==(n=So(t))&&kn(n),e.blockedOn=t,!1;var r=new(t=e.nativeEvent).constructor(t.type,t);Se=r,t.target.dispatchEvent(r),Se=null,n.shift()}return!0}function $n(e,n,t){Bn(e)&&t.delete(n)}function Un(){An=!1,null!==In&&Bn(In)&&(In=null),null!==Pn&&Bn(Pn)&&(Pn=null),null!==Rn&&Bn(Rn)&&(Rn=null),Ln.forEach($n),On.forEach($n)}function Vn(e,n){e.blockedOn===n&&(e.blockedOn=null,An||(An=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Un)))}function zn(e){function n(n){return Vn(n,e)}if(0<_n.length){Vn(_n[0],e);for(var t=1;t<_n.length;t++){var r=_n[t];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==In&&Vn(In,e),null!==Pn&&Vn(Pn,e),null!==Rn&&Vn(Rn,e),Ln.forEach(n),On.forEach(n),t=0;t<Nn.length;t++)(r=Nn[t]).blockedOn===e&&(r.blockedOn=null);for(;0<Nn.length&&null===(t=Nn[0]).blockedOn;)Dn(t),null===t.blockedOn&&Nn.shift()}var Hn=S.ReactCurrentBatchConfig,Wn=!0;function Gn(e,n,t,r){var o=Sn,a=Hn.transition;Hn.transition=null;try{Sn=1,Kn(e,n,t,r)}finally{Sn=o,Hn.transition=a}}function qn(e,n,t,r){var o=Sn,a=Hn.transition;Hn.transition=null;try{Sn=4,Kn(e,n,t,r)}finally{Sn=o,Hn.transition=a}}function Kn(e,n,t,r){if(Wn){var o=Xn(e,n,t,r);if(null===o)Hr(e,n,r,Yn,t),jn(e,r);else if(function(e,n,t,r,o){switch(n){case"focusin":return In=Mn(In,e,n,t,r,o),!0;case"dragenter":return Pn=Mn(Pn,e,n,t,r,o),!0;case"mouseover":return Rn=Mn(Rn,e,n,t,r,o),!0;case"pointerover":var a=o.pointerId;return Ln.set(a,Mn(Ln.get(a)||null,e,n,t,r,o)),!0;case"gotpointercapture":return a=o.pointerId,On.set(a,Mn(On.get(a)||null,e,n,t,r,o)),!0}return!1}(o,e,n,t,r))r.stopPropagation();else if(jn(e,r),4&n&&-1<Fn.indexOf(e)){for(;null!==o;){var a=So(o);if(null!==a&&xn(a),null===(a=Xn(e,n,t,r))&&Hr(e,n,r,Yn,t),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,n,r,null,t)}}var Yn=null;function Xn(e,n,t,r){if(Yn=null,null!==(e=vo(e=we(r))))if(null===(n=Ve(e)))e=null;else if(13===(t=n.tag)){if(null!==(e=ze(n)))return e;e=null}else if(3===t){if(n.stateNode.current.memoizedState.isDehydrated)return 3===n.tag?n.stateNode.containerInfo:null;e=null}else n!==e&&(e=null);return Yn=e,null}function Qn(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 en:return 4;case nn:case tn:return 16;case rn:return 536870912;default:return 16}default:return 16}}var Zn=null,Jn=null,et=null;function nt(){if(et)return et;var e,n,t=Jn,r=t.length,o="value"in Zn?Zn.value:Zn.textContent,a=o.length;for(e=0;e<r&&t[e]===o[e];e++);var s=r-e;for(n=1;n<=s&&t[r-n]===o[a-n];n++);return et=o.slice(e,1<n?1-n:void 0)}function tt(e){var n=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===n&&(e=13):e=n,10===e&&(e=13),32<=e||13===e?e:0}function rt(){return!0}function ot(){return!1}function at(e){function n(n,t,r,o,a){for(var s in this._reactName=n,this._targetInst=r,this.type=t,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(s)&&(n=e[s],this[s]=n?n(o):o[s]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?rt:ot,this.isPropagationStopped=ot,this}return M(n.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=rt)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=rt)},persist:function(){},isPersistent:rt}),n}var st,it,lt,ct={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ut=at(ct),dt=M({},ct,{view:0,detail:0}),pt=at(dt),ft=M({},dt,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Et,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!==lt&&(lt&&"mousemove"===e.type?(st=e.screenX-lt.screenX,it=e.screenY-lt.screenY):it=st=0,lt=e),st)},movementY:function(e){return"movementY"in e?e.movementY:it}}),mt=at(ft),gt=at(M({},ft,{dataTransfer:0})),ht=at(M({},dt,{relatedTarget:0})),yt=at(M({},ct,{animationName:0,elapsedTime:0,pseudoElement:0})),bt=M({},ct,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vt=at(bt),St=at(M({},ct,{data:0})),wt={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xt={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"},kt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Tt(e){var n=this.nativeEvent;return n.getModifierState?n.getModifierState(e):!!(e=kt[e])&&!!n[e]}function Et(){return Tt}var Ct=M({},dt,{key:function(e){if(e.key){var n=wt[e.key]||e.key;if("Unidentified"!==n)return n}return"keypress"===e.type?13===(e=tt(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xt[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Et,charCode:function(e){return"keypress"===e.type?tt(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tt(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),At=at(Ct),_t=at(M({},ft,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),It=at(M({},dt,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Et})),Pt=at(M({},ct,{propertyName:0,elapsedTime:0,pseudoElement:0})),Rt=M({},ft,{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}),Lt=at(Rt),Ot=[9,13,27,32],Nt=u&&"CompositionEvent"in window,Ft=null;u&&"documentMode"in document&&(Ft=document.documentMode);var jt=u&&"TextEvent"in window&&!Ft,Mt=u&&(!Nt||Ft&&8<Ft&&11>=Ft),Dt=String.fromCharCode(32),Bt=!1;function $t(e,n){switch(e){case"keyup":return-1!==Ot.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Ut(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Vt=!1;var zt={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 Ht(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!zt[e.type]:"textarea"===n}function Wt(e,n,t,r){Ce(r),0<(n=Gr(n,"onChange")).length&&(t=new ut("onChange","change",null,t,r),e.push({event:t,listeners:n}))}var Gt=null,qt=null;function Kt(e){Dr(e,0)}function Yt(e){if(q(wo(e)))return e}function Xt(e,n){if("change"===e)return n}var Qt=!1;if(u){var Zt;if(u){var Jt="oninput"in document;if(!Jt){var er=document.createElement("div");er.setAttribute("oninput","return;"),Jt="function"==typeof er.oninput}Zt=Jt}else Zt=!1;Qt=Zt&&(!document.documentMode||9<document.documentMode)}function nr(){Gt&&(Gt.detachEvent("onpropertychange",tr),qt=Gt=null)}function tr(e){if("value"===e.propertyName&&Yt(qt)){var n=[];Wt(n,qt,e,we(e)),Re(Kt,n)}}function rr(e,n,t){"focusin"===e?(nr(),qt=t,(Gt=n).attachEvent("onpropertychange",tr)):"focusout"===e&&nr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Yt(qt)}function ar(e,n){if("click"===e)return Yt(n)}function sr(e,n){if("input"===e||"change"===e)return Yt(n)}var ir="function"==typeof Object.is?Object.is:function(e,n){return e===n&&(0!==e||1/e==1/n)||e!=e&&n!=n};function lr(e,n){if(ir(e,n))return!0;if("object"!=typeof e||null===e||"object"!=typeof n||null===n)return!1;var t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;for(r=0;r<t.length;r++){var o=t[r];if(!d.call(n,o)||!ir(e[o],n[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,n){var t,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(t=e+r.textContent.length,e<=n&&t>=n)return{node:r,offset:n-e};e=t}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?dr(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function pr(){for(var e=window,n=K();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(r){t=!1}if(!t)break;n=K((e=n.contentWindow).document)}return n}function fr(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}function mr(e){var n=pr(),t=e.focusedElem,r=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&dr(t.ownerDocument.documentElement,t)){if(null!==r&&fr(t))if(n=r.start,void 0===(e=r.end)&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if((e=(n=t.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var o=t.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(t,a);var s=ur(t,r);o&&s&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==s.node||e.focusOffset!==s.offset)&&((n=n.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(n),e.extend(s.node,s.offset)):(n.setEnd(s.node,s.offset),e.addRange(n)))}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t<n.length;t++)(e=n[t]).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,n,t){var r=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;vr||null==hr||hr!==K(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=Gr(yr,"onSelect")).length&&(n=new ut("onSelect","select",null,n,t),e.push({event:n,listeners:r}),n.target=hr)))}function wr(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var xr={animationend:wr("Animation","AnimationEnd"),animationiteration:wr("Animation","AnimationIteration"),animationstart:wr("Animation","AnimationStart"),transitionend:wr("Transition","TransitionEnd")},kr={},Tr={};function Er(e){if(kr[e])return kr[e];if(!xr[e])return e;var n,t=xr[e];for(n in t)if(t.hasOwnProperty(n)&&n in Tr)return kr[e]=t[n];return e}u&&(Tr=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=Er("animationend"),Ar=Er("animationiteration"),_r=Er("animationstart"),Ir=Er("transitionend"),Pr=new Map,Rr="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,n){Pr.set(e,n),l(n,[e])}for(var Or=0;Or<Rr.length;Or++){var Nr=Rr[Or];Lr(Nr.toLowerCase(),"on"+(Nr[0].toUpperCase()+Nr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(Ar,"onAnimationIteration"),Lr(_r,"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 Fr="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(Fr));function Mr(e,n,t){var r=e.type||"unknown-event";e.currentTarget=t,function(e,n,t,r,o,s,i,l,c){if(Ue.apply(this,arguments),je){if(!je)throw Error(a(198));var u=Me;je=!1,Me=null,De||(De=!0,Be=u)}}(r,n,void 0,e),e.currentTarget=null}function Dr(e,n){n=0!=(4&n);for(var t=0;t<e.length;t++){var r=e[t],o=r.event;r=r.listeners;e:{var a=void 0;if(n)for(var s=r.length-1;0<=s;s--){var i=r[s],l=i.instance,c=i.currentTarget;if(i=i.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,i,c),a=l}else for(s=0;s<r.length;s++){if(l=(i=r[s]).instance,c=i.currentTarget,i=i.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,i,c),a=l}}}if(De)throw e=Be,De=!1,Be=null,e}function Br(e,n){var t=n[ho];void 0===t&&(t=n[ho]=new Set);var r=e+"__bubble";t.has(r)||(zr(n,e,2,!1),t.add(r))}function $r(e,n,t){var r=0;n&&(r|=4),zr(t,e,r,n)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function Vr(e){if(!e[Ur]){e[Ur]=!0,s.forEach((function(n){"selectionchange"!==n&&(jr.has(n)||$r(n,!1,e),$r(n,!0,e))}));var n=9===e.nodeType?e:e.ownerDocument;null===n||n[Ur]||(n[Ur]=!0,$r("selectionchange",!1,n))}}function zr(e,n,t,r){switch(Qn(n)){case 1:var o=Gn;break;case 4:o=qn;break;default:o=Kn}t=o.bind(null,n,t,e),o=void 0,!Oe||"touchstart"!==n&&"touchmove"!==n&&"wheel"!==n||(o=!0),r?void 0!==o?e.addEventListener(n,t,{capture:!0,passive:o}):e.addEventListener(n,t,!0):void 0!==o?e.addEventListener(n,t,{passive:o}):e.addEventListener(n,t,!1)}function Hr(e,n,t,r,o){var a=r;if(0==(1&n)&&0==(2&n)&&null!==r)e:for(;;){if(null===r)return;var s=r.tag;if(3===s||4===s){var i=r.stateNode.containerInfo;if(i===o||8===i.nodeType&&i.parentNode===o)break;if(4===s)for(s=r.return;null!==s;){var l=s.tag;if((3===l||4===l)&&((l=s.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;s=s.return}for(;null!==i;){if(null===(s=vo(i)))return;if(5===(l=s.tag)||6===l){r=a=s;continue e}i=i.parentNode}}r=r.return}Re((function(){var r=a,o=we(t),s=[];e:{var i=Pr.get(e);if(void 0!==i){var l=ut,c=e;switch(e){case"keypress":if(0===tt(t))break e;case"keydown":case"keyup":l=At;break;case"focusin":c="focus",l=ht;break;case"focusout":c="blur",l=ht;break;case"beforeblur":case"afterblur":l=ht;break;case"click":if(2===t.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=gt;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=It;break;case Cr:case Ar:case _r:l=yt;break;case Ir:l=Pt;break;case"scroll":l=pt;break;case"wheel":l=Lt;break;case"copy":case"cut":case"paste":l=vt;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=_t}var u=0!=(4&n),d=!u&&"scroll"===e,p=u?null!==i?i+"Capture":null:i;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(Wr(m,g,f)))),d)break;m=m.return}0<u.length&&(i=new l(i,c,null,t,o),s.push({event:i,listeners:u}))}}if(0==(7&n)){if(l="mouseout"===e||"pointerout"===e,(!(i="mouseover"===e||"pointerover"===e)||t===Se||!(c=t.relatedTarget||t.fromElement)||!vo(c)&&!c[go])&&(l||i)&&(i=o.window===o?o:(i=o.ownerDocument)?i.defaultView||i.parentWindow:window,l?(l=r,null!==(c=(c=t.relatedTarget||t.toElement)?vo(c):null)&&(c!==(d=Ve(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mt,g="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=_t,g="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?i:wo(l),f=null==c?i:wo(c),(i=new u(g,m+"leave",l,t,o)).target=d,i.relatedTarget=f,g=null,vo(o)===r&&((u=new u(p,m+"enter",c,t,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&&Kr(s,i,l,u,!1),null!==c&&null!==d&&Kr(s,d,c,u,!0)}if("select"===(l=(i=r?wo(r):window).nodeName&&i.nodeName.toLowerCase())||"input"===l&&"file"===i.type)var h=Xt;else if(Ht(i))if(Qt)h=sr;else{h=or;var y=rr}else(l=i.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(h=ar);switch(h&&(h=h(e,r))?Wt(s,h,t,o):(y&&y(e,i,r),"focusout"===e&&(y=i._wrapperState)&&y.controlled&&"number"===i.type&&ee(i,"number",i.value)),y=r?wo(r):window,e){case"focusin":(Ht(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(s,t,o);break;case"selectionchange":if(gr)break;case"keydown":case"keyup":Sr(s,t,o)}var b;if(Nt)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 Vt?$t(e,t)&&(v="onCompositionEnd"):"keydown"===e&&229===t.keyCode&&(v="onCompositionStart");v&&(Mt&&"ko"!==t.locale&&(Vt||"onCompositionStart"!==v?"onCompositionEnd"===v&&Vt&&(b=nt()):(Jn="value"in(Zn=o)?Zn.value:Zn.textContent,Vt=!0)),0<(y=Gr(r,v)).length&&(v=new St(v,e,null,t,o),s.push({event:v,listeners:y}),b?v.data=b:null!==(b=Ut(t))&&(v.data=b))),(b=jt?function(e,n){switch(e){case"compositionend":return Ut(n);case"keypress":return 32!==n.which?null:(Bt=!0,Dt);case"textInput":return(e=n.data)===Dt&&Bt?null:e;default:return null}}(e,t):function(e,n){if(Vt)return"compositionend"===e||!Nt&&$t(e,n)?(e=nt(),et=Jn=Zn=null,Vt=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(n.ctrlKey||n.altKey||n.metaKey)||n.ctrlKey&&n.altKey){if(n.char&&1<n.char.length)return n.char;if(n.which)return String.fromCharCode(n.which)}return null;case"compositionend":return Mt&&"ko"!==n.locale?null:n.data}}(e,t))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new St("onBeforeInput","beforeinput",null,t,o),s.push({event:o,listeners:r}),o.data=b))}Dr(s,n)}))}function Wr(e,n,t){return{instance:e,listener:n,currentTarget:t}}function Gr(e,n){for(var t=n+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,t))&&r.unshift(Wr(e,a,o)),null!=(a=Le(e,n))&&r.push(Wr(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 Kr(e,n,t,r,o){for(var a=n._reactName,s=[];null!==t&&t!==r;){var i=t,l=i.alternate,c=i.stateNode;if(null!==l&&l===r)break;5===i.tag&&null!==c&&(i=c,o?null!=(l=Le(t,a))&&s.unshift(Wr(t,l,i)):o||null!=(l=Le(t,a))&&s.push(Wr(t,l,i))),t=t.return}0!==s.length&&e.push({event:n,listeners:s})}var Yr=/\r\n?/g,Xr=/\u0000|\uFFFD/g;function Qr(e){return("string"==typeof e?e:""+e).replace(Yr,"\n").replace(Xr,"")}function Zr(e,n,t){if(n=Qr(n),Qr(e)!==n&&t)throw Error(a(425))}function Jr(){}var eo=null,no=null;function to(e,n){return"textarea"===e||"noscript"===e||"string"==typeof n.children||"number"==typeof n.children||"object"==typeof n.dangerouslySetInnerHTML&&null!==n.dangerouslySetInnerHTML&&null!=n.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,so="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(io)}:ro;function io(e){setTimeout((function(){throw e}))}function lo(e,n){var t=n,r=0;do{var o=t.nextSibling;if(e.removeChild(t),o&&8===o.nodeType)if("/$"===(t=o.data)){if(0===r)return e.removeChild(o),void zn(n);r--}else"$"!==t&&"$?"!==t&&"$!"!==t||r++;t=o}while(t);zn(n)}function co(e){for(;null!=e;e=e.nextSibling){var n=e.nodeType;if(1===n||3===n)break;if(8===n){if("$"===(n=e.data)||"$!"===n||"$?"===n)break;if("/$"===n)return null}}return e}function uo(e){e=e.previousSibling;for(var n=0;e;){if(8===e.nodeType){var t=e.data;if("$"===t||"$!"===t||"$?"===t){if(0===n)return e;n--}else"/$"===t&&n++}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 n=e[fo];if(n)return n;for(var t=e.parentNode;t;){if(n=t[go]||t[fo]){if(t=n.alternate,null!==n.child||null!==t&&null!==t.child)for(e=uo(e);null!==e;){if(t=e[fo])return t;e=uo(e)}return n}t=(e=t).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=[],To=-1;function Eo(e){return{current:e}}function Co(e){0>To||(e.current=ko[To],ko[To]=null,To--)}function Ao(e,n){To++,ko[To]=e.current,e.current=n}var _o={},Io=Eo(_o),Po=Eo(!1),Ro=_o;function Lo(e,n){var t=e.type.contextTypes;if(!t)return _o;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in t)a[o]=n[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function Oo(e){return null!=(e=e.childContextTypes)}function No(){Co(Po),Co(Io)}function Fo(e,n,t){if(Io.current!==_o)throw Error(a(168));Ao(Io,n),Ao(Po,t)}function jo(e,n,t){var r=e.stateNode;if(n=n.childContextTypes,"function"!=typeof r.getChildContext)return t;for(var o in r=r.getChildContext())if(!(o in n))throw Error(a(108,z(e)||"Unknown",o));return M({},t,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||_o,Ro=Io.current,Ao(Io,e),Ao(Po,Po.current),!0}function Do(e,n,t){var r=e.stateNode;if(!r)throw Error(a(169));t?(e=jo(e,n,Ro),r.__reactInternalMemoizedMergedChildContext=e,Co(Po),Co(Io),Ao(Io,e)):Co(Po),Ao(Po,t)}var Bo=null,$o=!1,Uo=!1;function Vo(e){null===Bo?Bo=[e]:Bo.push(e)}function zo(){if(!Uo&&null!==Bo){Uo=!0;var e=0,n=Sn;try{var t=Bo;for(Sn=1;e<t.length;e++){var r=t[e];do{r=r(!0)}while(null!==r)}Bo=null,$o=!1}catch(o){throw null!==Bo&&(Bo=Bo.slice(e+1)),qe(Je,zo),o}finally{Sn=n,Uo=!1}}return null}var Ho=[],Wo=0,Go=null,qo=0,Ko=[],Yo=0,Xo=null,Qo=1,Zo="";function Jo(e,n){Ho[Wo++]=qo,Ho[Wo++]=Go,Go=e,qo=n}function ea(e,n,t){Ko[Yo++]=Qo,Ko[Yo++]=Zo,Ko[Yo++]=Xo,Xo=e;var r=Qo;e=Zo;var o=32-sn(r)-1;r&=~(1<<o),t+=1;var a=32-sn(n)+o;if(30<a){var s=o-o%5;a=(r&(1<<s)-1).toString(32),r>>=s,o-=s,Qo=1<<32-sn(n)+o|t<<o|r,Zo=a+e}else Qo=1<<a|t<<o|r,Zo=e}function na(e){null!==e.return&&(Jo(e,1),ea(e,1,0))}function ta(e){for(;e===Go;)Go=Ho[--Wo],Ho[Wo]=null,qo=Ho[--Wo],Ho[Wo]=null;for(;e===Xo;)Xo=Ko[--Yo],Ko[Yo]=null,Zo=Ko[--Yo],Ko[Yo]=null,Qo=Ko[--Yo],Ko[Yo]=null}var ra=null,oa=null,aa=!1,sa=null;function ia(e,n){var t=Lc(5,null,null,0);t.elementType="DELETED",t.stateNode=n,t.return=e,null===(n=e.deletions)?(e.deletions=[t],e.flags|=16):n.push(t)}function la(e,n){switch(e.tag){case 5:var t=e.type;return null!==(n=1!==n.nodeType||t.toLowerCase()!==n.nodeName.toLowerCase()?null:n)&&(e.stateNode=n,ra=e,oa=co(n.firstChild),!0);case 6:return null!==(n=""===e.pendingProps||3!==n.nodeType?null:n)&&(e.stateNode=n,ra=e,oa=null,!0);case 13:return null!==(n=8!==n.nodeType?null:n)&&(t=null!==Xo?{id:Qo,overflow:Zo}:null,e.memoizedState={dehydrated:n,treeContext:t,retryLane:1073741824},(t=Lc(18,null,null,0)).stateNode=n,t.return=e,e.child=t,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 n=oa;if(n){var t=n;if(!la(e,n)){if(ca(e))throw Error(a(418));n=co(t.nextSibling);var r=ra;n&&la(e,n)?ia(r,t):(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 n;if((n=3!==e.tag)&&!(n=5!==e.tag)&&(n="head"!==(n=e.type)&&"body"!==n&&!to(e.type,e.memoizedProps)),n&&(n=oa)){if(ca(e))throw fa(),Error(a(418));for(;n;)ia(e,n),n=co(n.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,n=0;e;){if(8===e.nodeType){var t=e.data;if("/$"===t){if(0===n){oa=co(e.nextSibling);break e}n--}else"$"!==t&&"$!"!==t&&"$?"!==t||n++}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===sa?sa=[e]:sa.push(e)}var ha=S.ReactCurrentBatchConfig;function ya(e,n){if(e&&e.defaultProps){for(var t in n=M({},n),e=e.defaultProps)void 0===n[t]&&(n[t]=e[t]);return n}return n}var ba=Eo(null),va=null,Sa=null,wa=null;function xa(){wa=Sa=va=null}function ka(e){var n=ba.current;Co(ba),e._currentValue=n}function Ta(e,n,t){for(;null!==e;){var r=e.alternate;if((e.childLanes&n)!==n?(e.childLanes|=n,null!==r&&(r.childLanes|=n)):null!==r&&(r.childLanes&n)!==n&&(r.childLanes|=n),e===t)break;e=e.return}}function Ea(e,n){va=e,wa=Sa=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&n)&&(Si=!0),e.firstContext=null)}function Ca(e){var n=e._currentValue;if(wa!==e)if(e={context:e,memoizedValue:n,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 n}var Aa=null;function _a(e){null===Aa?Aa=[e]:Aa.push(e)}function Ia(e,n,t,r){var o=n.interleaved;return null===o?(t.next=t,_a(n)):(t.next=o.next,o.next=t),n.interleaved=t,Pa(e,r)}function Pa(e,n){e.lanes|=n;var t=e.alternate;for(null!==t&&(t.lanes|=n),t=e,e=e.return;null!==e;)e.childLanes|=n,null!==(t=e.alternate)&&(t.childLanes|=n),t=e,e=e.return;return 3===t.tag?t.stateNode:null}var Ra=!1;function La(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Oa(e,n){e=e.updateQueue,n.updateQueue===e&&(n.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Na(e,n){return{eventTime:e,lane:n,tag:0,payload:null,callback:null,next:null}}function Fa(e,n,t){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,0!=(2&Il)){var o=r.pending;return null===o?n.next=n:(n.next=o.next,o.next=n),r.pending=n,Pa(e,t)}return null===(o=r.interleaved)?(n.next=n,_a(r)):(n.next=o.next,o.next=n),r.interleaved=n,Pa(e,t)}function ja(e,n,t){if(null!==(n=n.updateQueue)&&(n=n.shared,0!=(4194240&t))){var r=n.lanes;t|=r&=e.pendingLanes,n.lanes=t,vn(e,t)}}function Ma(e,n){var t=e.updateQueue,r=e.alternate;if(null!==r&&t===(r=r.updateQueue)){var o=null,a=null;if(null!==(t=t.firstBaseUpdate)){do{var s={eventTime:t.eventTime,lane:t.lane,tag:t.tag,payload:t.payload,callback:t.callback,next:null};null===a?o=a=s:a=a.next=s,t=t.next}while(null!==t);null===a?o=a=n:a=a.next=n}else o=a=n;return t={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=t)}null===(e=t.lastBaseUpdate)?t.firstBaseUpdate=n:e.next=n,t.lastBaseUpdate=n}function Da(e,n,t,r){var o=e.updateQueue;Ra=!1;var a=o.firstBaseUpdate,s=o.lastBaseUpdate,i=o.shared.pending;if(null!==i){o.shared.pending=null;var l=i,c=l.next;l.next=null,null===s?a=c:s.next=c,s=l;var u=e.alternate;null!==u&&((i=(u=u.updateQueue).lastBaseUpdate)!==s&&(null===i?u.firstBaseUpdate=c:i.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(s=0,u=c=l=null,i=a;;){var p=i.lane,f=i.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var m=e,g=i;switch(p=n,f=t,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:Ra=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[i]:p.push(i))}else f={eventTime:f,lane:p,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,s|=p;if(null===(i=i.next)){if(null===(i=o.shared.pending))break;i=(p=i).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!==(n=o.shared.interleaved)){o=n;do{s|=o.lane,o=o.next}while(o!==n)}else null===a&&(o.shared.lanes=0);Ml|=s,e.lanes=s,e.memoizedState=d}}function Ba(e,n,t){if(e=n.effects,n.effects=null,null!==e)for(n=0;n<e.length;n++){var r=e[n],o=r.callback;if(null!==o){if(r.callback=null,r=t,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var $a=(new r.Component).refs;function Ua(e,n,t,r){t=null==(t=t(r,n=e.memoizedState))?n:M({},n,t),e.memoizedState=t,0===e.lanes&&(e.updateQueue.baseState=t)}var Va={isMounted:function(e){return!!(e=e._reactInternals)&&Ve(e)===e},enqueueSetState:function(e,n,t){e=e._reactInternals;var r=nc(),o=tc(e),a=Na(r,o);a.payload=n,null!=t&&(a.callback=t),null!==(n=Fa(e,a,o))&&(rc(n,e,o,r),ja(n,e,o))},enqueueReplaceState:function(e,n,t){e=e._reactInternals;var r=nc(),o=tc(e),a=Na(r,o);a.tag=1,a.payload=n,null!=t&&(a.callback=t),null!==(n=Fa(e,a,o))&&(rc(n,e,o,r),ja(n,e,o))},enqueueForceUpdate:function(e,n){e=e._reactInternals;var t=nc(),r=tc(e),o=Na(t,r);o.tag=2,null!=n&&(o.callback=n),null!==(n=Fa(e,o,r))&&(rc(n,e,r,t),ja(n,e,r))}};function za(e,n,t,r,o,a,s){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,s):!n.prototype||!n.prototype.isPureReactComponent||(!lr(t,r)||!lr(o,a))}function Ha(e,n,t){var r=!1,o=_o,a=n.contextType;return"object"==typeof a&&null!==a?a=Ca(a):(o=Oo(n)?Ro:Io.current,a=(r=null!=(r=n.contextTypes))?Lo(e,o):_o),n=new n(t,a),e.memoizedState=null!==n.state&&void 0!==n.state?n.state:null,n.updater=Va,e.stateNode=n,n._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),n}function Wa(e,n,t,r){e=n.state,"function"==typeof n.componentWillReceiveProps&&n.componentWillReceiveProps(t,r),"function"==typeof n.UNSAFE_componentWillReceiveProps&&n.UNSAFE_componentWillReceiveProps(t,r),n.state!==e&&Va.enqueueReplaceState(n,n.state,null)}function Ga(e,n,t,r){var o=e.stateNode;o.props=t,o.state=e.memoizedState,o.refs=$a,La(e);var a=n.contextType;"object"==typeof a&&null!==a?o.context=Ca(a):(a=Oo(n)?Ro:Io.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=n.getDerivedStateFromProps)&&(Ua(e,n,a,t),o.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(n=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),n!==o.state&&Va.enqueueReplaceState(o,o.state,null),Da(e,t,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function qa(e,n,t){if(null!==(e=t.ref)&&"function"!=typeof e&&"object"!=typeof e){if(t._owner){if(t=t._owner){if(1!==t.tag)throw Error(a(309));var r=t.stateNode}if(!r)throw Error(a(147,e));var o=r,s=""+e;return null!==n&&null!==n.ref&&"function"==typeof n.ref&&n.ref._stringRef===s?n.ref:(n=function(e){var n=o.refs;n===$a&&(n=o.refs={}),null===e?delete n[s]:n[s]=e},n._stringRef=s,n)}if("string"!=typeof e)throw Error(a(284));if(!t._owner)throw Error(a(290,e))}return e}function Ka(e,n){throw e=Object.prototype.toString.call(n),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(n).join(", ")+"}":e))}function Ya(e){return(0,e._init)(e._payload)}function Xa(e){function n(n,t){if(e){var r=n.deletions;null===r?(n.deletions=[t],n.flags|=16):r.push(t)}}function t(t,r){if(!e)return null;for(;null!==r;)n(t,r),r=r.sibling;return null}function r(e,n){for(e=new Map;null!==n;)null!==n.key?e.set(n.key,n):e.set(n.index,n),n=n.sibling;return e}function o(e,n){return(e=Nc(e,n)).index=0,e.sibling=null,e}function s(n,t,r){return n.index=r,e?null!==(r=n.alternate)?(r=r.index)<t?(n.flags|=2,t):r:(n.flags|=2,t):(n.flags|=1048576,t)}function i(n){return e&&null===n.alternate&&(n.flags|=2),n}function l(e,n,t,r){return null===n||6!==n.tag?((n=Dc(t,e.mode,r)).return=e,n):((n=o(n,t)).return=e,n)}function c(e,n,t,r){var a=t.type;return a===k?d(e,n,t.props.children,r,t.key):null!==n&&(n.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&Ya(a)===n.type)?((r=o(n,t.props)).ref=qa(e,n,t),r.return=e,r):((r=Fc(t.type,t.key,t.props,null,e.mode,r)).ref=qa(e,n,t),r.return=e,r)}function u(e,n,t,r){return null===n||4!==n.tag||n.stateNode.containerInfo!==t.containerInfo||n.stateNode.implementation!==t.implementation?((n=Bc(t,e.mode,r)).return=e,n):((n=o(n,t.children||[])).return=e,n)}function d(e,n,t,r,a){return null===n||7!==n.tag?((n=jc(t,e.mode,r,a)).return=e,n):((n=o(n,t)).return=e,n)}function p(e,n,t){if("string"==typeof n&&""!==n||"number"==typeof n)return(n=Dc(""+n,e.mode,t)).return=e,n;if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return(t=Fc(n.type,n.key,n.props,null,e.mode,t)).ref=qa(e,null,n),t.return=e,t;case x:return(n=Bc(n,e.mode,t)).return=e,n;case L:return p(e,(0,n._init)(n._payload),t)}if(ne(n)||F(n))return(n=jc(n,e.mode,t,null)).return=e,n;Ka(e,n)}return null}function f(e,n,t,r){var o=null!==n?n.key:null;if("string"==typeof t&&""!==t||"number"==typeof t)return null!==o?null:l(e,n,""+t,r);if("object"==typeof t&&null!==t){switch(t.$$typeof){case w:return t.key===o?c(e,n,t,r):null;case x:return t.key===o?u(e,n,t,r):null;case L:return f(e,n,(o=t._init)(t._payload),r)}if(ne(t)||F(t))return null!==o?null:d(e,n,t,r,null);Ka(e,t)}return null}function m(e,n,t,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(n,e=e.get(t)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case w:return c(n,e=e.get(null===r.key?t:r.key)||null,r,o);case x:return u(n,e=e.get(null===r.key?t:r.key)||null,r,o);case L:return m(e,n,t,(0,r._init)(r._payload),o)}if(ne(r)||F(r))return d(n,e=e.get(t)||null,r,o,null);Ka(n,r)}return null}function g(o,a,i,l){for(var c=null,u=null,d=a,g=a=0,h=null;null!==d&&g<i.length;g++){d.index>g?(h=d,d=null):h=d.sibling;var y=f(o,d,i[g],l);if(null===y){null===d&&(d=h);break}e&&d&&null===y.alternate&&n(o,d),a=s(y,a,g),null===u?c=y:u.sibling=y,u=y,d=h}if(g===i.length)return t(o,d),aa&&Jo(o,g),c;if(null===d){for(;g<i.length;g++)null!==(d=p(o,i[g],l))&&(a=s(d,a,g),null===u?c=d:u.sibling=d,u=d);return aa&&Jo(o,g),c}for(d=r(o,d);g<i.length;g++)null!==(h=m(d,o,g,i[g],l))&&(e&&null!==h.alternate&&d.delete(null===h.key?g:h.key),a=s(h,a,g),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return n(o,e)})),aa&&Jo(o,g),c}function h(o,i,l,c){var u=F(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=i,h=i=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&&n(o,g),i=s(v,i,h),null===d?u=v:d.sibling=v,d=v,g=y}if(b.done)return t(o,g),aa&&Jo(o,h),u;if(null===g){for(;!b.done;h++,b=l.next())null!==(b=p(o,b.value,c))&&(i=s(b,i,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),i=s(b,i,h),null===d?u=b:d.sibling=b,d=b);return e&&g.forEach((function(e){return n(o,e)})),aa&&Jo(o,h),u}return function e(r,a,s,l){if("object"==typeof s&&null!==s&&s.type===k&&null===s.key&&(s=s.props.children),"object"==typeof s&&null!==s){switch(s.$$typeof){case w:e:{for(var c=s.key,u=a;null!==u;){if(u.key===c){if((c=s.type)===k){if(7===u.tag){t(r,u.sibling),(a=o(u,s.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&Ya(c)===u.type){t(r,u.sibling),(a=o(u,s.props)).ref=qa(r,u,s),a.return=r,r=a;break e}t(r,u);break}n(r,u),u=u.sibling}s.type===k?((a=jc(s.props.children,r.mode,l,s.key)).return=r,r=a):((l=Fc(s.type,s.key,s.props,null,r.mode,l)).ref=qa(r,a,s),l.return=r,r=l)}return i(r);case x:e:{for(u=s.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===s.containerInfo&&a.stateNode.implementation===s.implementation){t(r,a.sibling),(a=o(a,s.children||[])).return=r,r=a;break e}t(r,a);break}n(r,a),a=a.sibling}(a=Bc(s,r.mode,l)).return=r,r=a}return i(r);case L:return e(r,a,(u=s._init)(s._payload),l)}if(ne(s))return g(r,a,s,l);if(F(s))return h(r,a,s,l);Ka(r,s)}return"string"==typeof s&&""!==s||"number"==typeof s?(s=""+s,null!==a&&6===a.tag?(t(r,a.sibling),(a=o(a,s)).return=r,r=a):(t(r,a),(a=Dc(s,r.mode,l)).return=r,r=a),i(r)):t(r,a)}}var Qa=Xa(!0),Za=Xa(!1),Ja={},es=Eo(Ja),ns=Eo(Ja),ts=Eo(Ja);function rs(e){if(e===Ja)throw Error(a(174));return e}function os(e,n){switch(Ao(ts,n),Ao(ns,e),Ao(es,Ja),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:le(null,"");break;default:n=le(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}Co(es),Ao(es,n)}function as(){Co(es),Co(ns),Co(ts)}function ss(e){rs(ts.current);var n=rs(es.current),t=le(n,e.type);n!==t&&(Ao(ns,e),Ao(es,t))}function is(e){ns.current===e&&(Co(es),Co(ns))}var ls=Eo(0);function cs(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!=(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var us=[];function ds(){for(var e=0;e<us.length;e++)us[e]._workInProgressVersionPrimary=null;us.length=0}var ps=S.ReactCurrentDispatcher,fs=S.ReactCurrentBatchConfig,ms=0,gs=null,hs=null,ys=null,bs=!1,vs=!1,Ss=0,ws=0;function xs(){throw Error(a(321))}function ks(e,n){if(null===n)return!1;for(var t=0;t<n.length&&t<e.length;t++)if(!ir(e[t],n[t]))return!1;return!0}function Ts(e,n,t,r,o,s){if(ms=s,gs=n,n.memoizedState=null,n.updateQueue=null,n.lanes=0,ps.current=null===e||null===e.memoizedState?ii:li,e=t(r,o),vs){s=0;do{if(vs=!1,Ss=0,25<=s)throw Error(a(301));s+=1,ys=hs=null,n.updateQueue=null,ps.current=ci,e=t(r,o)}while(vs)}if(ps.current=si,n=null!==hs&&null!==hs.next,ms=0,ys=hs=gs=null,bs=!1,n)throw Error(a(300));return e}function Es(){var e=0!==Ss;return Ss=0,e}function Cs(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ys?gs.memoizedState=ys=e:ys=ys.next=e,ys}function As(){if(null===hs){var e=gs.alternate;e=null!==e?e.memoizedState:null}else e=hs.next;var n=null===ys?gs.memoizedState:ys.next;if(null!==n)ys=n,hs=e;else{if(null===e)throw Error(a(310));e={memoizedState:(hs=e).memoizedState,baseState:hs.baseState,baseQueue:hs.baseQueue,queue:hs.queue,next:null},null===ys?gs.memoizedState=ys=e:ys=ys.next=e}return ys}function _s(e,n){return"function"==typeof n?n(e):n}function Is(e){var n=As(),t=n.queue;if(null===t)throw Error(a(311));t.lastRenderedReducer=e;var r=hs,o=r.baseQueue,s=t.pending;if(null!==s){if(null!==o){var i=o.next;o.next=s.next,s.next=i}r.baseQueue=o=s,t.pending=null}if(null!==o){s=o.next,r=r.baseState;var l=i=null,c=null,u=s;do{var d=u.lane;if((ms&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,i=r):c=c.next=p,gs.lanes|=d,Ml|=d}u=u.next}while(null!==u&&u!==s);null===c?i=r:c.next=l,ir(r,n.memoizedState)||(Si=!0),n.memoizedState=r,n.baseState=i,n.baseQueue=c,t.lastRenderedState=r}if(null!==(e=t.interleaved)){o=e;do{s=o.lane,gs.lanes|=s,Ml|=s,o=o.next}while(o!==e)}else null===o&&(t.lanes=0);return[n.memoizedState,t.dispatch]}function Ps(e){var n=As(),t=n.queue;if(null===t)throw Error(a(311));t.lastRenderedReducer=e;var r=t.dispatch,o=t.pending,s=n.memoizedState;if(null!==o){t.pending=null;var i=o=o.next;do{s=e(s,i.action),i=i.next}while(i!==o);ir(s,n.memoizedState)||(Si=!0),n.memoizedState=s,null===n.baseQueue&&(n.baseState=s),t.lastRenderedState=s}return[s,r]}function Rs(){}function Ls(e,n){var t=gs,r=As(),o=n(),s=!ir(r.memoizedState,o);if(s&&(r.memoizedState=o,Si=!0),r=r.queue,Hs(Fs.bind(null,t,r,e),[e]),r.getSnapshot!==n||s||null!==ys&&1&ys.memoizedState.tag){if(t.flags|=2048,Bs(9,Ns.bind(null,t,r,o,n),void 0,null),null===Pl)throw Error(a(349));0!=(30&ms)||Os(t,n,o)}return o}function Os(e,n,t){e.flags|=16384,e={getSnapshot:n,value:t},null===(n=gs.updateQueue)?(n={lastEffect:null,stores:null},gs.updateQueue=n,n.stores=[e]):null===(t=n.stores)?n.stores=[e]:t.push(e)}function Ns(e,n,t,r){n.value=t,n.getSnapshot=r,js(n)&&Ms(e)}function Fs(e,n,t){return t((function(){js(n)&&Ms(e)}))}function js(e){var n=e.getSnapshot;e=e.value;try{var t=n();return!ir(e,t)}catch(r){return!0}}function Ms(e){var n=Pa(e,1);null!==n&&rc(n,e,1,-1)}function Ds(e){var n=Cs();return"function"==typeof e&&(e=e()),n.memoizedState=n.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:_s,lastRenderedState:e},n.queue=e,e=e.dispatch=ti.bind(null,gs,e),[n.memoizedState,e]}function Bs(e,n,t,r){return e={tag:e,create:n,destroy:t,deps:r,next:null},null===(n=gs.updateQueue)?(n={lastEffect:null,stores:null},gs.updateQueue=n,n.lastEffect=e.next=e):null===(t=n.lastEffect)?n.lastEffect=e.next=e:(r=t.next,t.next=e,e.next=r,n.lastEffect=e),e}function $s(){return As().memoizedState}function Us(e,n,t,r){var o=Cs();gs.flags|=e,o.memoizedState=Bs(1|n,t,void 0,void 0===r?null:r)}function Vs(e,n,t,r){var o=As();r=void 0===r?null:r;var a=void 0;if(null!==hs){var s=hs.memoizedState;if(a=s.destroy,null!==r&&ks(r,s.deps))return void(o.memoizedState=Bs(n,t,a,r))}gs.flags|=e,o.memoizedState=Bs(1|n,t,a,r)}function zs(e,n){return Us(8390656,8,e,n)}function Hs(e,n){return Vs(2048,8,e,n)}function Ws(e,n){return Vs(4,2,e,n)}function Gs(e,n){return Vs(4,4,e,n)}function qs(e,n){return"function"==typeof n?(e=e(),n(e),function(){n(null)}):null!=n?(e=e(),n.current=e,function(){n.current=null}):void 0}function Ks(e,n,t){return t=null!=t?t.concat([e]):null,Vs(4,4,qs.bind(null,n,e),t)}function Ys(){}function Xs(e,n){var t=As();n=void 0===n?null:n;var r=t.memoizedState;return null!==r&&null!==n&&ks(n,r[1])?r[0]:(t.memoizedState=[e,n],e)}function Qs(e,n){var t=As();n=void 0===n?null:n;var r=t.memoizedState;return null!==r&&null!==n&&ks(n,r[1])?r[0]:(e=e(),t.memoizedState=[e,n],e)}function Zs(e,n,t){return 0==(21&ms)?(e.baseState&&(e.baseState=!1,Si=!0),e.memoizedState=t):(ir(t,n)||(t=hn(),gs.lanes|=t,Ml|=t,e.baseState=!0),n)}function Js(e,n){var t=Sn;Sn=0!==t&&4>t?t:4,e(!0);var r=fs.transition;fs.transition={};try{e(!1),n()}finally{Sn=t,fs.transition=r}}function ei(){return As().memoizedState}function ni(e,n,t){var r=tc(e);if(t={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null},ri(e))oi(n,t);else if(null!==(t=Ia(e,n,t,r))){rc(t,e,r,nc()),ai(t,n,r)}}function ti(e,n,t){var r=tc(e),o={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null};if(ri(e))oi(n,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=n.lastRenderedReducer))try{var s=n.lastRenderedState,i=a(s,t);if(o.hasEagerState=!0,o.eagerState=i,ir(i,s)){var l=n.interleaved;return null===l?(o.next=o,_a(n)):(o.next=l.next,l.next=o),void(n.interleaved=o)}}catch(c){}null!==(t=Ia(e,n,o,r))&&(rc(t,e,r,o=nc()),ai(t,n,r))}}function ri(e){var n=e.alternate;return e===gs||null!==n&&n===gs}function oi(e,n){vs=bs=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function ai(e,n,t){if(0!=(4194240&t)){var r=n.lanes;t|=r&=e.pendingLanes,n.lanes=t,vn(e,t)}}var si={readContext:Ca,useCallback:xs,useContext:xs,useEffect:xs,useImperativeHandle:xs,useInsertionEffect:xs,useLayoutEffect:xs,useMemo:xs,useReducer:xs,useRef:xs,useState:xs,useDebugValue:xs,useDeferredValue:xs,useTransition:xs,useMutableSource:xs,useSyncExternalStore:xs,useId:xs,unstable_isNewReconciler:!1},ii={readContext:Ca,useCallback:function(e,n){return Cs().memoizedState=[e,void 0===n?null:n],e},useContext:Ca,useEffect:zs,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,Us(4194308,4,qs.bind(null,n,e),t)},useLayoutEffect:function(e,n){return Us(4194308,4,e,n)},useInsertionEffect:function(e,n){return Us(4,2,e,n)},useMemo:function(e,n){var t=Cs();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var r=Cs();return n=void 0!==t?t(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=ni.bind(null,gs,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Cs().memoizedState=e},useState:Ds,useDebugValue:Ys,useDeferredValue:function(e){return Cs().memoizedState=e},useTransition:function(){var e=Ds(!1),n=e[0];return e=Js.bind(null,e[1]),Cs().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var r=gs,o=Cs();if(aa){if(void 0===t)throw Error(a(407));t=t()}else{if(t=n(),null===Pl)throw Error(a(349));0!=(30&ms)||Os(r,n,t)}o.memoizedState=t;var s={value:t,getSnapshot:n};return o.queue=s,zs(Fs.bind(null,r,s,e),[e]),r.flags|=2048,Bs(9,Ns.bind(null,r,s,t,n),void 0,null),t},useId:function(){var e=Cs(),n=Pl.identifierPrefix;if(aa){var t=Zo;n=":"+n+"R"+(t=(Qo&~(1<<32-sn(Qo)-1)).toString(32)+t),0<(t=Ss++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=ws++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},li={readContext:Ca,useCallback:Xs,useContext:Ca,useEffect:Hs,useImperativeHandle:Ks,useInsertionEffect:Ws,useLayoutEffect:Gs,useMemo:Qs,useReducer:Is,useRef:$s,useState:function(){return Is(_s)},useDebugValue:Ys,useDeferredValue:function(e){return Zs(As(),hs.memoizedState,e)},useTransition:function(){return[Is(_s)[0],As().memoizedState]},useMutableSource:Rs,useSyncExternalStore:Ls,useId:ei,unstable_isNewReconciler:!1},ci={readContext:Ca,useCallback:Xs,useContext:Ca,useEffect:Hs,useImperativeHandle:Ks,useInsertionEffect:Ws,useLayoutEffect:Gs,useMemo:Qs,useReducer:Ps,useRef:$s,useState:function(){return Ps(_s)},useDebugValue:Ys,useDeferredValue:function(e){var n=As();return null===hs?n.memoizedState=e:Zs(n,hs.memoizedState,e)},useTransition:function(){return[Ps(_s)[0],As().memoizedState]},useMutableSource:Rs,useSyncExternalStore:Ls,useId:ei,unstable_isNewReconciler:!1};function ui(e,n){try{var t="",r=n;do{t+=U(r),r=r.return}while(r);var o=t}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:n,stack:o,digest:null}}function di(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function pi(e,n){try{console.error(n.value)}catch(t){setTimeout((function(){throw t}))}}var fi="function"==typeof WeakMap?WeakMap:Map;function mi(e,n,t){(t=Na(-1,t)).tag=3,t.payload={element:null};var r=n.value;return t.callback=function(){Wl||(Wl=!0,Gl=r),pi(0,n)},t}function gi(e,n,t){(t=Na(-1,t)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=n.value;t.payload=function(){return r(o)},t.callback=function(){pi(0,n)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(t.callback=function(){pi(0,n),"function"!=typeof r&&(null===ql?ql=new Set([this]):ql.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),t}function hi(e,n,t){var r=e.pingCache;if(null===r){r=e.pingCache=new fi;var o=new Set;r.set(n,o)}else void 0===(o=r.get(n))&&(o=new Set,r.set(n,o));o.has(t)||(o.add(t),e=Cc.bind(null,e,n,t),n.then(e,e))}function yi(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function bi(e,n,t,r,o){return 0==(1&e.mode)?(e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=Na(-1,1)).tag=2,Fa(t,n,1))),t.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var vi=S.ReactCurrentOwner,Si=!1;function wi(e,n,t,r){n.child=null===e?Za(n,null,t,r):Qa(n,e.child,t,r)}function xi(e,n,t,r,o){t=t.render;var a=n.ref;return Ea(n,o),r=Ts(e,n,t,r,a,o),t=Es(),null===e||Si?(aa&&t&&na(n),n.flags|=1,wi(e,n,r,o),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~o,Wi(e,n,o))}function ki(e,n,t,r,o){if(null===e){var a=t.type;return"function"!=typeof a||Oc(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=Fc(t.type,null,r,n,n.mode,o)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,Ti(e,n,a,r,o))}if(a=e.child,0==(e.lanes&o)){var s=a.memoizedProps;if((t=null!==(t=t.compare)?t:lr)(s,r)&&e.ref===n.ref)return Wi(e,n,o)}return n.flags|=1,(e=Nc(a,r)).ref=n.ref,e.return=n,n.child=e}function Ti(e,n,t,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===n.ref){if(Si=!1,n.pendingProps=r=a,0==(e.lanes&o))return n.lanes=e.lanes,Wi(e,n,o);0!=(131072&e.flags)&&(Si=!0)}}return Ai(e,n,t,r,o)}function Ei(e,n,t){var r=n.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0==(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ao(Nl,Ol),Ol|=t;else{if(0==(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Ao(Nl,Ol),Ol|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:t,Ao(Nl,Ol),Ol|=r}else null!==a?(r=a.baseLanes|t,n.memoizedState=null):r=t,Ao(Nl,Ol),Ol|=r;return wi(e,n,o,t),n.child}function Ci(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Ai(e,n,t,r,o){var a=Oo(t)?Ro:Io.current;return a=Lo(n,a),Ea(n,o),t=Ts(e,n,t,r,a,o),r=Es(),null===e||Si?(aa&&r&&na(n),n.flags|=1,wi(e,n,t,o),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~o,Wi(e,n,o))}function _i(e,n,t,r,o){if(Oo(t)){var a=!0;Mo(n)}else a=!1;if(Ea(n,o),null===n.stateNode)Hi(e,n),Ha(n,t,r),Ga(n,t,r,o),r=!0;else if(null===e){var s=n.stateNode,i=n.memoizedProps;s.props=i;var l=s.context,c=t.contextType;"object"==typeof c&&null!==c?c=Ca(c):c=Lo(n,c=Oo(t)?Ro:Io.current);var u=t.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof s.getSnapshotBeforeUpdate;d||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(i!==r||l!==c)&&Wa(n,s,r,c),Ra=!1;var p=n.memoizedState;s.state=p,Da(n,r,s,o),l=n.memoizedState,i!==r||p!==l||Po.current||Ra?("function"==typeof u&&(Ua(n,t,u,r),l=n.memoizedState),(i=Ra||za(n,t,i,r,p,l,c))?(d||"function"!=typeof s.UNSAFE_componentWillMount&&"function"!=typeof s.componentWillMount||("function"==typeof s.componentWillMount&&s.componentWillMount(),"function"==typeof s.UNSAFE_componentWillMount&&s.UNSAFE_componentWillMount()),"function"==typeof s.componentDidMount&&(n.flags|=4194308)):("function"==typeof s.componentDidMount&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=l),s.props=r,s.state=l,s.context=c,r=i):("function"==typeof s.componentDidMount&&(n.flags|=4194308),r=!1)}else{s=n.stateNode,Oa(e,n),i=n.memoizedProps,c=n.type===n.elementType?i:ya(n.type,i),s.props=c,d=n.pendingProps,p=s.context,"object"==typeof(l=t.contextType)&&null!==l?l=Ca(l):l=Lo(n,l=Oo(t)?Ro:Io.current);var f=t.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof s.getSnapshotBeforeUpdate)||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(i!==d||p!==l)&&Wa(n,s,r,l),Ra=!1,p=n.memoizedState,s.state=p,Da(n,r,s,o);var m=n.memoizedState;i!==d||p!==m||Po.current||Ra?("function"==typeof f&&(Ua(n,t,f,r),m=n.memoizedState),(c=Ra||za(n,t,c,r,p,m,l)||!1)?(u||"function"!=typeof s.UNSAFE_componentWillUpdate&&"function"!=typeof s.componentWillUpdate||("function"==typeof s.componentWillUpdate&&s.componentWillUpdate(r,m,l),"function"==typeof s.UNSAFE_componentWillUpdate&&s.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof s.componentDidUpdate&&(n.flags|=4),"function"==typeof s.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof s.componentDidUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=m),s.props=r,s.state=m,s.context=l,r=c):("function"!=typeof s.componentDidUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),r=!1)}return Ii(e,n,t,r,a,o)}function Ii(e,n,t,r,o,a){Ci(e,n);var s=0!=(128&n.flags);if(!r&&!s)return o&&Do(n,t,!1),Wi(e,n,a);r=n.stateNode,vi.current=n;var i=s&&"function"!=typeof t.getDerivedStateFromError?null:r.render();return n.flags|=1,null!==e&&s?(n.child=Qa(n,e.child,null,a),n.child=Qa(n,null,i,a)):wi(e,n,i,a),n.memoizedState=r.state,o&&Do(n,t,!0),n.child}function Pi(e){var n=e.stateNode;n.pendingContext?Fo(0,n.pendingContext,n.pendingContext!==n.context):n.context&&Fo(0,n.context,!1),os(e,n.containerInfo)}function Ri(e,n,t,r,o){return ma(),ga(o),n.flags|=256,wi(e,n,t,r),n.child}var Li,Oi,Ni,Fi,ji={dehydrated:null,treeContext:null,retryLane:0};function Mi(e){return{baseLanes:e,cachePool:null,transitions:null}}function Di(e,n,t){var r,o=n.pendingProps,s=ls.current,i=!1,l=0!=(128&n.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&0!=(2&s)),r?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(s|=1),Ao(ls,1&s),null===e)return ua(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&n.mode)?n.lanes=1:"$!"===e.data?n.lanes=8:n.lanes=1073741824,null):(l=o.children,e=o.fallback,i?(o=n.mode,i=n.child,l={mode:"hidden",children:l},0==(1&o)&&null!==i?(i.childLanes=0,i.pendingProps=l):i=Mc(l,o,0,null),e=jc(e,o,t,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=Mi(t),n.memoizedState=ji,e):Bi(n,l));if(null!==(s=e.memoizedState)&&null!==(r=s.dehydrated))return function(e,n,t,r,o,s,i){if(t)return 256&n.flags?(n.flags&=-257,$i(e,n,i,r=di(Error(a(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(s=r.fallback,o=n.mode,r=Mc({mode:"visible",children:r.children},o,0,null),(s=jc(s,o,i,null)).flags|=2,r.return=n,s.return=n,r.sibling=s,n.child=r,0!=(1&n.mode)&&Qa(n,e.child,null,i),n.child.memoizedState=Mi(i),n.memoizedState=ji,s);if(0==(1&n.mode))return $i(e,n,i,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,$i(e,n,i,r=di(s=Error(a(419)),r,void 0))}if(l=0!=(i&e.childLanes),Si||l){if(null!==(r=Pl)){switch(i&-i){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|i))?0:o)&&o!==s.retryLane&&(s.retryLane=o,Pa(e,o),rc(r,e,o,-1))}return hc(),$i(e,n,i,r=di(Error(a(421))))}return"$?"===o.data?(n.flags|=128,n.child=e.child,n=_c.bind(null,e),o._reactRetry=n,null):(e=s.treeContext,oa=co(o.nextSibling),ra=n,aa=!0,sa=null,null!==e&&(Ko[Yo++]=Qo,Ko[Yo++]=Zo,Ko[Yo++]=Xo,Qo=e.id,Zo=e.overflow,Xo=n),n=Bi(n,r.children),n.flags|=4096,n)}(e,n,l,o,r,s,t);if(i){i=o.fallback,l=n.mode,r=(s=e.child).sibling;var c={mode:"hidden",children:o.children};return 0==(1&l)&&n.child!==s?((o=n.child).childLanes=0,o.pendingProps=c,n.deletions=null):(o=Nc(s,c)).subtreeFlags=14680064&s.subtreeFlags,null!==r?i=Nc(r,i):(i=jc(i,l,t,null)).flags|=2,i.return=n,o.return=n,o.sibling=i,n.child=o,o=i,i=n.child,l=null===(l=e.child.memoizedState)?Mi(t):{baseLanes:l.baseLanes|t,cachePool:null,transitions:l.transitions},i.memoizedState=l,i.childLanes=e.childLanes&~t,n.memoizedState=ji,o}return e=(i=e.child).sibling,o=Nc(i,{mode:"visible",children:o.children}),0==(1&n.mode)&&(o.lanes=t),o.return=n,o.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=o,n.memoizedState=null,o}function Bi(e,n){return(n=Mc({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function $i(e,n,t,r){return null!==r&&ga(r),Qa(n,e.child,null,t),(e=Bi(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Ui(e,n,t){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),Ta(e.return,n,t)}function Vi(e,n,t,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:t,tailMode:o}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=t,a.tailMode=o)}function zi(e,n,t){var r=n.pendingProps,o=r.revealOrder,a=r.tail;if(wi(e,n,r.children,t),0!=(2&(r=ls.current)))r=1&r|2,n.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ui(e,t,n);else if(19===e.tag)Ui(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Ao(ls,r),0==(1&n.mode))n.memoizedState=null;else switch(o){case"forwards":for(t=n.child,o=null;null!==t;)null!==(e=t.alternate)&&null===cs(e)&&(o=t),t=t.sibling;null===(t=o)?(o=n.child,n.child=null):(o=t.sibling,t.sibling=null),Vi(n,!1,o,t,a);break;case"backwards":for(t=null,o=n.child,n.child=null;null!==o;){if(null!==(e=o.alternate)&&null===cs(e)){n.child=o;break}e=o.sibling,o.sibling=t,t=o,o=e}Vi(n,!0,t,null,a);break;case"together":Vi(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function Hi(e,n){0==(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function Wi(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),Ml|=n.lanes,0==(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(a(153));if(null!==n.child){for(t=Nc(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=Nc(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function Gi(e,n){if(!aa)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var r=null;null!==t;)null!==t.alternate&&(r=t),t=t.sibling;null===r?n||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function qi(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,r=0;if(n)for(var o=e.child;null!==o;)t|=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;)t|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=t,n}function Ki(e,n,t){var r=n.pendingProps;switch(ta(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return qi(n),null;case 1:case 17:return Oo(n.type)&&No(),qi(n),null;case 3:return r=n.stateNode,as(),Co(Po),Co(Io),ds(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&n.flags)||(n.flags|=1024,null!==sa&&(ic(sa),sa=null))),Oi(e,n),qi(n),null;case 5:is(n);var o=rs(ts.current);if(t=n.type,null!==e&&null!=n.stateNode)Ni(e,n,t,r,o),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!r){if(null===n.stateNode)throw Error(a(166));return qi(n),null}if(e=rs(es.current),pa(n)){r=n.stateNode,t=n.type;var s=n.memoizedProps;switch(r[fo]=n,r[mo]=s,e=0!=(1&n.mode),t){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<Fr.length;o++)Br(Fr[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,s),Br("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!s.multiple},Br("invalid",r);break;case"textarea":oe(r,s),Br("invalid",r)}for(var l in be(t,s),o=null,s)if(s.hasOwnProperty(l)){var c=s[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==s.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==s.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",""+c]):i.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Br("scroll",r)}switch(t){case"input":G(r),J(r,s,!0);break;case"textarea":G(r),se(r);break;case"select":case"option":break;default:"function"==typeof s.onClick&&(r.onclick=Jr)}r=o,n.updateQueue=r,null!==r&&(n.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=ie(t)),"http://www.w3.org/1999/xhtml"===e?"script"===t?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(t,{is:r.is}):(e=l.createElement(t),"select"===t&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,t),e[fo]=n,e[mo]=r,Li(e,n,!1,!1),n.stateNode=e;e:{switch(l=ve(t,r),t){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<Fr.length;o++)Br(Fr[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=Y(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(s in be(t,o),c=o)if(c.hasOwnProperty(s)){var u=c[s];"style"===s?he(e,u):"dangerouslySetInnerHTML"===s?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===s?"string"==typeof u?("textarea"!==t||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(i.hasOwnProperty(s)?null!=u&&"onScroll"===s&&Br("scroll",e):null!=u&&v(e,s,u,l))}switch(t){case"input":G(e),J(e,r,!1);break;case"textarea":G(e),se(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(s=r.value)?te(e,!!r.multiple,s,!1):null!=r.defaultValue&&te(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Jr)}switch(t){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(n.flags|=4)}null!==n.ref&&(n.flags|=512,n.flags|=2097152)}return qi(n),null;case 6:if(e&&null!=n.stateNode)Fi(e,n,e.memoizedProps,r);else{if("string"!=typeof r&&null===n.stateNode)throw Error(a(166));if(t=rs(ts.current),rs(es.current),pa(n)){if(r=n.stateNode,t=n.memoizedProps,r[fo]=n,(s=r.nodeValue!==t)&&null!==(e=ra))switch(e.tag){case 3:Zr(r.nodeValue,t,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Zr(r.nodeValue,t,0!=(1&e.mode))}s&&(n.flags|=4)}else(r=(9===t.nodeType?t:t.ownerDocument).createTextNode(r))[fo]=n,n.stateNode=r}return qi(n),null;case 13:if(Co(ls),r=n.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&0!=(1&n.mode)&&0==(128&n.flags))fa(),ma(),n.flags|=98560,s=!1;else if(s=pa(n),null!==r&&null!==r.dehydrated){if(null===e){if(!s)throw Error(a(318));if(!(s=null!==(s=n.memoizedState)?s.dehydrated:null))throw Error(a(317));s[fo]=n}else ma(),0==(128&n.flags)&&(n.memoizedState=null),n.flags|=4;qi(n),s=!1}else null!==sa&&(ic(sa),sa=null),s=!0;if(!s)return 65536&n.flags?n:null}return 0!=(128&n.flags)?(n.lanes=t,n):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(n.child.flags|=8192,0!=(1&n.mode)&&(null===e||0!=(1&ls.current)?0===Fl&&(Fl=3):hc())),null!==n.updateQueue&&(n.flags|=4),qi(n),null);case 4:return as(),Oi(e,n),null===e&&Vr(n.stateNode.containerInfo),qi(n),null;case 10:return ka(n.type._context),qi(n),null;case 19:if(Co(ls),null===(s=n.memoizedState))return qi(n),null;if(r=0!=(128&n.flags),null===(l=s.rendering))if(r)Gi(s,!1);else{if(0!==Fl||null!==e&&0!=(128&e.flags))for(e=n.child;null!==e;){if(null!==(l=cs(e))){for(n.flags|=128,Gi(s,!1),null!==(r=l.updateQueue)&&(n.updateQueue=r,n.flags|=4),n.subtreeFlags=0,r=t,t=n.child;null!==t;)e=r,(s=t).flags&=14680066,null===(l=s.alternate)?(s.childLanes=0,s.lanes=e,s.child=null,s.subtreeFlags=0,s.memoizedProps=null,s.memoizedState=null,s.updateQueue=null,s.dependencies=null,s.stateNode=null):(s.childLanes=l.childLanes,s.lanes=l.lanes,s.child=l.child,s.subtreeFlags=0,s.deletions=null,s.memoizedProps=l.memoizedProps,s.memoizedState=l.memoizedState,s.updateQueue=l.updateQueue,s.type=l.type,e=l.dependencies,s.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),t=t.sibling;return Ao(ls,1&ls.current|2),n.child}e=e.sibling}null!==s.tail&&Qe()>zl&&(n.flags|=128,r=!0,Gi(s,!1),n.lanes=4194304)}else{if(!r)if(null!==(e=cs(l))){if(n.flags|=128,r=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),Gi(s,!0),null===s.tail&&"hidden"===s.tailMode&&!l.alternate&&!aa)return qi(n),null}else 2*Qe()-s.renderingStartTime>zl&&1073741824!==t&&(n.flags|=128,r=!0,Gi(s,!1),n.lanes=4194304);s.isBackwards?(l.sibling=n.child,n.child=l):(null!==(t=s.last)?t.sibling=l:n.child=l,s.last=l)}return null!==s.tail?(n=s.tail,s.rendering=n,s.tail=n.sibling,s.renderingStartTime=Qe(),n.sibling=null,t=ls.current,Ao(ls,r?1&t|2:1&t),n):(qi(n),null);case 22:case 23:return pc(),r=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==r&&(n.flags|=8192),r&&0!=(1&n.mode)?0!=(1073741824&Ol)&&(qi(n),6&n.subtreeFlags&&(n.flags|=8192)):qi(n),null;case 24:case 25:return null}throw Error(a(156,n.tag))}function Yi(e,n){switch(ta(n),n.tag){case 1:return Oo(n.type)&&No(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return as(),Co(Po),Co(Io),ds(),0!=(65536&(e=n.flags))&&0==(128&e)?(n.flags=-65537&e|128,n):null;case 5:return is(n),null;case 13:if(Co(ls),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(a(340));ma()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return Co(ls),null;case 4:return as(),null;case 10:return ka(n.type._context),null;case 22:case 23:return pc(),null;default:return null}}Li=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},Oi=function(){},Ni=function(e,n,t,r){var o=e.memoizedProps;if(o!==r){e=n.stateNode,rs(es.current);var a,s=null;switch(t){case"input":o=Y(e,o),r=Y(e,r),s=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),s=[];break;case"textarea":o=re(e,o),r=re(e,r),s=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Jr)}for(u in be(t,r),t=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)&&(t||(t={}),t[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(i.hasOwnProperty(u)?s||(s=[]):(s=s||[]).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)||(t||(t={}),t[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(t||(t={}),t[a]=c[a])}else t||(s||(s=[]),s.push(u,t)),t=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(s=s||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(s=s||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(i.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Br("scroll",e),s||l===c||(s=[])):(s=s||[]).push(u,c))}t&&(s=s||[]).push("style",t);var u=s;(n.updateQueue=u)&&(n.flags|=4)}},Fi=function(e,n,t,r){t!==r&&(n.flags|=4)};var Xi=!1,Qi=!1,Zi="function"==typeof WeakSet?WeakSet:Set,Ji=null;function el(e,n){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(r){Ec(e,n,r)}else t.current=null}function nl(e,n,t){try{t()}catch(r){Ec(e,n,r)}}var tl=!1;function rl(e,n,t){var r=n.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&&nl(n,t,a)}o=o.next}while(o!==r)}}function ol(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var r=t.create;t.destroy=r()}t=t.next}while(t!==n)}}function al(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function sl(e){var n=e.alternate;null!==n&&(e.alternate=null,sl(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(n=e.stateNode)&&(delete n[fo],delete n[mo],delete n[ho],delete n[yo],delete n[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 il(e){return 5===e.tag||3===e.tag||4===e.tag}function ll(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(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,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?8===t.nodeType?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(8===t.nodeType?(n=t.parentNode).insertBefore(e,t):(n=t).appendChild(e),null!=(t=t._reactRootContainer)||null!==n.onclick||(n.onclick=Jr));else if(4!==r&&null!==(e=e.child))for(cl(e,n,t),e=e.sibling;null!==e;)cl(e,n,t),e=e.sibling}function ul(e,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(4!==r&&null!==(e=e.child))for(ul(e,n,t),e=e.sibling;null!==e;)ul(e,n,t),e=e.sibling}var dl=null,pl=!1;function fl(e,n,t){for(t=t.child;null!==t;)ml(e,n,t),t=t.sibling}function ml(e,n,t){if(an&&"function"==typeof an.onCommitFiberUnmount)try{an.onCommitFiberUnmount(on,t)}catch(i){}switch(t.tag){case 5:Qi||el(t,n);case 6:var r=dl,o=pl;dl=null,fl(e,n,t),pl=o,null!==(dl=r)&&(pl?(e=dl,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):dl.removeChild(t.stateNode));break;case 18:null!==dl&&(pl?(e=dl,t=t.stateNode,8===e.nodeType?lo(e.parentNode,t):1===e.nodeType&&lo(e,t),zn(e)):lo(dl,t.stateNode));break;case 4:r=dl,o=pl,dl=t.stateNode.containerInfo,pl=!0,fl(e,n,t),dl=r,pl=o;break;case 0:case 11:case 14:case 15:if(!Qi&&(null!==(r=t.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,s=a.destroy;a=a.tag,void 0!==s&&(0!=(2&a)||0!=(4&a))&&nl(t,n,s),o=o.next}while(o!==r)}fl(e,n,t);break;case 1:if(!Qi&&(el(t,n),"function"==typeof(r=t.stateNode).componentWillUnmount))try{r.props=t.memoizedProps,r.state=t.memoizedState,r.componentWillUnmount()}catch(i){Ec(t,n,i)}fl(e,n,t);break;case 21:fl(e,n,t);break;case 22:1&t.mode?(Qi=(r=Qi)||null!==t.memoizedState,fl(e,n,t),Qi=r):fl(e,n,t);break;default:fl(e,n,t)}}function gl(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new Zi),n.forEach((function(n){var r=Ic.bind(null,e,n);t.has(n)||(t.add(n),n.then(r,r))}))}}function hl(e,n){var t=n.deletions;if(null!==t)for(var r=0;r<t.length;r++){var o=t[r];try{var s=e,i=n,l=i;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(s,i,o),dl=null,pl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,n,u)}}if(12854&n.subtreeFlags)for(n=n.child;null!==n;)yl(n,e),n=n.sibling}function yl(e,n){var t=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(n,e),bl(e),4&r){try{rl(3,e,e.return),ol(3,e)}catch(h){Ec(e,e.return,h)}try{rl(5,e,e.return)}catch(h){Ec(e,e.return,h)}}break;case 1:hl(n,e),bl(e),512&r&&null!==t&&el(t,t.return);break;case 5:if(hl(n,e),bl(e),512&r&&null!==t&&el(t,t.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(h){Ec(e,e.return,h)}}if(4&r&&null!=(o=e.stateNode)){var s=e.memoizedProps,i=null!==t?t.memoizedProps:s,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===s.type&&null!=s.name&&Q(o,s),ve(l,i);var u=ve(l,s);for(i=0;i<c.length;i+=2){var d=c[i],p=c[i+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,s);break;case"textarea":ae(o,s);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!s.multiple;var m=s.value;null!=m?te(o,!!s.multiple,m,!1):f!==!!s.multiple&&(null!=s.defaultValue?te(o,!!s.multiple,s.defaultValue,!0):te(o,!!s.multiple,s.multiple?[]:"",!1))}o[mo]=s}catch(h){Ec(e,e.return,h)}}break;case 6:if(hl(n,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,s=e.memoizedProps;try{o.nodeValue=s}catch(h){Ec(e,e.return,h)}}break;case 3:if(hl(n,e),bl(e),4&r&&null!==t&&t.memoizedState.isDehydrated)try{zn(n.containerInfo)}catch(h){Ec(e,e.return,h)}break;case 4:default:hl(n,e),bl(e);break;case 13:hl(n,e),bl(e),8192&(o=e.child).flags&&(s=null!==o.memoizedState,o.stateNode.isHidden=s,!s||null!==o.alternate&&null!==o.alternate.memoizedState||(Vl=Qe())),4&r&&gl(e);break;case 22:if(d=null!==t&&null!==t.memoizedState,1&e.mode?(Qi=(u=Qi)||d,hl(n,e),Qi=u):hl(n,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Ji=e,d=e.child;null!==d;){for(p=Ji=d;null!==Ji;){switch(m=(f=Ji).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,t=f.return;try{n=r,g.props=n.memoizedProps,g.state=n.memoizedState,g.componentWillUnmount()}catch(h){Ec(r,t,h)}}break;case 5:el(f,f.return);break;case 22:if(null!==f.memoizedState){xl(p);continue}}null!==m?(m.return=f,Ji=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(s=o.style).setProperty?s.setProperty("display","none","important"):s.display="none":(l=p.stateNode,i=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=ge("display",i))}catch(h){Ec(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){Ec(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(n,e),bl(e),4&r&&gl(e);case 21:}}function bl(e){var n=e.flags;if(2&n){try{e:{for(var t=e.return;null!==t;){if(il(t)){var r=t;break e}t=t.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 s=r.stateNode.containerInfo;cl(e,ll(e),s);break;default:throw Error(a(161))}}catch(i){Ec(e,e.return,i)}e.flags&=-3}4096&n&&(e.flags&=-4097)}function vl(e,n,t){Ji=e,Sl(e,n,t)}function Sl(e,n,t){for(var r=0!=(1&e.mode);null!==Ji;){var o=Ji,a=o.child;if(22===o.tag&&r){var s=null!==o.memoizedState||Xi;if(!s){var i=o.alternate,l=null!==i&&null!==i.memoizedState||Qi;i=Xi;var c=Qi;if(Xi=s,(Qi=l)&&!c)for(Ji=o;null!==Ji;)l=(s=Ji).child,22===s.tag&&null!==s.memoizedState?kl(o):null!==l?(l.return=s,Ji=l):kl(o);for(;null!==a;)Ji=a,Sl(a,n,t),a=a.sibling;Ji=o,Xi=i,Qi=c}wl(e)}else 0!=(8772&o.subtreeFlags)&&null!==a?(a.return=o,Ji=a):wl(e)}}function wl(e){for(;null!==Ji;){var n=Ji;if(0!=(8772&n.flags)){var t=n.alternate;try{if(0!=(8772&n.flags))switch(n.tag){case 0:case 11:case 15:Qi||ol(5,n);break;case 1:var r=n.stateNode;if(4&n.flags&&!Qi)if(null===t)r.componentDidMount();else{var o=n.elementType===n.type?t.memoizedProps:ya(n.type,t.memoizedProps);r.componentDidUpdate(o,t.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var s=n.updateQueue;null!==s&&Ba(n,s,r);break;case 3:var i=n.updateQueue;if(null!==i){if(t=null,null!==n.child)switch(n.child.tag){case 5:case 1:t=n.child.stateNode}Ba(n,i,t)}break;case 5:var l=n.stateNode;if(null===t&&4&n.flags){t=l;var c=n.memoizedProps;switch(n.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&t.focus();break;case"img":c.src&&(t.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===n.memoizedState){var u=n.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&zn(p)}}}break;default:throw Error(a(163))}Qi||512&n.flags&&al(n)}catch(f){Ec(n,n.return,f)}}if(n===e){Ji=null;break}if(null!==(t=n.sibling)){t.return=n.return,Ji=t;break}Ji=n.return}}function xl(e){for(;null!==Ji;){var n=Ji;if(n===e){Ji=null;break}var t=n.sibling;if(null!==t){t.return=n.return,Ji=t;break}Ji=n.return}}function kl(e){for(;null!==Ji;){var n=Ji;try{switch(n.tag){case 0:case 11:case 15:var t=n.return;try{ol(4,n)}catch(l){Ec(n,t,l)}break;case 1:var r=n.stateNode;if("function"==typeof r.componentDidMount){var o=n.return;try{r.componentDidMount()}catch(l){Ec(n,o,l)}}var a=n.return;try{al(n)}catch(l){Ec(n,a,l)}break;case 5:var s=n.return;try{al(n)}catch(l){Ec(n,s,l)}}}catch(l){Ec(n,n.return,l)}if(n===e){Ji=null;break}var i=n.sibling;if(null!==i){i.return=n.return,Ji=i;break}Ji=n.return}}var Tl,El=Math.ceil,Cl=S.ReactCurrentDispatcher,Al=S.ReactCurrentOwner,_l=S.ReactCurrentBatchConfig,Il=0,Pl=null,Rl=null,Ll=0,Ol=0,Nl=Eo(0),Fl=0,jl=null,Ml=0,Dl=0,Bl=0,$l=null,Ul=null,Vl=0,zl=1/0,Hl=null,Wl=!1,Gl=null,ql=null,Kl=!1,Yl=null,Xl=0,Ql=0,Zl=null,Jl=-1,ec=0;function nc(){return 0!=(6&Il)?Qe():-1!==Jl?Jl:Jl=Qe()}function tc(e){return 0==(1&e.mode)?1:0!=(2&Il)&&0!==Ll?Ll&-Ll:null!==ha.transition?(0===ec&&(ec=hn()),ec):0!==(e=Sn)?e:e=void 0===(e=window.event)?16:Qn(e.type)}function rc(e,n,t,r){if(50<Ql)throw Ql=0,Zl=null,Error(a(185));bn(e,t,r),0!=(2&Il)&&e===Pl||(e===Pl&&(0==(2&Il)&&(Dl|=t),4===Fl&&lc(e,Ll)),oc(e,r),1===t&&0===Il&&0==(1&n.mode)&&(zl=Qe()+500,$o&&zo()))}function oc(e,n){var t=e.callbackNode;!function(e,n){for(var t=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var s=31-sn(a),i=1<<s,l=o[s];-1===l?0!=(i&t)&&0==(i&r)||(o[s]=mn(i,n)):l<=n&&(e.expiredLanes|=i),a&=~i}}(e,n);var r=fn(e,e===Pl?Ll:0);if(0===r)null!==t&&Ke(t),e.callbackNode=null,e.callbackPriority=0;else if(n=r&-r,e.callbackPriority!==n){if(null!=t&&Ke(t),1===n)0===e.tag?function(e){$o=!0,Vo(e)}(cc.bind(null,e)):Vo(cc.bind(null,e)),so((function(){0==(6&Il)&&zo()})),t=null;else{switch(wn(r)){case 1:t=Je;break;case 4:t=en;break;case 16:default:t=nn;break;case 536870912:t=rn}t=Pc(t,ac.bind(null,e))}e.callbackPriority=n,e.callbackNode=t}}function ac(e,n){if(Jl=-1,ec=0,0!=(6&Il))throw Error(a(327));var t=e.callbackNode;if(kc()&&e.callbackNode!==t)return null;var r=fn(e,e===Pl?Ll:0);if(0===r)return null;if(0!=(30&r)||0!=(r&e.expiredLanes)||n)n=yc(e,r);else{n=r;var o=Il;Il|=2;var s=gc();for(Pl===e&&Ll===n||(Hl=null,zl=Qe()+500,fc(e,n));;)try{vc();break}catch(l){mc(e,l)}xa(),Cl.current=s,Il=o,null!==Rl?n=0:(Pl=null,Ll=0,n=Fl)}if(0!==n){if(2===n&&(0!==(o=gn(e))&&(r=o,n=sc(e,o))),1===n)throw t=jl,fc(e,0),lc(e,r),oc(e,Qe()),t;if(6===n)lc(e,r);else{if(o=e.current.alternate,0==(30&r)&&!function(e){for(var n=e;;){if(16384&n.flags){var t=n.updateQueue;if(null!==t&&null!==(t=t.stores))for(var r=0;r<t.length;r++){var o=t[r],a=o.getSnapshot;o=o.value;try{if(!ir(a(),o))return!1}catch(i){return!1}}}if(t=n.child,16384&n.subtreeFlags&&null!==t)t.return=n,n=t;else{if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return!0;n=n.return}n.sibling.return=n.return,n=n.sibling}}return!0}(o)&&(2===(n=yc(e,r))&&(0!==(s=gn(e))&&(r=s,n=sc(e,s))),1===n))throw t=jl,fc(e,0),lc(e,r),oc(e,Qe()),t;switch(e.finishedWork=o,e.finishedLanes=r,n){case 0:case 1:throw Error(a(345));case 2:case 5:xc(e,Ul,Hl);break;case 3:if(lc(e,r),(130023424&r)===r&&10<(n=Vl+500-Qe())){if(0!==fn(e,0))break;if(((o=e.suspendedLanes)&r)!==r){nc(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(xc.bind(null,e,Ul,Hl),n);break}xc(e,Ul,Hl);break;case 4:if(lc(e,r),(4194240&r)===r)break;for(n=e.eventTimes,o=-1;0<r;){var i=31-sn(r);s=1<<i,(i=n[i])>o&&(o=i),r&=~s}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*El(r/1960))-r)){e.timeoutHandle=ro(xc.bind(null,e,Ul,Hl),r);break}xc(e,Ul,Hl);break;default:throw Error(a(329))}}}return oc(e,Qe()),e.callbackNode===t?ac.bind(null,e):null}function sc(e,n){var t=$l;return e.current.memoizedState.isDehydrated&&(fc(e,n).flags|=256),2!==(e=yc(e,n))&&(n=Ul,Ul=t,null!==n&&ic(n)),e}function ic(e){null===Ul?Ul=e:Ul.push.apply(Ul,e)}function lc(e,n){for(n&=~Bl,n&=~Dl,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0<n;){var t=31-sn(n),r=1<<t;e[t]=-1,n&=~r}}function cc(e){if(0!=(6&Il))throw Error(a(327));kc();var n=fn(e,0);if(0==(1&n))return oc(e,Qe()),null;var t=yc(e,n);if(0!==e.tag&&2===t){var r=gn(e);0!==r&&(n=r,t=sc(e,r))}if(1===t)throw t=jl,fc(e,0),lc(e,n),oc(e,Qe()),t;if(6===t)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=n,xc(e,Ul,Hl),oc(e,Qe()),null}function uc(e,n){var t=Il;Il|=1;try{return e(n)}finally{0===(Il=t)&&(zl=Qe()+500,$o&&zo())}}function dc(e){null!==Yl&&0===Yl.tag&&0==(6&Il)&&kc();var n=Il;Il|=1;var t=_l.transition,r=Sn;try{if(_l.transition=null,Sn=1,e)return e()}finally{Sn=r,_l.transition=t,0==(6&(Il=n))&&zo()}}function pc(){Ol=Nl.current,Co(Nl)}function fc(e,n){e.finishedWork=null,e.finishedLanes=0;var t=e.timeoutHandle;if(-1!==t&&(e.timeoutHandle=-1,oo(t)),null!==Rl)for(t=Rl.return;null!==t;){var r=t;switch(ta(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&No();break;case 3:as(),Co(Po),Co(Io),ds();break;case 5:is(r);break;case 4:as();break;case 13:case 19:Co(ls);break;case 10:ka(r.type._context);break;case 22:case 23:pc()}t=t.return}if(Pl=e,Rl=e=Nc(e.current,null),Ll=Ol=n,Fl=0,jl=null,Bl=Dl=Ml=0,Ul=$l=null,null!==Aa){for(n=0;n<Aa.length;n++)if(null!==(r=(t=Aa[n]).interleaved)){t.interleaved=null;var o=r.next,a=t.pending;if(null!==a){var s=a.next;a.next=o,r.next=s}t.pending=r}Aa=null}return e}function mc(e,n){for(;;){var t=Rl;try{if(xa(),ps.current=si,bs){for(var r=gs.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}bs=!1}if(ms=0,ys=hs=gs=null,vs=!1,Ss=0,Al.current=null,null===t||null===t.return){Fl=1,jl=n,Rl=null;break}e:{var s=e,i=t.return,l=t,c=n;if(n=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=yi(i);if(null!==m){m.flags&=-257,bi(m,i,l,0,n),1&m.mode&&hi(s,u,n),c=u;var g=(n=m).updateQueue;if(null===g){var h=new Set;h.add(c),n.updateQueue=h}else g.add(c);break e}if(0==(1&n)){hi(s,u,n),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var y=yi(i);if(null!==y){0==(65536&y.flags)&&(y.flags|=256),bi(y,i,l,0,n),ga(ui(c,l));break e}}s=c=ui(c,l),4!==Fl&&(Fl=2),null===$l?$l=[s]:$l.push(s),s=i;do{switch(s.tag){case 3:s.flags|=65536,n&=-n,s.lanes|=n,Ma(s,mi(0,c,n));break e;case 1:l=c;var b=s.type,v=s.stateNode;if(0==(128&s.flags)&&("function"==typeof b.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===ql||!ql.has(v)))){s.flags|=65536,n&=-n,s.lanes|=n,Ma(s,gi(s,l,n));break e}}s=s.return}while(null!==s)}wc(t)}catch(S){n=S,Rl===t&&null!==t&&(Rl=t=t.return);continue}break}}function gc(){var e=Cl.current;return Cl.current=si,null===e?si:e}function hc(){0!==Fl&&3!==Fl&&2!==Fl||(Fl=4),null===Pl||0==(268435455&Ml)&&0==(268435455&Dl)||lc(Pl,Ll)}function yc(e,n){var t=Il;Il|=2;var r=gc();for(Pl===e&&Ll===n||(Hl=null,fc(e,n));;)try{bc();break}catch(o){mc(e,o)}if(xa(),Il=t,Cl.current=r,null!==Rl)throw Error(a(261));return Pl=null,Ll=0,Fl}function bc(){for(;null!==Rl;)Sc(Rl)}function vc(){for(;null!==Rl&&!Ye();)Sc(Rl)}function Sc(e){var n=Tl(e.alternate,e,Ol);e.memoizedProps=e.pendingProps,null===n?wc(e):Rl=n,Al.current=null}function wc(e){var n=e;do{var t=n.alternate;if(e=n.return,0==(32768&n.flags)){if(null!==(t=Ki(t,n,Ol)))return void(Rl=t)}else{if(null!==(t=Yi(t,n)))return t.flags&=32767,void(Rl=t);if(null===e)return Fl=6,void(Rl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(n=n.sibling))return void(Rl=n);Rl=n=e}while(null!==n);0===Fl&&(Fl=5)}function xc(e,n,t){var r=Sn,o=_l.transition;try{_l.transition=null,Sn=1,function(e,n,t,r){do{kc()}while(null!==Yl);if(0!=(6&Il))throw Error(a(327));t=e.finishedWork;var o=e.finishedLanes;if(null===t)return null;if(e.finishedWork=null,e.finishedLanes=0,t===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var s=t.lanes|t.childLanes;if(function(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<t;){var o=31-sn(t),a=1<<o;n[o]=0,r[o]=-1,e[o]=-1,t&=~a}}(e,s),e===Pl&&(Rl=Pl=null,Ll=0),0==(2064&t.subtreeFlags)&&0==(2064&t.flags)||Kl||(Kl=!0,Pc(nn,(function(){return kc(),null}))),s=0!=(15990&t.flags),0!=(15990&t.subtreeFlags)||s){s=_l.transition,_l.transition=null;var i=Sn;Sn=1;var l=Il;Il|=4,Al.current=null,function(e,n){if(eo=Wn,fr(e=pr())){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(t=(t=e.ownerDocument)&&t.defaultView||window).getSelection&&t.getSelection();if(r&&0!==r.rangeCount){t=r.anchorNode;var o=r.anchorOffset,s=r.focusNode;r=r.focusOffset;try{t.nodeType,s.nodeType}catch(w){t=null;break e}var i=0,l=-1,c=-1,u=0,d=0,p=e,f=null;n:for(;;){for(var m;p!==t||0!==o&&3!==p.nodeType||(l=i+o),p!==s||0!==r&&3!==p.nodeType||(c=i+r),3===p.nodeType&&(i+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break n;if(f===t&&++u===o&&(l=i),f===s&&++d===r&&(c=i),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}t=-1===l||-1===c?null:{start:l,end:c}}else t=null}t=t||{start:0,end:0}}else t=null;for(no={focusedElem:e,selectionRange:t},Wn=!1,Ji=n;null!==Ji;)if(e=(n=Ji).child,0!=(1028&n.subtreeFlags)&&null!==e)e.return=n,Ji=e;else for(;null!==Ji;){n=Ji;try{var g=n.alternate;if(0!=(1024&n.flags))switch(n.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=n.stateNode,v=b.getSnapshotBeforeUpdate(n.elementType===n.type?h:ya(n.type,h),y);b.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var S=n.stateNode.containerInfo;1===S.nodeType?S.textContent="":9===S.nodeType&&S.documentElement&&S.removeChild(S.documentElement);break;default:throw Error(a(163))}}catch(w){Ec(n,n.return,w)}if(null!==(e=n.sibling)){e.return=n.return,Ji=e;break}Ji=n.return}g=tl,tl=!1}(e,t),yl(t,e),mr(no),Wn=!!eo,no=eo=null,e.current=t,vl(t,e,o),Xe(),Il=l,Sn=i,_l.transition=s}else e.current=t;if(Kl&&(Kl=!1,Yl=e,Xl=o),s=e.pendingLanes,0===s&&(ql=null),function(e){if(an&&"function"==typeof an.onCommitFiberRoot)try{an.onCommitFiberRoot(on,e,void 0,128==(128&e.current.flags))}catch(n){}}(t.stateNode),oc(e,Qe()),null!==n)for(r=e.onRecoverableError,t=0;t<n.length;t++)o=n[t],r(o.value,{componentStack:o.stack,digest:o.digest});if(Wl)throw Wl=!1,e=Gl,Gl=null,e;0!=(1&Xl)&&0!==e.tag&&kc(),s=e.pendingLanes,0!=(1&s)?e===Zl?Ql++:(Ql=0,Zl=e):Ql=0,zo()}(e,n,t,r)}finally{_l.transition=o,Sn=r}return null}function kc(){if(null!==Yl){var e=wn(Xl),n=_l.transition,t=Sn;try{if(_l.transition=null,Sn=16>e?16:e,null===Yl)var r=!1;else{if(e=Yl,Yl=null,Xl=0,0!=(6&Il))throw Error(a(331));var o=Il;for(Il|=4,Ji=e.current;null!==Ji;){var s=Ji,i=s.child;if(0!=(16&Ji.flags)){var l=s.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Ji=u;null!==Ji;){var d=Ji;switch(d.tag){case 0:case 11:case 15:rl(8,d,s)}var p=d.child;if(null!==p)p.return=d,Ji=p;else for(;null!==Ji;){var f=(d=Ji).sibling,m=d.return;if(sl(d),d===u){Ji=null;break}if(null!==f){f.return=m,Ji=f;break}Ji=m}}}var g=s.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)}}Ji=s}}if(0!=(2064&s.subtreeFlags)&&null!==i)i.return=s,Ji=i;else e:for(;null!==Ji;){if(0!=(2048&(s=Ji).flags))switch(s.tag){case 0:case 11:case 15:rl(9,s,s.return)}var b=s.sibling;if(null!==b){b.return=s.return,Ji=b;break e}Ji=s.return}}var v=e.current;for(Ji=v;null!==Ji;){var S=(i=Ji).child;if(0!=(2064&i.subtreeFlags)&&null!==S)S.return=i,Ji=S;else e:for(i=v;null!==Ji;){if(0!=(2048&(l=Ji).flags))try{switch(l.tag){case 0:case 11:case 15:ol(9,l)}}catch(x){Ec(l,l.return,x)}if(l===i){Ji=null;break e}var w=l.sibling;if(null!==w){w.return=l.return,Ji=w;break e}Ji=l.return}}if(Il=o,zo(),an&&"function"==typeof an.onPostCommitFiberRoot)try{an.onPostCommitFiberRoot(on,e)}catch(x){}r=!0}return r}finally{Sn=t,_l.transition=n}}return!1}function Tc(e,n,t){e=Fa(e,n=mi(0,n=ui(t,n),1),1),n=nc(),null!==e&&(bn(e,1,n),oc(e,n))}function Ec(e,n,t){if(3===e.tag)Tc(e,e,t);else for(;null!==n;){if(3===n.tag){Tc(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===ql||!ql.has(r))){n=Fa(n,e=gi(n,e=ui(t,e),1),1),e=nc(),null!==n&&(bn(n,1,e),oc(n,e));break}}n=n.return}}function Cc(e,n,t){var r=e.pingCache;null!==r&&r.delete(n),n=nc(),e.pingedLanes|=e.suspendedLanes&t,Pl===e&&(Ll&t)===t&&(4===Fl||3===Fl&&(130023424&Ll)===Ll&&500>Qe()-Vl?fc(e,0):Bl|=t),oc(e,n)}function Ac(e,n){0===n&&(0==(1&e.mode)?n=1:(n=dn,0==(130023424&(dn<<=1))&&(dn=4194304)));var t=nc();null!==(e=Pa(e,n))&&(bn(e,n,t),oc(e,t))}function _c(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),Ac(e,t)}function Ic(e,n){var t=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(t=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(n),Ac(e,t)}function Pc(e,n){return qe(e,n)}function Rc(e,n,t,r){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,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,n,t,r){return new Rc(e,n,t,r)}function Oc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Nc(e,n){var t=e.alternate;return null===t?((t=Lc(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Fc(e,n,t,r,o,s){var i=2;if(r=e,"function"==typeof e)Oc(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case k:return jc(t.children,o,s,n);case T:i=8,o|=8;break;case E:return(e=Lc(12,t,n,2|o)).elementType=E,e.lanes=s,e;case I:return(e=Lc(13,t,n,o)).elementType=I,e.lanes=s,e;case P:return(e=Lc(19,t,n,o)).elementType=P,e.lanes=s,e;case O:return Mc(t,o,s,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:i=10;break e;case A:i=9;break e;case _:i=11;break e;case R:i=14;break e;case L:i=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(n=Lc(i,t,n,o)).elementType=e,n.type=r,n.lanes=s,n}function jc(e,n,t,r){return(e=Lc(7,e,r,n)).lanes=t,e}function Mc(e,n,t,r){return(e=Lc(22,e,r,n)).elementType=O,e.lanes=t,e.stateNode={isHidden:!1},e}function Dc(e,n,t){return(e=Lc(6,e,null,n)).lanes=t,e}function Bc(e,n,t){return(n=Lc(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function $c(e,n,t,r,o){this.tag=n,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=yn(0),this.expirationTimes=yn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=yn(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Uc(e,n,t,r,o,a,s,i,l){return e=new $c(e,n,t,i,l),1===n?(n=1,!0===a&&(n|=8)):n=0,a=Lc(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},La(a),e}function Vc(e){if(!e)return _o;e:{if(Ve(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(Oo(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(a(171))}if(1===e.tag){var t=e.type;if(Oo(t))return jo(e,t,n)}return n}function zc(e,n,t,r,o,a,s,i,l){return(e=Uc(t,r,!0,e,0,a,0,i,l)).context=Vc(null),t=e.current,(a=Na(r=nc(),o=tc(t))).callback=null!=n?n:null,Fa(t,a,o),e.current.lanes=o,bn(e,o,r),oc(e,r),e}function Hc(e,n,t,r){var o=n.current,a=nc(),s=tc(o);return t=Vc(t),null===n.context?n.context=t:n.pendingContext=t,(n=Na(a,s)).payload={element:e},null!==(r=void 0===r?null:r)&&(n.callback=r),null!==(e=Fa(o,n,s))&&(rc(e,o,s,a),ja(e,o,s)),s}function Wc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Gc(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t<n?t:n}}function qc(e,n){Gc(e,n),(e=e.alternate)&&Gc(e,n)}Tl=function(e,n,t){if(null!==e)if(e.memoizedProps!==n.pendingProps||Po.current)Si=!0;else{if(0==(e.lanes&t)&&0==(128&n.flags))return Si=!1,function(e,n,t){switch(n.tag){case 3:Pi(n),ma();break;case 5:ss(n);break;case 1:Oo(n.type)&&Mo(n);break;case 4:os(n,n.stateNode.containerInfo);break;case 10:var r=n.type._context,o=n.memoizedProps.value;Ao(ba,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=n.memoizedState))return null!==r.dehydrated?(Ao(ls,1&ls.current),n.flags|=128,null):0!=(t&n.child.childLanes)?Di(e,n,t):(Ao(ls,1&ls.current),null!==(e=Wi(e,n,t))?e.sibling:null);Ao(ls,1&ls.current);break;case 19:if(r=0!=(t&n.childLanes),0!=(128&e.flags)){if(r)return zi(e,n,t);n.flags|=128}if(null!==(o=n.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Ao(ls,ls.current),r)break;return null;case 22:case 23:return n.lanes=0,Ei(e,n,t)}return Wi(e,n,t)}(e,n,t);Si=0!=(131072&e.flags)}else Si=!1,aa&&0!=(1048576&n.flags)&&ea(n,qo,n.index);switch(n.lanes=0,n.tag){case 2:var r=n.type;Hi(e,n),e=n.pendingProps;var o=Lo(n,Io.current);Ea(n,t),o=Ts(null,n,r,e,o,t);var s=Es();return n.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(n.tag=1,n.memoizedState=null,n.updateQueue=null,Oo(r)?(s=!0,Mo(n)):s=!1,n.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,La(n),o.updater=Va,n.stateNode=o,o._reactInternals=n,Ga(n,r,e,t),n=Ii(null,n,r,!0,s,t)):(n.tag=0,aa&&s&&na(n),wi(null,n,o,t),n=n.child),n;case 16:r=n.elementType;e:{switch(Hi(e,n),e=n.pendingProps,r=(o=r._init)(r._payload),n.type=r,o=n.tag=function(e){if("function"==typeof e)return Oc(e)?1:0;if(null!=e){if((e=e.$$typeof)===_)return 11;if(e===R)return 14}return 2}(r),e=ya(r,e),o){case 0:n=Ai(null,n,r,e,t);break e;case 1:n=_i(null,n,r,e,t);break e;case 11:n=xi(null,n,r,e,t);break e;case 14:n=ki(null,n,r,ya(r.type,e),t);break e}throw Error(a(306,r,""))}return n;case 0:return r=n.type,o=n.pendingProps,Ai(e,n,r,o=n.elementType===r?o:ya(r,o),t);case 1:return r=n.type,o=n.pendingProps,_i(e,n,r,o=n.elementType===r?o:ya(r,o),t);case 3:e:{if(Pi(n),null===e)throw Error(a(387));r=n.pendingProps,o=(s=n.memoizedState).element,Oa(e,n),Da(n,r,null,t);var i=n.memoizedState;if(r=i.element,s.isDehydrated){if(s={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},n.updateQueue.baseState=s,n.memoizedState=s,256&n.flags){n=Ri(e,n,r,t,o=ui(Error(a(423)),n));break e}if(r!==o){n=Ri(e,n,r,t,o=ui(Error(a(424)),n));break e}for(oa=co(n.stateNode.containerInfo.firstChild),ra=n,aa=!0,sa=null,t=Za(n,null,r,t),n.child=t;t;)t.flags=-3&t.flags|4096,t=t.sibling}else{if(ma(),r===o){n=Wi(e,n,t);break e}wi(e,n,r,t)}n=n.child}return n;case 5:return ss(n),null===e&&ua(n),r=n.type,o=n.pendingProps,s=null!==e?e.memoizedProps:null,i=o.children,to(r,o)?i=null:null!==s&&to(r,s)&&(n.flags|=32),Ci(e,n),wi(e,n,i,t),n.child;case 6:return null===e&&ua(n),null;case 13:return Di(e,n,t);case 4:return os(n,n.stateNode.containerInfo),r=n.pendingProps,null===e?n.child=Qa(n,null,r,t):wi(e,n,r,t),n.child;case 11:return r=n.type,o=n.pendingProps,xi(e,n,r,o=n.elementType===r?o:ya(r,o),t);case 7:return wi(e,n,n.pendingProps,t),n.child;case 8:case 12:return wi(e,n,n.pendingProps.children,t),n.child;case 10:e:{if(r=n.type._context,o=n.pendingProps,s=n.memoizedProps,i=o.value,Ao(ba,r._currentValue),r._currentValue=i,null!==s)if(ir(s.value,i)){if(s.children===o.children&&!Po.current){n=Wi(e,n,t);break e}}else for(null!==(s=n.child)&&(s.return=n);null!==s;){var l=s.dependencies;if(null!==l){i=s.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===s.tag){(c=Na(-1,t&-t)).tag=2;var u=s.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}}s.lanes|=t,null!==(c=s.alternate)&&(c.lanes|=t),Ta(s.return,t,n),l.lanes|=t;break}c=c.next}}else if(10===s.tag)i=s.type===n.type?null:s.child;else if(18===s.tag){if(null===(i=s.return))throw Error(a(341));i.lanes|=t,null!==(l=i.alternate)&&(l.lanes|=t),Ta(i,t,n),i=s.sibling}else i=s.child;if(null!==i)i.return=s;else for(i=s;null!==i;){if(i===n){i=null;break}if(null!==(s=i.sibling)){s.return=i.return,i=s;break}i=i.return}s=i}wi(e,n,o.children,t),n=n.child}return n;case 9:return o=n.type,r=n.pendingProps.children,Ea(n,t),r=r(o=Ca(o)),n.flags|=1,wi(e,n,r,t),n.child;case 14:return o=ya(r=n.type,n.pendingProps),ki(e,n,r,o=ya(r.type,o),t);case 15:return Ti(e,n,n.type,n.pendingProps,t);case 17:return r=n.type,o=n.pendingProps,o=n.elementType===r?o:ya(r,o),Hi(e,n),n.tag=1,Oo(r)?(e=!0,Mo(n)):e=!1,Ea(n,t),Ha(n,r,o),Ga(n,r,o,t),Ii(null,n,r,!0,e,t);case 19:return zi(e,n,t);case 22:return Ei(e,n,t)}throw Error(a(156,n.tag))};var Kc="function"==typeof reportError?reportError:function(e){console.error(e)};function Yc(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,n,t,r,o){var a=t._reactRootContainer;if(a){var s=a;if("function"==typeof o){var i=o;o=function(){var e=Wc(s);i.call(e)}}Hc(n,s,e,o)}else s=function(e,n,t,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Wc(s);a.call(e)}}var s=zc(n,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=s,e[go]=s.current,Vr(8===e.nodeType?e.parentNode:e),dc(),s}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var i=r;r=function(){var e=Wc(l);i.call(e)}}var l=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[go]=l.current,Vr(8===e.nodeType?e.parentNode:e),dc((function(){Hc(n,l,t,r)})),l}(t,n,e,o,r);return Wc(s)}Xc.prototype.render=Yc.prototype.render=function(e){var n=this._internalRoot;if(null===n)throw Error(a(409));Hc(e,n,null,null)},Xc.prototype.unmount=Yc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var n=e.containerInfo;dc((function(){Hc(null,e,null,null)})),n[go]=null}},Xc.prototype.unstable_scheduleHydration=function(e){if(e){var n=En();e={blockedOn:null,target:e,priority:n};for(var t=0;t<Nn.length&&0!==n&&n<Nn[t].priority;t++);Nn.splice(t,0,e),0===t&&Dn(e)}},xn=function(e){switch(e.tag){case 3:var n=e.stateNode;if(n.current.memoizedState.isDehydrated){var t=pn(n.pendingLanes);0!==t&&(vn(n,1|t),oc(n,Qe()),0==(6&Il)&&(zl=Qe()+500,zo()))}break;case 13:dc((function(){var n=Pa(e,1);if(null!==n){var t=nc();rc(n,e,1,t)}})),qc(e,1)}},kn=function(e){if(13===e.tag){var n=Pa(e,134217728);if(null!==n)rc(n,e,134217728,nc());qc(e,134217728)}},Tn=function(e){if(13===e.tag){var n=tc(e),t=Pa(e,n);if(null!==t)rc(t,e,n,nc());qc(e,n)}},En=function(){return Sn},Cn=function(e,n){var t=Sn;try{return Sn=e,n()}finally{Sn=t}},xe=function(e,n,t){switch(n){case"input":if(Z(e,t),n=t.name,"radio"===t.type&&null!=n){for(t=e;t.parentNode;)t=t.parentNode;for(t=t.querySelectorAll("input[name="+JSON.stringify(""+n)+'][type="radio"]'),n=0;n<t.length;n++){var r=t[n];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,t);break;case"select":null!=(n=t.value)&&te(e,!!t.multiple,n,!1)}},_e=uc,Ie=dc;var nu={usingClientEntryPoint:!1,Events:[So,wo,xo,Ce,Ae,uc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},ru={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.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=We(e))?null:e.stateNode},findFiberByHostInstance:tu.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{on=ou.inject(ru),an=ou}catch(ue){}}n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=nu,n.createPortal=function(e,n){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Qc(n))throw Error(a(200));return function(e,n,t){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:n,implementation:t}}(e,n,null,t)},n.createRoot=function(e,n){if(!Qc(e))throw Error(a(299));var t=!1,r="",o=Kc;return null!=n&&(!0===n.unstable_strictMode&&(t=!0),void 0!==n.identifierPrefix&&(r=n.identifierPrefix),void 0!==n.onRecoverableError&&(o=n.onRecoverableError)),n=Uc(e,1,!1,null,0,t,0,r,o),e[go]=n.current,Vr(8===e.nodeType?e.parentNode:e),new Yc(n)},n.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var n=e._reactInternals;if(void 0===n){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=We(n))?null:e.stateNode},n.flushSync=function(e){return dc(e)},n.hydrate=function(e,n,t){if(!Zc(n))throw Error(a(200));return eu(null,e,n,!0,t)},n.hydrateRoot=function(e,n,t){if(!Qc(e))throw Error(a(405));var r=null!=t&&t.hydratedSources||null,o=!1,s="",i=Kc;if(null!=t&&(!0===t.unstable_strictMode&&(o=!0),void 0!==t.identifierPrefix&&(s=t.identifierPrefix),void 0!==t.onRecoverableError&&(i=t.onRecoverableError)),n=zc(n,null,e,1,null!=t?t:null,o,0,s,i),e[go]=n.current,Vr(e),r)for(e=0;e<r.length;e++)o=(o=(t=r[e])._getVersion)(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o);return new Xc(n)},n.render=function(e,n,t){if(!Zc(n))throw Error(a(200));return eu(null,e,n,!1,t)},n.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)},n.unstable_batchedUpdates=uc,n.unstable_renderSubtreeIntoContainer=function(e,n,t,r){if(!Zc(t))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return eu(e,n,t,!1,r)},n.version="18.2.0-next-9e3b772b8-20220608"},8352:(e,n,t)=>{"use strict";var r=t(7104);n.createRoot=r.createRoot,n.hydrateRoot=r.hydrateRoot},7104:(e,n,t)=>{"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(n){console.error(n)}}(),e.exports=t(9516)},448:e=>{var n="undefined"!=typeof Element,t="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,s){if(e===s)return!0;if(e&&s&&"object"==typeof e&&"object"==typeof s){if(e.constructor!==s.constructor)return!1;var i,l,c,u;if(Array.isArray(e)){if((i=e.length)!=s.length)return!1;for(l=i;0!=l--;)if(!a(e[l],s[l]))return!1;return!0}if(t&&e instanceof Map&&s instanceof Map){if(e.size!==s.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!s.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],s.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&s instanceof Set){if(e.size!==s.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!s.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(s)){if((i=e.length)!=s.length)return!1;for(l=i;0!=l--;)if(e[l]!==s[l])return!1;return!0}if(e.constructor===RegExp)return e.source===s.source&&e.flags===s.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===s.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===s.toString();if((i=(c=Object.keys(e)).length)!==Object.keys(s).length)return!1;for(l=i;0!=l--;)if(!Object.prototype.hasOwnProperty.call(s,c[l]))return!1;if(n&&e instanceof Element)return!1;for(l=i;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],s[c[l]]))return!1;return!0}return e!=e&&s!=s}e.exports=function(e,n){try{return a(e,n)}catch(t){if((t.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw t}}},2160:(e,n,t)=>{"use strict";t.d(n,{EN:()=>W,So:()=>J});var r=t(1504),o=t(3268),a=t.n(o),s=t(448),i=t.n(s),l=t(9328),c=t.n(l),u=t(1072),d=t.n(u);function p(){return p=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,m(e,n)}function m(e,n){return m=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},m(e,n)}function g(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n.indexOf(t=a[r])>=0||(o[t]=e[t]);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,n){return e[w[n]]=n,e}),{}),k=function(e,n){for(var t=e.length-1;t>=0;t-=1){var r=e[t];if(Object.prototype.hasOwnProperty.call(r,n))return r[n]}return null},T=function(e){var n=k(e,h.TITLE),t=k(e,"titleTemplate");if(Array.isArray(n)&&(n=n.join("")),t&&n)return t.replace(/%s/g,(function(){return n}));var r=k(e,"defaultTitle");return n||r||void 0},E=function(e){return k(e,"onChangeClientState")||function(){}},C=function(e,n){return n.filter((function(n){return void 0!==n[e]})).map((function(n){return n[e]})).reduce((function(e,n){return p({},e,n)}),{})},A=function(e,n){return n.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(n,t){if(!n.length)for(var r=Object.keys(t),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&t[a])return n.concat(t)}return n}),[])},_=function(e,n,t){var r={};return t.filter((function(n){return!!Array.isArray(n[e])||(void 0!==n[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof n[e]+'"'),!1)})).map((function(n){return n[e]})).reverse().reduce((function(e,t){var o={};t.filter((function(e){for(var t,a=Object.keys(e),s=0;s<a.length;s+=1){var i=a[s],l=i.toLowerCase();-1===n.indexOf(l)||"rel"===t&&"canonical"===e[t].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(t=l),-1===n.indexOf(i)||"innerHTML"!==i&&"cssText"!==i&&"itemprop"!==i||(t=i)}if(!t||!e[t])return!1;var c=e[t].toLowerCase();return r[t]||(r[t]={}),o[t]||(o[t]={}),!r[t][c]&&(o[t][c]=!0,!0)})).reverse().forEach((function(n){return e.push(n)}));for(var a=Object.keys(o),s=0;s<a.length;s+=1){var i=a[s],l=p({},r[i],o[i]);r[i]=l}return e}),[]).reverse()},I=function(e,n){if(Array.isArray(e)&&e.length)for(var t=0;t<e.length;t+=1)if(e[t][n])return!0;return!1},P=function(e){return Array.isArray(e)?e.join(""):e},R=function(e,n){return Array.isArray(e)?e.reduce((function(e,t){return function(e,n){for(var t=Object.keys(e),r=0;r<t.length;r+=1)if(n[t[r]]&&n[t[r]].includes(e[t[r]]))return!0;return!1}(t,n)?e.priority.push(t):e.default.push(t),e}),{priority:[],default:[]}):{default:e}},L=function(e,n){var t;return p({},e,((t={})[n]=void 0,t))},O=[h.NOSCRIPT,h.SCRIPT,h.STYLE],N=function(e,n){return void 0===n&&(n=!0),!1===n?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},F=function(e){return Object.keys(e).reduce((function(n,t){var r=void 0!==e[t]?t+'="'+e[t]+'"':""+t;return n?n+" "+r:r}),"")},j=function(e,n){return void 0===n&&(n={}),Object.keys(e).reduce((function(n,t){return n[w[t]||t]=e[t],n}),n)},M=function(e,n){return n.map((function(n,t){var o,a=((o={key:t})["data-rh"]=!0,o);return Object.keys(n).forEach((function(e){var t=w[e]||e;"innerHTML"===t||"cssText"===t?a.dangerouslySetInnerHTML={__html:n.innerHTML||n.cssText}:a[t]=n[e]})),r.createElement(e,a)}))},D=function(e,n,t){switch(e){case h.TITLE:return{toComponent:function(){return t=n.titleAttributes,(o={key:e=n.title})["data-rh"]=!0,a=j(t,o),[r.createElement(h.TITLE,a,e)];var e,t,o,a},toString:function(){return function(e,n,t,r){var o=F(t),a=P(n);return o?"<"+e+' data-rh="true" '+o+">"+N(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+N(a,r)+"</"+e+">"}(e,n.title,n.titleAttributes,t)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return j(n)},toString:function(){return F(n)}};default:return{toComponent:function(){return M(e,n)},toString:function(){return function(e,n,t){return n.reduce((function(n,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,n){var o=void 0===r[n]?n:n+'="'+N(r[n],t)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",s=-1===O.indexOf(e);return n+"<"+e+' data-rh="true" '+o+(s?"/>":">"+a+"</"+e+">")}),"")}(e,n,t)}}}},B=function(e){var n=e.baseTag,t=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,s=e.styleTags,i=e.title,l=void 0===i?"":i,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 n=e.linkTags,t=e.scriptTags,r=e.encode,o=R(e.metaTags,v),a=R(n,y),s=R(t,b);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,o.priority),M(h.LINK,a.priority),M(h.SCRIPT,s.priority))},toString:function(){return D(h.META,o.priority,r)+" "+D(h.LINK,a.priority,r)+" "+D(h.SCRIPT,s.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:s.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:D(h.BASE,n,r),bodyAttributes:D("bodyAttributes",t,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,s,r),title:D(h.TITLE,{title:l,titleAttributes:c},r)}},$=[],U=function(e,n){var t=this;void 0===n&&(n="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){t.context.helmet=e},helmetInstances:{get:function(){return t.canUseDOM?$:t.instances},add:function(e){(t.canUseDOM?$:t.instances).push(e)},remove:function(e){var n=(t.canUseDOM?$:t.instances).indexOf(e);(t.canUseDOM?$:t.instances).splice(n,1)}}},this.context=e,this.canUseDOM=n,n||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},V=r.createContext({}),z=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,W=function(e){function n(t){var r;return(r=e.call(this,t)||this).helmetData=new U(r.props.context,n.canUseDOM),r}return f(n,e),n.prototype.render=function(){return r.createElement(V.Provider,{value:this.helmetData.value},this.props.children)},n}(r.Component);W.canUseDOM=H,W.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},W.defaultProps={context:{}},W.displayName="HelmetProvider";var G=function(e,n){var t,r=document.head||document.querySelector(h.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),s=[];return n&&n.length&&n.forEach((function(n){var r=document.createElement(e);for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&("innerHTML"===o?r.innerHTML=n.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=n.cssText:r.appendChild(document.createTextNode(n.cssText)):r.setAttribute(o,void 0===n[o]?"":n[o]));r.setAttribute("data-rh","true"),a.some((function(e,n){return t=n,r.isEqualNode(e)}))?a.splice(t,1):s.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),s.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:s}},q=function(e,n){var t=document.getElementsByTagName(e)[0];if(t){for(var r=t.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),s=Object.keys(n),i=0;i<s.length;i+=1){var l=s[i],c=n[l]||"";t.getAttribute(l)!==c&&t.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)t.removeAttribute(a[d]);o.length===a.length?t.removeAttribute("data-rh"):t.getAttribute("data-rh")!==s.join(",")&&t.setAttribute("data-rh",s.join(","))}},K=function(e,n){var t=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,s=e.noscriptTags,i=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,n){void 0!==e&&document.title!==e&&(document.title=P(e)),q(h.TITLE,n)}(u,d);var p={baseTag:G(h.BASE,t),linkTags:G(h.LINK,o),metaTags:G(h.META,a),noscriptTags:G(h.NOSCRIPT,s),scriptTags:G(h.SCRIPT,l),styleTags:G(h.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var n=p[e],t=n.newTags,r=n.oldTags;t.length&&(f[e]=t),r.length&&(m[e]=p[e].oldTags)})),n&&n(),i(e,f,m)},Y=null,X=function(e){function n(){for(var n,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(n=e.call.apply(e,[this].concat(r))||this).rendered=!1,n}f(n,e);var t=n.prototype;return t.shouldComponentUpdate=function(e){return!d()(e,this.props)},t.componentDidUpdate=function(){this.emitChange()},t.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},t.emitChange=function(){var e,n,t=this.props.context,r=t.setHelmet,o=null,a=(e=t.helmetInstances.get().map((function(e){var n=p({},e.props);return delete n.context,n})),{baseTag:A(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:_(h.LINK,["rel","href"],e),metaTags:_(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:_(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:E(e),scriptTags:_(h.SCRIPT,["src","innerHTML"],e),styleTags:_(h.STYLE,["cssText"],e),title:T(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:I(e,"prioritizeSeoTags")});W.canUseDOM?(n=a,Y&&cancelAnimationFrame(Y),n.defer?Y=requestAnimationFrame((function(){K(n,(function(){Y=null}))})):(K(n),Y=null)):B&&(o=B(a)),r(o)},t.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},t.render=function(){return this.init(),null},n}(r.Component);X.propTypes={context:z.isRequired},X.displayName="HelmetDispatcher";var Q=["children"],Z=["children"],J=function(e){function n(){return e.apply(this,arguments)||this}f(n,e);var t=n.prototype;return t.shouldComponentUpdate=function(e){return!i()(L(this.props,"helmetData"),L(e,"helmetData"))},t.mapNestedChildrenToProps=function(e,n){if(!n)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:n};case h.STYLE:return{cssText:n};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},t.flattenArrayTypeChildren=function(e){var n,t=e.child,r=e.arrayTypeChildren;return p({},r,((n={})[t.type]=[].concat(r[t.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(t,e.nestedChildren))]),n))},t.mapObjectTypeChildren=function(e){var n,t,r=e.child,o=e.newProps,a=e.newChildProps,s=e.nestedChildren;switch(r.type){case h.TITLE:return p({},o,((n={})[r.type]=s,n.titleAttributes=p({},a),n));case h.BODY:return p({},o,{bodyAttributes:p({},a)});case h.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((t={})[r.type]=p({},a),t))}},t.mapArrayTypeChildrenToProps=function(e,n){var t=p({},n);return Object.keys(e).forEach((function(n){var r;t=p({},t,((r={})[n]=e[n],r))})),t},t.warnOnInvalidChildren=function(e,n){return c()(S.some((function(n){return e.type===n})),"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()(!n||"string"==typeof n||Array.isArray(n)&&!n.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},t.mapChildrenToProps=function(e,n){var t=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,s=g(r,Q),i=Object.keys(s).reduce((function(e,n){return e[x[n]||n]=s[n],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():t.warnOnInvalidChildren(e,a),l){case h.FRAGMENT:n=t.mapChildrenToProps(a,n);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:o=t.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:i,nestedChildren:a});break;default:n=t.mapObjectTypeChildren({child:e,newProps:n,newChildProps:i,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,n)},t.render=function(){var e=this.props,n=e.children,t=g(e,Z),o=p({},t),a=t.helmetData;return n&&(o=this.mapChildrenToProps(n,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(X,p({},o,{context:a.value,helmetData:void 0})):r.createElement(V.Consumer,null,(function(e){return r.createElement(X,p({},o,{context:e}))}))},n}(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,n)=>{"use strict";var t="function"==typeof Symbol&&Symbol.for,r=t?Symbol.for("react.element"):60103,o=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,s=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,l=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,u=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,f=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,g=t?Symbol.for("react.memo"):60115,h=t?Symbol.for("react.lazy"):60116,y=t?Symbol.for("react.block"):60121,b=t?Symbol.for("react.fundamental"):60117,v=t?Symbol.for("react.responder"):60118,S=t?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case r:switch(e=e.type){case u:case d:case a:case i:case s:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case g:case l:return e;default:return n}}case o:return n}}}function x(e){return w(e)===d}n.AsyncMode=u,n.ConcurrentMode=d,n.ContextConsumer=c,n.ContextProvider=l,n.Element=r,n.ForwardRef=p,n.Fragment=a,n.Lazy=h,n.Memo=g,n.Portal=o,n.Profiler=i,n.StrictMode=s,n.Suspense=f,n.isAsyncMode=function(e){return x(e)||w(e)===u},n.isConcurrentMode=x,n.isContextConsumer=function(e){return w(e)===c},n.isContextProvider=function(e){return w(e)===l},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},n.isForwardRef=function(e){return w(e)===p},n.isFragment=function(e){return w(e)===a},n.isLazy=function(e){return w(e)===h},n.isMemo=function(e){return w(e)===g},n.isPortal=function(e){return w(e)===o},n.isProfiler=function(e){return w(e)===i},n.isStrictMode=function(e){return w(e)===s},n.isSuspense=function(e){return w(e)===f},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===i||e===s||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)},n.typeOf=w},2168:(e,n,t)=>{"use strict";e.exports=t(9764)},8852:(e,n,t)=>{"use strict";function r(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n}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,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function s(){return s=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}var i=t(1504),l=t(3268),c=[],u=[];function d(e){var n=e(),t={loading:!0,loaded:null,error:null};return t.promise=n.then((function(e){return t.loading=!1,t.loaded=e,e})).catch((function(e){throw t.loading=!1,t.error=e,e})),t}function p(e){var n={loading:!1,loaded:{},error:null},t=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?n.loading=!0:(n.loaded[r]=o.loaded,n.error=o.error),t.push(o.promise),o.promise.then((function(e){n.loaded[r]=e})).catch((function(e){n.error=e}))}))}catch(r){n.error=r}return n.promise=Promise.all(t).then((function(e){return n.loading=!1,e})).catch((function(e){throw n.loading=!1,e})),n}function f(e,n){return i.createElement((t=e)&&t.__esModule?t.default:t,n);var t}function m(e,n){var d,p;if(!n.loading)throw new Error("react-loadable requires a `loading` component");var m=s({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},n),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!==t.m[e]})))return h()})),p=d=function(n){function t(t){var r;return a(o(o(r=n.call(this,t)||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(t,n),t.preload=function(){return h()};var s=t.prototype;return s.UNSAFE_componentWillMount=function(){this._loadModule()},s.componentDidMount=function(){this._mounted=!0},s._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(n){e.context.loadable.report(n)})),g.loading){var n=function(n){e._mounted&&e.setState(n)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){n({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){n({timedOut:!0})}),m.timeout));var t=function(){n({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return t(),null})).catch((function(e){return t(),null}))}},s.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},s._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},s.render=function(){return this.state.loading||this.state.error?i.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},t}(i.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 n(){return e.apply(this,arguments)||this}r(n,e);var t=n.prototype;return t.getChildContext=function(){return{loadable:{report:this.props.report}}},t.render=function(){return i.Children.only(this.props.children)},n}(i.Component);function y(e){for(var n=[];e.length;){var t=e.pop();n.push(t())}return Promise.all(n).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,n){y(c).then(e,n)}))},g.preloadReady=function(){return new Promise((function(e,n){y(u).then(e,e)}))},e.exports=g},5464:(e,n,t)=>{"use strict";t.d(n,{C:()=>s,k:()=>i});var r=t(5592),o=t(6404),a=t(1504);function s(e,n,t){return void 0===t&&(t=[]),e.some((function(e){var o=e.path?(0,r.ot)(n,e):t.length?t[t.length-1].match:r.E5.computeRootMatch(n);return o&&(t.push({route:e,match:o}),e.routes&&s(e.routes,n,t)),o})),t}function i(e,n,t){return void 0===n&&(n={}),void 0===t&&(t={}),e?a.createElement(r.Wk,t,e.map((function(e,t){return a.createElement(r.kX,{key:e.key||t,path:e.path,exact:e.exact,strict:e.strict,render:function(t){return e.render?e.render((0,o.c)({},t,{},n,{route:e})):a.createElement(e.component,(0,o.c)({},t,n,{route:e}))}})}))):null}},440:(e,n,t)=>{"use strict";t.d(n,{Af:()=>v,cH:()=>h,kn:()=>u});var r=t(5592),o=t(9948),a=t(1504),s=t(8064),i=t(6404),l=t(4384),c=t(6136),u=function(e){function n(){for(var n,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(n=e.call.apply(e,[this].concat(r))||this).history=(0,s.iU)(n.props),n}return(0,o.c)(n,e),n.prototype.render=function(){return a.createElement(r.E5,{history:this.history,children:this.props.children})},n}(a.Component);a.Component;var d=function(e,n){return"function"==typeof e?e(n):e},p=function(e,n){return"string"==typeof e?(0,s.gh)(e,null,null,n):e},f=function(e){return e},m=a.forwardRef;void 0===m&&(m=f);var g=m((function(e,n){var t=e.innerRef,r=e.navigate,o=e.onClick,s=(0,l.c)(e,["innerRef","navigate","onClick"]),c=s.target,u=(0,i.c)({},s,{onClick:function(e){try{o&&o(e)}catch(n){throw e.preventDefault(),n}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&&n||t,a.createElement("a",u)}));var h=m((function(e,n){var t=e.component,o=void 0===t?g:t,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 t=e.history,r=p(d(h,e.location),e.location),l=r?t.createHref(r):"",g=(0,i.c)({},b,{href:l,navigate:function(){var n=d(h,e.location),r=(0,s.Ep)(e.location)===(0,s.Ep)(p(n));(u||r?t.replace:t.push)(n)}});return f!==m?g.ref=n||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,n){var t=e["aria-current"],o=void 0===t?"page":t,s=e.activeClassName,u=void 0===s?"active":s,f=e.activeStyle,m=e.className,g=e.exact,v=e.isActive,S=e.location,w=e.sensitive,x=e.strict,k=e.style,T=e.to,E=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 t=S||e.location,s=p(d(T,t),t),l=s.pathname,A=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),_=A?(0,r.ot)(t.pathname,{path:A,exact:g,sensitive:w,strict:x}):null,I=!!(v?v(_,t):_),P="function"==typeof m?m(I):m,R="function"==typeof k?k(I):k;I&&(P=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter((function(e){return e})).join(" ")}(P,u),R=(0,i.c)({},R,f));var L=(0,i.c)({"aria-current":I&&o||null,className:P,style:R,to:s},C);return y!==b?L.ref=n||E:L.innerRef=E,a.createElement(h,L)}))}))},5592:(e,n,t)=>{"use strict";t.d(n,{E5:()=>v,IT:()=>O,Os:()=>b,Uz:()=>L,Wk:()=>P,kX:()=>T,ot:()=>k});var r=t(9948),o=t(1504),a=t(3268),s=t.n(a),i=t(8064),l=t(6136),c=t(6404),u=t(8216),d=t.n(u),p=(t(2168),t(4384)),f=(t(4792),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:{};var g=o.createContext||function(e,n){var t,a,i="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function t(){for(var n,t,r,o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return(n=e.call.apply(e,[this].concat(a))||this).emitter=(t=n.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(n){return n!==e}))},get:function(){return t},set:function(e,n){t=e,r.forEach((function(e){return e(t,n)}))}}),n}(0,r.c)(t,e);var o=t.prototype;return o.getChildContext=function(){var e;return(e={})[i]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t,r=this.props.value,o=e.value;((a=r)===(s=o)?0!==a||1/a==1/s:a!=a&&s!=s)?t=0:(t="function"==typeof n?n(r,o):f,0!==(t|=0)&&this.emitter.set(e.value,t))}var a,s},o.render=function(){return this.props.children},t}(o.Component);l.childContextTypes=((t={})[i]=s().object.isRequired,t);var c=function(n){function t(){for(var e,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(e=n.call.apply(n,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(n,t){0!=((0|e.observedBits)&t)&&e.setState({value:e.getValue()})},e}(0,r.c)(t,n);var o=t.prototype;return o.componentWillReceiveProps=function(e){var n=e.observedBits;this.observedBits=null==n?f:n},o.componentDidMount=function(){this.context[i]&&this.context[i].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[i]&&this.context[i].off(this.onUpdate)},o.getValue=function(){return this.context[i]?this.context[i].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},t}(o.Component);return c.contextTypes=((a={})[i]=s().object,a),{Provider:l,Consumer:c}},h=function(e){var n=g();return n.displayName=e,n},y=h("Router-History"),b=h("Router"),v=function(e){function n(n){var t;return(t=e.call(this,n)||this).state={location:n.history.location},t._isMounted=!1,t._pendingLocation=null,n.staticContext||(t.unlisten=n.history.listen((function(e){t._pendingLocation=e}))),t}(0,r.c)(n,e),n.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var t=n.prototype;return t.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(n){e._isMounted&&e.setState({location:n})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},t.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},t.render=function(){return o.createElement(b.Provider,{value:{history:this.props.history,location:this.state.location,match:n.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(y.Provider,{children:this.props.children||null,value:this.props.history}))},n}(o.Component);o.Component;o.Component;var S={},w=1e4,x=0;function k(e,n){void 0===n&&(n={}),("string"==typeof n||Array.isArray(n))&&(n={path:n});var t=n,r=t.path,o=t.exact,a=void 0!==o&&o,s=t.strict,i=void 0!==s&&s,l=t.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(n,t){if(!t&&""!==t)return null;if(n)return n;var r=function(e,n){var t=""+n.end+n.strict+n.sensitive,r=S[t]||(S[t]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,n),keys:o};return x<w&&(r[e]=a,x++),a}(t,{end:a,strict:i,sensitive:c}),o=r.regexp,s=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:t,url:"/"===t&&""===u?"/":u,isExact:f,params:s.reduce((function(e,n,t){return e[n.name]=p[t],e}),{})}}),null)}var T=function(e){function n(){return e.apply(this,arguments)||this}return(0,r.c)(n,e),n.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(n){n||(0,l.c)(!1);var t=e.props.location||n.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(t.pathname,e.props):n.match,a=(0,c.c)({},n,{location:t,match:r}),s=e.props,i=s.children,u=s.component,d=s.render;return Array.isArray(i)&&function(e){return 0===o.Children.count(e)}(i)&&(i=null),o.createElement(b.Provider,{value:a},a.match?i?"function"==typeof i?i(a):i:u?o.createElement(u,a):d?d(a):null:"function"==typeof i?i(a):null)}))},n}(o.Component);function E(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,n){if(!e)return n;var t=E(e);return 0!==n.pathname.indexOf(t)?n:(0,c.c)({},n,{pathname:n.pathname.substr(t.length)})}function A(e){return"string"==typeof e?e:(0,i.Ep)(e)}function _(e){return function(){(0,l.c)(!1)}}function I(){}o.Component;var P=function(e){function n(){return e.apply(this,arguments)||this}return(0,r.c)(n,e),n.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(n){n||(0,l.c)(!1);var t,r,a=e.props.location||n.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){t=e;var s=e.props.path||e.props.from;r=s?k(a.pathname,(0,c.c)({},e.props,{path:s})):n.match}})),r?o.cloneElement(t,{location:a,computedMatch:r}):null}))},n}(o.Component);var R=o.useContext;function L(){return R(y)}function O(){return R(b).location}},8216:(e,n,t)=>{var r=t(9600);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,n){return i(a(e,n),n)},e.exports.tokensToFunction=i,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,n){for(var t,r=[],a=0,s=0,i="",u=n&&n.delimiter||"/";null!=(t=o.exec(e));){var d=t[0],p=t[1],f=t.index;if(i+=e.slice(s,f),s=f+d.length,p)i+=p[1];else{var m=e[s],g=t[2],h=t[3],y=t[4],b=t[5],v=t[6],S=t[7];i&&(r.push(i),i="");var w=null!=g&&null!=m&&m!==g,x="+"===v||"*"===v,k="?"===v||"*"===v,T=t[2]||u,E=y||b;r.push({name:h||a++,prefix:g||"",delimiter:T,optional:k,repeat:x,partial:w,asterisk:!!S,pattern:E?c(E):S?".*":"[^"+l(T)+"]+?"})}}return s<e.length&&(i+=e.substr(s)),i&&r.push(i),r}function s(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function i(e,n){for(var t=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(t[o]=new RegExp("^(?:"+e[o].pattern+")$",d(n)));return function(n,o){for(var a="",i=n||{},l=(o||{}).pretty?s:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=i[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]),!t[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),!t[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,n){return e.keys=n,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,n,t){r(n)||(t=n||t,n=[]);for(var o=(t=t||{}).strict,a=!1!==t.end,s="",i=0;i<e.length;i++){var c=e[i];if("string"==typeof c)s+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";n.push(c),c.repeat&&(f+="(?:"+p+f+")*"),s+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(t.delimiter||"/"),g=s.slice(-m.length)===m;return o||(s=(g?s.slice(0,-m.length):s)+"(?:"+m+"(?=$))?"),s+=a?"$":o&&g?"":"(?="+m+"|$)",u(new RegExp("^"+s,d(t)),n)}function f(e,n,t){return r(n)||(t=n||t,n=[]),t=t||{},e instanceof RegExp?function(e,n){var t=e.source.match(/\((?!\?)/g);if(t)for(var r=0;r<t.length;r++)n.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,n)}(e,n):r(e)?function(e,n,t){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],n,t).source);return u(new RegExp("(?:"+r.join("|")+")",d(t)),n)}(e,n,t):function(e,n,t){return p(a(e,t),n,t)}(e,n,t)}},4808:(e,n,t)=>{"use strict";var r=t(1504),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,n,t){var r,a={},c=null,u=null;for(r in void 0!==t&&(c=""+t),void 0!==n.key&&(c=""+n.key),void 0!==n.ref&&(u=n.ref),n)s.call(n,r)&&!l.hasOwnProperty(r)&&(a[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===a[r]&&(a[r]=n[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:i.current}}n.Fragment=a,n.jsx=c,n.jsxs=c},3028:(e,n)=>{"use strict";var t=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),i=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,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||m}function b(){}function v(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||m}y.prototype.isReactComponent={},y.prototype.setState=function(e,n){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,n,"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},T={key:!0,ref:!0,__self:!0,__source:!0};function E(e,n,r){var o,a={},s=null,i=null;if(null!=n)for(o in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(s=""+n.key),n)x.call(n,o)&&!T.hasOwnProperty(o)&&(a[o]=n[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:t,type:e,key:s,ref:i,props:a,_owner:k.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var A=/\/+/g;function _(e,n){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var n={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return n[e]}))}(""+e.key):n.toString(36)}function I(e,n,o,a,s){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var l=!1;if(null===e)l=!0;else switch(i){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case t:case r:l=!0}}if(l)return s=s(l=e),e=""===a?"."+_(l,0):a,w(s)?(o="",null!=e&&(o=e.replace(A,"$&/")+"/"),I(s,n,o,"",(function(e){return e}))):null!=s&&(C(s)&&(s=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(s,o+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(A,"$&/")+"/")+e)),n.push(s)),1;if(l=0,a=""===a?".":a+":",w(e))for(var c=0;c<e.length;c++){var u=a+_(i=e[c],c);l+=I(i,n,o,u,s)}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;!(i=e.next()).done;)l+=I(i=i.value,n,o,u=a+_(i,c++),s);else if("object"===i)throw n=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.");return l}function P(e,n,t){if(null==e)return e;var r=[],o=0;return I(e,r,"","",(function(e){return n.call(t,e,o++)})),r}function R(e){if(-1===e._status){var n=e._result;(n=n()).then((function(n){0!==e._status&&-1!==e._status||(e._status=1,e._result=n)}),(function(n){0!==e._status&&-1!==e._status||(e._status=2,e._result=n)})),-1===e._status&&(e._status=0,e._result=n)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},O={transition:null},N={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:O,ReactCurrentOwner:k};n.Children={map:P,forEach:function(e,n,t){P(e,(function(){n.apply(this,arguments)}),t)},count:function(e){var n=0;return P(e,(function(){n++})),n},toArray:function(e){return P(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}},n.Component=y,n.Fragment=o,n.Profiler=s,n.PureComponent=v,n.StrictMode=a,n.Suspense=u,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=N,n.cloneElement=function(e,n,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,s=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(s=n.ref,i=k.current),void 0!==n.key&&(a=""+n.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in n)x.call(n,c)&&!T.hasOwnProperty(c)&&(o[c]=void 0===n[c]&&void 0!==l?l[c]:n[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:t,type:e.type,key:a,ref:s,props:o,_owner:i}},n.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},n.createElement=E,n.createFactory=function(e){var n=E.bind(null,e);return n.type=e,n},n.createRef=function(){return{current:null}},n.forwardRef=function(e){return{$$typeof:c,render:e}},n.isValidElement=C,n.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:R}},n.memo=function(e,n){return{$$typeof:d,type:e,compare:void 0===n?null:n}},n.startTransition=function(e){var n=O.transition;O.transition={};try{e()}finally{O.transition=n}},n.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},n.useCallback=function(e,n){return L.current.useCallback(e,n)},n.useContext=function(e){return L.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return L.current.useDeferredValue(e)},n.useEffect=function(e,n){return L.current.useEffect(e,n)},n.useId=function(){return L.current.useId()},n.useImperativeHandle=function(e,n,t){return L.current.useImperativeHandle(e,n,t)},n.useInsertionEffect=function(e,n){return L.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return L.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return L.current.useMemo(e,n)},n.useReducer=function(e,n,t){return L.current.useReducer(e,n,t)},n.useRef=function(e){return L.current.useRef(e)},n.useState=function(e){return L.current.useState(e)},n.useSyncExternalStore=function(e,n,t){return L.current.useSyncExternalStore(e,n,t)},n.useTransition=function(){return L.current.useTransition()},n.version="18.2.0"},1504:(e,n,t)=>{"use strict";e.exports=t(3028)},7624:(e,n,t)=>{"use strict";e.exports=t(4808)},8328:(e,n)=>{"use strict";function t(e,n){var t=e.length;e.push(n);e:for(;0<t;){var r=t-1>>>1,o=e[r];if(!(0<a(o,n)))break e;e[r]=n,e[t]=o,t=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var n=e[0],t=e.pop();if(t!==n){e[0]=t;e:for(var r=0,o=e.length,s=o>>>1;r<s;){var i=2*(r+1)-1,l=e[i],c=i+1,u=e[c];if(0>a(l,t))c<o&&0>a(u,l)?(e[r]=u,e[c]=t,r=c):(e[r]=l,e[i]=t,r=i);else{if(!(c<o&&0>a(u,t)))break e;e[r]=u,e[c]=t,r=c}}}return n}function a(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var s=performance;n.unstable_now=function(){return s.now()}}else{var i=Date,l=i.now();n.unstable_now=function(){return i.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 n=r(u);null!==n;){if(null===n.callback)o(u);else{if(!(n.startTime<=e))break;o(u),n.sortIndex=n.expirationTime,t(c,n)}n=r(u)}}function w(e){if(h=!1,S(e),!g)if(null!==r(c))g=!0,O(x);else{var n=r(u);null!==n&&N(w,n.startTime-e)}}function x(e,t){g=!1,h&&(h=!1,b(C),C=-1),m=!0;var a=f;try{for(S(t),p=r(c);null!==p&&(!(p.expirationTime>t)||e&&!I());){var s=p.callback;if("function"==typeof s){p.callback=null,f=p.priorityLevel;var i=s(p.expirationTime<=t);t=n.unstable_now(),"function"==typeof i?p.callback=i:p===r(c)&&o(c),S(t)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&N(w,d.startTime-t),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,T=!1,E=null,C=-1,A=5,_=-1;function I(){return!(n.unstable_now()-_<A)}function P(){if(null!==E){var e=n.unstable_now();_=e;var t=!0;try{t=E(!0,e)}finally{t?k():(T=!1,E=null)}}else T=!1}if("function"==typeof v)k=function(){v(P)};else if("undefined"!=typeof MessageChannel){var R=new MessageChannel,L=R.port2;R.port1.onmessage=P,k=function(){L.postMessage(null)}}else k=function(){y(P,0)};function O(e){E=e,T||(T=!0,k())}function N(e,t){C=y((function(){e(n.unstable_now())}),t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){g||m||(g=!0,O(x))},n.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"):A=0<e?Math.floor(1e3/e):5},n.unstable_getCurrentPriorityLevel=function(){return f},n.unstable_getFirstCallbackNode=function(){return r(c)},n.unstable_next=function(e){switch(f){case 1:case 2:case 3:var n=3;break;default:n=f}var t=f;f=n;try{return e()}finally{f=t}},n.unstable_pauseExecution=function(){},n.unstable_requestPaint=function(){},n.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=f;f=e;try{return n()}finally{f=t}},n.unstable_scheduleCallback=function(e,o,a){var s=n.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?s+a:s:a=s,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:i=a+i,sortIndex:-1},a>s?(e.sortIndex=a,t(u,e),null===r(c)&&e===r(u)&&(h?(b(C),C=-1):h=!0,N(w,a-s))):(e.sortIndex=i,t(c,e),g||m||(g=!0,O(x))),e},n.unstable_shouldYield=I,n.unstable_wrapCallback=function(e){var n=f;return function(){var t=f;f=n;try{return e.apply(this,arguments)}finally{f=t}}}},4712:(e,n,t)=>{"use strict";e.exports=t(8328)},1072:e=>{e.exports=function(e,n,t,r){var o=t?t.call(r,e,n):void 0;if(void 0!==o)return!!o;if(e===n)return!0;if("object"!=typeof e||!e||"object"!=typeof n||!n)return!1;var a=Object.keys(e),s=Object.keys(n);if(a.length!==s.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(n),l=0;l<a.length;l++){var c=a[l];if(!i(c))return!1;var u=e[c],d=n[c];if(!1===(o=t?t.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},6136:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});var r=!0,o="Invariant failed";function a(e,n){if(!e){if(r)throw new Error(o);var t="function"==typeof n?n():n;throw new Error(t?o+": "+t:o)}}},7768:(e,n,t)=>{"use strict";t.r(n),t.d(n,{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,n,t)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},r.apply(this,arguments)}t.d(n,{c:()=>r})},9948:(e,n,t)=>{"use strict";function r(e,n){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},r(e,n)}function o(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,r(e,n)}t.d(n,{c:()=>o})},4384:(e,n,t)=>{"use strict";function r(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}t.d(n,{c:()=>r})},5456:(e,n,t)=>{"use strict";function r(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=r(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}t.d(n,{c:()=>o});const o=function(){for(var e,n,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=r(e))&&(o&&(o+=" "),o+=n);return o}},5720:(e,n,t)=>{"use strict";t.d(n,{gl:()=>ee,sp:()=>A});var r,o,a,s,i,l,c,u=t(1504),d=t(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,n,t)=>n in e?f(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,k=(e,n)=>{for(var t in n||(n={}))S.call(n,t)&&x(e,t,n[t]);if(b)for(var t of b(n))w.call(n,t)&&x(e,t,n[t]);return e},T=(e,n)=>m(e,h(n)),E=(e,n)=>{var t={};for(var r in e)S.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&b)for(var r of b(e))n.indexOf(r)<0&&w.call(e,r)&&(t[r]=e[r]);return t},C=(r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,n){var t=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,t={},r={util:{encode:function e(n){return n instanceof o?new o(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.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:++n}),e.__id},clone:function e(n,t){var o,a;switch(t=t||{},r.util.type(n)){case"Object":if(a=r.util.objId(n),t[a])return t[a];for(var s in o={},t[a]=o,n)n.hasOwnProperty(s)&&(o[s]=e(n[s],t));return o;case"Array":return a=r.util.objId(n),t[a]?t[a]:(o=[],t[a]=o,n.forEach((function(n,r){o[r]=e(n,t)})),o);default:return n}},getLanguage:function(n){for(;n;){var t=e.exec(n.className);if(t)return t[1].toLowerCase();n=n.parentElement}return"none"},setLanguage:function(n,t){n.className=n.className.replace(RegExp(e,"gi"),""),n.classList.add("language-"+t)},isActive:function(e,n,t){for(var r="no-"+n;e;){var o=e.classList;if(o.contains(n))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!t}},languages:{plain:t,plaintext:t,text:t,txt:t,extend:function(e,n){var t=r.util.clone(r.languages[e]);for(var o in n)t[o]=n[o];return t},insertBefore:function(e,n,t,o){var a=(o=o||r.languages)[e],s={};for(var i in a)if(a.hasOwnProperty(i)){if(i==n)for(var l in t)t.hasOwnProperty(l)&&(s[l]=t[l]);t.hasOwnProperty(i)||(s[i]=a[i])}var c=o[e];return o[e]=s,r.languages.DFS(r.languages,(function(n,t){t===c&&n!=e&&(this[n]=s)})),s},DFS:function e(n,t,o,a){a=a||{};var s=r.util.objId;for(var i in n)if(n.hasOwnProperty(i)){t.call(n,i,n[i],o||i);var l=n[i],c=r.util.type(l);"Object"!==c||a[s(l)]?"Array"!==c||a[s(l)]||(a[s(l)]=!0,e(l,t,i,a)):(a[s(l)]=!0,e(l,t,null,a))}}},plugins:{},highlight:function(e,n,t){var a={code:e,grammar:n,language:t};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,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var o=new i;return l(o,o.head,e),s(e,o,n,o.head,0),function(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}(o)},hooks:{all:{},add:function(e,n){var t=r.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=r.hooks.all[e];if(t&&t.length)for(var o,a=0;o=t[a++];)o(n)}},Token:o};function o(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function a(e,n,t,r){e.lastIndex=n;var o=e.exec(t);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function s(e,n,t,i,u,d){for(var p in t)if(t.hasOwnProperty(p)&&t[p]){var f=t[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=i.next,k=u;x!==n.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var T=x.value;if(n.length>e.length)return;if(!(T instanceof o)){var E,C=1;if(b){if(!(E=a(w,k,e,y))||E.index>=e.length)break;var A=E.index,_=E.index+E[0].length,I=k;for(I+=x.value.length;A>=I;)I+=(x=x.next).value.length;if(k=I-=x.value.length,x.value instanceof o)continue;for(var P=x;P!==n.tail&&(I<_||"string"==typeof P.value);P=P.next)C++,I+=P.value.length;C--,T=e.slice(k,I),E.index-=k}else if(!(E=a(w,0,T,y)))continue;A=E.index;var R=E[0],L=T.slice(0,A),O=T.slice(A+R.length),N=k+T.length;d&&N>d.reach&&(d.reach=N);var F=x.prev;if(L&&(F=l(n,F,L),k+=L.length),c(n,F,C),x=l(n,F,new o(p,h?r.tokenize(R,h):R,v,R)),O&&l(n,x,O),C>1){var j={cause:p+","+m,reach:N};s(e,n,t,x.prev,k,j),d&&j.reach>d.reach&&(d.reach=j.reach)}}}}}}function i(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function l(e,n,t){var r=n.next,o={value:t,prev:n,next:r};return n.next=o,r.prev=o,e.length++,o}function c(e,n,t){for(var r=n.next,o=0;o<t&&r!==e.tail;o++)r=r.next;n.next=r,r.prev=n,e.length-=o}return o.stringify=function e(n,t){if("string"==typeof n)return n;if(Array.isArray(n)){var o="";return n.forEach((function(n){o+=e(n,t)})),o}var a={type:n.type,content:e(n.content,t),tag:"span",classes:["token",n.type],attributes:{},language:t},s=n.alias;s&&(Array.isArray(s)?Array.prototype.push.apply(a.classes,s):a.classes.push(s)),r.hooks.run("wrap",a);var i="";for(var l in a.attributes)i+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+i+">"+a.content+"</"+a.tag+">"},r}();n.exports=t,t.default=t}},function(){return o||(0,r[y(r)[0]])((o={exports:{}}).exports,o),o.exports}),A=((e,n,t)=>(t=null!=e?p(v(e)):{},((e,n,t,r)=>{if(n&&"object"==typeof n||"function"==typeof n)for(let o of y(n))S.call(e,o)||o===t||f(e,o,{get:()=>n[o],enumerable:!(r=g(n,o))||r.enumerable});return e})(!n&&e&&e.__esModule?t:f(t,"default",{value:e,enumerable:!0}),e)))(C());A.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]},A.languages.markup.tag.inside["attr-value"].inside.entity=A.languages.markup.entity,A.languages.markup.doctype.inside["internal-subset"].inside=A.languages.markup,A.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(A.languages.markup.tag,"addInlined",{value:function(e,n){var t;(n=((t=((t={})["language-"+n]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:A.languages[n]},t.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:t}}))["language-"+n]={pattern:/[\s\S]+/,inside:A.languages[n]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:t},A.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(A.languages.markup.tag,"addAttribute",{value:function(e,n){A.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:[n,"language-"+n],inside:A.languages[n]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),A.languages.html=A.languages.markup,A.languages.mathml=A.languages.markup,A.languages.svg=A.languages.markup,A.languages.xml=A.languages.extend("markup",{}),A.languages.ssml=A.languages.xml,A.languages.atom=A.languages.xml,A.languages.rss=A.languages.xml,a=A,s={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},l="(?:[^\\\\-]|"+(i=/\\(?: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:i,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":s,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:i}},"special-escape":s,"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:i,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},A.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:/[{}[\];(),.:]/},A.languages.javascript=A.languages.extend("clike",{"class-name":[A.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}|\?\?=?|\?\.?|[~:]/}),A.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,A.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:A.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:A.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:A.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:A.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:A.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),A.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:A.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"}}),A.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),A.languages.markup&&(A.languages.markup.tag.addInlined("script","javascript"),A.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")),A.languages.js=A.languages.javascript,A.languages.actionscript=A.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:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),A.languages.actionscript["class-name"].alias="function",delete A.languages.actionscript.parameter,delete A.languages.actionscript["literal-property"],A.languages.markup&&A.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:A.languages.markup}}),function(e){var n=/#(?!\{).+/,t={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:n,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:t}}],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:n,interpolation:t}}}),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:t}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(A),function(e){var n=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(n,"addSupport",{value:function(n,t){(n="string"==typeof n?[n]:n).forEach((function(n){var r=function(e){e.inside||(e.inside={}),e.inside.rest=t},o="doc-comment";if(a=e.languages[n]){var a,s=a[o];if((s=s||(a=e.languages.insertBefore(n,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(s=a[o]={pattern:s}),Array.isArray(s))for(var i=0,l=s.length;i<l;i++)s[i]instanceof RegExp&&(s[i]={pattern:s[i]}),r(s[i]);else r(s)}}))}}),n.addSupport(["java","javascript","php"],n)}(A),function(e){var n=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(n=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+n.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\\((?:"+n.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+n.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+n.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:n,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))&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(A),function(e){var n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,t=(n=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:n={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.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":[n,{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=n,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:n,number:t,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:n,number:t})}(A),function(e){var n=/[*&][^\s[\]{},]+/,t=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+t.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+t.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 s(e,n){n=(n||"").replace(/m/g,"")+"m";var t=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(t,n)}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:s(/\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:s(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:s(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:s(a),lookbehind:!0,greedy:!0},number:{pattern:s(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:t,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A),function(e){var n=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function t(e){return e=e.replace(/<inner>/g,(function(){return n})),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,s=(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:t(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:t(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:t(/(~~?)(?:(?!~)<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:t(/!?\[(?:(?!\])<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(n){["url","bold","italic","strike","code-snippet"].forEach((function(t){n!==t&&(e.languages.markdown[n].inside.content.inside[t]=e.languages.markdown[t])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(n){if(n&&"string"!=typeof n)for(var t=0,r=n.length;t<r;t++){var o,a=n[t];"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(n){if("code-block"===n.type){for(var t="",r=0,o=n.classes.length;r<o;r++){var a=n.classes[r];if(a=/language-(.+)/.exec(a)){t=a[1];break}}var c,u=e.languages[t];u?n.content=e.highlight(n.content.replace(s,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,n){var t;return"#"===(n=n.toLowerCase())[0]?(t="x"===n[1]?parseInt(n.slice(2),16):Number(n.slice(1)),l(t)):i[n]||e})),u,t):t&&"none"!==t&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),n.attributes.id=c,e.plugins.autoloader.loadLanguages(t,(function(){var n=document.getElementById(c);n&&(n.innerHTML=e.highlight(n.textContent,e.languages[t],t))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),i={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(A),A.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:A.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+/},A.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var n=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),t=0;t<n.length;){var r=n[t++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){t+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;t<a;t++){var s=u(0);"variable"===s.type&&(f(s,"variable-input"),o.push(s.content))}t=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(t++,f(u(0),"property-mutation"),0<o.length)){var i=p(/^\{$/,/^\}$/);if(-1!==i)for(var l=t;l<i;l++){var c=n[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return n[t+e]}function d(e,n){n=n||0;for(var t=0;t<e.length;t++){var r=u(t+n);if(!r||r.type!==e[t])return}return 1}function p(e,r){for(var o=1,a=t;a<n.length;a++){var s=n[a],i=s.content;if("punctuation"===s.type&&"string"==typeof i)if(e.test(i))o++;else if(r.test(i)&&0==--o)return a}return-1}function f(e,n){var t=e.alias;t?Array.isArray(t)||(e.alias=t=[t]):e.alias=t=[],t.push(n)}})),A.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 n=e.languages.javascript["template-string"],t=n.pattern.source,r=n.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function s(n,r){if(e.languages[n])return{pattern:RegExp("((?:"+r+")\\s*)"+t),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:n}}}}function i(n,t,r){return n={code:n,grammar:t,language:r},e.hooks.run("before-tokenize",n),n.tokens=e.tokenize(n.code,n.grammar),e.hooks.run("after-tokenize",n),n.tokens}function l(n,t,s){var l=e.tokenize(n,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=i(l.map((function(e){if("string"==typeof e)return e;var t,r;for(e=e.content;-1!==n.indexOf((r=c++,t="___"+s.toUpperCase()+"_"+r+"___")););return u[t]=e,t})).join(""),t,s),Object.keys(u));return c=0,function n(t){for(var a=0;a<t.length;a++){if(c>=d.length)return;var s,l,p,f,m,g,h,y=t[a];"string"==typeof y||"string"==typeof y.content?(s=d[c],-1!==(h=(g="string"==typeof y?y:y.content).indexOf(s))&&(++c,l=g.substring(0,h),m=u[s],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,i(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=g.substring(h+s.length),m=[],l&&m.push(l),m.push(p),f&&(n(g=[f]),m.push.apply(m,g)),"string"==typeof y?(t.splice.apply(t,[a,1].concat(m)),a+=m.length-1):y.content=m)):(h=y.content,Array.isArray(h)?n(h):n([h]))}}(l),new e.Token(s,l,"language-"+s,n)}e.languages.javascript["template-string"]=[s("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),s("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),s("svg",/\bsvg/.source),s("markdown",/\b(?:markdown|md)/.source),s("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),s("sql",/\bsql/.source),n].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(n){n.language in c&&function n(t){for(var r=0,o=t.length;r<o;r++){var a,s,i,c=t[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&&(s=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,i=e.languages[c])&&(a[1]=l(s,i,c))):n(a):"string"!=typeof a&&n([a]))}}(n.tokens)}))}(A),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 n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,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:n}}}}),e.languages.ts=e.languages.typescript}(A),function(e){var n=e.languages.javascript,t=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+t+"\\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:n,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 t}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+t),lookbehind:!0,inside:{string:n.string,number:n.number,boolean:n.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:n,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(A),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})}(A),A.languages.n4js=A.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/}),A.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),A.languages.n4jsd=A.languages.n4js,function(e){function n(e,n){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),n)}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:n(/(\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:n(/(\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:n(/(\.\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 t=["function","function-variable","method","method-variable","property-access"],r=0;r<t.length;r++){var o=t[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]*/}}(A),function(e){var n=e.util.clone(e.languages.javascript),t=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,n){return e=e.replace(/<S>/g,(function(){return t})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,n)}function s(n){for(var t=[],r=0;r<n.length;r++){var o=n[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<t.length&&t[t.length-1].tagName===i(o.content[0].content[1])&&t.pop():"/>"!==o.content[o.content.length-1].content&&t.push({tagName:i(o.content[0].content[1]),openedBraces:0}):0<t.length&&"punctuation"===o.type&&"{"===o.content?t[t.length-1].openedBraces++:0<t.length&&0<t[t.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?t[t.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<t.length&&0===t[t.length-1].openedBraces&&(a=i(o),r<n.length-1&&("string"==typeof n[r+1]||"plain-text"===n[r+1].type)&&(a+=i(n[r+1]),n.splice(r+1,1)),0<r&&("string"==typeof n[r-1]||"plain-text"===n[r-1].type)&&(a=i(n[r-1])+a,n.splice(r-1,1),r--),n[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&s(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",n),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=n.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 i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(A),function(e){var n=e.util.clone(e.languages.typescript);(n=(e.languages.tsx=e.languages.extend("jsx",n),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(A),A.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:/[{}[\]();,.:\\]/},A.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=A.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 n={"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:n},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:n},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}(A),A.languages.c=A.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|[?:~]|[-+*/%&|^!=<>]=?/}),A.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),A.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},A.languages.c.string],char:A.languages.c.char,comment:A.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:A.languages.c}}}}),A.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 A.languages.c.boolean,A.languages.objectivec=A.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 A.languages.objectivec["class-name"],A.languages.objc=A.languages.objectivec,A.languages.reason=A.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/}),A.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 A.languages.reason.function,function(e){for(var n=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,t=0;t<2;t++)n=n.replace(/<self>/g,(function(){return n}));n=n.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+n),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}(A),A.languages.go=A.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/}),A.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete A.languages.go["class-name"],function(e){var n=/\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/,t=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return n.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 n.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:n,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 t}))+")"),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"])}(A),A.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:/[{}[\];(),.:]/},A.languages.python["string-interpolation"].inside.interpolation.inside.rest=A.languages.python,A.languages.py=A.languages.python;((e,n)=>{for(var t in n)f(e,t,{get:n[t],enumerable:!0})})({},{dracula:()=>_,duotoneDark:()=>I,duotoneLight:()=>P,github:()=>R,jettwaveDark:()=>H,jettwaveLight:()=>W,nightOwl:()=>L,nightOwlLight:()=>O,oceanicNext:()=>j,okaidia:()=>M,oneDark:()=>G,oneLight:()=>q,palenight:()=>D,shadesOfPurple:()=>B,synthwave84:()=>$,ultramin:()=>U,vsDark:()=>V,vsLight:()=>z});var _={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"}}]},P={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"}}]},R={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)"}}]},O={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)"}}]},N="#c5a5c5",F="#8dc891",j={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:N}},{types:["attr-value"],style:{color:F}},{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:F}},{types:["punctuation"],style:{color:F}},{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:N}},{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"}}]},U={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)"}}]},V={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)"}}]},z={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"}}]},W={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"}}]},G={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%)"}}]},K=(e,n)=>{const{plain:t}=e,r=e.styles.reduce(((e,t)=>{const{languages:r,style:o}=t;return r&&!r.includes(n)||t.types.forEach((n=>{const t=k(k({},e[n]),o);e[n]=t})),e}),{});return r.root=t,r.plain=T(k({},t),{backgroundColor:void 0}),r},Y=/\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,n)=>{const t=e.length;return t>0&&e[t-1]===n?e:e.concat(n)},Z=e=>{const n=[[]],t=[e],r=[0],o=[e.length];let a=0,s=0,i=[];const l=[i];for(;s>-1;){for(;(a=r[s]++)<o[s];){let e,c=n[s];const u=t[s][a];if("string"==typeof u?(c=s>0?c:["plain"],e=u):(c=Q(c,u.type),u.alias&&(c=Q(c,u.alias)),e=u.content),"string"!=typeof e){s++,n.push(c),t.push(e),r.push(0),o.push(e.length);continue}const d=e.split(Y),p=d.length;i.push({types:c,content:d[0]});for(let n=1;n<p;n++)X(i),l.push(i=[]),i.push({types:c,content:d[n]})}s--,n.pop(),t.pop(),r.pop(),o.pop()}return X(i),l},J=({children:e,language:n,code:t,theme:r,prism:o})=>{const a=n.toLowerCase(),s=((e,n)=>{const[t,r]=(0,u.useState)(K(n,e)),o=(0,u.useRef)(),a=(0,u.useRef)();return(0,u.useEffect)((()=>{n===o.current&&e===a.current||(o.current=n,a.current=e,r(K(n,e)))}),[e,n]),t})(a,r),i=(e=>(0,u.useCallback)((n=>{var t=n,{className:r,style:o,line:a}=t,s=E(t,["className","style","line"]);const i=T(k({},s),{className:(0,d.c)("token-line",r)});return"object"==typeof e&&"plain"in e&&(i.style=e.plain),"object"==typeof o&&(i.style=k(k({},i.style||{}),o)),i}),[e]))(s),l=(e=>{const n=(0,u.useCallback)((({types:n,empty:t})=>{if(null!=e)return 1===n.length&&"plain"===n[0]?null!=t?{display:"inline-block"}:void 0:1===n.length&&null!=t?e[n[0]]:Object.assign(null!=t?{display:"inline-block"}:{},...n.map((n=>e[n])))}),[e]);return(0,u.useCallback)((e=>{var t=e,{token:r,className:o,style:a}=t,s=E(t,["token","className","style"]);const i=T(k({},s),{className:(0,d.c)("token",...r.types,o),children:r.content,style:n(r)});return null!=a&&(i.style=k(k({},i.style||{}),a)),i}),[n])})(s),c=(({prism:e,code:n,grammar:t,language:r})=>{const o=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==t)return Z([n]);const e={code:n,grammar:t,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(n,t),o.current.hooks.run("after-tokenize",e),Z(e.tokens)}),[n,t,r])})({prism:o,language:a,code:t,grammar:o.languages[a]});return e({tokens:c,className:`prism-code language-${a}`,style:null!=s?s.root:{},getLineProps:i,getTokenProps:l})},ee=e=>(0,u.createElement)(J,T(k({},e),{prism:e.prism||A,theme:e.theme||V,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-3d8":{"__comp":"5e95c892","__context":{"plugin":"e7928ab4"}},"/docs-257":{"__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/apollo-client-ee0":{"__comp":"df203c0f","tag":"eba20459"},"/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/backend-908":{"__comp":"df203c0f","tag":"0825c398"},"/docs/tags/cache-283":{"__comp":"df203c0f","tag":"1fdec661"},"/docs/tags/ci-cd-56c":{"__comp":"df203c0f","tag":"a951c726"},"/docs/tags/cng-581":{"__comp":"df203c0f","tag":"31ac2bc7"},"/docs/tags/colors-9a5":{"__comp":"df203c0f","tag":"9b650fc1"},"/docs/tags/community-de4":{"__comp":"df203c0f","tag":"ad7b1610"},"/docs/tags/custom-commands-269":{"__comp":"df203c0f","tag":"ffe4833d"},"/docs/tags/darkmode-2b8":{"__comp":"df203c0f","tag":"bbaf8084"},"/docs/tags/data-synchronization-453":{"__comp":"df203c0f","tag":"3663082a"},"/docs/tags/database-7e4":{"__comp":"df203c0f","tag":"abfb2977"},"/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/emotion-js-a0a":{"__comp":"df203c0f","tag":"30b0babe"},"/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/font-awesome-c23":{"__comp":"df203c0f","tag":"e2d058df"},"/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/icons-3e5":{"__comp":"df203c0f","tag":"04c3832a"},"/docs/tags/imports-887":{"__comp":"df203c0f","tag":"b832b2ff"},"/docs/tags/intro-b42":{"__comp":"df203c0f","tag":"51658ad1"},"/docs/tags/login-a24":{"__comp":"df203c0f","tag":"6c727604"},"/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/offline-support-6ec":{"__comp":"df203c0f","tag":"199ff765"},"/docs/tags/power-sync-dca":{"__comp":"df203c0f","tag":"7f8cce85"},"/docs/tags/prebuild-83d":{"__comp":"df203c0f","tag":"f50f3884"},"/docs/tags/prettier-db7":{"__comp":"df203c0f","tag":"69dd30cd"},"/docs/tags/react-native-873":{"__comp":"df203c0f","tag":"cf59a740"},"/docs/tags/react-native-vision-camera-ea0":{"__comp":"df203c0f","tag":"82139467"},"/docs/tags/react-navigation-0ad":{"__comp":"df203c0f","tag":"94ee064e"},"/docs/tags/reactotron-cf3":{"__comp":"df203c0f","tag":"bc1a59c9"},"/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/session-2f1":{"__comp":"df203c0f","tag":"6558e733"},"/docs/tags/signup-c30":{"__comp":"df203c0f","tag":"b747e1af"},"/docs/tags/state-management-181":{"__comp":"df203c0f","tag":"18d888f3"},"/docs/tags/styled-components-e53":{"__comp":"df203c0f","tag":"37e9da98"},"/docs/tags/supabase-e10":{"__comp":"df203c0f","tag":"47c232e1"},"/docs/tags/testing-b53":{"__comp":"df203c0f","tag":"47a03c7f"},"/docs/tags/text-field-782":{"__comp":"df203c0f","tag":"72dfd944"},"/docs/tags/theming-bbf":{"__comp":"df203c0f","tag":"b6b5631c"},"/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/unistyles-8aa":{"__comp":"df203c0f","tag":"ee0b98b5"},"/docs/tags/uses-feature-f1a":{"__comp":"df203c0f","tag":"d699663a"},"/docs/tags/vector-icons-968":{"__comp":"df203c0f","tag":"4699e3bd"},"/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-548":{"__comp":"a94703ab"},"/docs/archive/-ab8":{"__comp":"17896441","content":"dd3340a6"},"/docs/archive/PristineExpoProject-afa":{"__comp":"17896441","content":"b33180cb"},"/docs/communityRecipes/-fc5":{"__comp":"17896441","content":"4890b90f"},"/docs/communityRecipes/CustomVectorIcons-b15":{"__comp":"17896441","content":"b3fb1bb5"},"/docs/intro-194":{"__comp":"17896441","content":"0e384e19"},"/docs/recipes/AccessibilityFontSizes-872":{"__comp":"17896441","content":"145425bc"},"/docs/recipes/ApolloClientCache-f38":{"__comp":"17896441","content":"e965bea7"},"/docs/recipes/Authentication-41e":{"__comp":"17896441","content":"52d269c5"},"/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/LocalFirstDataWithPowerSync-9a4":{"__comp":"17896441","content":"5fd7ef2e"},"/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/Theming-Emotion-715":{"__comp":"17896441","content":"76759531"},"/docs/recipes/Theming-StyledComponents-069":{"__comp":"17896441","content":"215698ba"},"/docs/recipes/Theming-Unistyles-905":{"__comp":"17896441","content":"9ec24567"},"/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 n=8808,e(e.s=n);var n}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.a8b028b1.js b/assets/js/main.a8b028b1.js
new file mode 100644
index 00000000..79454d9c
--- /dev/null
+++ b/assets/js/main.a8b028b1.js
@@ -0,0 +1,2 @@
+/*! For license information please see main.a8b028b1.js.LICENSE.txt */
+(self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[]).push([[1590],{5052:(e,n,t)=>{"use strict";t.d(n,{I:()=>o});var r=t(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,n,t)=>{"use strict";t.d(n,{c:()=>p});t(1504);var r=t(8852),o=t.n(r),a=t(4504);const s={"03224537":[()=>t.e(5284).then(t.bind(t,4024)),"@site/docs/recipes/DetoxIntro.md",4024],"04c3832a":[()=>t.e(7920).then(t.t.bind(t,780,19)),"~docs/default/tag-docs-tags-icons-a4b.json",780],"0825c398":[()=>t.e(5524).then(t.t.bind(t,5708,19)),"~docs/default/tag-docs-tags-backend-b17.json",5708],"08a54ed9":[()=>t.e(5156).then(t.t.bind(t,1128,19)),"~docs/default/tag-docs-tags-expo-updates-8e6.json",1128],"0e384e19":[()=>t.e(6328).then(t.bind(t,9404)),"@site/docs/intro.md",9404],"145425bc":[()=>t.e(16).then(t.bind(t,9856)),"@site/docs/recipes/AccessibilityFontSizes.md",9856],17896441:[()=>Promise.all([t.e(2176),t.e(7656),t.e(8908),t.e(6752)]).then(t.bind(t,8552)),"@theme/DocItem",8552],"18d888f3":[()=>t.e(5640).then(t.t.bind(t,9584,19)),"~docs/default/tag-docs-tags-state-management-fd9.json",9584],"199ff765":[()=>t.e(8368).then(t.t.bind(t,2520,19)),"~docs/default/tag-docs-tags-offline-support-d09.json",2520],"19d620af":[()=>t.e(3966).then(t.t.bind(t,5568,19)),"~docs/default/tag-docs-tags-ui-22c.json",5568],"1a4e3797":[()=>Promise.all([t.e(2176),t.e(9648)]).then(t.bind(t,3416)),"@theme/SearchPage",3416],"1ab29606":[()=>t.e(6928).then(t.t.bind(t,7704,19)),"~docs/default/tag-docs-tags-apisauce-8de.json",7704],"1c9ea255":[()=>t.e(8636).then(t.bind(t,620)),"@site/docs/recipes/TypeScriptBaseURL.md",620],"1df93b7f":[()=>Promise.all([t.e(2176),t.e(2096),t.e(8552)]).then(t.bind(t,9184)),"@site/src/pages/index.tsx",9184],"1fdec661":[()=>t.e(1904).then(t.t.bind(t,318,19)),"~docs/default/tag-docs-tags-cache-b57.json",318],"215698ba":[()=>Promise.all([t.e(2176),t.e(7656),t.e(492)]).then(t.bind(t,8392)),"@site/docs/recipes/Theming-StyledComponents.mdx",8392],"24a07a83":[()=>t.e(4424).then(t.t.bind(t,4136,19)),"~docs/default/tag-docs-tags-generator-e43.json",4136],"24c3776a":[()=>t.e(9828).then(t.bind(t,176)),"@site/docs/recipes/DistributingAuthTokenToAPI.md",176],"30b0babe":[()=>t.e(2816).then(t.t.bind(t,8464,19)),"~docs/default/tag-docs-tags-emotion-js-844.json",8464],"3192f89a":[()=>t.e(4992).then(t.t.bind(t,590,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",590],"31ac2bc7":[()=>t.e(9632).then(t.t.bind(t,9010,19)),"~docs/default/tag-docs-tags-cng-585.json",9010],"33f24359":[()=>t.e(222).then(t.t.bind(t,1592,19)),"~docs/default/tag-docs-tags-eas-update-bce.json",1592],"3663082a":[()=>t.e(5592).then(t.t.bind(t,6944,19)),"~docs/default/tag-docs-tags-data-synchronization-126.json",6944],"3720c009":[()=>Promise.all([t.e(2176),t.e(4492)]).then(t.bind(t,2808)),"@theme/DocTagsListPage",2808],"37e9da98":[()=>t.e(3800).then(t.t.bind(t,4496,19)),"~docs/default/tag-docs-tags-styled-components-6ef.json",4496],"3bb7a4af":[()=>t.e(2008).then(t.t.bind(t,7264,19)),"~docs/default/tag-docs-tags-i-os-d44.json",7264],"4699e3bd":[()=>t.e(8440).then(t.t.bind(t,680,19)),"~docs/default/tag-docs-tags-vector-icons-80f.json",680],"47a03c7f":[()=>t.e(3336).then(t.t.bind(t,7536,19)),"~docs/default/tag-docs-tags-testing-194.json",7536],"47c232e1":[()=>t.e(784).then(t.t.bind(t,6930,19)),"~docs/default/tag-docs-tags-supabase-1d9.json",6930],"4890b90f":[()=>t.e(6728).then(t.bind(t,2292)),"@site/docs/communityRecipes/index.md",2292],"4a4fb967":[()=>t.e(6756).then(t.t.bind(t,9056,19)),"~docs/default/tag-docs-tags-accessibility-83c.json",9056],"4e09609f":[()=>t.e(3128).then(t.bind(t,8220)),"@site/docs/recipes/SampleYAMLCircleCI.md",8220],"51658ad1":[()=>t.e(9576).then(t.t.bind(t,5752,19)),"~docs/default/tag-docs-tags-intro-ce4.json",5752],"51e76fb5":[()=>t.e(5064).then(t.bind(t,4488)),"@site/docs/recipes/MaestroSetup.md",4488],"51ea30c5":[()=>t.e(2324).then(t.t.bind(t,162,19)),"~docs/default/tag-docs-tags-mob-x-748.json",162],"52d269c5":[()=>t.e(5292).then(t.bind(t,9220)),"@site/docs/recipes/Authentication.md",9220],"54a9c7e8":[()=>t.e(8576).then(t.bind(t,2716)),"@site/docs/recipes/PrepForEASBuild.md",2716],"55960ee5":[()=>t.e(4296).then(t.t.bind(t,2416,19)),"~docs/default/tags-list-current-prop-15a.json",2416],"569bff92":[()=>t.e(5320).then(t.t.bind(t,2968,19)),"~docs/default/tag-docs-tags-hardware-92c.json",2968],"5e95c892":[()=>t.e(4304).then(t.bind(t,3564)),"@theme/DocsRoot",3564],"5e9f5e1a":[()=>Promise.resolve().then(t.bind(t,7768)),"@generated/docusaurus.config",7768],"5fd7ef2e":[()=>t.e(656).then(t.bind(t,9044)),"@site/docs/recipes/LocalFirstDataWithPowerSync.md",9044],63181745:[()=>t.e(5548).then(t.bind(t,9108)),"@site/docs/recipes/UsingScreenReaders.md",9108],"6558e733":[()=>t.e(7338).then(t.t.bind(t,5440,19)),"~docs/default/tag-docs-tags-session-c44.json",5440],"657027a7":[()=>t.e(3180).then(t.bind(t,8232)),"@site/docs/recipes/MigratingToMMKV.md",8232],"6728e797":[()=>t.e(8616).then(t.t.bind(t,6824,19)),"~docs/default/tag-docs-tags-android-593.json",6824],"69dd30cd":[()=>t.e(4e3).then(t.t.bind(t,7672,19)),"~docs/default/tag-docs-tags-prettier-367.json",7672],"6c727604":[()=>t.e(7620).then(t.t.bind(t,7508,19)),"~docs/default/tag-docs-tags-login-6c7.json",7508],"6fd287af":[()=>t.e(4264).then(t.bind(t,9700)),"@site/docs/recipes/UpdatingIgnite.md",9700],"72dfd944":[()=>t.e(40).then(t.t.bind(t,8466,19)),"~docs/default/tag-docs-tags-text-field-8cc.json",8466],76759531:[()=>Promise.all([t.e(2176),t.e(7656),t.e(1016)]).then(t.bind(t,500)),"@site/docs/recipes/Theming-Emotion.mdx",500],"78a0b2f7":[()=>t.e(4224).then(t.bind(t,4068)),"@site/docs/recipes/SwitchBetweenExpoGoCNG.md",4068],"7acb6f50":[()=>t.e(56).then(t.t.bind(t,9200,19)),"~docs/default/tag-docs-tags-yarn-9bd.json",9200],"7b45617e":[()=>t.e(8436).then(t.bind(t,9368)),"@site/docs/recipes/GeneratorComponentTests.md",9368],"7f8cce85":[()=>t.e(4212).then(t.t.bind(t,2536,19)),"~docs/default/tag-docs-tags-power-sync-570.json",2536],82139467:[()=>t.e(7820).then(t.t.bind(t,5688,19)),"~docs/default/tag-docs-tags-react-native-vision-camera-af5.json",5688],"8b0d950b":[()=>t.e(3960).then(t.t.bind(t,4832,19)),"~docs/default/tag-docs-tags-dependencies-d4f.json",4832],"935f2afb":[()=>t.e(5696).then(t.t.bind(t,5988,19)),"~docs/default/version-current-metadata-prop-751.json",5988],"94ee064e":[()=>t.e(7300).then(t.t.bind(t,5683,19)),"~docs/default/tag-docs-tags-react-navigation-23c.json",5683],"954f316d":[()=>t.e(6044).then(t.t.bind(t,9272,19)),"~docs/default/tag-docs-tags-zustand-18e.json",9272],"985027d8":[()=>t.e(2160).then(t.t.bind(t,6843,19)),"~docs/default/tag-docs-tags-archive-6cf.json",6843],"99d16955":[()=>t.e(622).then(t.t.bind(t,5004,19)),"~docs/default/tag-docs-tags-eas-228.json",5004],"9b650fc1":[()=>t.e(9208).then(t.t.bind(t,4514,19)),"~docs/default/tag-docs-tags-colors-792.json",4514],"9dc0f37b":[()=>t.e(6704).then(t.t.bind(t,6154,19)),"~docs/default/tag-docs-tags-section-list-198.json",6154],"9ec24567":[()=>Promise.all([t.e(2176),t.e(7656),t.e(7136)]).then(t.bind(t,900)),"@site/docs/recipes/Theming-Unistyles.mdx",900],"9fc76e3d":[()=>t.e(900).then(t.bind(t,8468)),"@site/docs/recipes/EASUpdate.md",8468],a0d6a633:[()=>t.e(7732).then(t.t.bind(t,1284,19)),"~docs/default/tag-docs-tags-expo-dev-client-4bf.json",1284],a2f5d017:[()=>t.e(916).then(t.bind(t,3884)),"@site/docs/recipes/Redux.md",3884],a7bd4aaa:[()=>t.e(6500).then(t.bind(t,2e3)),"@theme/DocVersionRoot",2e3],a8646ade:[()=>t.e(3008).then(t.t.bind(t,1492,19)),"~docs/default/tag-docs-tags-mmkv-046.json",1492],a8f9d519:[()=>t.e(6216).then(t.t.bind(t,606,19)),"~docs/default/tag-docs-tags-scroll-to-8d4.json",606],a94703ab:[()=>Promise.all([t.e(2176),t.e(4666)]).then(t.bind(t,996)),"@theme/DocRoot",996],a951c726:[()=>t.e(8200).then(t.t.bind(t,7976,19)),"~docs/default/tag-docs-tags-ci-cd-ed9.json",7976],abaad534:[()=>t.e(2464).then(t.t.bind(t,4684,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",4684],abfb2977:[()=>t.e(2044).then(t.t.bind(t,6278,19)),"~docs/default/tag-docs-tags-database-1c7.json",6278],ad7b1610:[()=>t.e(3980).then(t.t.bind(t,6248,19)),"~docs/default/tag-docs-tags-community-0f9.json",6248],b33180cb:[()=>t.e(1528).then(t.bind(t,7160)),"@site/docs/archive/PristineExpoProject.md",7160],b3d1732c:[()=>t.e(95).then(t.t.bind(t,2464,19)),"~docs/default/tag-docs-tags-babel-ecc.json",2464],b3fb1bb5:[()=>t.e(4955).then(t.bind(t,3980)),"@site/docs/communityRecipes/CustomVectorIcons.md",3980],b6b5631c:[()=>t.e(9960).then(t.t.bind(t,9148,19)),"~docs/default/tag-docs-tags-theming-09d.json",9148],b747e1af:[()=>t.e(7556).then(t.t.bind(t,784,19)),"~docs/default/tag-docs-tags-signup-d75.json",784],b832b2ff:[()=>t.e(4822).then(t.t.bind(t,2962,19)),"~docs/default/tag-docs-tags-imports-63f.json",2962],b8c37621:[()=>t.e(2372).then(t.t.bind(t,4328,19)),"~docs/default/tag-docs-tags-guide-a32.json",4328],bbaf8084:[()=>t.e(4428).then(t.t.bind(t,5328,19)),"~docs/default/tag-docs-tags-darkmode-3d7.json",5328],bc1a59c9:[()=>t.e(5819).then(t.t.bind(t,5256,19)),"~docs/default/tag-docs-tags-reactotron-574.json",5256],c3e2f4d4:[()=>t.e(1264).then(t.bind(t,5800)),"@site/docs/recipes/UnrenderedItemInScrollView.md",5800],c47fa949:[()=>t.e(5032).then(t.bind(t,8332)),"@site/docs/recipes/ExpoRouter.md",8332],c5abe9fe:[()=>t.e(9607).then(t.t.bind(t,1344,19)),"~docs/default/tag-docs-tags-vision-camera-2ad.json",1344],c5ca3bf3:[()=>t.e(8872).then(t.t.bind(t,872,19)),"~docs/default/tag-docs-tags-expo-router-e61.json",872],c75b21fd:[()=>t.e(1412).then(t.bind(t,6188)),"@site/docs/recipes/RemoveMobxStateTree.md",6188],cc1d3934:[()=>t.e(8500).then(t.bind(t,5220)),"@site/docs/recipes/ReactNativeVisionCamera.md",5220],ccf3150e:[()=>t.e(7600).then(t.t.bind(t,3030,19)),"~docs/default/tag-docs-tags-ui-required-device-capabilities-7ff.json",3030],ce17b301:[()=>t.e(1388).then(t.t.bind(t,1540,19)),"~docs/default/tag-docs-tags-expo-4de.json",1540],cecd52bc:[()=>t.e(8).then(t.bind(t,6040)),"@site/docs/recipes/RequiringHardwareFeaturesWithExpo.md",6040],cf59a740:[()=>t.e(8780).then(t.t.bind(t,411,19)),"~docs/default/tag-docs-tags-react-native-b11.json",411],d01c4de2:[()=>t.e(7224).then(t.t.bind(t,488,19)),"~docs/default/tag-docs-tags-async-storage-da0.json",488],d0e08e4a:[()=>t.e(9016).then(t.bind(t,2980)),"@site/docs/recipes/PatchingBuildingAndroid.md",2980],d63d2b89:[()=>Promise.all([t.e(6432),t.e(5276)]).then(t.bind(t,6960)),"@site/docs/recipes/SelectFieldWithBottomSheet.mdx",6960],d699663a:[()=>t.e(1784).then(t.t.bind(t,5820,19)),"~docs/default/tag-docs-tags-uses-feature-818.json",5820],d6ab422f:[()=>t.e(8762).then(t.bind(t,7748)),"@site/docs/recipes/EnvironmentVariables.md",7748],d7af48b9:[()=>t.e(6264).then(t.bind(t,2508)),"@site/docs/recipes/EnforcingImportOrder.md",2508],da9277bc:[()=>t.e(5856).then(t.bind(t,1188)),"@site/docs/recipes/UpdatingDependencies.md",1188],dce6faa4:[()=>t.e(2596).then(t.t.bind(t,5892,19)),"~docs/default/tag-docs-tags-select-field-e86.json",5892],dd3340a6:[()=>t.e(7572).then(t.bind(t,8508)),"@site/docs/archive/index.md",8508],dec1aed8:[()=>t.e(9144).then(t.t.bind(t,4986,19)),"~docs/default/tag-docs-tags-maestro-a0f.json",4986],df203c0f:[()=>Promise.all([t.e(2176),t.e(3400)]).then(t.bind(t,8614)),"@theme/DocTagDocListPage",8614],e0854532:[()=>t.e(2288).then(t.t.bind(t,2456,19)),"~docs/default/tag-docs-tags-flat-list-bca.json",2456],e1b6b0a8:[()=>t.e(328).then(t.t.bind(t,2984,19)),"~docs/default/tag-docs-tags-debug-69b.json",2984],e2041b9b:[()=>t.e(7164).then(t.t.bind(t,9680,19)),"~docs/default/tag-docs-tags-redux-49b.json",9680],e2d058df:[()=>t.e(7706).then(t.t.bind(t,4196,19)),"~docs/default/tag-docs-tags-font-awesome-056.json",4196],e33e793e:[()=>t.e(5708).then(t.bind(t,3356)),"@site/docs/recipes/Zustand.md",3356],e7928ab4:[()=>t.e(6460).then(t.t.bind(t,2080,19)),"/home/runner/work/ignite-cookbook/ignite-cookbook/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",2080],e965bea7:[()=>t.e(5576).then(t.bind(t,4492)),"@site/docs/recipes/ApolloClientCache.md",4492],eba20459:[()=>t.e(2928).then(t.t.bind(t,5736,19)),"~docs/default/tag-docs-tags-apollo-client-0ba.json",5736],ecce3b64:[()=>t.e(3324).then(t.t.bind(t,4640,19)),"~docs/default/tag-docs-tags-authentication-9a3.json",4640],ee0b98b5:[()=>t.e(6568).then(t.t.bind(t,1962,19)),"~docs/default/tag-docs-tags-unistyles-958.json",1962],f50f3884:[()=>t.e(1236).then(t.t.bind(t,9720,19)),"~docs/default/tag-docs-tags-prebuild-64b.json",9720],f523b160:[()=>t.e(3504).then(t.bind(t,2232)),"@site/docs/recipes/CreatingGreateExperienceForScreenReaders.md",2232],fd1937a7:[()=>t.e(4116).then(t.t.bind(t,7472,19)),"~docs/default/tag-docs-tags-environment-variables-3be.json",7472],fe9b09bf:[()=>t.e(140).then(t.bind(t,1204)),"@site/docs/recipes/CircleCIRNSetup.md",1204],ff2c7cca:[()=>t.e(6252).then(t.t.bind(t,2248,19)),"~docs/default/tag-docs-tags-type-script-6e5.json",2248],ffe4833d:[()=>t.e(9380).then(t.t.bind(t,570,19)),"~docs/default/tag-docs-tags-custom-commands-621.json",570]};var i=t(7624);function l(e){let{error:n,retry:t,pastDelay:r}=e;return n?(0,i.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,i.jsx)("p",{children:String(n)}),(0,i.jsx)("div",{children:(0,i.jsx)("button",{type:"button",onClick:t,children:"Retry"})})]}):r?(0,i.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,i.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,i.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,i.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,i.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,i.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,i.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,i.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,i.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,i.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=t(8120),u=t(5548);function d(e,n){if("*"===e)return o()({loading:l,loader:()=>t.e(4552).then(t.bind(t,4552)),modules:["@theme/NotFound"],webpack:()=>[4552],render(e,n){const t=e.default;return(0,i.jsx)(u.Y,{value:{plugin:{name:"native",id:"default"}},children:(0,i.jsx)(t,{...n})})}});const r=a[`${e}-${n}`],d={},p=[],f=[],m=(0,c.c)(r);return Object.entries(m).forEach((e=>{let[n,t]=e;const r=s[t];r&&(d[n]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(n,t){const o=JSON.parse(JSON.stringify(r));Object.entries(n).forEach((n=>{let[t,r]=n;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 s=o;const i=t.split(".");i.slice(0,-1).forEach((e=>{s=s[e]})),s[i[i.length-1]]=a}));const a=o.__comp;delete o.__comp;const s=o.__context;return delete o.__context,(0,i.jsx)(u.Y,{value:s,children:(0,i.jsx)(a,{...o,...t})})}})}const p=[{path:"/search",component:d("/search","437"),exact:!0},{path:"/docs",component:d("/docs","3d8"),routes:[{path:"/docs",component:d("/docs","257"),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/apollo-client",component:d("/docs/tags/apollo-client","ee0"),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/backend",component:d("/docs/tags/backend","908"),exact:!0},{path:"/docs/tags/cache",component:d("/docs/tags/cache","283"),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/colors",component:d("/docs/tags/colors","9a5"),exact:!0},{path:"/docs/tags/community",component:d("/docs/tags/community","de4"),exact:!0},{path:"/docs/tags/custom-commands",component:d("/docs/tags/custom-commands","269"),exact:!0},{path:"/docs/tags/darkmode",component:d("/docs/tags/darkmode","2b8"),exact:!0},{path:"/docs/tags/data-synchronization",component:d("/docs/tags/data-synchronization","453"),exact:!0},{path:"/docs/tags/database",component:d("/docs/tags/database","7e4"),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/emotion-js",component:d("/docs/tags/emotion-js","a0a"),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/font-awesome",component:d("/docs/tags/font-awesome","c23"),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/icons",component:d("/docs/tags/icons","3e5"),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/login",component:d("/docs/tags/login","a24"),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/offline-support",component:d("/docs/tags/offline-support","6ec"),exact:!0},{path:"/docs/tags/power-sync",component:d("/docs/tags/power-sync","dca"),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",component:d("/docs/tags/react-native","873"),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/reactotron",component:d("/docs/tags/reactotron","cf3"),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/session",component:d("/docs/tags/session","2f1"),exact:!0},{path:"/docs/tags/signup",component:d("/docs/tags/signup","c30"),exact:!0},{path:"/docs/tags/state-management",component:d("/docs/tags/state-management","181"),exact:!0},{path:"/docs/tags/styled-components",component:d("/docs/tags/styled-components","e53"),exact:!0},{path:"/docs/tags/supabase",component:d("/docs/tags/supabase","e10"),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/theming",component:d("/docs/tags/theming","bbf"),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/unistyles",component:d("/docs/tags/unistyles","8aa"),exact:!0},{path:"/docs/tags/uses-feature",component:d("/docs/tags/uses-feature","f1a"),exact:!0},{path:"/docs/tags/vector-icons",component:d("/docs/tags/vector-icons","968"),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","548"),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/communityRecipes/",component:d("/docs/communityRecipes/","fc5"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/communityRecipes/CustomVectorIcons",component:d("/docs/communityRecipes/CustomVectorIcons","b15"),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/ApolloClientCache",component:d("/docs/recipes/ApolloClientCache","f38"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Authentication",component:d("/docs/recipes/Authentication","41e"),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/LocalFirstDataWithPowerSync",component:d("/docs/recipes/LocalFirstDataWithPowerSync","9a4"),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/Theming-Emotion",component:d("/docs/recipes/Theming-Emotion","715"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Theming-StyledComponents",component:d("/docs/recipes/Theming-StyledComponents","069"),exact:!0,sidebar:"mainSidebar"},{path:"/docs/recipes/Theming-Unistyles",component:d("/docs/recipes/Theming-Unistyles","905"),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,n,t)=>{"use strict";t.d(n,{e:()=>a,g:()=>s});var r=t(1504),o=t(7624);const a=r.createContext(!1);function s(e){let{children:n}=e;const[t,s]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{s(!0)}),[]),(0,o.jsx)(a.Provider,{value:t,children:n})}},8808:(e,n,t)=>{"use strict";var r=t(1504),o=t(8352),a=t(440),s=t(2160),i=t(8684);const l=[t(7483),t(1462),t(5396),t(1976),t(9115)];var c=t(628),u=t(5592),d=t(5464),p=t(7624);function f(e){let{children:n}=e;return(0,p.jsx)(p.Fragment,{children:n})}var m=t(6952),g=t(8264),h=t(964),y=t(1824),b=t(5008),v=t(1616),S=t(204),w=t(4456),x=t(5684),k=t(8712);function T(){const{i18n:{currentLocale:e,defaultLocale:n,localeConfigs:t}}=(0,g.c)(),r=(0,v.D)(),o=t[e].htmlLang,a=e=>e.replace("-","_");return(0,p.jsxs)(m.c,{children:[Object.entries(t).map((e=>{let[n,{htmlLang:t}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:n,fullyQualified:!0}),hrefLang:t},n)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:n,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(t).filter((e=>o!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function E(e){let{permalink:n}=e;const{siteConfig:{url:t}}=(0,g.c)(),r=function(){const{siteConfig:{url:e,baseUrl:n,trailingSlash:t}}=(0,g.c)(),{pathname:r}=(0,u.IT)();return e+(0,x.applyTrailingSlash)((0,h.c)(r),{trailingSlash:t,baseUrl:n})}(),o=n?`${t}${n}`: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:n,image:t}=(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})]}),t&&(0,p.jsx)(b.U7,{image:t}),(0,p.jsx)(E,{}),(0,p.jsx)(T,{}),(0,p.jsx)(k.c,{tag:w.e6,locale:e}),(0,p.jsx)(m.c,{children:n.map(((e,n)=>(0,p.jsx)("meta",{...e},n)))})]})}const A=new Map;function _(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,d.C)(c.c,e.pathname).some((e=>{let{route:n}=e;return!0===n.exact})))return A.set(e.pathname,e.pathname),e;const n=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,n),{...e,pathname:n}}var I=t(240),P=t(136),R=t(5288);function L(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),r=1;r<n;r++)t[r-1]=arguments[r];const o=l.map((n=>{const r=n.default?.[e]??n[e];return r?.(...t)}));return()=>o.forEach((e=>e?.()))}const O=function(e){let{children:n,location:t,previousLocation:r}=e;return(0,R.c)((()=>{r!==t&&(!function(e){let{location:n,previousLocation:t}=e;if(!t)return;const r=n.pathname===t.pathname,o=n.hash===t.hash,a=n.search===t.search;if(r&&o&&!a)return;const{hash:s}=n;if(s){const e=decodeURIComponent(s.substring(1)),n=document.getElementById(e);n?.scrollIntoView()}else window.scrollTo(0,0)}({location:t,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:t}))}),[r,t]),n};function N(e){const n=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.C)(c.c,e))).flat();return Promise.all(n.map((e=>e.route.component.preload?.())))}class F extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=i.c.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,n){if(e.location===this.props.location)return n.nextRouteHasLoaded;const t=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:t}),N(t.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:n}=this.props;return(0,p.jsx)(O,{previousLocation:this.previousLocation,location:n,children:(0,p.jsx)(u.kX,{location:n,render:()=>e})})}}const j=F,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 U(){const{siteConfig:{baseUrl:e}}=(0,g.c)();return(0,p.jsx)(p.Fragment,{children:!i.c.canUseDOM&&(0,p.jsx)(m.c,{children:(0,p.jsx)("script",{children:$(e)})})})}function V(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:n}}=(0,g.c)(),{pathname:t}=(0,u.IT)();return n&&t===e?(0,p.jsx)(U,{}):null}function z(){const{siteConfig:{favicon:e,title:n,noIndex:t},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.c)(),a=(0,h.c)(e),{htmlLang:s,direction:i}=o[r];return(0,p.jsxs)(m.c,{children:[(0,p.jsx)("html",{lang:s,dir:i}),(0,p.jsx)("title",{children:n}),(0,p.jsx)("meta",{property:"og:title",content:n}),(0,p.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),t&&(0,p.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,p.jsx)("link",{rel:"icon",href:a})]})}var H=t(5852),W=t(3664);function G(){const e=(0,W.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),n=(0,u.IT)();return(0,p.jsx)(H.c,{children:(0,p.jsx)(P.y,{children:(0,p.jsxs)(I.g,{children:[(0,p.jsxs)(f,{children:[(0,p.jsx)(z,{}),(0,p.jsx)(C,{}),(0,p.jsx)(V,{}),(0,p.jsx)(j,{location:_(n),children:e})]}),(0,p.jsx)(G,{})]})})})}var K=t(4504);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((n,t)=>{if("undefined"==typeof document)return void t();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>n(),r.onerror=()=>t();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((n,t)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?n():t()},r.send(null)}))};var X=t(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 n=(0,d.C)(c.c,e).flatMap((e=>{return n=e.route.path,Object.entries(K).filter((e=>{let[t]=e;return t.replace(/-[^-]+$/,"")===n})).flatMap((e=>{let[,n]=e;return Object.values((0,X.c)(n))}));var n}));return Promise.all(n.map((e=>{const n=t.gca(e);return n&&!n.includes("undefined")?Y(n).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!Z.has(e))(e)&&(Z.add(e),N(e))},ne=Object.freeze(ee),te=Boolean(!0);if(i.c.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),n=(0,p.jsx)(s.EN,{children:(0,p.jsx)(a.kn,{children:(0,p.jsx)(q,{})})}),t=(e,n)=>{console.error("Docusaurus React Root onRecoverableError:",e,n)},i=()=>{if(te)r.startTransition((()=>{o.hydrateRoot(e,n,{onRecoverableError:t})}));else{const a=o.createRoot(e,{onRecoverableError:t});r.startTransition((()=>{a.render(n)}))}};N(window.location.pathname).then(i)}},136:(e,n,t)=>{"use strict";t.d(n,{e:()=>d,y:()=>p});var r=t(1504),o=t(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":"4 months ago","title":"Accessiblity Font Sizes","publish_date":"2022-10-09","doc_name":"AccessibilityFontSizes.md"},{"author":"Frank Calise","content":"npx ignite-cli@latest new ignite-apollo-cmds --yes\\ncd ignite-apollo-cmds\\nnpx expo install @apollo/client graphql\\nmkdir app/stores/apollo\\ntouch app/stores/apollo/index.tsx\\n\\nimport { ApolloClient, InMemoryCache } from \\"@apollo/client\\";\\n\\nconst cache = new InMemoryCache();\\n\\nexport const client = new ApolloClient({\\n  uri: \\"https://api.graphql.guide/graphql\\",\\n  cache,\\n  defaultOptions: {\\n    watchQuery: { fetchPolicy: \\"cache-and-network\\" },\\n  },\\n});\\n\\n// success-line-start\\nimport { ApolloProvider } from \\"@apollo/client\\";\\nimport { client as apolloClient } from \\"app/stores/apollo\\";\\n// success-line-end\\n\\n// ...\\n\\nreturn (\\n  // success-line\\n  <ApolloProvider client={apolloClient}>\\n    <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n      <ErrorBoundary catchErrors={Config.catchErrors}>\\n        <GestureHandlerRootView style={$container}>\\n          <AppNavigator\\n            linking={linking}\\n            initialState={initialNavigationState}\\n            onStateChange={onNavigationStateChange}\\n          />\\n        </GestureHandlerRootView>\\n      </ErrorBoundary>\\n    </SafeAreaProvider>\\n    // success-line\\n  </ApolloProvider>\\n);\\n\\nreactotron.onCustomCommand({\\n  title: \\"Extract Apollo Client Cache\\",\\n  description: \\"Gets the updated InMemory cache from Apollo Client\\",\\n  command: \\"extractApolloCache\\",\\n  handler: () => {\\n    Reactotron.display({\\n      name: \\"Apollo Cache\\",\\n      preview: \\"Cache Snapshot\\",\\n      value: apolloClient.cache.extract(),\\n    });\\n  },\\n});\\n\\n{\\n  \\"parent\\": {\\n    \\"child\\": {\\n      \\"someProp\\": 5\\n    }\\n  }\\n}\\n\\nfunction getNestedCacheValue(keyPath: string): any {\\n  // Extract the entire cache\\n  const cache: NormalizedCacheObject = client.cache.extract();\\n\\n  // Define a regular expression to match keys and array accessors\\n  const pathSegmentRegex = /[^.[\\\\]]+|\\\\[\\\\d+\\\\]/g;\\n\\n  // Extract path segments, including array indices\\n  const pathSegments = keyPath.match(pathSegmentRegex) || [];\\n\\n  // Navigate through the path segments to get to the desired value\\n  const value = pathSegments.reduce((acc, segment) => {\\n    // Check if the segment is an array accessor, e.g., [1]\\n    if (segment.startsWith(\\"[\\") && segment.endsWith(\\"]\\")) {\\n      // Extract the index from the segment and convert it to a number\\n      const index = parseInt(segment.slice(1, -1), 10);\\n      return acc ? acc[index] : undefined;\\n    }\\n    // Handle normal object property access\\n    return acc ? acc[segment] : undefined;\\n  }, cache);\\n\\n  return value ?? null; // Return null if the value is undefined at any point\\n}\\n\\nreactotron.onCustomCommand({\\n  title: \\"Extract Apollo Client Cache by Key\\",\\n  description: \\"Retrieves a specific key from the Apollo Client cache\\",\\n  command: \\"extractApolloCacheByKey\\",\\n  args: [{ name: \\"key\\", type: ArgType.String }],\\n  handler: (args) => {\\n    const { key } = args ?? {};\\n    if (key) {\\n      const findValue = getNestedCacheValue(key);\\n      if (findValue) {\\n        Reactotron.display({\\n          name: \\"Apollo Cache\\",\\n          preview: `Cache Value for Key: ${key}`,\\n          value: findValue,\\n        });\\n      } else {\\n        Reactotron.display({\\n          name: \\"Apollo Cache\\",\\n          preview: `Value not available for key: ${key}`,\\n        });\\n      }\\n    } else {\\n      Reactotron.log(\\"Could not extract cache value. No key provided.\\");\\n    }\\n  },\\n});\\n\\n","lastUpdated":"4 months ago","title":"Extracting Apollo Client\'s Cache in Reactotron","publish_date":"2024-03-26","doc_name":"ApolloClientCache.md"},{"author":"Nick Morgan (@morganick)","content":"bunx ignite-cli@latest new AuthRecipe --workflow=cng --remove-demo --git --install-deps --packager=bun\\n\\ncd AuthRecipe\\nbun run ios\\n\\nbunx ignite-cli@latest generate screen SignIn\\n\\nimport React, { FC, useState } from \\"react\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport {\\n  Image,\\n  ImageStyle,\\n  Pressable,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\"\\nimport { AppStackScreenProps } from \\"app/navigators\\"\\nimport { Button, Screen, Text, TextField } from \\"app/components\\"\\nimport { useSafeAreaInsetsStyle } from \\"app/utils/useSafeAreaInsetsStyle\\"\\nimport { colors, spacing } from \\"app/theme\\"\\n\\nconst logo = require(\\"../../assets/images/logo.png\\")\\n\\ninterface SignInScreenProps extends AppStackScreenProps<\\"SignIn\\"> {}\\n\\nexport const SignInScreen: FC<SignInScreenProps> = observer(\\n  function SignInScreen() {\\n    const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n    const [email, setEmail] = useState(\\"\\")\\n    const [password, setPassword] = useState(\\"\\")\\n\\n    const onSignIn = () => {\\n      // Sign In Flow\\n      console.log(\\"Sign In Flow\\", { email, password })\\n    }\\n\\n    const onSignUp = () => {\\n      // Sign Up Flow\\n      console.log(\\"Sign Up Flow\\")\\n    }\\n\\n    const onForgotPassword = () => {\\n      // Forgot Password Flow\\n      console.log(\\"Forgot Password Flow\\")\\n    }\\n\\n    return (\\n      <Screen\\n        contentContainerStyle={$root}\\n        preset=\\"auto\\"\\n        safeAreaEdges={[\\"top\\"]}\\n      >\\n        <View style={$container}>\\n          <View style={$topContainer}>\\n            <Image style={$logo} source={logo} resizeMode=\\"contain\\" />\\n          </View>\\n          <View style={[$bottomContainer, $bottomContainerInsets]}>\\n            <View>\\n              <TextField\\n                containerStyle={$textField}\\n                label=\\"Email\\"\\n                autoCapitalize=\\"none\\"\\n                defaultValue={email}\\n                onChangeText={setEmail}\\n              />\\n              <TextField\\n                containerStyle={$textField}\\n                label=\\"Password\\"\\n                autoCapitalize=\\"none\\"\\n                defaultValue={password}\\n                secureTextEntry\\n                onChangeText={setPassword}\\n              />\\n            </View>\\n            <View>\\n              <Button onPress={onSignIn}>Sign In</Button>\\n              <Pressable style={$forgotPassword} onPress={onForgotPassword}>\\n                <Text preset=\\"bold\\">Forgot Password?</Text>\\n              </Pressable>\\n              <Text style={$buttonDivider}>- or -</Text>\\n              <Button preset=\\"reversed\\" onPress={onSignUp}>\\n                Sign Up\\n              </Button>\\n            </View>\\n            <View style={$cap} />\\n          </View>\\n        </View>\\n      </Screen>\\n    )\\n  }\\n)\\n\\nconst $root: ViewStyle = {\\n  minHeight: \\"100%\\",\\n  backgroundColor: colors.palette.neutral100,\\n}\\n\\nconst $container: ViewStyle = {\\n  backgroundColor: colors.background,\\n}\\n\\nconst $topContainer: ViewStyle = {\\n  height: 200,\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n}\\n\\nconst $bottomContainer: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n  paddingBottom: spacing.xl,\\n  paddingHorizontal: spacing.lg,\\n}\\n\\nconst $cap: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n  borderTopLeftRadius: 16,\\n  borderTopRightRadius: 16,\\n  height: spacing.xl,\\n  position: \\"absolute\\",\\n  top: -spacing.xl,\\n  left: 0,\\n  right: 0,\\n}\\n\\nconst $textField: ViewStyle = {\\n  marginBottom: spacing.md,\\n}\\n\\nconst $forgotPassword: ViewStyle = {\\n  marginVertical: spacing.md,\\n}\\n\\nconst $buttonDivider: TextStyle = {\\n  textAlign: \\"center\\",\\n  marginVertical: spacing.md,\\n}\\n\\nconst $logo: ImageStyle = {\\n  height: 88,\\n  width: \\"100%\\",\\n  marginBottom: spacing.xxl,\\n}\\n\\nconst AppStack = observer(function AppStack() {\\n  // success-line\\n  const isAuthenticated = false\\n  return (\\n    <Stack.Navigator\\n      screenOptions={{\\n        headerShown: false,\\n        navigationBarColor: colors.background,\\n      }}\\n    >\\n      // success-line-start\\n      {isAuthenticated ? (\\n        <>\\n          {/** \ud83d\udd25 Your screens go here */}\\n          <Stack.Screen name=\\"Welcome\\" component={Screens.WelcomeScreen} />\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */}\\n        </>\\n      ) : (\\n        <Stack.Screen name=\\"SignIn\\" component={Screens.SignInScreen} />\\n      )}\\n      // success-line-end\\n    </Stack.Navigator>\\n  )\\n})\\n\\nEXPO_PUBLIC_SUPABASE_URL=\\"https://<your-project-id>.supabase.co\\"\\nEXPO_PUBLIC_SUPABASE_ANON_KEY=\\"<your-anon-public-key>\\"\\n\\n.env\\n\\nbunx eas secret:push --scope project --env-file .env\\n\\nexport interface ConfigBaseProps {\\n  persistNavigation: \\"always\\" | \\"dev\\" | \\"prod\\" | \\"never\\"\\n  catchErrors: \\"always\\" | \\"dev\\" | \\"prod\\" | \\"never\\"\\n  exitRoutes: string[]\\n  // success-line-start\\n  supabaseUrl: string\\n  supabaseAnonKey: string\\n  // success-line-end\\n}\\n\\nexport type PersistNavigationConfig = ConfigBaseProps[\\"persistNavigation\\"]\\n\\nconst BaseConfig: ConfigBaseProps = {\\n  // This feature is particularly useful in development mode, but\\n  // can be used in production as well if you prefer.\\n  persistNavigation: \\"dev\\",\\n\\n  /**\\n   * Only enable if we\'re catching errors in the right environment\\n   */\\n  catchErrors: \\"always\\",\\n\\n  /**\\n   * This is a list of all the route names that will exit the app if the back button\\n   * is pressed while in that screen. Only affects Android.\\n   */\\n  exitRoutes: [\\"Welcome\\"],\\n  // success-line-start\\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\\n  supabaseUrl: process.env.EXPO_PUBLIC_SUPABASE_URL!,\\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\\n  supabaseAnonKey: process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!,\\n  // success-line-end\\n}\\n\\nexport default BaseConfig\\n\\nbunx expo install @supabase/supabase-js react-native-mmkv\\n\\nbun ios\\n# or\\nbun android\\n\\nimport { MMKV } from \\"react-native-mmkv\\"\\n\\nconst storage = new MMKV({\\n  id: \\"session\\",\\n})\\n\\n// TODO: Remove this workaround for encryption: https://github.com/mrousavy/react-native-mmkv/issues/665\\nstorage.set(\\"workaround\\", true)\\n\\n/**\\n * A simple wrapper around MMKV that provides a base API\\n * that matches AsyncStorage for use with Supabase.\\n */\\n\\n/**\\n * Get an item from storage by key\\n *\\n * @param {string} key of the item to fetch\\n * @returns {Promise<string | null>} value for the key as a string or null if not found\\n */\\nexport async function getItem(key: string): Promise<string | null> {\\n  try {\\n    return storage.getString(key) ?? null\\n  } catch {\\n    console.warn(`Failed to get key \\"${key}\\" from secure storage`)\\n    return null\\n  }\\n}\\n\\n/**\\n * Sets an item in storage by key\\n *\\n * @param {string} key of the item to store\\n * @param {string} value of the item to store\\n */\\nexport async function setItem(key: string, value: string): Promise<void> {\\n  try {\\n    storage.set(key, value)\\n  } catch {\\n    console.warn(`Failed to set key \\"${key}\\" in secure storage`)\\n  }\\n}\\n\\n/**\\n * Removes a single item from storage by key\\n *\\n * @param {string} key of the item to remove\\n */\\nexport async function removeItem(key: string): Promise<void> {\\n  try {\\n    storage.delete(key)\\n  } catch {\\n    console.warn(`Failed to remove key \\"${key}\\" from secure storage`)\\n  }\\n}\\n\\nbunx expo install expo-secure-store expo-crypto\\n\\n...\\n    \\"plugins\\": [\\n      \\"expo-localization\\",\\n      // success-line\\n      \\"expo-secure-store\\",\\n      [\\n        \\"expo-build-properties\\",\\n        {\\n          \\"ios\\": {\\n            \\"newArchEnabled\\": false,\\n            \\"flipper\\": false\\n          },\\n          \\"android\\": {\\n            \\"newArchEnabled\\": false\\n          }\\n        }\\n      ],\\n      \\"expo-font\\"\\n    ],\\n...\\n\\nbun ios\\n# or\\nbun android\\n\\nimport { MMKV } from \\"react-native-mmkv\\"\\n// success-line-start\\nimport * as SecureStore from \\"expo-secure-store\\"\\nimport * as Crypto from \\"expo-crypto\\"\\n\\nconst fetchOrGenerateEncryptionKey = (): string => {\\n  const encryptionKey = SecureStore.getItem(\\"session-encryption-key\\")\\n\\n  if (encryptionKey) {\\n    return encryptionKey\\n  } else {\\n    const uuid = Crypto.randomUUID()\\n    SecureStore.setItem(\\"session-encryption-key\\", uuid)\\n    return uuid\\n  }\\n}\\n// success-line-end\\n\\nconst storage = new MMKV({\\n  id: \\"session\\",\\n  // success-line\\n  encryptionKey: fetchOrGenerateEncryptionKey(),\\n})\\n\\n...\\n\\nimport Config from \\"app/config\\"\\nimport { createClient } from \\"@supabase/supabase-js\\"\\nimport * as SessionStorage from \\"app/utils/storage/SessionStorage\\"\\nimport { AppState } from \\"react-native\\"\\n\\nexport const supabase = createClient(\\n  Config.supabaseUrl,\\n  Config.supabaseAnonKey,\\n  {\\n    auth: {\\n      storage: SessionStorage,\\n      autoRefreshToken: true,\\n      detectSessionInUrl: false,\\n    },\\n  }\\n)\\n\\nexport { type Session, type AuthError } from \\"@supabase/supabase-js\\"\\n\\n/**\\n * Tells Supabase to autorefresh the session while the application\\n * is in the foreground. (Docs: https://supabase.com/docs/reference/javascript/auth-startautorefresh)\\n */\\nAppState.addEventListener(\\"change\\", (nextAppState) => {\\n  if (nextAppState === \\"active\\") {\\n    supabase.auth.startAutoRefresh()\\n  } else {\\n    supabase.auth.stopAutoRefresh()\\n  }\\n})\\n\\nimport React, {\\n  createContext,\\n  PropsWithChildren,\\n  useCallback,\\n  useContext,\\n  useState,\\n} from \\"react\\"\\nimport { Session, supabase } from \\"./supabase\\"\\nimport { AuthResponse, AuthTokenResponsePassword } from \\"@supabase/supabase-js\\"\\n\\ntype AuthState = {\\n  isAuthenticated: boolean\\n  token?: Session[\\"access_token\\"]\\n}\\n\\ntype SignInProps = {\\n  email: string\\n  password: string\\n}\\n\\ntype SignUpProps = {\\n  email: string\\n  password: string\\n}\\n\\ntype AuthContextType = {\\n  signIn: (props: SignInProps) => Promise<AuthTokenResponsePassword>\\n  signUp: (props: SignUpProps) => Promise<AuthResponse>\\n} & AuthState\\n\\nconst AuthContext = createContext<AuthContextType>({\\n  isAuthenticated: false,\\n  token: undefined,\\n  signIn: () => new Promise(() => ({})),\\n  signUp: () => new Promise(() => ({})),\\n})\\n\\nexport function useAuth() {\\n  const value = useContext(AuthContext)\\n\\n  if (process.env.NODE_ENV !== \\"production\\") {\\n    if (!value) {\\n      throw new Error(\\"useAuth must be used within an AuthProvider\\")\\n    }\\n  }\\n\\n  return value\\n}\\n\\nexport const AuthProvider = ({ children }: PropsWithChildren) => {\\n  const [token, setToken] = useState<AuthState[\\"token\\"]>(undefined)\\n\\n  const signIn = useCallback(\\n    async ({ email, password }: SignInProps) => {\\n      const result = await supabase.auth.signInWithPassword({\\n        email,\\n        password,\\n      })\\n\\n      if (result.data?.session?.access_token) {\\n        setToken(result.data.session.access_token)\\n      }\\n\\n      return result\\n    },\\n    [supabase]\\n  )\\n\\n  const signUp = useCallback(\\n    async ({ email, password }: SignUpProps) => {\\n      const result = await supabase.auth.signUp({\\n        email,\\n        password,\\n      })\\n\\n      if (result.data?.session?.access_token) {\\n        setToken(result.data.session.access_token)\\n      }\\n\\n      return result\\n    },\\n    [supabase]\\n  )\\n\\n  return (\\n    <AuthContext.Provider\\n      value={{\\n        isAuthenticated: !!token,\\n        token,\\n        signIn,\\n        signUp,\\n      }}\\n    >\\n      {children}\\n    </AuthContext.Provider>\\n  )\\n}\\n\\n...\\nimport { ViewStyle } from \\"react-native\\"\\n// success-line\\nimport { AuthProvider } from \\"./services/auth/useAuth\\"\\n\\n...\\n\\n  return (\\n    // success-line\\n    <AuthProvider>\\n      <SafeAreaProvider initialMetrics={initialWindowMetrics}>\\n        <ErrorBoundary catchErrors={Config.catchErrors}>\\n          <GestureHandlerRootView style={$container}>\\n            <AppNavigator\\n              linking={linking}\\n              initialState={initialNavigationState}\\n              onStateChange={onNavigationStateChange}\\n            />\\n          </GestureHandlerRootView>\\n        </ErrorBoundary>\\n      </SafeAreaProvider>\\n    // success-line\\n    </AuthProvider>\\n  )\\n}\\n\\n...\\n\\nimport { colors } from \\"app/theme\\"\\n// success-line\\nimport { useAuth } from \\"app/services/auth/useAuth\\"\\n\\n...\\n\\nconst AppStack = observer(function AppStack() {\\n  // error-line\\n  const isAuthenticated = false\\n  // success-line\\n  const { isAuthenticated } = useAuth()\\n  return (\\n    <Stack.Navigator screenOptions={{ headerShown: false, navigationBarColor: colors.background }}>\\n      {isAuthenticated ? (\\n        <>\\n          {/** \ud83d\udd25 Your screens go here */}\\n          <Stack.Screen name=\\"Welcome\\" component={Screens.WelcomeScreen} />\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */}\\n        </>\\n      ) : (\\n        <Stack.Screen name=\\"SignIn\\" component={Screens.SignInScreen} />\\n      )}\\n    </Stack.Navigator>\\n  )\\n})\\n\\n...\\n\\n...\\nimport { colors, spacing } from \\"app/theme\\"\\n// success-line\\nimport { useAuth } from \\"app/services/auth/useAuth\\"\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  // success-line\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n\\n  const passwordInput = React.useRef<TextInput>(null)\\n\\n  const onSignIn = () => {\\n    // error-line-start\\n    // Sign In Flow\\n    console.log(\\"Sign In Flow\\", { email, password })\\n    // error-line-end\\n    // success-line\\n    signIn({ email, password })\\n  }\\n\\n  const onSignUp = () => {\\n    // error-line-start\\n    // Sign Up Flow\\n    console.log(\\"Sign Up Flow\\")\\n    // error-line-end\\n    // success-line\\n    signUp({ email, password })\\n  }\\n\\n...\\n\\n...\\ntype AuthContextType = {\\n  signIn: (props: SignInProps) => Promise<AuthTokenResponsePassword>\\n  signUp: (props: SignUpProps) => Promise<AuthResponse>\\n  // success-line\\n  signOut: () => void\\n} & AuthState\\n\\nconst AuthContext = createContext<AuthContextType>({\\n  isAuthenticated: false,\\n  token: undefined,\\n  signIn: () => new Promise(() => ({})),\\n  signUp: () => new Promise(() => ({})),\\n  // success-line\\n  signOut: () => undefined,\\n})\\n...\\nexport const AuthProvider = ({ children }: PropsWithChildren) => {\\n...\\n  // success-line-start\\n  const signOut = useCallback(async () => {\\n    await supabase.auth.signOut()\\n    setToken(undefined)\\n  }, [supabase])\\n  // success-line-end\\n\\n  return (\\n    <AuthContext.Provider\\n      value={{\\n        isAuthenticated: !!token,\\n        token,\\n        signIn,\\n        signUp,\\n        // success-line\\n        signOut,\\n      }}\\n    >\\n      {children}\\n    </AuthContext.Provider>\\n  )\\n}\\n\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React, { FC } from \\"react\\"\\nimport { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\"\\n// error-line\\nimport { Text } from \\"app/components\\"\\n// success-line\\nimport { Button, Text } from \\"app/components\\"\\nimport { isRTL } from \\"../i18n\\"\\nimport { AppStackScreenProps } from \\"../navigators\\"\\nimport { colors, spacing } from \\"../theme\\"\\nimport { useSafeAreaInsetsStyle } from \\"../utils/useSafeAreaInsetsStyle\\"\\n// success-line\\nimport { useAuth } from \\"app/services/auth/useAuth\\"\\n\\nconst welcomeLogo = require(\\"../../assets/images/logo.png\\")\\nconst welcomeFace = require(\\"../../assets/images/welcome-face.png\\")\\n\\ninterface WelcomeScreenProps extends AppStackScreenProps<\\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(\\n  function WelcomeScreen() {\\n    const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n    const { signOut } = useAuth()\\n\\n    return (\\n      <View style={$container}>\\n        <View style={$topContainer}>\\n          <Image\\n            style={$welcomeLogo}\\n            source={welcomeLogo}\\n            resizeMode=\\"contain\\"\\n          />\\n          <Text\\n            testID=\\"welcome-heading\\"\\n            style={$welcomeHeading}\\n            // error-line\\n            tx=\\"welcomeScreen.readyForLaunch\\"\\n            // success-line\\n            text=\\"Congratulations \ud83c\udf89 You\'re signed in!\\"\\n            preset=\\"heading\\"\\n          />\\n          <Text tx=\\"welcomeScreen.exciting\\" preset=\\"subheading\\" />\\n          <Image\\n            style={$welcomeFace}\\n            source={welcomeFace}\\n            resizeMode=\\"contain\\"\\n          />\\n        </View>\\n        <View style={[$bottomContainer, $bottomContainerInsets]}>\\n          // error-line\\n          <Text tx=\\"welcomeScreen.postscript\\" size=\\"md\\" />\\n          // success-line\\n          <Button onPress={signOut}>Sign Out</Button>\\n        </View>\\n      </View>\\n    )\\n  }\\n)\\n\\n...\\nconst AppStack = observer(function AppStack() {\\n  const { isAuthenticated } = useAuth()\\n  return (\\n    <Stack.Navigator screenOptions={{ headerShown: false, navigationBarColor: colors.background }}>\\n      {isAuthenticated ? (\\n        <>\\n          {/** \ud83d\udd25 Your screens go here */}\\n          <Stack.Screen name=\\"Welcome\\" component={Screens.WelcomeScreen} />\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */}\\n        </>\\n      ) : (\\n        <Stack.Screen\\n          name=\\"SignIn\\"\\n          component={Screens.SignInScreen}\\n          // success-line\\n          options={{ animationTypeForReplace: \\"pop\\" }}\\n        />\\n      )}\\n    </Stack.Navigator>\\n  )\\n})\\n...\\n\\n...\\n// error-line\\nimport React, { createContext, PropsWithChildren, useCallback, useContext, useState } from \\"react\\"\\n// success-line\\nimport React, { createContext, PropsWithChildren, useCallback, useContext, useEffect, useState } from \\"react\\"\\n...\\nexport const AuthProvider = ({ children }: PropsWithChildren) => {\\n  const [token, setToken] = useState<AuthState[\\"token\\"]>(undefined)\\n\\n  // success-line-start\\n  useEffect(() => {\\n    const {\\n      data: { subscription },\\n    } = supabase.auth.onAuthStateChange((event, session) => {\\n      switch (event) {\\n        case \\"SIGNED_OUT\\":\\n          setToken(undefined)\\n          break\\n        case \\"INITIAL_SESSION\\":\\n        case \\"SIGNED_IN\\":\\n        case \\"TOKEN_REFRESHED\\":\\n          setToken(session?.access_token)\\n          break\\n        default:\\n        // no-op\\n      }\\n    })\\n\\n    return () => {\\n      subscription.unsubscribe()\\n    }\\n  }, [supabase])\\n  // success-line-end\\n...\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [isSigningIn, setIsSigningIn] = useState(false)\\n\\n  // error-line-start\\n  const onSignIn = () => {\\n    signIn({ email, password })\\n  // error-line-end\\n  // success-line-start\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      await signIn({ email, password })\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  // success-line-end\\n  }\\n  ...\\n            // error-line\\n            <Button onPress={onSignIn}>Sign In</Button>\\n            // success-line-start\\n            <Button onPress={onSignIn}>\\n              {isSigningIn ? \\"Signing In...\\" : \\"Sign In\\"}\\n            </Button>\\n            // success-line-end\\n            ...\\n\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  const [isSigningIn, setIsSigningIn] = useState(false)\\n  // success-line\\n  const [isSigningUp, setIsSigningUp] = useState(false)\\n\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      await signIn({ email, password })\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  }\\n\\n  // error-line-start\\n  const onSignUp = () => {\\n    signUp({ email, password })\\n  // error-line-end\\n  // success-line-start\\n  const onSignUp = async () => {\\n    try {\\n      setIsSigningUp(true)\\n      await signUp({ email, password })\\n    } finally {\\n      setIsSigningUp(false)\\n    }\\n  // success-line-end\\n  }\\n  ...\\n            // error-line\\n            <Button preset=\\"reversed\\" onPress={onSignUp}>Sign Up</Button>\\n            // success-line-start\\n            <Button preset=\\"reversed\\" onPress={onSignUp}>\\n              {isSigningUp ? \\"Signing Up...\\" : \\"Sign Up\\"}\\n            </Button>\\n            // success-line-end\\n            ...\\n\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  const [isSigningIn, setIsSigningIn] = useState(false)\\n  const [isSigningUp, setIsSigningUp] = useState(false)\\n  // success-line\\n  const isLoading = isSigningIn || isSigningUp\\n...\\n          <View>\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Email\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={email}\\n              onChangeText={setEmail}\\n              // success-line\\n              readOnly={isLoading}\\n            />\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Password\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={password}\\n              secureTextEntry\\n              onChangeText={setPassword}\\n              // success-line\\n              readOnly={isLoading}\\n            />\\n          </View>\\n          <View>\\n            // success-line\\n            <Button onPress={onSignIn} disabled={isLoading}>\\n              {isSigningIn ? \\"Signing In...\\" : \\"Sign In\\"}\\n            </Button>\\n            // success-line\\n            <Pressable style={$forgotPassword} onPress={onForgotPassword} disabled={isLoading}>\\n              <Text preset=\\"bold\\">Forgot Password?</Text>\\n            </Pressable>\\n            <Text style={$buttonDivider}>- or -</Text>\\n            // success-line\\n            <Button preset=\\"reversed\\" onPress={onSignUp} disabled={isLoading}>\\n              {isSigningUp ? \\"Signing Up...\\" : \\"Sign Up\\"}\\n            </Button>\\n          </View>\\n        </View>\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [error, setError] = useState<string | undefined>(undefined)\\n...\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      // success-line\\n      setError(undefined)\\n\\n      // error-line\\n      await signIn({ email, password })\\n      // success-line-start\\n      const { error } = await signIn({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n      // success-line-end\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  }\\n\\n  const onSignUp = async () => {\\n    try {\\n      setIsSigningUp(true)\\n      // success-line\\n      setError(undefined)\\n\\n      // error-line\\n      await signUp({ email, password })\\n      // success-line-start\\n      const { error } = await signUp({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n      // success-line-end\\n    } finally {\\n      setIsSigningUp(false)\\n    }\\n  }\\n  ...\\n    return (\\n    <Screen\\n      contentContainerStyle={$root}\\n      preset=\\"auto\\"\\n      safeAreaEdges={[\\"top\\"]}\\n    >\\n      <View style={$container}>\\n        <View style={$topContainer}>\\n          <Image style={$logo} source={logo} resizeMode=\\"contain\\" />\\n        </View>\\n        <View style={[$bottomContainer, $bottomContainerInsets]}>\\n          // success-line\\n          {error && <Text style={$errorText}>{error}</Text>}\\n          <View>\\n...\\n\\nconst $logo: ImageStyle = {\\n  height: 88,\\n  width: \\"100%\\",\\n  marginBottom: spacing.xxl,\\n}\\n\\n// success-line-start\\nconst $errorText: TextStyle = {\\n  color: colors.error,\\n}\\n// success-line-end\\n\\n\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  const $bottomContainerInsets = useSafeAreaInsetsStyle([\\"bottom\\"])\\n  const { signIn, signUp } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [validationErrors, setValidationErrors] = useState<Map<string, string>>(new Map())\\n...\\n  // success-line-start\\n  const validateForm = () => {\\n    const errors: Map<string, string> = new Map()\\n\\n    if (!email || email.split(\\"@\\").length !== 2) {\\n      errors.set(\\"Email\\", \\"must be valid email\\")\\n    }\\n\\n    if (!password) {\\n      errors.set(\\"Password\\", \\"cannot be blank\\")\\n    }\\n\\n    return errors\\n  }\\n  // success-line-end\\n\\n  const onSignIn = async () => {\\n    try {\\n      setIsSigningIn(true)\\n      setError(undefined)\\n\\n      // success-line-start\\n      const errors = validateForm()\\n      setValidationErrors(errors)\\n      if (errors.size > 0) return\\n      // success-line-end\\n\\n      const { error } = await signIn({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n    } finally {\\n      setIsSigningIn(false)\\n    }\\n  }\\n\\n  const onSignUp = async () => {\\n    try {\\n      setIsSigningUp(true)\\n      setError(undefined)\\n\\n      // success-line-start\\n      const errors = validateForm()\\n      setValidationErrors(errors)\\n      if (errors.size > 0) return\\n      // success-line-end\\n\\n      const { error } = await signUp({ email, password })\\n      if (error) {\\n        setError(error.message)\\n      }\\n    } finally {\\n      setIsSigningUp(false)\\n    }\\n  }\\n...\\n          <View>\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Email\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={email}\\n              onChangeText={setEmail}\\n              readOnly={isLoading}\\n              // success-line-start\\n              helper={validationErrors.get(\\"Email\\")}\\n              status={validationErrors.get(\\"Email\\") ? \\"error\\" : undefined}\\n              // success-line-end\\n            />\\n            <TextField\\n              containerStyle={$textField}\\n              label=\\"Password\\"\\n              autoCapitalize=\\"none\\"\\n              defaultValue={password}\\n              secureTextEntry\\n              onChangeText={setPassword}\\n              readOnly={isLoading}\\n              // success-line-start\\n              helper={validationErrors.get(\\"Password\\")}\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n              // success-line-end\\n            />\\n...\\n\\n...\\n            <TextField\\n              autoCapitalize=\\"none\\"\\n              // success-line-start\\n              autoComplete=\\"email\\"\\n              autoCorrect={false}\\n              // success-line-end\\n              containerStyle={$textField}\\n              defaultValue={email}\\n              helper={validationErrors.get(\\"Email\\")}\\n              // success-line\\n              inputMode=\\"email\\"\\n              label=\\"Email\\"\\n              onChangeText={setEmail}\\n              readOnly={isLoading}\\n              status={validationErrors.get(\\"Email\\") ? \\"error\\" : undefined}\\n            />\\n             <TextField\\n              autoCapitalize=\\"none\\"\\n              // success-line-start\\n              autoComplete=\\"current-password\\"\\n              autoCorrect={false}\\n              // success-line-end\\n              containerStyle={$textField}\\n              defaultValue={password}\\n              helper={validationErrors.get(\\"Password\\")}\\n              label=\\"Password\\"\\n              onChangeText={setPassword}\\n              readOnly={isLoading}\\n              secureTextEntry\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n            />\\n...\\n\\n// error-line\\nimport React, { FC, useState } from \\"react\\"\\n// success-line\\nimport React, { FC, useRef, useState } from \\"react\\"\\nimport { observer } from \\"mobx-react-lite\\"\\n// error-line\\nimport { Image, ImageStyle, Pressable, TextStyle, View, ViewStyle } from \\"react-native\\"\\n// success-line\\nimport { Image, ImageStyle, Pressable, TextInput, TextStyle, View, ViewStyle } from \\"react-native\\"\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  ...\\n  const isLoading = isSigningIn || isSigningUp\\n\\n  // success-line\\n  const passwordInput = useRef<TextInput>(null)\\n\\n  const onSignIn = async () => {\\n...\\n          <View>\\n            <TextField\\n              autoCapitalize=\\"none\\"\\n              autoComplete=\\"email\\"\\n              autoCorrect={false}\\n              containerStyle={$textField}\\n              defaultValue={email}\\n              helper={validationErrors.get(\\"Email\\")}\\n              inputMode=\\"email\\"\\n              label=\\"Email\\"\\n              onChangeText={setEmail}\\n              // success-line\\n              onSubmitEditing={() => passwordInput.current?.focus()}\\n              readOnly={isLoading}\\n              // success-line\\n              returnKeyType=\\"next\\"\\n              status={validationErrors.get(\\"Email\\") ? \\"error\\" : undefined}\\n            />\\n            <TextField\\n              autoCapitalize=\\"none\\"\\n              autoComplete=\\"current-password\\"\\n              autoCorrect={false}\\n              containerStyle={$textField}\\n              defaultValue={password}\\n              helper={validationErrors.get(\\"Password\\")}\\n              label=\\"Password\\"\\n              onChangeText={setPassword}\\n              // success-line\\n              onSubmitEditing={onSignIn}\\n              readOnly={isLoading}\\n              ref={passwordInput}\\n              // success-line\\n              returnKeyType=\\"done\\"\\n              secureTextEntry\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n            />\\n          </View>\\n\\n// error-line\\nimport React, { ComponentType, FC, useRef, useState } from \\"react\\"\\n// success-line\\nimport React, { ComponentType, FC, useMemo, useRef, useState } from \\"react\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport {\\n  Image,\\n  ImageStyle,\\n  Pressable,\\n  TextInput,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} from \\"react-native\\"\\nimport { AppStackParamList, AppStackScreenProps } from \\"app/navigators\\"\\n// error-line\\nimport { Button, Screen, Text, TextField } from \\"app/components\\"\\n// success-line-start\\nimport {\\n  Button,\\n  Icon,\\n  Screen,\\n  Text,\\n  TextField,\\n  TextFieldAccessoryProps,\\n} from \\"app/components\\"\\n// success-line-end\\n...\\nexport const SignInScreen: FC<SignInScreenProps> = observer(function SignInScreen() {\\n  ...\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n  // success-line\\n  const [isPasswordHidden, setIsPasswordHidden] = useState(true)\\n  ...\\n  // success-line-start\\n  const PasswordRightAccessory: ComponentType<TextFieldAccessoryProps> = useMemo(\\n    () =>\\n      function PasswordRightAccessory(props: TextFieldAccessoryProps) {\\n        return (\\n          <Icon\\n            icon={isPasswordHidden ? \\"view\\" : \\"hidden\\"}\\n            color={colors.palette.neutral800}\\n            containerStyle={props.style}\\n            size={20}\\n            onPress={() => setIsPasswordHidden(!isPasswordHidden)}\\n          />\\n        )\\n      },\\n    [isPasswordHidden],\\n  )\\n  // success-line-end\\n\\n  return (\\n    <Screen\\n      contentContainerStyle={$root}\\n      preset=\\"auto\\"\\n      safeAreaEdges={[\\"top\\"]}\\n    >\\n  ...\\n              <TextField\\n              autoCapitalize=\\"none\\"\\n              autoComplete=\\"current-password\\"\\n              autoCorrect={false}\\n              containerStyle={$textField}\\n              defaultValue={password}\\n              helper={validationErrors.get(\\"Password\\")}\\n              labelTx=\\"common.password\\"\\n              onChangeText={setPassword}\\n              onSubmitEditing={onSubmit}\\n              readOnly={isLoading}\\n              ref={passwordInput}\\n              returnKeyType=\\"send\\"\\n              // error-line\\n              secureTextEntry\\n              // success-line-start\\n              RightAccessory={PasswordRightAccessory}\\n              secureTextEntry={isPasswordHidden}\\n              // success-line-end\\n              status={validationErrors.get(\\"Password\\") ? \\"error\\" : undefined}\\n            />\\n  ...\\n\\n","lastUpdated":"4 months ago","title":"Authentication with Supabase","publish_date":"2024-04-12","doc_name":"Authentication.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, 9 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":"1 year, 5 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":"8 months 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":"8 months 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, 9 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 {\\n  goBack,\\n  resetRoot,\\n  navigate,\\n} from \\"app/navigators/navigationUtilities\\";\\n// error-line-end\\n// success-line-start\\nimport { clear } from \\"src/utils/storage\\";\\nimport {\\n  goBack,\\n  resetRoot,\\n  navigate,\\n} 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---\\n// error-line\\ndestinationDir: app/components\\n// success-line\\ndestinationDir: src/components\\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---\\n// error-line\\ndestinationDir: app/models\\n// success-line\\ndestinationDir: src/models\\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\\nimport React from \\"react\\";\\nimport { ViewStyle } from \\"react-native\\";\\nimport { Slot, SplashScreen } from \\"expo-router\\";\\nimport { GestureHandlerRootView } from \\"react-native-gesture-handler\\";\\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 (\\n    <GestureHandlerRootView style={$root}>\\n      <Slot />\\n    </GestureHandlerRootView>\\n  );\\n}\\n\\nconst $root: ViewStyle = { flex: 1 };\\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, {\\n  ComponentType,\\n  useEffect,\\n  useMemo,\\n  useRef,\\n  useState,\\n} from \\"react\\";\\nimport { TextInput, TextStyle, ViewStyle } from \\"react-native\\";\\nimport {\\n  Button,\\n  Icon,\\n  Screen,\\n  Text,\\n  TextField,\\n  TextFieldAccessoryProps,\\n} 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: {\\n      authEmail,\\n      setAuthEmail,\\n      setAuthToken,\\n      validationError,\\n    },\\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> =\\n    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\\n      preset=\\"auto\\"\\n      contentContainerStyle={$screenContentContainer}\\n      safeAreaEdges={[\\"top\\", \\"bottom\\"]}\\n    >\\n      <Text\\n        testID=\\"login-heading\\"\\n        tx=\\"loginScreen.signIn\\"\\n        preset=\\"heading\\"\\n        style={$signIn}\\n      />\\n      <Text\\n        tx=\\"loginScreen.enterDetails\\"\\n        preset=\\"subheading\\"\\n        style={$enterDetails}\\n      />\\n      {attemptsCount > 2 && (\\n        <Text tx=\\"loginScreen.hint\\" size=\\"sm\\" weight=\\"light\\" style={$hint} />\\n      )}\\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\\n        testID=\\"login-button\\"\\n        tx=\\"loginScreen.tapToSignIn\\"\\n        style={$tapButton}\\n        preset=\\"reversed\\"\\n        onPress={login}\\n      />\\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\\n          testID=\\"welcome-heading\\"\\n          style={$welcomeHeading}\\n          tx=\\"welcomeScreen.readyForLaunch\\"\\n          preset=\\"heading\\"\\n        />\\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\\n          testID=\\"next-screen-button\\"\\n          preset=\\"reversed\\"\\n          tx=\\"welcomeScreen.letsGo\\"\\n          onPress={goNext}\\n        />\\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 }) => (\\n            <Icon\\n              icon=\\"components\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"community\\"\\n        options={{\\n          href: \\"/community\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.communityTab\\"),\\n          tabBarIcon: ({ focused }) => (\\n            <Icon\\n              icon=\\"community\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\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 }) => (\\n            <Icon\\n              icon=\\"podcast\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\n        }}\\n      />\\n      <Tabs.Screen\\n        name=\\"debug\\"\\n        options={{\\n          href: \\"/debug\\",\\n          headerShown: false,\\n          tabBarLabel: translate(\\"demoNavigator.debugTab\\"),\\n          tabBarIcon: ({ focused }) => (\\n            <Icon\\n              icon=\\"debug\\"\\n              color={focused ? colors.tint : undefined}\\n              size={30}\\n            />\\n          ),\\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\\n      preset=\\"scroll\\"\\n      contentContainerStyle={$container}\\n      safeAreaEdges={[\\"top\\"]}\\n    >\\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\\n        preset=\\"subheading\\"\\n        tx=\\"demoCommunityScreen.makeIgniteEvenBetterTitle\\"\\n        style={$sectionTitle}\\n      />\\n      <Text\\n        tx=\\"demoCommunityScreen.makeIgniteEvenBetter\\"\\n        style={$description}\\n      />\\n      <ListItem\\n        tx=\\"demoCommunityScreen.contributeToIgniteLink\\"\\n        leftIcon=\\"github\\"\\n        rightIcon={isRTL ? \\"caretLeft\\" : \\"caretRight\\"}\\n        onPress={() =>\\n          openLinkInBrowser(\\"https://github.com/infinitered/ignite\\")\\n        }\\n      />\\n\\n      <Text\\n        preset=\\"subheading\\"\\n        tx=\\"demoCommunityScreen.theLatestInReactNativeTitle\\"\\n        style={$sectionTitle}\\n      />\\n      <Text\\n        tx=\\"demoCommunityScreen.theLatestInReactNative\\"\\n        style={$description}\\n      />\\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\\n        preset=\\"subheading\\"\\n        tx=\\"demoCommunityScreen.hireUsTitle\\"\\n        style={$sectionTitle}\\n      />\\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 {\\n  Button,\\n  ButtonAccessoryProps,\\n  Card,\\n  EmptyState,\\n  Icon,\\n  ListView,\\n  Screen,\\n  Text,\\n  Toggle,\\n} 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\\n      preset=\\"fixed\\"\\n      safeAreaEdges={[\\"top\\"]}\\n      contentContainerStyle={$screenContentContainer}\\n    >\\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={\\n                episodeStore.favoritesOnly\\n                  ? \\"demoPodcastListScreen.noFavoritesEmptyState.heading\\"\\n                  : undefined\\n              }\\n              contentTx={\\n                episodeStore.favoritesOnly\\n                  ? \\"demoPodcastListScreen.noFavoritesEmptyState.content\\"\\n                  : undefined\\n              }\\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 ||\\n              episodeStore.episodesForList.length > 0) && (\\n              <View style={$toggle}>\\n                <Toggle\\n                  value={episodeStore.favoritesOnly}\\n                  onValueChange={() =>\\n                    episodeStore.setProp(\\n                      \\"favoritesOnly\\",\\n                      !episodeStore.favoritesOnly\\n                    )\\n                  }\\n                  variant=\\"switch\\"\\n                  labelTx=\\"demoPodcastListScreen.onlyFavorites\\"\\n                  labelPosition=\\"left\\"\\n                  labelStyle={$labelStyle}\\n                  accessibilityLabel={translate(\\n                    \\"demoPodcastListScreen.accessibility.switch\\"\\n                  )}\\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(\\n            \\"demoPodcastListScreen.accessibility.cardHint\\",\\n            {\\n              action: isFavorite ? \\"unfavorite\\" : \\"favorite\\",\\n            }\\n          ),\\n        },\\n        android: {\\n          accessibilityLabel: episode.title,\\n          accessibilityActions: [\\n            {\\n              name: \\"longpress\\",\\n              label: translate(\\n                \\"demoPodcastListScreen.accessibility.favoriteAction\\"\\n              ),\\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\\n              style={[\\n                $iconContainer,\\n                StyleSheet.absoluteFill,\\n                animatedLikeButtonStyles,\\n              ]}\\n            >\\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\\n            style={$metadataText}\\n            size=\\"xxs\\"\\n            accessibilityLabel={episode.datePublished.accessibilityLabel}\\n          >\\n            {episode.datePublished.textLabel}\\n          </Text>\\n          <Text\\n            style={$metadataText}\\n            size=\\"xxs\\"\\n            accessibilityLabel={episode.duration.accessibilityLabel}\\n          >\\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 =\\n    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\\n      preset=\\"scroll\\"\\n      safeAreaEdges={[\\"top\\"]}\\n      contentContainerStyle={$container}\\n    >\\n      <Text\\n        style={$reportBugsLink}\\n        tx=\\"demoDebugScreen.reportBugs\\"\\n        onPress={() =>\\n          openLinkInBrowser(\\"https://github.com/infinitered/ignite/issues\\")\\n        }\\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\\n          style={$button}\\n          tx=\\"demoDebugScreen.reactotron\\"\\n          onPress={demoReactotron}\\n        />\\n        <Text\\n          style={$hint}\\n          tx={`demoDebugScreen.${Platform.OS}ReactotronHint` as const}\\n        />\\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\\n            key={`section${sectionIndex}-${u}`}\\n            to={`/showroom/${sectionSlug}/${itemSlug}`}\\n          >\\n            <Text>{u}</Text>\\n          </Link>\\n        );\\n      })}\\n    </View>\\n  );\\n};\\n\\nconst NativeListItem: FC<DemoListItem> = ({\\n  item,\\n  sectionIndex,\\n  handleScroll,\\n}) => (\\n  <View>\\n    <Text\\n      onPress={() => handleScroll?.(sectionIndex)}\\n      preset=\\"bold\\"\\n      style={$menuContainer}\\n    >\\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 {\\n  Image,\\n  ImageStyle,\\n  SectionList,\\n  TextStyle,\\n  View,\\n  ViewStyle,\\n} 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  onPress?: () => 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> = ({\\n  item,\\n  sectionIndex,\\n  onPress,\\n}) => {\\n  const sectionSlug = item.name.toLowerCase();\\n\\n  return (\\n    <View>\\n      <Link\\n        href={{ pathname: \\"/showroom\\", params: { sectionSlug } }}\\n        onPress={onPress}\\n      >\\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            onPress={onPress}\\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(\\n        (x) => x.name.toLowerCase() === params.sectionSlug\\n      );\\n      let findItemIndex = 0;\\n      if (params.itemSlug) {\\n        try {\\n          findItemIndex =\\n            demoValues[findSectionIndex].data.findIndex(\\n              (u) => slugify(u.props.name) === params.itemSlug\\n            ) + 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  };\\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, onPress }) => (\\n              <ShowroomListItem {...{ item, sectionIndex, onPress }} />\\n            )}\\n          />\\n        </View>\\n      )}\\n    >\\n      <Screen\\n        preset=\\"fixed\\"\\n        safeAreaEdges={[\\"top\\"]}\\n        contentContainerStyle={$screenContainer}\\n      >\\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\\nrm -rf ignite/templates/screen\\n\\n// error-line\\nimport {\\n  goBack,\\n  resetRoot,\\n  navigate,\\n} 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":"3 months 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":"3 months ago","title":"Generator for Component Tests","publish_date":"2022-10-10","doc_name":"GeneratorComponentTests.md"},{"author":"Trevor Coleman","content":"   npx ignite-cli@latest new PowerSyncIgnite --remove-demo --workflow=cng --yes\\n\\nnpx expo install \\\\\\n  @powersync/react-native \\\\\\n  @journeyapps/react-native-quick-sqlite \\n\\nnpx expo install @supabase/supabase-js\\n\\nnpx expo install @react-native-async-storage/async-storage\\n\\n// `metro.config.js`:\\n// Learn more https://docs.expo.io/guides/customizing-metro\\nconst { getDefaultConfig } = require(\\"expo/metro-config\\")\\n\\n/** @type {import(\'expo/metro-config\').MetroConfig} */\\nconst config = getDefaultConfig(__dirname)\\n\\nconfig.transformer.getTransformOptions = async () => ({\\n  transform: {\\n    // Inline requires are very useful for deferring loading of large dependencies/components.\\n    // For example, we use it in app.tsx to conditionally load Reactotron.\\n    // However, this comes with some gotchas.\\n    // Read more here: https://reactnative.dev/docs/optimizing-javascript-loading\\n    // And here: https://github.com/expo/expo/issues/27279#issuecomment-1971610698\\n    inlineRequires: {\\n      blockList: {\\n        [require.resolve(\\"@powersync/react-native\\")]: true,\\n\\n        // require() calls anywhere else will be inlined, unless they\\n        // match any entry nonInlinedRequires.\\n      },\\n    },\\n  },\\n})\\n\\n// This helps support certain popular third-party libraries\\n// such as Firebase that use the extension cjs.\\nconfig.resolver.sourceExts.push(\\"cjs\\")\\n\\nmodule.exports = config\\n\\n\\n// `app/config/config.base.ts`:\\n\\n// update the interface to include the new properties\\nexport interface ConfigBaseProps {\\n  // Existing config properties\\n\\n  // success-line\\n  supabaseUrl: string\\n  // success-line\\n  supabaseAnonKey: string\\n}\\n\\n// Add the new properties to the config object\\nconst BaseConfig: ConfigBaseProps = {\\n  // Existing config values\\n  // success-line\\n  supabaseUrl: \'<<YOUR_SUPABASE_URL>>\',\\n  // success-line\\n  supabaseAnonKey: \'<<YOUR_SUPABASE_ANON_KEY>>\',\\n}\\n\\nexport default BaseConfig;\\n\\n\\n// app/services/database/supabase.ts\\nimport AsyncStorage from \'@react-native-async-storage/async-storage\'\\nimport { createClient } from \\"@supabase/supabase-js\\"\\nimport Config from \'../../config\'\\n\\nexport const supabase = createClient(Config.supabaseUrl, Config.supabaseAnonKey, {\\n  auth: {\\n    persistSession: true, storage: AsyncStorage,\\n  },\\n})\\n\\n// app/services/database/use-auth.tsx\\nimport { User } from \\"@supabase/supabase-js\\"\\nimport { supabase } from \\"app/services/database/supabase\\"\\nimport React, { createContext, PropsWithChildren, useCallback, useContext, useMemo, useState } from \\"react\\"\\n\\ntype AuthContextType = {\\n  signIn: (email: string, password: string) => void\\n  signUp: (email: string, password: string) => void\\n  signOut: () => Promise<void>\\n  signedIn: boolean\\n  loading: boolean\\n  error: string\\n  user: User | null\\n}\\n\\n// We initialize the context with null to ensure that it is not used outside of the provider\\nconst AuthContext = createContext<AuthContextType | null>(null)\\n\\n/**\\n * AuthProvider manages the authentication state and provides the necessary methods to sign in, sign up and sign out.\\n */\\nexport const AuthProvider = ({ children }: PropsWithChildren<any>) => {\\n  const [signedIn, setSignedIn] = useState(false)\\n  const [loading, setLoading] = useState(false)\\n  const [error, setError] = useState(\\"\\")\\n  const [user, setUser] = useState<User | null>(null)\\n\\n\\n  // Sign in with provided email and password\\n  const signIn = useCallback(async (email: string, password: string) => {\\n    setLoading(true)\\n    setError(\\"\\")\\n    setUser(null)\\n    \\n    try {\\n      // get the session and user from supabase\\n      const { \\n        data: {session, user}, \\n        error \\n      } = await supabase.auth.signInWithPassword({ email, password })\\n      \\n      // if we have a session and user, sign them in\\n      if (session && user) {\\n        setSignedIn(true)\\n        setUser(user)\\n      // otherwise sign them out and set an error\\n      } else {\\n        throw new Error(error?.message);\\n        setSignedIn(false)\\n        setUser(null)\\n      }\\n    } catch (error: any) {\\n      setError(error?.message ?? \\"Unknown error\\")\\n      setSignedIn(false)\\n      setUser(null)\\n    } finally {\\n      setLoading(false)\\n    }\\n  }, [\\n    setSignedIn, setLoading, setError, setUser, supabase\\n  ])\\n\\n  // Create a new account with provided email and password\\n  const signUp = useCallback(async (email: string, password: string) => {\\n    setLoading(true)\\n    setError(\\"\\")\\n    setUser(null)\\n    try {\\n      const { data, error } = await supabase.auth.signUp({ email, password })\\n      if (error) {\\n        setSignedIn(false)\\n        setError(error.message)\\n      } else if (data.session) {\\n        await supabase.auth.setSession(data.session)\\n        setSignedIn(true)\\n        setUser(data.user)\\n      }\\n    } catch (error: any) {\\n      setUser(null)\\n      setSignedIn(false)\\n      setError(error?.message ?? \\"Unknown error\\")\\n    } finally {\\n      setLoading(false)\\n    }\\n  }, [\\n    setSignedIn, setLoading, setError, setUser, supabase\\n  ])\\n\\n  // Sign out the current user\\n  const signOut = useCallback(async () => {\\n    setLoading(true)\\n    await supabase.auth.signOut()\\n    setError(\\"\\")\\n    setSignedIn(false)\\n    setLoading(false)\\n    setUser(null)\\n  }, [\\n    setSignedIn, setLoading, setError, setUser, supabase\\n  ])\\n\\n  // Always memoize context values as they can cause unnecessary re-renders if they aren\'t stable!\\n  const value = useMemo(() => ({\\n    signIn, signOut, signUp, signedIn, loading, error, user\\n  }), [\\n    signIn, signOut, signUp, signedIn, loading, error, user\\n  ])\\n  return <AuthContext.Provider value={ value }>{ children }</AuthContext.Provider>\\n}\\n\\nexport const useAuth = () => {\\n  const context = useContext(AuthContext)\\n\\n  // It\'s a good idea to throw an error if the context is null, as it means the hook is being used outside of the provider\\n  if (context === null) {\\n    throw new Error(\'useAuthContext must be used within a AuthProvider\')\\n  }\\n  return context\\n}\\n\\n\\n// app/app.tsx\\n// ...other imports\\n// success-line\\nimport { AuthProvider } from \\"app/services/database/use-auth\\"\\n\\n// ...\\nfunction App(props: AppProps) {\\n  // ...\\n  return (\\n    // success-line\\n    <AuthProvider>\\n      <SafeAreaProvider>\\n        {/* ... */ }\\n      </SafeAreaProvider>\\n      // success-line\\n    </AuthProvider>\\n  )\\n}\\n\\n\\n\\nnpx ignite-cli generate screen Auth\\n\\n// app/screens/AuthScreen.tsx\\nimport { AppStackScreenProps } from \\"app/navigators\\"\\nimport { Button, Screen, Text, TextField } from \\"app/components\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport React, { useEffect, useState } from \\"react\\"\\nimport { ActivityIndicator, Modal, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { colors, spacing } from \\"../theme\\"\\n\\ninterface AuthScreenProps extends AppStackScreenProps<\\"Auth\\"> {}\\n\\nexport const AuthScreen: React.FC<AuthScreenProps> = ({ navigation }) => {\\n  const { signUp, signIn, loading, error, user } = useAuth()\\n  const [email, setEmail] = useState(\\"\\")\\n  const [password, setPassword] = useState(\\"\\")\\n\\n  const handleSignIn = async () => {\\n    signIn(email, password)\\n  }\\n\\n  const handleSignUp = async () => {\\n    signUp(email, password)\\n  }\\n\\n  useEffect(() => {\\n    if (user) {\\n      navigation.navigate(\\"Welcome\\")\\n    }\\n  }, [user])\\n\\n  return (\\n    <Screen style={ $container } safeAreaEdges={ [\\"top\\"] }>\\n      <Text preset={ \\"subheading\\" }>PowerSync + Supabase</Text>\\n      <Text preset={ \\"heading\\" }>Sign in or Create Account</Text>\\n      <TextField\\n        inputWrapperStyle={ $inputWrapper }\\n        containerStyle={ $inputContainer }\\n        label={ \\"Email\\" }\\n        value={ email }\\n        inputMode={ \\"email\\" }\\n        onChangeText={ setEmail }\\n        keyboardType=\\"email-address\\"\\n        autoCapitalize={ \\"none\\" }\\n      />\\n      <TextField\\n        containerStyle={ $inputContainer }\\n        inputWrapperStyle={ $inputWrapper }\\n        label={ \\"Password\\" }\\n        value={ password }\\n        onChangeText={ setPassword }\\n        secureTextEntry\\n      />\\n\\n      <View style={ $buttonContainer }>\\n        <Button\\n          disabled={ loading }\\n          text={ \\"Sign In\\" }\\n          onPress={ handleSignIn }\\n          style={ $button }\\n          preset={ \\"reversed\\" }\\n        />\\n\\n        <Button\\n          disabled={ loading }\\n          text={ \\"Register New Account\\" }\\n          onPress={ handleSignUp }\\n          style={ $button }\\n        />\\n      </View>\\n      { error ? <Text style={ $error } text={ error }/> : null }\\n      <Modal transparent visible={ loading }>\\n        <View style={ $modalBackground }>\\n          <ActivityIndicator size=\\"large\\" color={ colors.palette.primary500 }/>\\n        </View>\\n      </Modal>\\n    </Screen>\\n  )\\n}\\n\\nconst $container: ViewStyle = {\\n  backgroundColor: colors.background,\\n  flex: 1,\\n  justifyContent: \\"center\\",\\n  paddingHorizontal: spacing.lg,\\n}\\n\\nconst $inputContainer: TextStyle = {\\n  marginTop: spacing.md,\\n}\\n\\nconst $inputWrapper: TextStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n}\\nconst $modalBackground: ViewStyle = {\\n  alignItems: \\"center\\",\\n  backgroundColor: \\"#00000040\\",\\n  flex: 1,\\n  flexDirection: \\"column\\",\\n  justifyContent: \\"space-around\\",\\n}\\n\\nconst $error: TextStyle = {\\n  color: colors.error,\\n  marginVertical: spacing.md,\\n  textAlign: \\"center\\",\\n  width: \\"100%\\",\\n  fontSize: 20,\\n}\\n\\nconst $buttonContainer: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"column\\",\\n  justifyContent: \\"space-between\\",\\n  marginVertical: spacing.md,\\n}\\n\\nconst $button: ViewStyle = {\\n  marginTop: spacing.xs,\\n}\\n\\nnpx ignite-cli generate component SignOutButton\\n\\n// app/components/SignOutButton.tsx\\n\\nimport { Button } from \\"app/components/Button\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport * as React from \\"react\\"\\nimport { StyleProp, View, ViewStyle } from \\"react-native\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport { spacing } from \\"app/theme\\"\\n\\nexport interface SignOutButtonProps {\\n  /**\\n   * An optional style override useful for padding & margin.\\n   */\\n  style?: StyleProp<ViewStyle>\\n}\\n\\n/**\\n * Describe your component here\\n */\\nexport const SignOutButton = observer(function SignOutButton(props: SignOutButtonProps) {\\n  const { style } = props\\n  const $styles = [$container, style]\\n\\n  const { signOut } = useAuth()\\n\\n  const handleSignOut = async () => {\\n    await signOut()\\n  }\\n\\n  return (\\n    <View style={ $styles }>\\n      <Button text=\\"Sign Out\\" onPress={ handleSignOut }/>\\n    </View>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  padding: spacing.md,\\n}\\n\\n// app/screens/WelcomeScreen.tsx\\nimport { SignOutButton } from \\"app/components\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React, { FC } from \\"react\\"\\nimport { ViewStyle } from \\"react-native\\"\\nimport { SafeAreaView } from \\"react-native-safe-area-context\\"\\nimport { colors } from \\"../theme\\"\\n\\ninterface WelcomeScreenProps\\n  extends NativeStackScreenProps<SignedInNavigatorParamList, \\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(function WelcomeScreen() {\\n  return (\\n    <SafeAreaView style={$container}>\\n      <SignOutButton />\\n    </SafeAreaView>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.palette.neutral300,\\n  display: \\"flex\\",\\n  justifyContent: \\"flex-start\\",\\n  height: \\"100%\\",\\n  flexDirection: \\"column\\",\\n}\\n\\n// app/navigators/AppNavigator.tsx\\n\\n// success-line\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\n\\n//...\\n\\nconst AppStack = observer(function AppStack() {\\n  // Fetch the user from the auth context\\n  // success-line\\n  // success-line\\n  const { signedIn } = useAuth()\\n  return (\\n    <Stack.Navigator\\n      screenOptions={ { headerShown: false, navigationBarColor: colors.background } }\\n    >\\n      {/**\\n       * by wrapping the Welcome screen in a conditional, we ensure that\\n       * the user can only access it if they are signed in\\n       */ }\\n      // success-line\\n      { signedIn\\n        // success-line\\n        ? <Stack.Screen name=\\"Welcome\\" component={ Screens.WelcomeScreen }/>\\n        // success-line\\n        : null\\n        // success-line\\n      }\\n      <Stack.Screen name=\\"Auth\\" component={ Screens.AuthScreen }/>\\n      {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */ }\\n    </Stack.Navigator>\\n  )\\n})\\n\\n// ...\\n\\n// app/config/config.base.ts:\\n\\n// update the interface to include the new properties\\nexport interface ConfigBaseProps {\\n  // Existing config properties\\n  supabaseUrl: string\\n  supabaseAnonKey: string\\n  // success-line\\n  powersyncUrl: string\\n}\\n\\n// Add the new properties to the config object\\nconst BaseConfig: ConfigBaseProps = {\\n  // Existing config values\\n  supabaseUrl: \'<<YOUR_SUPABASE_URL>>\',\\n  supabaseAnonKey: \'<<YOUR_SUPABASE_ANON_KEY>>\',\\n  // success-line\\n  powersyncUrl: \'<<YOUR_POWER_SYNC_URL>>\',\\n}\\n\\n// app/services/database/schema.ts\\nimport { column, Schema, TableV2 } from \'@powersync/react-native\';\\n\\nexport const LISTS_TABLE = \'lists\';\\nexport const TODOS_TABLE = \'todos\';\\n\\nconst todos = new TableV2(\\n  {\\n    list_id: column.text,\\n    created_at: column.text,\\n    completed_at: column.text,\\n    description: column.text,\\n    created_by: column.text,\\n    completed_by: column.text,\\n    completed: column.integer\\n  },\\n  { indexes: { list: [\'list_id\'] } }\\n);\\n\\nconst lists = new TableV2({\\n  created_at: column.text,\\n  name: column.text,\\n  owner_id: column.text\\n});\\n\\nexport const AppSchema = new Schema({\\n  todos,\\n  lists\\n});\\n\\nexport type Database = (typeof AppSchema)[\'types\'];\\nexport type TodoRecord = Database[\'todos\'];\\n// OR:\\n// export type Todo = RowType<typeof todos>;\\n\\nexport type ListRecord = Database[\'lists\'];\\n\\n\\n// from @journeyapps/powersync-sdk-common \\nexport interface PowerSyncBackendConnector {\\n  /** Allows the PowerSync client to retrieve an authentication token from your backend\\n   * which is used to authenticate against the PowerSync service.\\n   *\\n   * This should always fetch a fresh set of credentials - don\'t use cached\\n   * values.\\n   *\\n   * Return null if the user is not signed in. Throw an error if credentials\\n   * cannot be fetched due to a network error or other temporary error.\\n   *\\n   * This token is kept for the duration of a sync connection.\\n   */\\n  fetchCredentials: () => Promise<PowerSyncCredentials | null>\\n\\n  /** Upload local changes to the app backend.\\n   *\\n   * Use {@link AbstractPowerSyncDatabase.getCrudBatch} to get a batch of changes to upload.\\n   *\\n   * Any thrown errors will result in a retry after the configured wait period (default: 5 seconds).\\n   */\\n  uploadData: (database: AbstractPowerSyncDatabase) => Promise<void>\\n}\\n\\n// app/services/database/supabase.ts\\nimport {\\n  AbstractPowerSyncDatabase,\\n  CrudEntry,\\n  PowerSyncBackendConnector,\\n  UpdateType,\\n  PowerSyncCredentials\\n} from \\"@powersync/react-native\\"\\nimport AsyncStorage from \'@react-native-async-storage/async-storage\'\\nimport { createClient } from \\"@supabase/supabase-js\\"\\nimport Config from \\"../../config\\"\\n\\nexport const supabase = createClient(Config.supabaseUrl, Config.supabaseAnonKey, {\\n  auth: {\\n    persistSession: true, storage: AsyncStorage,\\n  },\\n})\\n\\n\\n// This function fetches the session token from Supabase, it should return null if the user is not signed in, and the session token if they are.\\nasync function fetchCredentials(): Promise<PowerSyncCredentials | null> {\\n  const { data: { session }, error } = await supabase.auth.getSession()\\n\\n  if (error) {\\n    throw new Error(`Could not fetch Supabase credentials: ${ error }`)\\n  }\\n\\n  if (!session) {\\n    return null\\n  }\\n\\n  return {\\n    endpoint: Config.powersyncUrl,\\n    token: session.access_token ?? \\"\\",\\n    expiresAt: session.expires_at\\n               ? new Date(session.expires_at * 1000)\\n               : undefined\\n  }\\n}\\n\\n\\n// Regexes for response codes indicating unrecoverable errors.\\nconst FATAL_RESPONSE_CODES = [\\n  /^22...$/, // Data Exception\\n  /^23...$/, // Integrity Constraint Violation\\n  /^42501$/, // INSUFFICIENT PRIVILEGE\\n]\\n\\n// PowerSync will call this function to upload data to the backend\\nconst uploadData: (database: AbstractPowerSyncDatabase) => Promise<void> = async (database) => {\\n  const transaction = await database.getNextCrudTransaction()\\n\\n  if (!transaction) {\\n    return\\n  }\\n\\n\\n  let lastOp: CrudEntry | null = null\\n  try {\\n    // Note: If transactional consistency is important, use database functions\\n    // or edge functions to process the entire transaction in a single call.\\n    for (const op of transaction.crud) {\\n      lastOp = op\\n      const table = supabase.from(op.table)\\n      let result: any = null\\n      switch (op.op) {\\n        case UpdateType.PUT:\\n          // eslint-disable-next-line no-case-declarations\\n          const record = { ...op.opData, id: op.id }\\n          result = await table.upsert(record)\\n          break\\n        case UpdateType.PATCH:\\n          result = await table.update(op.opData).eq(\'id\', op.id)\\n          break\\n        case UpdateType.DELETE:\\n          result = await table.delete().eq(\'id\', op.id)\\n          break\\n      }\\n\\n      if (result?.error) {\\n        throw new Error(`Could not ${ op.op } data to Supabase error: ${ JSON.stringify(result) }`)\\n      }\\n    }\\n\\n    await transaction.complete()\\n  } catch (ex: any) {\\n    console.debug(ex)\\n    if (typeof ex.code === \'string\' && FATAL_RESPONSE_CODES.some((regex) => regex.test(ex.code))) {\\n      /**\\n       * Instead of blocking the queue with these errors,\\n       * discard the (rest of the) transaction.\\n       *\\n       * Note that these errors typically indicate a bug in the application.\\n       * If protecting against data loss is important, save the failing records\\n       * elsewhere instead of discarding, and/or notify the user.\\n       */\\n      console.error(`Data upload error - discarding ${ lastOp }`, ex)\\n      await transaction.complete()\\n    } else {\\n      // Error may be retryable - e.g. network error or temporary server error.\\n      // Throwing an error here causes this call to be retried after a delay.\\n      throw ex\\n    }\\n  }\\n}\\n\\nexport const supabaseConnector: PowerSyncBackendConnector = {\\n  fetchCredentials, uploadData,\\n}\\n\\n// app/services/database/database.tsx\\nimport { SupabaseClient } from \\"@supabase/supabase-js\\"\\nimport { useAuth } from \\"./use-auth\\"\\nimport React, { PropsWithChildren, useEffect } from \\"react\\"\\nimport {\\n  AbstractPowerSyncDatabase,\\n  PowerSyncContext,\\n  PowerSyncDatabase,\\n} from \\"@powersync/react-native\\"\\nimport { supabase, supabaseConnector } from \\"./supabase\\" // Adjust the path as needed\\nimport { AppSchema } from \\"./schema\\" // Adjust the path as needed\\n\\nexport class Database {\\n  // We expose the PowerSync and Supabase instances for easy access elsewhere in the app\\n  powersync: AbstractPowerSyncDatabase\\n  supabase: SupabaseClient = supabase\\n\\n  /**\\n   * Initialize the Database class with a new PowerSync instance\\n   */\\n  constructor() {\\n    this.powersync = new PowerSyncDatabase({\\n      database: {\\n        dbFilename: \\"sqlite.db\\"\\n      },\\n      schema: AppSchema\\n    })\\n  }\\n\\n  /**\\n   * Initialize the PowerSync instance and connect it to the Supabase backend.\\n   * This will call `fetchCredentials` on the Supabase connector to get the session token.\\n   * So if your database requires authentication, the user will need to be signed in before this is\\n   * called.\\n   */\\n  async init() {\\n    await this.powersync.init()\\n    await this.powersync.connect(supabaseConnector)\\n  }\\n\\n  async disconnect() {\\n    await this.powersync.disconnectAndClear()\\n  }\\n}\\n\\nconst database = new Database()\\n\\n// A context to provide our singleton to the rest of the app\\nconst DatabaseContext = React.createContext<Database | null>(null)\\n\\nexport const useDatabase = () => {\\n  const context: Database | null = React.useContext(DatabaseContext)\\n  if (!context) {\\n    throw new Error(\\"useDatabase must be used within a DatabaseProvider\\")\\n  }\\n\\n  return context\\n}\\n\\n// Finally, we create a provider component that initializes the database and provides it to the app\\nexport function DatabaseProvider<T>({ children }: PropsWithChildren<T>) {\\n  const { user } = useAuth()\\n  useEffect(() => {\\n    if (user) {\\n      database.init().catch(console.error)\\n    }\\n  }, [database, user])\\n  return (\\n    <DatabaseContext.Provider value={ database }>\\n      <PowerSyncContext.Provider value={ database.powersync }>\\n        { children }\\n      </PowerSyncContext.Provider>\\n    </DatabaseContext.Provider>\\n  )\\n}\\n\\n// app/app.tsx\\n\\n\\n//... other imports\\n// success-line\\n// Import the provider\\n// success-line\\nimport { DatabaseProvider } from \\"app/services/database/database\\"\\n\\n// ...\\n\\nfunction App(props: AppProps) {\\n  // ...\\n  return (\\n    <AuthProvider>\\n      // success-line\\n      {/* Add the Database Provider inside the AuthProvider */ }\\n      // success-line\\n      <DatabaseProvider>\\n        <SafeAreaProvider initialMetrics={ initialWindowMetrics }>\\n          // ...\\n        </SafeAreaProvider>\\n        // success-line\\n      </DatabaseProvider>\\n    </AuthProvider>\\n  )\\n}\\n\\nexport default App\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n}\\n\\n\\nconst { data: lists } = useQuery<ListItemRecord>(`\\n    SELECT ${ LISTS_TABLE }.*,\\n         COUNT(${ TODOS_TABLE }.id) AS total_tasks,\\n         SUM(CASE WHEN ${ TODOS_TABLE }.completed = true THEN 1 ELSE 0 END) AS completed_tasks\\n    FROM ${ LISTS_TABLE }\\n         LEFT JOIN ${ TODOS_TABLE } ON ${ LISTS_TABLE }.id = ${ TODOS_TABLE }.list_id\\n    GROUP BY ${ LISTS_TABLE }.id;\\n  `);\\n\\nconst deleteList = useCallback(async (id: string) => {\\n  console.log(\'Deleting list\', id)\\n  return powersync.execute(`DELETE FROM ${ LIST_TABLE } WHERE id = ?`, [id])\\n}, [powersync])\\n\\n// app/components/SignOutButton.tsx\\n\\n//...other imports\\nimport { useDatabase } from \\"app/services/database/database\\"\\n\\n// ...\\nexport const SignOutButton = observer(function SignOutButton(props: SignOutButtonProps) {\\n  // ...\\n\\n  const { signOut } = useAuth()\\n  // success-line\\n  const { powersync } = useDatabase()\\n\\n  // success-line\\n  const handleSignOut = async () => {  // make this async\\n    // success-line\\n    await powersync.disconnectAndClear()\\n    await signOut()\\n  }\\n\\n  return (\\n    <View style={ $styles }>\\n      <Button text=\\"Sign Out\\" onPress={ handleSignOut }/>\\n    </View>\\n  )\\n})\\n\\n\\n// app/services/database/use-lists.ts\\nimport { useQuery } from \\"@powersync/react-native\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport { useCallback } from \\"react\\"\\nimport { useDatabase } from \\"app/services/database/database\\"\\nimport { LISTS_TABLE, ListRecord, TODOS_TABLE } from \\"app/services/database/schema\\"\\n\\n// Extend the base type with the calculated fields from our query  \\nexport type ListItemRecord = ListRecord & { total_tasks: number; completed_tasks: number }\\n\\nexport const useLists = () => {\\n  // Get the current user from the auth context \\n  const { user } = useAuth()\\n  // Get the database instance from the context\\n  const { powersync } = useDatabase()\\n\\n  // List fetching logic here. You can modify it as per your needs.\\n  const { data: lists } = useQuery<ListItemRecord>(`\\n      SELECT ${ LISTS_TABLE }.*,\\n             COUNT(${ TODOS_TABLE }.id) AS total_tasks,\\n             SUM(CASE WHEN ${ TODOS_TABLE }.completed = true THEN 1 ELSE 0 END) as completed_tasks\\n      FROM ${ LISTS_TABLE }\\n               LEFT JOIN ${ TODOS_TABLE } ON ${ LISTS_TABLE }.id = ${ TODOS_TABLE }.list_id\\n      GROUP BY ${ LISTS_TABLE }.id\\n  `)\\n\\n\\n  const createList = useCallback(async (name: string) => {\\n\\n    if (!user) {throw new Error(\\"Can\'t add list -- user is undefined\\")}\\n\\n    return powersync.execute(\\n      `\\n          INSERT INTO ${ LISTS_TABLE }\\n              (id, name, created_at, owner_id)\\n          VALUES (uuid(), ?, ?, ?)`,\\n      [name, new Date().toISOString(), user?.id],\\n    )\\n  }, [user, powersync])\\n\\n  const deleteList = useCallback(async (id: string) => {\\n    console.log(\'Deleting list\', id)\\n    return powersync.execute(`DELETE\\n                             FROM ${ LISTS_TABLE }\\n                             WHERE id = ?`, [id])\\n  }, [powersync])\\n\\n  return { lists, createList, deleteList }\\n}\\n\\n\\nnpx ignite-cli generate component AddList\\n\\nnpx ignite-cli generate component Lists\\n\\n// app/screens/WelcomeScreen.tsx\\nimport { NativeStackScreenProps } from \\"@react-navigation/native-stack\\"\\nimport { Lists, SignOutButton } from \\"app/components\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React, { FC } from \\"react\\"\\nimport { ViewStyle } from \\"react-native\\"\\nimport { SafeAreaView } from \\"react-native-safe-area-context\\"\\nimport { SignedInNavigatorParamList } from \\"../navigators\\"\\nimport { colors } from \\"../theme\\"\\n\\ninterface WelcomeScreenProps\\n  extends NativeStackScreenProps<SignedInNavigatorParamList, \\"Welcome\\"> {}\\n\\nexport const WelcomeScreen: FC<WelcomeScreenProps> = observer(function WelcomeScreen() {\\n  return (\\n    <SafeAreaView style={ $container }>\\n      // success-line\\n      <Lists/>\\n      <SignOutButton/>\\n    </SafeAreaView>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  backgroundColor: colors.palette.neutral300,\\n  display: \\"flex\\",\\n  justifyContent: \\"flex-start\\",\\n  height: \\"100%\\",\\n  flexDirection: \\"column\\",\\n}\\n\\n\\n\\n// app/components/Lists.tsx\\nimport { NavigationProp, useNavigation } from \\"@react-navigation/native\\"\\nimport { AddList, Icon, ListItem, Text } from \\"app/components\\"\\nimport { AppStackParamList } from \\"app/navigators\\"\\nimport { ListItemRecord, useLists } from \\"app/services/database/use-lists\\"\\nimport React, { useCallback } from \\"react\\"\\nimport { FlatList, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { colors, spacing } from \\"../theme\\"\\n\\nexport function Lists() {\\n  \\n  // use our hook to fetch the lists\\n  const { lists, deleteList } = useLists()\\n  const navigation = useNavigation<NavigationProp<AppStackParamList>>()\\n\\n  // This function tells FlatList how to render each item\\n  const renderItem = useCallback(({ item }: { item: ListItemRecord }) => {\\n    return (\\n      <ListItem\\n        textStyle={ $listItemText }\\n        onPress={ () => {\\n          // Eventually  this si where we\'ll navigate to the todo, but for now we\'ll just log the list name\\n          console.log(\'Pressed: \', item.name)\\n        } }\\n        text={ `${ item.name }` }\\n        RightComponent={\\n          <View style={ $deleteListIcon }>\\n            {/* Let users delete lists */}\\n            <Icon icon={ \\"x\\" } onPress={ () => deleteList(item.id) }/>\\n          </View>\\n        }\\n      />\\n    )\\n  }, [])\\n\\n  return (\\n    <View style={ $container }>\\n      <Text preset={ \\"heading\\" }>Lists</Text>\\n      <View style={ $card }>\\n        <AddList/>\\n      </View>\\n      <View style={ [$list, $card] }>\\n        <Text preset={ \\"subheading\\" }>Your Lists</Text>\\n        <FlatList\\n          style={ $listContainer }\\n          // pass in our lists\\n          data={ lists }\\n          // pass in our renderItem function\\n          renderItem={ renderItem }\\n          keyExtractor={ (item) => item.id }\\n          ItemSeparatorComponent={ () => <View style={ $separator }/> }\\n          // show a message if the list is empty\\n          ListEmptyComponent={ <Text style={ $emptyList }>No lists found</Text> }\\n        />\\n      </View>\\n    </View>\\n  )\\n}\\n\\n// STYLES\\nconst $separator: ViewStyle = { height: 1, backgroundColor: colors.border }\\nconst $emptyList: TextStyle = {\\n  textAlign: \\"center\\",\\n  color: colors.textDim,\\n  opacity: 0.5,\\n  padding: spacing.lg,\\n}\\nconst $card: ViewStyle = {\\n  shadowColor: colors.palette.neutral800,\\n  shadowOffset: { width: 0, height: 1 },\\n  shadowRadius: 2,\\n  shadowOpacity: 0.35,\\n  borderRadius: 8,\\n}\\nconst $listContainer: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n  paddingHorizontal: spacing.md,\\n  height: \\"100%\\",\\n  borderColor: colors.border,\\n  borderWidth: 1,\\n}\\nconst $list: ViewStyle = {\\n  flex: 1,\\n  marginVertical: spacing.md,\\n  backgroundColor: colors.palette.neutral200,\\n  padding: spacing.md,\\n}\\nconst $container: ViewStyle = {\\n  flex: 1,\\n  display: \\"flex\\",\\n  flexGrow: 1,\\n  padding: spacing.md,\\n}\\nconst $listItemText: TextStyle = {\\n  height: 44,\\n  width: 44,\\n}\\nconst $deleteListIcon: ViewStyle = {\\n  display: \\"flex\\",\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n  height: 44,\\n  marginVertical: spacing.xxs,\\n}\\n\\n// app/components/AddList.tsx\\nimport { Button, Text, TextField } from \\"app/components\\"\\nimport { useLists } from \\"app/services/database/use-lists\\"\\nimport { colors, spacing } from \\"app/theme\\"\\nimport { observer } from \\"mobx-react-lite\\"\\nimport React from \\"react\\"\\nimport { Keyboard, TextStyle, View, ViewStyle } from \\"react-native\\"\\n\\n/**\\n * Display a form to add a new list\\n */\\nexport const AddList = observer(function AddList() {\\n  const [newListName, setNewListName] = React.useState(\\"\\")\\n  const [error, setError] = React.useState<string | null>(null)\\n\\n  // we use the function from  our hook to create a new list\\n  const { createList } = useLists()\\n\\n  const handleAddList = React.useCallback(async () => {\\n    if (!newListName) {\\n      Keyboard.dismiss()\\n      return\\n    }\\n    try {\\n      await createList(newListName)\\n      setNewListName(\\"\\")\\n    } catch (e: any) {\\n      setError(`Failed to create list: ${ e?.message ?? \\"unknown error\\" }`)\\n    } finally {\\n      Keyboard.dismiss()\\n    }\\n  }, [createList, newListName])\\n\\n  return (\\n    <View style={ $container }>\\n      <Text preset={ \\"subheading\\" }>Add a List</Text>\\n      <View style={ $form }>\\n        <TextField\\n          placeholder=\\"Enter a list name\\"\\n          containerStyle={ $textField }\\n          inputWrapperStyle={ $textInput }\\n          onChangeText={ setNewListName }\\n          value={ newListName }\\n          onSubmitEditing={ handleAddList }\\n        />\\n        <Button text=\\"Add List\\" style={ $button } onPress={ handleAddList }/>\\n      </View>\\n      { error && <Text style={ $error }>{ error }</Text> }\\n    </View>\\n  )\\n})\\n\\nconst $container: ViewStyle = {\\n  padding: spacing.md,\\n  backgroundColor: colors.palette.neutral200,\\n}\\n\\nconst $form: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"row\\",\\n  alignItems: \\"center\\",\\n}\\n\\nconst $textField: ViewStyle = {\\n  flex: 1,\\n}\\n\\nconst $textInput: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n}\\n\\nconst $button: ViewStyle = {\\n  marginHorizontal: spacing.xs,\\n  padding: 0,\\n  paddingHorizontal: spacing.xs,\\n  paddingVertical: 0,\\n  minHeight: 44,\\n}\\n\\nconst $error: TextStyle = {\\n  color: colors.error,\\n  marginTop: spacing.sm,\\n}\\n\\n\\n\\nnpx ignite-cli generate screen TodoList\\n\\n    // app/navigators/AppNavigator.tsx\\n    export type AppStackParamList = {\\n      Welcome: undefined\\n      Auth: undefined\\n      // success-line\\n      TodoList: { listId: string }  // add this line\\n      // IGNITE_GENERATOR_ANCHOR_APP_STACK_PARAM_LIST\\n    }\\n\\n    // ...\\n    \\n    const AppStack = observer(function AppStack() {\\n      // Fetch the user from the auth context\\n      const { signedIn } = useAuth()\\n      return (\\n        <Stack.Navigator screenOptions={ { headerShown: false, navigationBarColor: colors.background } }>\\n          <Stack.Screen name={ \\"Auth\\" } component={ AuthScreen }/>\\n          // success-line\\n          { signedIn ? (\\n            // success-line\\n            <>\\n              // success-line\\n              <Stack.Screen name=\\"Welcome\\" component={ Screens.WelcomeScreen }/>\\n              // success-line\\n              <Stack.Screen name=\\"TodoList\\" component={ Screens.TodoListScreen }/>\\n              // success-line\\n            </>\\n            // success-line\\n          ) : null }\\n          {/* IGNITE_GENERATOR_ANCHOR_APP_STACK_SCREENS */ }\\n        </Stack.Navigator>\\n      )\\n    })\\n \\n    export const AppNavigator = observer(function AppNavigator(props: NavigationProps) {\\n      // ...   \\n    })\\n\\n    // app/screens/TodoListScreen.tsx\\n    // ...\\n    \\n    export const TodoListScreen: FC<TodoListScreenProps> = function TodoListScreen({\\n      navigation,\\n      // success-line\\n      // We get the listId from the route params\\n      // success-line\\n      route: { params: {listId} }\\n    }) {\\n      return (\\n        <Screen style={ $root } preset=\\"scroll\\" safeAreaEdges={ [\\"top\\"] }>\\n          // success-line\\n          <Pressable onPress={ () => navigation.goBack() }>\\n            <Icon icon={ \\"back\\" } size={ 50 }/>\\n          </Pressable>\\n          // success-line\\n          <Text preset={ \\"heading\\" } text={ listId }/>\\n        </Screen>\\n      )\\n    }\\n    \\n    const $root: ViewStyle = {\\n      flex: 1,\\n    }\\n    \\n    const $backButton: ViewStyle = {\\n      height: 44,\\n    }\\n    \\n    \\n\\n// app/components/Lists.tsx\\n\\n// ... other imports\\nimport { NavigationProp, useNavigation } from \\"@react-navigation/native\\"\\nimport { AppStackParamList } from \\"app/navigators\\"\\n\\nexport function Lists() {\\n\\n  const { lists, deleteList } = useLists()\\n  // We use the root param list, because this component might be reusing in other screens/navigators\\n  // success-line\\n  const navigation = useNavigation<NavigationProp<AppStackParamList>>()\\n\\n  const renderItem = useCallback(({ item }: { item: ListItemRecord }) => {\\n    return <ListItem\\n      // ... other props\\n      // Navigate to the TodoList screen, passing the `listId` as a parameter\\n      onPress={ () => {\\n        // success-line\\n        navigation.navigate(\\"TodoList\\", { listId: item.id })\\n      } }\\n    />\\n  }, [])\\n\\n  return (\\n    //... component body\\n  )\\n}\\n\\n// app/services/database/use-list.ts\\n\\nimport { useQuery } from \\"@powersync/react-native\\"\\nimport { useDatabase } from \\"app/services/database/database\\"\\nimport { LISTS_TABLE, ListRecord, TODOS_TABLE, TodoRecord } from \\"app/services/database/schema\\"\\nimport { useAuth } from \\"app/services/database/use-auth\\"\\nimport { useCallback } from \\"react\\"\\n\\n\\nexport function useList(listId: string) {\\n  const { user } = useAuth()\\n  const { powersync } = useDatabase()\\n\\n\\n  const { data: listRecords } = useQuery<ListRecord>(`\\n      SELECT *\\n      FROM ${ LISTS_TABLE }\\n      WHERE id = ?\\n  `, [listId])\\n\\n  // we only expect one list record\\n  const list = listRecords[0]\\n\\n\\n  const { data: todos } = useQuery<TodoRecord>(`\\n      SELECT *\\n      FROM ${ TODOS_TABtLE }\\n      WHERE list_id = ?\\n  `, [listId])\\n\\n\\n  const addTodo = useCallback(async (description: string): Promise<{ error: string | null }> => {\\n    if (!user) {\\n      throw new Error(\\"Can\'t add todo -- user is undefined\\")\\n    }\\n    try {\\n      await powersync.execute(\\n        `INSERT INTO ${ TODOS_TABLE }\\n             (id, description, created_at, list_id, created_by, completed)\\n         VALUES (uuid(), ?, ?, ?, ?, ?)`,\\n        [description, new Date().toISOString(), listId, user?.id, 0],\\n      )\\n\\n      return { error: null }\\n    } catch (error: any) {\\n      return { error: `Error adding todo: ${ error?.message }` }\\n    }\\n  }, [user, powersync, listId])\\n\\n  const removeTodo = useCallback(async (id: string): Promise<{ error: string | null }> => {\\n    try {\\n      await powersync.execute(`DELETE\\n                                FROM ${ TODOS_TABLE }\\n                                WHERE id = ?`, [id])\\n      return { error: null }\\n    } catch (error: any) {\\n      console.error(\\"Error removing todo\\", error)\\n      return { error: `Error removing todo: ${ error?.message }` }\\n    }\\n\\n  }, [\\n    powersync,\\n  ])\\n\\n  const setTodoCompleted = useCallback(async (id: string, completed: boolean): Promise<{ error: string | null }> => {\\n\\n    const completedAt = completed ? new Date().toISOString() : null\\n    const completedBy = completed ? user?.id : null\\n\\n    try {\\n      await powersync.execute(`\\n            UPDATE ${ TODOS_TABLE }\\n            SET completed = ?, completed_at = ?, completed_by = ?\\n            WHERE id = ?\\n        `, [completed, completedAt, completedBy, id])\\n\\n      return { error: null }\\n\\n    } catch (error: any) {\\n      console.error(\'Error toggling todo\', error)\\n      return { error: `Error toggling todo: ${ error?.message }` }\\n    }\\n  }, [powersync])\\n\\n\\n  return { list, todos, addTodo, removeTodo, setTodoCompleted }\\n\\n}\\n\\n\\n// app/screens/TodoListScreen.tsx\\nimport { Button, Icon, ListItem, Screen, Text, TextField } from \\"app/components\\"\\nimport { SignedInNavigatorScreenProps } from \\"app/navigators\\"\\nimport { TodoRecord } from \\"app/services/database/schema\\"\\nimport { useList } from \\"app/services/database/use-list\\"\\nimport { colors, spacing } from \\"app/theme\\"\\nimport React, { FC, useCallback } from \\"react\\"\\nimport { FlatList, Pressable, TextStyle, View, ViewStyle } from \\"react-native\\"\\nimport { SafeAreaView } from \\"react-native-safe-area-context\\"\\n\\ninterface TodoListScreenProps extends SignedInNavigatorScreenProps<\\"TodoList\\"> {}\\n\\nexport const TodoListScreen: FC<TodoListScreenProps> = function TodoListScreen({\\n  navigation,\\n  route: { params: { listId } },\\n}) {\\n\\n  // We use the hook to get the list and todos for the list\\n  const { list, todos, addTodo, removeTodo, setTodoCompleted } = useList(listId)\\n\\n  // State for managing the new todo input and errors\\n  const [newTodo, setNewTodo] = React.useState(\\"\\")\\n  const [error, setError] = React.useState<string | null>(null)\\n\\n  // We wrap the addTodo from the hook with a bit of error handling\\n  const handleAddTodo = useCallback(async () => {\\n    const { error } = await addTodo(newTodo)\\n    if (error) {\\n      setError(error)\\n      return\\n    }\\n    setNewTodo(\\"\\")\\n  }, [newTodo])\\n\\n  // And do the same for removeTodo\\n  const handleRemoveTodo = useCallback(async (id: string) => {\\n    const { error } = await removeTodo(id)\\n    if (error) {\\n      setError(error)\\n    }\\n  }, [removeTodo, setError])\\n\\n  // We\'ll use the ListItem component to display each todo, as we did with the lists\\n  const renderItem = useCallback(({ item }: { item: TodoRecord }) => {\\n    return <ListItem\\n      containerStyle={ $listItemContainer }\\n      textStyle={ [$listItemText, item.completed && $strikeThrough] }\\n      text={ `${ item.description }` }\\n      RightComponent={ (\\n        <Pressable style={ $deleteIcon }>\\n          <Icon icon={ \\"x\\" } onPress={ () => handleRemoveTodo(item.id) }/>\\n        </Pressable>) }\\n      onPress={ () => setTodoCompleted(item.id, !item.completed) }\\n    />\\n  }, [\\n    handleRemoveTodo,\\n  ])\\n\\n  return (\\n    <Screen style={ $root } preset=\\"fixed\\">\\n      <SafeAreaView style={ $header } edges={ [\\"top\\"] }>\\n        <Pressable onPress={ () => navigation.goBack() }>\\n          <Icon icon={ \\"back\\" } size={ 44 }/>\\n        </Pressable>\\n        <Text style={ $listName } preset={ \\"heading\\" } text={ list?.name }/>\\n      </SafeAreaView>\\n      <View style={ $addTodoContainer }>\\n        <Text preset={ \\"subheading\\" }>Add a list</Text>\\n        <View style={ $form }>\\n          <TextField\\n            placeholder=\\"New todo...\\"\\n            containerStyle={ $textField }\\n            inputWrapperStyle={ $textInput }\\n            onChangeText={ setNewTodo }\\n            value={ newTodo }/>\\n          <Button text=\\"ADD\\" style={ $button } onPress={ handleAddTodo }/>\\n        </View>\\n        { error && <Text style={ $error }>{ error }</Text> }\\n      </View>\\n      <View style={ $container }>\\n        <FlatList\\n          data={ todos }\\n          renderItem={ renderItem }\\n          ItemSeparatorComponent={ () => <View style={ $separator }/> }\\n          ListEmptyComponent={ <Text style={ $emptyList }>List is Empty</Text> }\\n        />\\n      </View>\\n    </Screen>\\n  )\\n}\\n\\nconst $root: ViewStyle = {\\n  flex: 1,\\n}\\nconst $listItemContainer: ViewStyle = {\\n  alignItems: \\"center\\",\\n}\\n\\nconst $strikeThrough: TextStyle = { textDecorationLine: \\"line-through\\" }\\n\\nconst $form: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"row\\",\\n  alignItems: \\"center\\",\\n}\\n\\nconst $separator: ViewStyle = { height: 1, backgroundColor: colors.border }\\n\\nconst $emptyList: TextStyle = {\\n  color: colors.textDim,\\n  opacity: 0.5,\\n  padding: spacing.lg,\\n  fontSize: 24,\\n}\\n\\nconst $textField: ViewStyle = {\\n  flex: 1,\\n}\\n\\nconst $textInput: ViewStyle = {\\n  backgroundColor: colors.palette.neutral100,\\n}\\n\\n\\nconst $button: ViewStyle = {\\n  marginHorizontal: spacing.xs,\\n  padding: 0,\\n  paddingHorizontal: spacing.xs,\\n  paddingVertical: 0,\\n}\\n\\nconst $addTodoContainer: ViewStyle = {\\n  padding: spacing.md,\\n  backgroundColor: colors.palette.neutral300,\\n}\\nconst $header: ViewStyle = {\\n  display: \\"flex\\",\\n  flexDirection: \\"row\\",\\n  alignItems: \\"center\\",\\n  backgroundColor: colors.palette.secondary200,\\n  paddingBottom: spacing.md,\\n}\\n\\nconst $listName: TextStyle = {\\n  marginLeft: spacing.sm,\\n  flex: 1,\\n}\\n\\nconst $error: TextStyle = {\\n  color: colors.error,\\n  marginTop: spacing.sm,\\n}\\n\\nconst $container: ViewStyle = {\\n  padding: spacing.md,\\n}\\n\\nconst $listItemText: TextStyle = {\\n  height: 44,\\n  verticalAlign: \\"middle\\"\\n}\\n\\nconst $deleteIcon: ViewStyle = {\\n  display: \\"flex\\",\\n  justifyContent: \\"center\\",\\n  alignItems: \\"center\\",\\n  height: 44,\\n  marginVertical: spacing.xxs,\\n}\\n\\n\\n","lastUpdated":"7 weeks ago","title":"PowerSync and Supabase for Local-First Data Management","publish_date":"2024-03-22","doc_name":"LocalFirstDataWithPowerSync.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":"9 months ago","title":"Maestro Setup","publish_date":"2023-02-01","doc_name":"MaestroSetup.md"},{"author":"Frank Calise, Mark Rickert","content":"npx ignite-cli new PizzaApp --workflow=cng --yes\\ncd PizzaApp\\n\\nyarn remove @react-native-async-storage/async-storage\\nyarn add react-native-mmkv\\nyarn prebuild\\n\\nimport { MMKV } from \\"react-native-mmkv\\";\\n\\nexport const storage = new MMKV();\\n\\n/**\\n * Loads a string from storage.\\n *\\n * @param key The key to fetch.\\n */\\nexport function loadString(key: string): string | undefined {\\n  try {\\n    return storage.getString(key)\\n  } catch {\\n    // not sure why this would fail... even reading the RN docs I\'m unclear\\n    return undefined\\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 */\\nexport function saveString(key: string, value: string): boolean {\\n  try {\\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 */\\nexport function load(key: string): unknown | undefined {\\n  try {\\n    const almostThere = loadString(key)\\n    if (almostThere) {\\n      try {\\n        return JSON.parse(almostThere)\\n      } catch {\\n        return almostThere // Return the string if it\'s not a valid JSON\\n      }\\n    }\\n    return undefined\\n  } catch {\\n    return undefined\\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 */\\nexport function save(key: string, value: unknown): boolean {\\n  try {\\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 */\\nexport function remove(key: string): void {\\n  try {\\n    storage.delete(key)\\n  } catch {}\\n}\\n\\n/**\\n * Burn it all to the ground.\\n */\\nexport function clear(): void {\\n  try {\\n    storage.clearAll()\\n  } catch {}\\n}\\n\\nimport {\\n  storage,\\n  load,\\n  loadString,\\n  save,\\n  saveString,\\n  clear,\\n  remove,\\n} from \\"./storage\\";\\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 months 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":"8 months 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":"8 months 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":"7 months 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 type { ThemedStyle } from \\"app/theme\\";\\nimport { useAppTheme } from \\"app/utils/useAppTheme\\";\\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 { themed } = useAppTheme();\\n  const $containerInsets = useSafeAreaInsetsStyle([\\"top\\", \\"bottom\\"]);\\n  const count = useAppSelector((state) => state.counter.value);\\n  const dispatch = useAppDispatch();\\n  return (\\n    <View style={themed([$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: ThemedStyle<ViewStyle> = ({ colors }) => ({\\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":"2 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":"8 months 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":"8 months 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":"8 months 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<TextFieldProps, \\"ref\\" | \\"onValueChange\\" | \\"onChange\\" | \\"value\\"> {}\\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 = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\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 = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\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.lg }}\\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.lg }}\\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.lg }}\\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\\";\\nimport type { ThemedStyle } from \\"app/theme\\";\\nimport { useAppTheme } from \\"app/utils/useAppTheme\\";\\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 { themed } = useAppTheme();\\n\\n  const disabled = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\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 {...props} appearsOnIndex={0} disappearsOnIndex={-1} />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={themed($bottomSheetFooter)}\\n                  bottomInset={bottom}\\n                >\\n                  <Button text=\\"Dismiss\\" preset=\\"reversed\\" onPress={dismissOptions} />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 0) }}\\n          data={options}\\n          keyExtractor={(o) => o.value}\\n          renderItem={({ item, index }) => (\\n            <ListItem text={item.label} topSeparator={index !== 0} style={themed($listItem)} />\\n          )}\\n        />\\n      </BottomSheetModal>\\n      {/* success-line-end */}\\n    </>\\n  );\\n});\\n\\n// success-line-start\\nconst $bottomSheetFooter: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\n  paddingBottom: spacing.xs,\\n});\\n\\nconst $listItem: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\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\\";\\nimport type { ThemedStyle } from \\"app/theme\\";\\nimport { useAppTheme } from \\"app/utils/useAppTheme\\";\\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  const {\\n    themed,\\n    // success-line-start\\n    theme: { colors },\\n    // success-line-end\\n  } = useAppTheme();\\n\\n  const disabled = 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) => <Icon icon=\\"caretRight\\" containerStyle={props.style} />}\\n          />\\n        </View>\\n      </TouchableOpacity>\\n\\n      <BottomSheetModal\\n        ref={sheet}\\n        snapPoints={[\\"50%\\"]}\\n        stackBehavior=\\"replace\\"\\n        enableDismissOnClose\\n        backdropComponent={(props) => (\\n          <BottomSheetBackdrop {...props} appearsOnIndex={0} disappearsOnIndex={-1} />\\n        )}\\n        footerComponent={\\n          !multiple\\n            ? undefined\\n            : (props) => (\\n                <BottomSheetFooter\\n                  {...props}\\n                  style={themed($bottomSheetFooter)}\\n                  bottomInset={bottom}\\n                >\\n                  <Button text=\\"Dismiss\\" preset=\\"reversed\\" onPress={dismissOptions} />\\n                </BottomSheetFooter>\\n              )\\n        }\\n      >\\n        <BottomSheetFlatList\\n          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 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={themed($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: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\n  paddingBottom: spacing.xs,\\n});\\n\\nconst $listItem: ThemedStyle<ViewStyle> = ({ spacing }) => ({\\n  paddingHorizontal: spacing.lg,\\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. Knicks\\"\\n        value={selectedTeam}\\n        onSelect={setSelectedTeam}\\n        options={teams}\\n        multiple={false}\\n        containerStyle={{ marginBottom: spacing.lg }}\\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.lg }}\\n        renderValue={(value) => `Selected ${value.length} Teams`}\\n      />\\n    </>\\n  );\\n}\\n\\n","lastUpdated":"2 weeks 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 months ago","title":"Switch Between Expo Go and Expo CNG","publish_date":"2024-01-11","doc_name":"SwitchBetweenExpoGoCNG.md"},{"author":"Mark Rickert","content":"import { ThemeProvider as EmotionThemeProvider } from \\"@emotion/react\\";\\n\\nconst EmotionJSThemeProvider = (props: React.PropsWithChildren) => {\\n  const { theme } = useAppTheme();\\n  return <EmotionThemeProvider theme={theme}>{props.children}</EmotionThemeProvider>;\\n};\\n\\nreturn (\\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\\n+    <EmotionJSThemeProvider>\\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\\n        <AppStack />\\n      </NavigationContainer>\\n+    </EmotionJSThemeProvider>\\n  </ThemeProvider>\\n);\\n\\nimport styled from \\"@emotion/native\\";\\n\\nconst MyTextComponent = styled.Text`\\n  margin: 10px;\\n  color: ${({ theme }) => theme.colors.text};\\n  background-color: ${({ theme }) => theme.colors.background};\\n`;\\n\\nexport const MyScreen = (props) => {\\n  return (\\n    <MyTextComponent>\\n      This text color and background will change when changing themes.\\n    </MyTextComponent>\\n  );\\n};\\n\\n// Override Theme to get accurate typings for your project.\\nimport type { Theme as AppTheme } from \\"app/theme\\";\\nimport \\"@emotion/react\\";\\n\\ndeclare module \\"@emotion/react\\" {\\n  export interface Theme extends AppTheme {}\\n}\\n\\nconst { setThemeContextOverride, themeContext } = useAppTheme();\\n\\nreturn (\\n  <Button\\n    onPress={() => {\\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\\n      setThemeContextOverride(themeContext === \\"dark\\" ? \\"light\\" : \\"dark\\");\\n    }}\\n    text={`Switch Theme: ${themeContext}`}\\n  />\\n);\\n\\n","lastUpdated":"41 seconds ago","title":"Theming Ignite with Emotion.js","publish_date":"2024-10-02","doc_name":"Theming-Emotion.mdx"},{"author":"Mark Rickert","content":"import { ThemeProvider as StyledThemeProvider } from \\"styled-components\\";\\n\\nconst StyledComponentsThemeProvider = (props: React.PropsWithChildren) => {\\n  const { theme } = useAppTheme();\\n  return <StyledThemeProvider theme={theme} {...props} />;\\n};\\n\\nreturn (\\n  <ThemeProvider value={{ themeScheme, setThemeContextOverride }}>\\n+    <StyledComponentsThemeProvider>\\n      <NavigationContainer ref={navigationRef} theme={navigationTheme} {...props}>\\n        <AppStack />\\n      </NavigationContainer>\\n+    </StyledComponentsThemeProvider>\\n  </ThemeProvider>\\n);\\n\\nimport styled from \\"styled-components/native\\";\\n\\nconst MyTextComponent = styled.Text`\\n  margin: 10px;\\n  color: ${({ theme }) => theme.colors.text};\\n  background-color: ${({ theme }) => theme.colors.background};\\n`;\\n\\nexport const MyScreen = (props) => {\\n  return (\\n    <MyTextComponent>\\n      This text color and background will change when changing themes.\\n    </MyTextComponent>\\n  );\\n};\\n\\n// Override DefaultTheme to get accurate typings for your project.\\nimport type { Theme } from \\"app/theme\\";\\nimport \\"styled-components\\";\\nimport \\"styled-components/native\\";\\n\\ndeclare module \\"styled-components\\" {\\n  export interface DefaultTheme extends Theme {}\\n}\\n\\ndeclare module \\"styled-components/native\\" {\\n  export interface DefaultTheme extends Theme {}\\n}\\n\\nconst { setThemeContextOverride, themeContext } = useAppTheme();\\n\\nreturn (\\n  <Button\\n    onPress={() => {\\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\\n      setThemeContextOverride(themeContext === \\"dark\\" ? \\"light\\" : \\"dark\\");\\n    }}\\n    text={`Switch Theme: ${themeContext}`}\\n  />\\n);\\n\\n","lastUpdated":"41 seconds ago","title":"Theming Ignite with styled-components","publish_date":"2024-10-02","doc_name":"Theming-StyledComponents.mdx"},{"author":"Mark Rickert","content":"// Override UnistylesThemes to get accurate typings for your project.\\nimport type { Theme } from \\"app/theme\\";\\nimport \\"react-native-unistyles\\";\\n\\ntype AppThemes = {\\n  light: Theme;\\n  dark: Theme;\\n};\\n\\ndeclare module \\"react-native-unistyles\\" {\\n  export interface UnistylesThemes extends AppThemes {}\\n}\\n\\n+import { UnistylesRegistry } from \\"react-native-unistyles\\"\\n+import { darkTheme, lightTheme } from \\"app/theme\\"\\n\\nSplashScreen.preventAutoHideAsync()\\n\\n+UnistylesRegistry.addThemes({\\n+  light: lightTheme,\\n+  dark: darkTheme,\\n+}).addConfig({\\n+  // adaptiveThemes: true,\\n+  initialTheme: \\"light\\",\\n+})\\n+\\n\\nfunction IgniteApp() {\\n  return <App hideSplashScreen={SplashScreen.hideAsync} />\\n}\\n\\n  const setThemeContextOverride = useCallback((newTheme: ThemeContexts) => {\\n    setTheme(newTheme)\\n+    UnistylesRuntime.setTheme(newTheme || \\"light\\")\\n  }, [])\\n\\nimport { createStyleSheet, useStyles } from \\"react-native-unistyles\\";\\n\\nexport const MyScreen = (props) => {\\n  const { styles } = useStyles($uniStyles);\\n  return (\\n    <Text style={styles.text}>\\n      This text color and background will change when changing themes.\\n    </Text>\\n  );\\n};\\n\\nconst $uniStyles = createStyleSheet((theme) => ({\\n  text: {\\n    color: theme.colors.text,\\n    backgroundColor: theme.colors.background,\\n  },\\n}));\\n\\nconst { setThemeContextOverride, themeContext } = useAppTheme();\\n\\nreturn (\\n  <Button\\n    onPress={() => {\\n      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); // Animate the transition\\n      setThemeContextOverride(themeContext === \\"dark\\" ? \\"light\\" : \\"dark\\");\\n    }}\\n    text={`Switch Theme: ${themeContext}`}\\n  />\\n);\\n\\n","lastUpdated":"41 seconds ago","title":"Theming Ignite with Unistyles","publish_date":"2024-10-02","doc_name":"Theming-Unistyles.mdx"},{"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, 8 months 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":"4 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":"8 months 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, 9 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 months 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":"communityRecipes/CustomVectorIcons","path":"/docs/communityRecipes/CustomVectorIcons","sidebar":"mainSidebar"},{"id":"communityRecipes/index","path":"/docs/communityRecipes/","sidebar":"mainSidebar"},{"id":"intro","path":"/docs/intro","sidebar":"mainSidebar"},{"id":"recipes/AccessibilityFontSizes","path":"/docs/recipes/AccessibilityFontSizes","sidebar":"mainSidebar"},{"id":"recipes/ApolloClientCache","path":"/docs/recipes/ApolloClientCache","sidebar":"mainSidebar"},{"id":"recipes/Authentication","path":"/docs/recipes/Authentication","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/LocalFirstDataWithPowerSync","path":"/docs/recipes/LocalFirstDataWithPowerSync","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/Theming-Emotion","path":"/docs/recipes/Theming-Emotion","sidebar":"mainSidebar"},{"id":"recipes/Theming-StyledComponents","path":"/docs/recipes/Theming-StyledComponents","sidebar":"mainSidebar"},{"id":"recipes/Theming-Unistyles","path":"/docs/recipes/Theming-Unistyles","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}}}'),s=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var i=t(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=t(7624);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:s,codeTranslations:i},d=r.createContext(u);function p(e){let{children:n}=e;return(0,c.jsx)(d.Provider,{value:u,children:n})}},5852:(e,n,t)=>{"use strict";t.d(n,{c:()=>f});var r=t(1504),o=t(8684),a=t(6952),s=t(5684),i=t(7468),l=t(7624);function c(e){let{error:n,tryAgain:t}=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:t,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,l.jsx)(u,{error:n})]})}function u(e){let{error:n}=e;const t=(0,s.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:t})}function d(e){let{error:n,tryAgain:t}=e;return(0,l.jsxs)(f,{fallback:()=>(0,l.jsx)(c,{error:n,tryAgain:t}),children:[(0,l.jsx)(a.c,{children:(0,l.jsx)("title",{children:"Page Error"})}),(0,l.jsx)(i.c,{children:(0,l.jsx)(c,{error:n,tryAgain:t})})]})}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:n}=this.state;if(n){const e={error:n,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},8684:(e,n,t)=>{"use strict";t.d(n,{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,n,t)=>{"use strict";t.d(n,{c:()=>a});t(1504);var r=t(2160),o=t(7624);function a(e){return(0,o.jsx)(r.So,{...e})}},867:(e,n,t)=>{"use strict";t.d(n,{c:()=>f});var r=t(1504),o=t(440),a=t(5684),s=t(8264),i=t(8136),l=t(8684),c=t(5976),u=t(964),d=t(7624);function p(e,n){let{isNavLink:t,to:p,href:f,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":h,autoAddBaseUrl:y=!0,...b}=e;const{siteConfig:{trailingSlash:v,baseUrl:S}}=(0,s.c)(),{withBaseUrl:w}=(0,u.E)(),x=(0,c.c)(),k=(0,r.useRef)(null);(0,r.useImperativeHandle)(n,(()=>k.current));const T=p||f;const E=(0,i.c)(T),C=T?.replace("pathname://","");let A=void 0!==C?(_=C,y&&(e=>e.startsWith("/"))(_)?w(_):_):void 0;var _;A&&E&&(A=(0,a.applyTrailingSlash)(A,{trailingSlash:v,baseUrl:S}));const I=(0,r.useRef)(!1),P=t?o.Af:o.cH,R=l.c.canUseIntersectionObserver,L=(0,r.useRef)(),O=()=>{I.current||null==A||(window.docusaurus.preload(A),I.current=!0)};(0,r.useEffect)((()=>(!R&&E&&null!=A&&window.docusaurus.prefetch(A),()=>{R&&L.current&&L.current.disconnect()})),[L,A,R,E]);const N=A?.startsWith("#")??!1,F=!b.target||"_self"===b.target,j=!A||!E||!F||N;return h||!N&&j||x.collectLink(A),b.id&&x.collectAnchor(b.id),j?(0,d.jsx)("a",{ref:k,href:A,...T&&!E&&{target:"_blank",rel:"noopener noreferrer"},...b}):(0,d.jsx)(P,{...b,onMouseEnter:O,onTouchStart:O,innerRef:e=>{k.current=e,R&&e&&E&&(L.current=new window.IntersectionObserver((n=>{n.forEach((n=>{e===n.target&&(n.isIntersecting||n.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),L.current.observe(e))},to:A,...t&&{isActive:g,activeClassName:m}})}const f=r.forwardRef(p)},4357:(e,n,t)=>{"use strict";t.d(n,{c:()=>c,G:()=>l});var r=t(1504),o=t(7624);function a(e,n){const t=e.split(/(\{\w+\})/).map(((e,t)=>{if(t%2==1){const t=n?.[e.slice(1,-1)];if(void 0!==t)return t}return e}));return t.some((e=>(0,r.isValidElement)(e)))?t.map(((e,n)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:n}):e)).filter((e=>""!==e)):t.join("")}var s=t(144);function i(e){let{id:n,message:t}=e;if(void 0===n&&void 0===t)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return s[n??t]??t??n}function l(e,n){let{message:t,id:r}=e;return a(i({message:t,id:r}),n)}function c(e){let{children:n,id:t,values:r}=e;if(n&&"string"!=typeof n)throw console.warn("Illegal <Translate> children",n),new Error("The Docusaurus <Translate> component only accept simple string values");const s=i({message:n,id:t});return(0,o.jsx)(o.Fragment,{children:a(s,r)})}},2488:(e,n,t)=>{"use strict";t.d(n,{M:()=>r});const r="default"},8136:(e,n,t)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}t.d(n,{_:()=>r,c:()=>o})},964:(e,n,t)=>{"use strict";t.d(n,{E:()=>s,c:()=>i});var r=t(1504),o=t(8264),a=t(8136);function s(){const{siteConfig:{baseUrl:e,url:n}}=(0,o.c)(),t=(0,r.useCallback)(((t,r)=>function(e,n,t,r){let{forcePrependBaseUrl:o=!1,absolute:s=!1}=void 0===r?{}:r;if(!t||t.startsWith("#")||(0,a._)(t))return t;if(o)return n+t.replace(/^\//,"");if(t===n.replace(/\/$/,""))return n;const i=t.startsWith(n)?t:n+t.replace(/^\//,"");return s?e+i:i}(n,e,t,r)),[n,e]);return{withBaseUrl:t}}function i(e,n){void 0===n&&(n={});const{withBaseUrl:t}=s();return t(e,n)}},5976:(e,n,t)=>{"use strict";t.d(n,{c:()=>s});var r=t(1504);t(7624);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function s(){return a()}},8264:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});var r=t(1504),o=t(136);function a(){return(0,r.useContext)(o.e)}},3160:(e,n,t)=>{"use strict";t.d(n,{MP:()=>s,mm:()=>a});var r=t(8264),o=t(2488);function a(e,n){void 0===n&&(n={});const t=function(){const{globalData:e}=(0,r.c)();return e}()[e];if(!t&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return t}function s(e,n,t){void 0===n&&(n=o.M),void 0===t&&(t={});const r=a(e),s=r?.[n];if(!s&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${n}".`);return s}},3664:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});var r=t(1504),o=t(240);function a(){return(0,r.useContext)(o.e)}},5288:(e,n,t)=>{"use strict";t.d(n,{c:()=>o});var r=t(1504);const o=t(8684).c.canUseDOM?r.useLayoutEffect:r.useEffect},8120:(e,n,t)=>{"use strict";t.d(n,{c:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const n={};return function e(t,o){Object.entries(t).forEach((t=>{let[a,s]=t;const i=o?`${o}.${a}`:a;r(s)?e(s,i):n[i]=s}))}(e),n}},5548:(e,n,t)=>{"use strict";t.d(n,{Y:()=>s,e:()=>a});var r=t(1504),o=t(7624);const a=r.createContext(null);function s(e){let{children:n,value:t}=e;const s=r.useContext(a),i=(0,r.useMemo)((()=>function(e){let{parent:n,value:t}=e;if(!n){if(!t)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in t))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return t}const r={...n.data,...t?.data};return{plugin:n.plugin,data:r}}({parent:s,value:t})),[s,t]);return(0,o.jsx)(a.Provider,{value:i,children:n})}},5172:(e,n,t)=>{"use strict";t.d(n,{wB:()=>g,UF:()=>d,mU:()=>p,L0:()=>c,i8:()=>h,OK:()=>u,aA:()=>m,gN:()=>f});var r=t(5592),o=t(3160);const a=e=>e.versions.find((e=>e.isLast));function s(e,n){const t=a(e);return[...e.versions.filter((e=>e!==t)),t].find((e=>!!(0,r.ot)(n,{path:e.path,exact:!1,strict:!1})))}function i(e,n){const t=s(e,n),o=t?.docs.find((e=>!!(0,r.ot)(n,{path:e.path,exact:!0,strict:!1})));return{activeVersion:t,activeDoc:o,alternateDocVersions:o?function(n){const t={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===n&&(t[e.name]=r)}))})),t}(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 n=c(),{pathname:t}=(0,r.IT)();return function(e,n,t){void 0===t&&(t={});const o=Object.entries(e).sort(((e,n)=>n[1].path.localeCompare(e[1].path))).find((e=>{let[,t]=e;return!!(0,r.ot)(n,{path:t.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&t.failfast)throw new Error(`Can't find active docs plugin for "${n}" 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}(n,t,e)}function p(e){void 0===e&&(e={});const n=d(e),{pathname:t}=(0,r.IT)();if(!n)return;return{activePlugin:n,activeVersion:s(n.pluginData,t)}}function f(e){return u(e).versions}function m(e){const n=u(e);return a(n)}function g(e){const n=u(e),{pathname:t}=(0,r.IT)();return i(n,t)}function h(e){const n=u(e),{pathname:t}=(0,r.IT)();return function(e,n){const t=a(e);return{latestDocSuggestion:i(e,n).alternateDocVersions[t.name],latestVersionSuggestion:t}}(n,t)}},7483:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>r});const r={onRouteDidUpdate(e){let{location:n,previousLocation:t}=e;!t||n.pathname===t.pathname&&n.search===t.search&&n.hash===t.hash||setTimeout((()=>{window.gtag("set","page_path",n.pathname+n.search+n.hash),window.gtag("event","page_view")}))}}},1976:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});var r=t(2272),o=t.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:n,previousLocation:t}=e;if(t&&n.pathname!==t.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},5396:(e,n,t)=>{"use strict";t.r(n);var r=t(5720),o=t(7768);!function(e){const{themeConfig:{prism:n}}=o.default,{additionalLanguages:r}=n;globalThis.Prism=e,r.forEach((e=>{"php"===e&&t(1808),t(4096)(`./prism-${e}`)})),delete globalThis.Prism}(r.sp)},6448:(e,n,t)=>{"use strict";t.d(n,{c:()=>u});t(1504);var r=t(5456),o=t(4357),a=t(1824),s=t(867),i=t(5976);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=t(7624);function u(e){let{as:n,id:t,...u}=e;const d=(0,i.c)(),{navbar:{hideOnScroll:p}}=(0,a.y)();if("h1"===n||!t)return(0,c.jsx)(n,{...u,id:void 0});d.collectAnchor(t);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:t});return(0,c.jsxs)(n,{...u,className:(0,r.c)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:t,children:[u.children,(0,c.jsx)(s.c,{className:"hash-link",to:`#${t}`,"aria-label":f,title:f,children:"\u200b"})]})}},3232:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});t(1504);const r={iconExternalLink:"iconExternalLink_nPIU"};var o=t(7624);function a(e){let{width:n=13.5,height:t=13.5}=e;return(0,o.jsx)("svg",{width:n,height:t,"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,n,t)=>{"use strict";t.d(n,{c:()=>On});var r=t(1504),o=t(5456),a=t(5852),s=t(5008),i=t(5592),l=t(4357),c=t(7124),u=t(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:n}=(0,i.Uz)(),t=(0,r.useCallback)((e=>{e.preventDefault();const n=document.querySelector("main:first-of-type")??document.getElementById(d);n&&p(n)}),[]);return(0,c.c)((t=>{let{location:r}=t;e.current&&!r.hash&&"PUSH"===n&&p(e.current)})),{containerRef:e,onClick:t}}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 n=e.children??m,{containerRef:t,onClick:r}=f();return(0,u.jsx)("div",{ref:t,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:n})})}var h=t(5864),y=t(204);const b={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(g,{className:b.skipToContent})}var S=t(1824),w=t(3868);function x(e){let{width:n=21,height:t=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...s}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:n,height:t,...s,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 T(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 E={content:"content_knG7"};function C(e){const{announcementBar:n}=(0,S.y)(),{content:t}=n;return(0,u.jsx)("div",{...e,className:(0,o.c)(E.content,e.className),dangerouslySetInnerHTML:{__html:t}})}const A={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function _(){const{announcementBar:e}=(0,S.y)(),{isActive:n,close:t}=(0,w.el)();if(!n)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:A.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:A.announcementBarPlaceholder}),(0,u.jsx)(C,{className:A.announcementBarContent}),a&&(0,u.jsx)(T,{onClick:t,className:A.announcementBarClose})]})}var I=t(8200),P=t(3943);var R=t(1100),L=t(5168);const O=r.createContext(null);function N(e){let{children:n}=e;const t=function(){const e=(0,I.q)(),n=(0,L.MF)(),[t,o]=(0,r.useState)(!1),a=null!==n.component,s=(0,R.i0)(a);return(0,r.useEffect)((()=>{a&&!s&&o(!0)}),[a,s]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[t,o]),[t])}();return(0,u.jsx)(O.Provider,{value:t,children:n})}function F(e){if(e.component){const n=e.component;return(0,u.jsx)(n,{...e.props})}}function j(){const e=(0,r.useContext)(O);if(!e)throw new R.AH("NavbarSecondaryMenuDisplayProvider");const[n,t]=e,o=(0,r.useCallback)((()=>t(!1)),[t]),a=(0,L.MF)();return(0,r.useMemo)((()=>({shown:n,hide:o,content:F(a)})),[o,a,n])}function M(e){let{header:n,primaryMenu:t,secondaryMenu:r}=e;const{shown:a}=j();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[n,(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:t}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var D=t(6528),B=t(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 U(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 V={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function z(e){let{className:n,buttonClassName:t,value:r,onChange:a}=e;const s=(0,B.c)(),i=(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)(V.toggle,n),children:(0,u.jsxs)("button",{className:(0,o.c)("clean-btn",V.toggleButton,!s&&V.toggleButtonDisabled,t),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!s,title:i,"aria-label":i,"aria-live":"polite",children:[(0,u.jsx)($,{className:(0,o.c)(V.toggleIcon,V.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.c)(V.toggleIcon,V.darkToggleIcon)})]})})}const H=r.memo(z),W={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function G(e){let{className:n}=e;const t=(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:n,buttonClassName:"dark"===t?W.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var q=t(8164);function K(){return(0,u.jsx)(q.c,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Y(){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)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Y,{})]})}var Q=t(867),Z=t(964),J=t(8136),ee=t(1064),ne=t(3232);function te(e){let{activeBasePath:n,activeBaseRegex:t,to:r,href:o,label:a,html:s,isDropdownLink:i,prependBaseUrlToHref:l,...c}=e;const d=(0,Z.c)(r),p=(0,Z.c)(n),f=(0,Z.c)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,J.c)(o),g=s?{dangerouslySetInnerHTML:{__html:s}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(ne.c,{...i&&{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,...(n||t)&&{isActive:(e,n)=>t?(0,ee._)(t,n.pathname):n.pathname.startsWith(p)},...c,...g})}function re(e){let{className:n,isDropdownItem:t=!1,...r}=e;const a=(0,u.jsx)(te,{className:(0,o.c)(t?"dropdown__link":"navbar__item navbar__link",n),isDropdownLink:t,...r});return t?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:n,isDropdownItem:t,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(te,{className:(0,o.c)("menu__link",n),...r})})}function ae(e){let{mobile:n=!1,position:t,...r}=e;const o=n?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(n?"menu__link--active":"navbar__link--active")})}var se=t(8448),ie=t(3376),le=t(8264);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function ue(e,n){return e.some((e=>function(e,n){return!!(0,ie.Sc)(e.to,n)||!!(0,ee._)(e.activeBaseRegex,n)||!(!e.activeBasePath||!n.startsWith(e.activeBasePath))}(e,n)))}function de(e){let{items:n,position:t,className:a,onClick:s,...i}=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"===t,"dropdown--show":c}),children:[(0,u.jsx)(te,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:i.to?void 0:"#",className:(0,o.c)("navbar__link",a),...i,onClick:i.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:i.children??i.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:n.map(((e,n)=>(0,r.createElement)(He,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:n})))})]})}function pe(e){let{items:n,className:t,position:a,onClick:s,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.c)(),{pathname:n}=(0,i.IT)();return n.replace(e,"/")}(),d=ue(n,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,se.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)(te,{role:"button",className:(0,o.c)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",t),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(se.U,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:n.map(((e,n)=>(0,r.createElement)(He,{mobile:!0,isDropdownItem:!0,onClick:s,activeClassName:"menu__link--active",...e,key:n})))})]})}function fe(e){let{mobile:n=!1,...t}=e;const r=n?pe:de;return(0,u.jsx)(r,{...t})}var me=t(1616);function ge(e){let{width:n=20,height:t=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:n,height:t,"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=t(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=t(5052),Se=["translations"];function we(){return we=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},we.apply(this,arguments)}function xe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,o,a=[],s=!0,i=!1;try{for(t=t.call(e);!(s=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);s=!0);}catch(l){i=!0,o=l}finally{try{s||null==t.return||t.return()}finally{if(i)throw o}}return a}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return ke(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ke(e,n)}(e,n)||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,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function Te(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var Ee="Ctrl";var Ce=r.forwardRef((function(e,n){var t=e.translations,o=void 0===t?{}:t,a=Te(e,Se),s=o.buttonText,i=void 0===s?"Search":s,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(Ee))}),[]),r.createElement("button",we({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:n}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(ve.I,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},i)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Ee?r.createElement(be,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),Ae=t(6952),_e=t(7092),Ie=t(9032),Pe=t(4456);const Re={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 Oe(e){let{hit:n,children:t}=e;return(0,u.jsx)(Q.c,{to:n.url,children:t})}function Ne(e){let{state:n,onClose:t}=e;const r=(0,_e.Y)();return(0,u.jsx)(Q.c,{to:r(n.query),onClick:t,children:(0,u.jsx)(l.c,{id:"theme.SearchBar.seeAll",values:{count:n.context.nbHits},children:"See all {count} results"})})}function Fe(e){let{contextualSearch:n,externalUrlRegex:o,...a}=e;const{siteMetadata:s}=(0,le.c)(),l=(0,Ie.Q)(),c=function(){const{locale:e,tags:n}=(0,Pe.mY)();return[`language:${e}`,n.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=n?function(e,n){const t=e=>"string"==typeof e?[e]:e;return[...t(e),...t(n)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,i.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([t.e(2528).then(t.bind(t,148)),Promise.all([t.e(2176),t.e(1676)]).then(t.bind(t,1676)),Promise.all([t.e(2176),t.e(8879)]).then(t.bind(t,8879))]).then((e=>{let[{DocSearchModal:n}]=e;Le=n}))),[]),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]),T=(0,r.useCallback)((e=>{w().then((()=>{b(!0),S(e.key)}))}),[w,b,S]),E=(0,r.useRef)({navigate(e){let{itemUrl:n}=e;(0,ee._)(o,n)?window.location.href=n:m.push(n)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,A=(0,r.useMemo)((()=>e=>(0,u.jsx)(Ne,{...e,onClose:k})),[k]),_=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",s.docusaurusVersion),e)),[s.docusaurusVersion]);return function(e){var n=e.isOpen,t=e.onOpen,o=e.onClose,a=e.onInput,s=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&n||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var n=e.target,t=n.tagName;return n.isContentEditable||"INPUT"===t||"SELECT"===t||"TEXTAREA"===t}(e)&&"/"===e.key&&!n)&&(e.preventDefault(),n?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||t()),s&&s.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)}}),[n,t,o,a,s])}({isOpen:y,onOpen:x,onClose:k,onInput:T,searchButtonRef:h}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ae.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:Re.button}),y&&Le&&g.current&&(0,ye.createPortal)((0,u.jsx)(Le,{onClose:k,initialScrollY:window.scrollY,initialQuery:v,navigator:E,transformItems:C,hitComponent:Oe,transformSearchClient:_,...a.searchPagePath&&{resultsFooterComponent:A},...a,searchParameters:f,placeholder:Re.placeholder,translations:Re.modal}),g.current)]})}function je(){const{siteConfig:e}=(0,le.c)();return(0,u.jsx)(Fe,{...e.themeConfig.algolia})}const Me={navbarSearchContainer:"navbarSearchContainer_Bca1"};function De(e){let{children:n,className:t}=e;return(0,u.jsx)("div",{className:(0,o.c)(t,Me.navbarSearchContainer),children:n})}var Be=t(5172),$e=t(5492);var Ue=t(4592);const Ve=e=>e.docs.find((n=>n.id===e.mainDocId));const ze={default:ae,localeDropdown:function(e){let{mobile:n,dropdownItemsBefore:t,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:s,locales:c,localeConfigs:d}}=(0,le.c)(),p=(0,me.D)(),{search:f,hash:m}=(0,i.IT)(),g=[...t,...c.map((e=>{const t=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:t,target:"_self",autoAddBaseUrl:!1,className:e===s?n?"menu__link--active":"dropdown__link--active":""}})),...r],h=n?(0,l.G)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[s].label;return(0,u.jsx)(fe,{...a,mobile:n,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ge,{className:he}),h]}),items:g})},search:function(e){let{mobile:n,className:t}=e;return n?null:(0,u.jsx)(De,{className:t,children:(0,u.jsx)(je,{})})},dropdown:fe,html:function(e){let{value:n,className:t,mobile:r=!1,isDropdownItem:a=!1}=e;const s=a?"li":"div";return(0,u.jsx)(s,{className:(0,o.c)({navbar__item:!r&&!a,"menu__list-item":r},t),dangerouslySetInnerHTML:{__html:n}})},doc:function(e){let{docId:n,label:t,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),s=(0,$e.Qf)(n,r),i=a?.path===s?.path;return null===s||s.unlisted&&!i?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>i||!!a?.sidebar&&a.sidebar===s.sidebar,label:t??s.id,to:s.path})},docSidebar:function(e){let{sidebarId:n,label:t,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Be.wB)(r),s=(0,$e.Ab)(n,r).link;if(!s)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${n}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===n,label:t??s.label,to:s.path})},docsVersion:function(e){let{label:n,to:t,docsPluginId:r,...o}=e;const a=(0,$e.b7)(r)[0],s=n??a.label,i=t??(e=>e.docs.find((n=>n.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:s,to:i})},docsVersionDropdown:function(e){let{mobile:n,docsPluginId:t,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...s}=e;const{search:c,hash:d}=(0,i.IT)(),p=(0,Be.wB)(t),f=(0,Be.gN)(t),{savePreferredVersionName:m}=(0,Ue.iy)(t),g=[...o,...f.map((e=>{const n=p.alternateDocVersions[e.name]??Ve(e);return{label:e.label,to:`${n.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],h=(0,$e.b7)(t)[0],y=n&&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=n&&g.length>1?void 0:Ve(h).path;return g.length<=1?(0,u.jsx)(ae,{...s,mobile:n,label:y,to:b,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...s,mobile:n,label:y,to:b,items:g,isActive:r?()=>!1:void 0})}};function He(e){let{type:n,...t}=e;const r=function(e,n){return e&&"default"!==e?e:"items"in n?"dropdown":"default"}(n,t),o=ze[r];if(!o)throw new Error(`No NavbarItem component found for type "${n}".`);return(0,u.jsx)(o,{...t})}function We(){const e=(0,I.q)(),n=(0,S.y)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:n.map(((n,t)=>(0,r.createElement)(He,{mobile:!0,...n,onClick:()=>e.toggle(),key:t})))})}function Ge(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,n=j();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Ge,{onClick:()=>n.hide()}),n.content]})}function Ke(){const e=(0,I.q)();var n;return void 0===(n=e.shown)&&(n=!0),(0,r.useEffect)((()=>(document.body.style.overflow=n?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[n]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(X,{}),primaryMenu:(0,u.jsx)(We,{}),secondaryMenu:(0,u.jsx)(qe,{})}):null}const Ye={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:n}=e;const{navbar:{hideOnScroll:t,style:a}}=(0,S.y)(),s=(0,I.q)(),{navbarRef:i,isNavbarVisible:d}=function(e){const[n,t]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),s=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,P.SM)(((n,r)=>{let{scrollY:s}=n;if(!e)return;if(s<a.current)return void t(!0);if(o.current)return void(o.current=!1);const i=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;i&&s>=i?t(!1):s+c<l&&t(!0)})),(0,c.c)((n=>{if(!e)return;const r=n.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void t(!1);t(!0)})),{navbarRef:s,isNavbarVisible:n}}(t);return(0,u.jsxs)("nav",{ref:i,"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",t&&[Ye.navbarHideable,!d&&Ye.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":s.shown}),children:[n,(0,u.jsx)(Xe,{onClick:s.toggle}),(0,u.jsx)(Ke,{})]})}var Ze=t(5684);const Je={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function en(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 nn(e){let{error:n}=e;const t=(0,Ze.getErrorCausalChain)(n).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Je.errorBoundaryError,children:t})}class tn extends r.Component{componentDidCatch(e,n){throw this.props.onError(e,n)}render(){return this.props.children}}const rn="right";function on(e){let{width:n=30,height:t=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:n,height:t,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 an(){const{toggle:e,shown:n}=(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":n,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(on,{})})}const sn={colorModeToggle:"colorModeToggle_DEke"};function ln(e){let{items:n}=e;return(0,u.jsx)(u.Fragment,{children:n.map(((e,n)=>(0,u.jsx)(tn,{onError:n=>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:n}),children:(0,u.jsx)(He,{...e})},n)))})}function cn(e){let{left:n,right:t}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:n}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:t})]})}function un(){const e=(0,I.q)(),n=(0,S.y)().navbar.items,[t,r]=function(e){function n(e){return"left"===(e.position??rn)}return[e.filter(n),e.filter((e=>!n(e)))]}(n),o=n.find((e=>"search"===e.type));return(0,u.jsx)(cn,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(an,{}),(0,u.jsx)(K,{}),(0,u.jsx)(ln,{items:t})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ln,{items:r}),(0,u.jsx)(G,{className:sn.colorModeToggle}),!o&&(0,u.jsx)(De,{children:(0,u.jsx)(je,{})})]})})}function dn(){return(0,u.jsx)(Qe,{children:(0,u.jsx)(un,{})})}function pn(e){let{item:n}=e;const{to:t,href:r,label:o,prependBaseUrlToHref:a,...s}=n,i=(0,Z.c)(t),l=(0,Z.c)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Q.c,{className:"footer__link-item",...r?{href:a?l:r}:{to:i},...s,children:[o,r&&!(0,J.c)(r)&&(0,u.jsx)(ne.c,{})]})}function fn(e){let{item:n}=e;return n.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:n.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(pn,{item:n})},n.href??n.to)}function mn(e){let{column:n}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:n.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:n.items.map(((e,n)=>(0,u.jsx)(fn,{item:e},n)))})]})}function gn(e){let{columns:n}=e;return(0,u.jsx)("div",{className:"row footer__links",children:n.map(((e,n)=>(0,u.jsx)(mn,{column:e},n)))})}function hn(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function yn(e){let{item:n}=e;return n.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:n.html}}):(0,u.jsx)(pn,{item:n})}function bn(e){let{links:n}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:n.map(((e,t)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(yn,{item:e}),n.length!==t+1&&(0,u.jsx)(hn,{})]},t)))})})}function vn(e){let{links:n}=e;return function(e){return"title"in e[0]}(n)?(0,u.jsx)(gn,{columns:n}):(0,u.jsx)(bn,{links:n})}var Sn=t(1964);const wn={footerLogoLink:"footerLogoLink_BH7S"};function xn(e){let{logo:n}=e;const{withBaseUrl:t}=(0,Z.E)(),r={light:t(n.src),dark:t(n.srcDark??n.src)};return(0,u.jsx)(Sn.c,{className:(0,o.c)("footer__logo",n.className),alt:n.alt,sources:r,width:n.width,height:n.height,style:n.style})}function kn(e){let{logo:n}=e;return n.href?(0,u.jsx)(Q.c,{href:n.href,className:wn.footerLogoLink,target:n.target,children:(0,u.jsx)(xn,{logo:n})}):(0,u.jsx)(xn,{logo:n})}function Tn(e){let{copyright:n}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:n}})}function En(e){let{style:n,links:t,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.c)("footer",{"footer--dark":"dark"===n}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[t,(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 Cn(){const{footer:e}=(0,S.y)();if(!e)return null;const{copyright:n,links:t,logo:r,style:o}=e;return(0,u.jsx)(En,{style:o,links:t&&t.length>0&&(0,u.jsx)(vn,{links:t}),logo:r&&(0,u.jsx)(kn,{logo:r}),copyright:n&&(0,u.jsx)(Tn,{copyright:n})})}const An=r.memo(Cn),_n=(0,R.qY)([D.C,w.qu,P.S2,Ue.gc,s.w7,function(e){let{children:n}=e;return(0,u.jsx)(L.Ub,{children:(0,u.jsx)(I.y,{children:(0,u.jsx)(N,{children:n})})})}]);function In(e){let{children:n}=e;return(0,u.jsx)(_n,{children:n})}var Pn=t(6448);function Rn(e){let{error:n,tryAgain:t}=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)(Pn.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)(en,{onClick:t,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(nn,{error:n})})]})})})}const Ln={mainWrapper:"mainWrapper_z2l0"};function On(e){const{children:n,noFooter:t,wrapperClassName:r,title:i,description:l}=e;return(0,y.W)(),(0,u.jsxs)(In,{children:[(0,u.jsx)(s.U7,{title:i,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(_,{}),(0,u.jsx)(dn,{}),(0,u.jsx)("div",{id:d,className:(0,o.c)(h.W.wrapper.main,Ln.mainWrapper,r),children:(0,u.jsx)(a.c,{fallback:e=>(0,u.jsx)(Rn,{...e}),children:n})}),!t&&(0,u.jsx)(An,{})]})}},8164:(e,n,t)=>{"use strict";t.d(n,{c:()=>u});t(1504);var r=t(867),o=t(964),a=t(8264),s=t(1824),i=t(1964),l=t(7624);function c(e){let{logo:n,alt:t,imageClassName:r}=e;const a={light:(0,o.c)(n.src),dark:(0,o.c)(n.srcDark||n.src)},s=(0,l.jsx)(i.c,{className:n.className,sources:a,height:n.height,width:n.width,alt:t,style:n.style});return r?(0,l.jsx)("div",{className:r,children:s}):s}function u(e){const{siteConfig:{title:n}}=(0,a.c)(),{navbar:{title:t,logo:i}}=(0,s.y)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.c)(i?.href||"/"),m=t?"":n,g=i?.alt??m;return(0,l.jsxs)(r.c,{to:f,...p,...i?.target&&{target:i.target},children:[i&&(0,l.jsx)(c,{logo:i,alt:g,imageClassName:u}),null!=t&&(0,l.jsx)("b",{className:d,children:t})]})}},8712:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});t(1504);var r=t(6952),o=t(7624);function a(e){let{locale:n,version:t,tag:a}=e;const s=n;return(0,o.jsxs)(r.c,{children:[n&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:n}),t&&(0,o.jsx)("meta",{name:"docusaurus_version",content:t}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),s&&(0,o.jsx)("meta",{name:"docsearch:language",content:s}),t&&(0,o.jsx)("meta",{name:"docsearch:version",content:t}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},1964:(e,n,t)=>{"use strict";t.d(n,{c:()=>u});var r=t(1504),o=t(5456),a=t(3664),s=t(6528);const i={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=t(7624);function c(e){let{className:n,children:t}=e;const c=(0,a.c)(),{colorMode:u}=(0,s.U)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=t({theme:e,className:(0,o.c)(n,i.themedComponent,i[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:n,className:t,alt:r,...o}=e;return(0,l.jsx)(c,{className:t,children:e=>{let{theme:t,className:a}=e;return(0,l.jsx)("img",{src:n[t],alt:r,className:a,...o})}})}},8448:(e,n,t)=>{"use strict";t.d(n,{U:()=>y,a:()=>c});var r=t(1504),o=t(8684),a=t(5288),s=t(3856),i=t(7624);const l="ease-in-out";function c(e){let{initialState:n}=e;const[t,o]=(0,r.useState)(n??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:t,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,n){const t=n?u:d;e.style.display=t.display,e.style.overflow=t.overflow,e.style.height=t.height}function f(e){let{collapsibleRef:n,collapsed:t,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=n.current;function r(){const n=e.scrollHeight,t=o?.duration??function(e){if((0,s.I)())return 1;const n=e/36;return Math.round(10*(4+15*n**.25+n/5))}(n);return{transition:`height ${t}ms ${o?.easing??l}`,height:`${n}px`}}function i(){const n=r();e.style.transition=n.transition,e.style.height=n.height}if(!a.current)return p(e,t),void(a.current=!0);return e.style.willChange="height",function(){const n=requestAnimationFrame((()=>{t?(i(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(n)}()}),[n,t,o])}function m(e){if(!o.c.canUseDOM)return e?u:d}function g(e){let{as:n="div",collapsed:t,children:o,animation:a,onCollapseTransitionEnd:s,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:t,animation:a}),(0,i.jsx)(n,{ref:u,style:c?void 0:m(t),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,t),s?.(t))},className:l,children:o})}function h(e){let{collapsed:n,...t}=e;const[o,s]=(0,r.useState)(!n),[l,c]=(0,r.useState)(n);return(0,a.c)((()=>{n||s(!0)}),[n]),(0,a.c)((()=>{o&&c(n)}),[o,n]),o?(0,i.jsx)(g,{...t,collapsed:l}):null}function y(e){let{lazy:n,...t}=e;const r=n?h:g;return(0,i.jsx)(r,{...t})}},3868:(e,n,t)=>{"use strict";t.d(n,{el:()=>g,qu:()=>m});var r=t(1504),o=t(3664),a=t(1148),s=t(1100),i=t(1824),l=t(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:n}=e;const t=function(){const{announcementBar:e}=(0,i.y)(),n=(0,o.c)(),[t,a]=(0,r.useState)((()=>!!n&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const s=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:n}=e;let t=u.get();"annoucement-bar"===t&&(t="announcement-bar");const r=n!==t;u.set(n),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!t,close:s})),[e,t,s])}();return(0,l.jsx)(f.Provider,{value:t,children:n})}function g(){const e=(0,r.useContext)(f);if(!e)throw new s.AH("AnnouncementBarProvider");return e}},6528:(e,n,t)=>{"use strict";t.d(n,{C:()=>h,U:()=>y});var r=t(1504),o=t(8684),a=t(1100),s=t(1148),i=t(1824),l=t(7624);const c=r.createContext(void 0),u="theme",d=(0,s.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:n}=e;const t=function(){const{colorMode:{defaultMode:e,disableSwitch:n,respectPrefersColorScheme:t}}=(0,i.y)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{n&&d.del()}),[n]);const s=(0,r.useCallback)((function(n,r){void 0===r&&(r={});const{persist:o=!0}=r;n?(a(n),o&&g(n)):(a(t?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[t,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(n)return;const e=e=>{if(e.key!==u)return;const n=d.get();null!==n&&s(f(n))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[n,s]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(n&&!t)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:s(null)};return e.addListener(r),()=>e.removeListener(r)}),[s,n,t]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:s,get isDarkTheme(){return o===p.dark},setLightTheme(){s(p.light)},setDarkTheme(){s(p.dark)}})),[o,s])}();return(0,l.jsx)(c.Provider,{value:t,children:n})}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,n,t)=>{"use strict";t.d(n,{eM:()=>S,gc:()=>y,iy:()=>v});var r=t(1504),o=t(5172),a=t(2488),s=t(1824),i=t(5492),l=t(1100),c=t(1148),u=t(7624);const d=e=>`docs-preferred-version-${e}`,p={save:(e,n,t)=>{(0,c.GS)(d(e),{persistence:n}).set(t)},read:(e,n)=>(0,c.GS)(d(e),{persistence:n}).get(),clear:(e,n)=>{(0,c.GS)(d(e),{persistence:n}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const m=r.createContext(null);function g(){const e=(0,o.L0)(),n=(0,s.y)().docs.versionPersistence,t=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,i]=(0,r.useState)((()=>f(t)));(0,r.useEffect)((()=>{i(function(e){let{pluginIds:n,versionPersistence:t,allDocsData:r}=e;function o(e){const n=p.read(e,t);return r[e].versions.some((e=>e.name===n))?{preferredVersionName:n}:(p.clear(e,t),{preferredVersionName:null})}return Object.fromEntries(n.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:n,pluginIds:t}))}),[e,n,t]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,t){p.save(e,n,t),i((n=>({...n,[e]:{preferredVersionName:t}})))}})),[n])]}function h(e){let{children:n}=e;const t=g();return(0,u.jsx)(m.Provider,{value:t,children:n})}function y(e){let{children:n}=e;return i.c1?(0,u.jsx)(h,{children:n}):(0,u.jsx)(u.Fragment,{children:n})}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 n=(0,o.OK)(e),[t,s]=b(),{preferredVersionName:i}=t[e];return{preferredVersion:n.versions.find((e=>e.name===i))??null,savePreferredVersionName:(0,r.useCallback)((n=>{s.savePreferredVersion(e,n)}),[s,e])}}function S(){const e=(0,o.L0)(),[n]=b();function t(t){const r=e[t],{preferredVersionName:o}=n[t];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,t(e)])))}},6192:(e,n,t)=>{"use strict";t.d(n,{m:()=>c,y:()=>l});var r=t(1504),o=t(1100),a=t(7624);const s=Symbol("EmptyContext"),i=r.createContext(s);function l(e){let{children:n,name:t,items:o}=e;const s=(0,r.useMemo)((()=>t&&o?{name:t,items:o}:null),[t,o]);return(0,a.jsx)(i.Provider,{value:s,children:n})}function c(){const e=(0,r.useContext)(i);if(e===s)throw new o.AH("DocsSidebarProvider");return e}},9920:(e,n,t)=>{"use strict";t.d(n,{E:()=>l,Q:()=>i});var r=t(1504),o=t(1100),a=t(7624);const s=r.createContext(null);function i(e){let{children:n,version:t}=e;return(0,a.jsx)(s.Provider,{value:t,children:n})}function l(){const e=(0,r.useContext)(s);if(null===e)throw new o.AH("DocsVersionProvider");return e}},8200:(e,n,t)=>{"use strict";t.d(n,{q:()=>f,y:()=>p});var r=t(1504),o=t(5168),a=t(1432),s=t(632),i=t(1824),l=t(1100),c=t(7624);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.MF)(),{items:n}=(0,i.y)().navbar;return 0===n.length&&!e.component}(),n=(0,a.U)(),t=!e&&"mobile"===n,[l,c]=(0,r.useState)(!1);(0,s.a4)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===n&&c(!1)}),[n]),(0,r.useMemo)((()=>({disabled:e,shouldRender:t,toggle:u,shown:l})),[e,t,u,l])}function p(e){let{children:n}=e;const t=d();return(0,c.jsx)(u.Provider,{value:t,children:n})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.AH("NavbarMobileSidebarProvider");return e}},5168:(e,n,t)=>{"use strict";t.d(n,{MF:()=>l,Mx:()=>c,Ub:()=>i});var r=t(1504),o=t(1100),a=t(7624);const s=r.createContext(null);function i(e){let{children:n}=e;const t=(0,r.useState)({component:null,props:null});return(0,a.jsx)(s.Provider,{value:t,children:n})}function l(){const e=(0,r.useContext)(s);if(!e)throw new o.AH("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:n,props:t}=e;const a=(0,r.useContext)(s);if(!a)throw new o.AH("NavbarSecondaryMenuContentProvider");const[,i]=a,l=(0,o.Mh)(t);return(0,r.useEffect)((()=>{i({component:n,props:l})}),[i,n,l]),(0,r.useEffect)((()=>()=>i({component:null,props:null})),[i]),null}},204:(e,n,t)=>{"use strict";t.d(n,{m:()=>o,W:()=>a});var r=t(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,n,t)=>{"use strict";t.d(n,{Y:()=>l,a:()=>i});var r=t(1504),o=t(8264),a=t(632);const s="q";function i(){return(0,a.E9)(s)}function l(){const{siteConfig:{baseUrl:e,themeConfig:n}}=(0,o.c)(),{algolia:{searchPagePath:t}}=n;return(0,r.useCallback)((n=>`${e}${t}?${s}=${encodeURIComponent(n)}`),[e,t])}},1432:(e,n,t)=>{"use strict";t.d(n,{U:()=>i});var r=t(1504),o=t(8684);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},s=996;function i(e){let{desktopBreakpoint:n=s}=void 0===e?{}:e;const[t,i]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){i(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}(n))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[n]),t}},5864:(e,n,t)=>{"use strict";t.d(n,{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,n,t)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}t.d(n,{I:()=>r})},5492:(e,n,t)=>{"use strict";t.d(n,{Ab:()=>x,Gw:()=>f,Md:()=>h,Qf:()=>k,Uj:()=>T,b7:()=>w,c1:()=>p,js:()=>S,mg:()=>b});var r=t(1504),o=t(5592),a=t(5464),s=t(5172),i=t(4592),l=t(9920),c=t(6192),u=t(7128),d=t(3376);const p=!!s.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 n of e.items){const e=f(n);if(e)return e}}(e):void 0:e.href}const m=(e,n)=>void 0!==e&&(0,d.Sc)(e,n),g=(e,n)=>e.some((e=>h(e,n)));function h(e,n){return"link"===e.type?m(e.href,n):"category"===e.type&&(m(e.href,n)||g(e.items,n))}function y(e,n){switch(e.type){case"category":return h(e,n)||e.items.some((e=>y(e,n)));case"link":return!e.unlisted||h(e,n);default:return!0}}function b(e,n){return(0,r.useMemo)((()=>e.filter((e=>y(e,n)))),[e,n])}function v(e){let{sidebarItems:n,pathname:t,onlyCategories:r=!1}=e;const o=[];return function e(n){for(const a of n)if("category"===a.type&&((0,d.Sc)(a.href,t)||e(a.items))||"link"===a.type&&(0,d.Sc)(a.href,t)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(n),o}function S(){const e=(0,c.m)(),{pathname:n}=(0,o.IT)(),t=(0,s.UF)()?.pluginData.breadcrumbs;return!1!==t&&e?v({sidebarItems:e.items,pathname:n}):null}function w(e){const{activeVersion:n}=(0,s.wB)(e),{preferredVersion:t}=(0,i.iy)(e),o=(0,s.aA)(e);return(0,r.useMemo)((()=>(0,u.U)([n,t,o].filter(Boolean))),[n,t,o])}function x(e,n){const t=w(n);return(0,r.useMemo)((()=>{const n=t.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=n.find((n=>n[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${t.length>1?"s":""} ${t.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${n.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,t])}function k(e,n){const t=w(n);return(0,r.useMemo)((()=>{const n=t.flatMap((e=>e.docs)),r=n.find((n=>n.id===e));if(!r){if(t.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${t.length>1?"s":""} "${t.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,u.U)(n.map((e=>e.id))).join("\n- ")}`)}return r}),[e,t])}function T(e){let{route:n}=e;const t=(0,o.IT)(),r=(0,l.E)(),s=n.routes,i=s.find((e=>(0,o.ot)(t.pathname,e)));if(!i)return null;const c=i.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,a.k)(s),sidebarName:c,sidebarItems:u}}},8648:(e,n,t)=>{"use strict";t.d(n,{g:()=>o});var r=t(8264);function o(e){const{siteConfig:n}=(0,r.c)(),{title:t,titleDelimiter:o}=n;return e?.trim().length?`${e.trim()} ${o} ${t}`:t}},632:(e,n,t)=>{"use strict";t.d(n,{E9:()=>l,_M:()=>i,a4:()=>s});var r=t(1504),o=t(5592),a=t(1100);function s(e){!function(e){const n=(0,o.Uz)(),t=(0,a.yA)(e);(0,r.useEffect)((()=>n.block(((e,n)=>t(e,n)))),[n,t])}(((n,t)=>{if("POP"===t)return e(n,t)}))}function i(e){return function(e){const n=(0,o.Uz)();return(0,r.useSyncExternalStore)(n.listen,(()=>e(n)),(()=>e(n)))}((n=>null===e?null:new URLSearchParams(n.location.search).get(e)))}function l(e){const n=i(e)??"",t=function(){const e=(0,o.Uz)();return(0,r.useCallback)(((n,t,r)=>{const o=new URLSearchParams(e.location.search);t?o.set(n,t):o.delete(n),(r?.push?e.push:e.replace)({search:o.toString()})}),[e])}();return[n,(0,r.useCallback)(((n,r)=>{t(e,n,r)}),[t,e])]}},7128:(e,n,t)=>{"use strict";function r(e,n){return void 0===n&&(n=(e,n)=>e===n),e.filter(((t,r)=>e.findIndex((e=>n(e,t)))!==r))}function o(e){return Array.from(new Set(e))}t.d(n,{U:()=>o,w:()=>r})},5008:(e,n,t)=>{"use strict";t.d(n,{cr:()=>f,U7:()=>d,w7:()=>m});var r=t(1504),o=t(5456),a=t(6952),s=t(5548);function i(){const e=r.useContext(s.e);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=t(964),c=t(8648),u=t(7624);function d(e){let{title:n,description:t,keywords:r,image:o,children:s}=e;const i=(0,c.g)(n),{withBaseUrl:d}=(0,l.E)(),p=o?d(o,{absolute:!0}):void 0;return(0,u.jsxs)(a.c,{children:[n&&(0,u.jsx)("title",{children:i}),n&&(0,u.jsx)("meta",{property:"og:title",content:i}),t&&(0,u.jsx)("meta",{name:"description",content:t}),t&&(0,u.jsx)("meta",{property:"og:description",content:t}),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}),s]})}const p=r.createContext(void 0);function f(e){let{className:n,children:t}=e;const s=r.useContext(p),i=(0,o.c)(s,n);return(0,u.jsxs)(p.Provider,{value:i,children:[(0,u.jsx)(a.c,{children:(0,u.jsx)("html",{className:i})}),t]})}function m(e){let{children:n}=e;const t=i(),r=`plugin-${t.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${t.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.c)(r,a),children:n})}},1100:(e,n,t)=>{"use strict";t.d(n,{AH:()=>l,Mh:()=>c,i0:()=>i,qY:()=>u,yA:()=>s});var r=t(1504),o=t(5288),a=t(7624);function s(e){const n=(0,r.useRef)(e);return(0,o.c)((()=>{n.current=e}),[e]),(0,r.useCallback)((function(){return n.current(...arguments)}),[])}function i(e){const n=(0,r.useRef)();return(0,o.c)((()=>{n.current=e})),n.current}class l extends Error{constructor(e,n){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${n??""}`}}function c(e){const n=Object.entries(e);return n.sort(((e,n)=>e[0].localeCompare(n[0]))),(0,r.useMemo)((()=>e),n.flat())}function u(e){return n=>{let{children:t}=n;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,n)=>(0,a.jsx)(n,{children:e})),t)})}}},1064:(e,n,t)=>{"use strict";function r(e,n){return void 0!==e&&void 0!==n&&new RegExp(e,"gi").test(n)}t.d(n,{_:()=>r})},3376:(e,n,t)=>{"use strict";t.d(n,{Sc:()=>s,Y5:()=>i});var r=t(1504),o=t(628),a=t(8264);function s(e,n){const t=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return t(e)===t(n)}function i(){const{baseUrl:e}=(0,a.c)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:n,routes:t}=e;function r(e){return e.path===n&&!0===e.exact}function o(e){return e.path===n&&!e.exact}return function e(n){if(0===n.length)return;return n.find(r)||e(n.filter(o).flatMap((e=>e.routes??[])))}(t)}({routes:o.c,baseUrl:e})),[e])}},3943:(e,n,t)=>{"use strict";t.d(n,{MV:()=>m,S2:()=>u,SM:()=>f,yI:()=>g});var r=t(1504),o=t(8684),a=t(3664),s=t(5288),i=t(1100),l=t(7624);const c=r.createContext(void 0);function u(e){let{children:n}=e;const t=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,l.jsx)(c.Provider,{value:t,children:n})}function d(){const e=(0,r.useContext)(c);if(null==e)throw new i.AH("ScrollControllerProvider");return e}const p=()=>o.c.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function f(e,n){void 0===n&&(n=[]);const{scrollEventsEnabledRef:t}=d(),o=(0,r.useRef)(p()),a=(0,i.yA)(e);(0,r.useEffect)((()=>{const e=()=>{if(!t.current)return;const e=p();a(e,o.current),o.current=e},n={passive:!0};return e(),window.addEventListener("scroll",e,n),()=>window.removeEventListener("scroll",e,n)}),[a,t,...n])}function m(){const e=d(),n=function(){const e=(0,r.useRef)({elem:null,top:0}),n=(0,r.useCallback)((n=>{e.current={elem:n,top:n.getBoundingClientRect().top}}),[]),t=(0,r.useCallback)((()=>{const{current:{elem:n,top:t}}=e;if(!n)return{restored:!1};const r=n.getBoundingClientRect().top-t;return r&&window.scrollBy({left:0,top:r}),e.current={elem:null,top:0},{restored:0!==r}}),[]);return(0,r.useMemo)((()=>({save:n,restore:t})),[t,n])}(),t=(0,r.useRef)(void 0),o=(0,r.useCallback)((r=>{n.save(r),e.disableScrollEvents(),t.current=()=>{const{restored:r}=n.restore();if(t.current=void 0,r){const n=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",n)};window.addEventListener("scroll",n)}else e.enableScrollEvents()}}),[e,n]);return(0,s.c)((()=>{queueMicrotask((()=>t.current?.()))})),{blockElementScrollPositionUntilNextRender:o}}function g(){const e=(0,r.useRef)(null),n=(0,a.c)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:t=>{e.current=n?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(t):function(e){let n=null;const t=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(t&&o>e||!t&&o<e)&&(n=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>n&&cancelAnimationFrame(n)}(t)},cancelScroll:()=>e.current?.()}}},4456:(e,n,t)=>{"use strict";t.d(n,{SE:()=>i,e6:()=>s,mY:()=>l});var r=t(5172),o=t(8264),a=t(4592);const s="default";function i(e,n){return`docs-${e}-${n}`}function l(){const{i18n:e}=(0,o.c)(),n=(0,r.L0)(),t=(0,r.mU)(),l=(0,a.eM)();const c=[s,...Object.keys(n).map((function(e){const r=t?.activePlugin.pluginId===e?t.activeVersion:void 0,o=l[e],a=n[e].versions.find((e=>e.isLast));return i(e,(r??o??a).name)}))];return{locale:e.currentLocale,tags:c}}},1148:(e,n,t)=>{"use strict";t.d(n,{GS:()=>c,IN:()=>u});var r=t(1504);const o="localStorage";function a(e){let{key:n,oldValue:t,newValue:r,storage:o}=e;if(t===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,n,t,r,window.location.href,o),window.dispatchEvent(a)}function s(e){if(void 0===e&&(e=o),"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(t){return n=t,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.",n),i=!0),null}var n}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,n){if("undefined"==typeof window)return function(e){function n(){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:n,set:n,del:n,listen:n}}(e);const t=s(n?.persistence);return null===t?l:{get:()=>{try{return t.getItem(e)}catch(n){return console.error(`Docusaurus storage error, can't get key=${e}`,n),null}},set:n=>{try{const r=t.getItem(e);t.setItem(e,n),a({key:e,oldValue:r,newValue:n,storage:t})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${n}`,r)}},del:()=>{try{const n=t.getItem(e);t.removeItem(e),a({key:e,oldValue:n,newValue:null,storage:t})}catch(n){console.error(`Docusaurus storage error, can't delete key=${e}`,n)}},listen:n=>{try{const r=r=>{r.storageArea===t&&r.key===e&&n(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),()=>{}}}}}function u(e,n){const t=(0,r.useRef)((()=>null===e?l:c(e,n))).current(),o=(0,r.useCallback)((e=>"undefined"==typeof window?()=>{}:t.listen(e)),[t]);return[(0,r.useSyncExternalStore)(o,(()=>"undefined"==typeof window?null:t.get()),(()=>null)),t]}},1616:(e,n,t)=>{"use strict";t.d(n,{D:()=>s});var r=t(8264),o=t(5592),a=t(5684);function s(){const{siteConfig:{baseUrl:e,url:n,trailingSlash:t},i18n:{defaultLocale:s,currentLocale:i}}=(0,r.c)(),{pathname:l}=(0,o.IT)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:t,baseUrl:e}),u=i===s?e:e.replace(`/${i}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:t,fullyQualified:r}=e;return`${r?n:""}${function(e){return e===s?`${u}`:`${u}${e}/`}(t)}${d}`}}}},7124:(e,n,t)=>{"use strict";t.d(n,{c:()=>s});var r=t(1504),o=t(5592),a=t(1100);function s(e){const n=(0,o.IT)(),t=(0,a.i0)(n),s=(0,a.yA)(e);(0,r.useEffect)((()=>{t&&n!==t&&s({location:n,previousLocation:t})}),[s,n,t])}},1824:(e,n,t)=>{"use strict";t.d(n,{y:()=>o});var r=t(8264);function o(){return(0,r.c)().siteConfig.themeConfig}},8589:(e,n,t)=>{"use strict";t.d(n,{E:()=>o});var r=t(8264);function o(){const{siteConfig:{themeConfig:e}}=(0,r.c)();return e}},9032:(e,n,t)=>{"use strict";t.d(n,{Q:()=>i});var r=t(1504),o=t(1064),a=t(964),s=t(8589);function i(){const{withBaseUrl:e}=(0,a.E)(),{algolia:{externalUrlRegex:n,replaceSearchResultPathname:t}}=(0,s.E)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o._)(n,a.href))return r;const s=`${a.pathname+a.hash}`;return e(function(e,n){return n?e.replaceAll(new RegExp(n.from,"g"),n.to):e}(s,t))}),[e,n,t])}},1600:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=function(e,n){const{trailingSlash:t,baseUrl:r}=n;if(e.startsWith("#"))return e;if(void 0===t)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(s=o,t?function(e){return e.endsWith("/")?e:`${e}/`}(s):function(e){return e.endsWith("/")?e.slice(0,-1):e}(s));var s;return e.replace(o,a)}},4292:(e,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=void 0,n.getErrorCausalChain=function e(n){return n.cause?[n,...e(n.cause)]:[n]}},5684:function(e,n,t){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.getErrorCausalChain=n.applyTrailingSlash=n.blogPostContainerID=void 0,n.blogPostContainerID="__blog-post-container";var o=t(1600);Object.defineProperty(n,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}});var a=t(4292);Object.defineProperty(n,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},8064:(e,n,t)=>{"use strict";t.d(n,{iU:()=>S,Yf:()=>C,gh:()=>f,Wi:()=>_,Ep:()=>p});var r=t(6404);function o(e){return"/"===e.charAt(0)}function a(e,n){for(var t=n,r=t+1,o=e.length;r<o;t+=1,r+=1)e[t]=e[r];e.pop()}const s=function(e,n){void 0===n&&(n="");var t,r=e&&e.split("/")||[],s=n&&n.split("/")||[],i=e&&o(e),l=n&&o(n),c=i||l;if(e&&o(e)?s=r:r.length&&(s.pop(),s=s.concat(r)),!s.length)return"/";if(s.length){var u=s[s.length-1];t="."===u||".."===u||""===u}else t=!1;for(var d=0,p=s.length;p>=0;p--){var f=s[p];"."===f?a(s,p):".."===f?(a(s,p),d++):d&&(a(s,p),d--)}if(!c)for(;d--;d)s.unshift("..");!c||""===s[0]||s[0]&&o(s[0])||s.unshift("");var m=s.join("/");return t&&"/"!==m.substr(-1)&&(m+="/"),m};var i=t(6136);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,n){return function(e,n){return 0===e.toLowerCase().indexOf(n.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(n.length))}(e,n)?e.substr(n.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var n=e.pathname,t=e.search,r=e.hash,o=n||"/";return t&&"?"!==t&&(o+="?"===t.charAt(0)?t:"?"+t),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,n,t,o){var a;"string"==typeof e?(a=function(e){var n=e||"/",t="",r="",o=n.indexOf("#");-1!==o&&(r=n.substr(o),n=n.substr(0,o));var a=n.indexOf("?");return-1!==a&&(t=n.substr(a),n=n.substr(0,a)),{pathname:n,search:"?"===t?"":t,hash:"#"===r?"":r}}(e),a.state=n):(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!==n&&void 0===a.state&&(a.state=n));try{a.pathname=decodeURI(a.pathname)}catch(i){throw i instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):i}return t&&(a.key=t),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=s(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var n=[];return{setPrompt:function(n){return e=n,function(){e===n&&(e=null)}},confirmTransitionTo:function(n,t,r,o){if(null!=e){var a="function"==typeof e?e(n,t):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var t=!0;function r(){t&&e.apply(void 0,arguments)}return n.push(r),function(){t=!1,n=n.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.forEach((function(e){return e.apply(void 0,t)}))}}}var g=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,n){n(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,i.c)(!1);var n,t=window.history,o=(-1===(n=window.navigator.userAgent).indexOf("Android 2.")&&-1===n.indexOf("Android 4.0")||-1===n.indexOf("Mobile Safari")||-1!==n.indexOf("Chrome")||-1!==n.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),s=e,c=s.forceRefresh,S=void 0!==c&&c,w=s.getUserConfirmation,x=void 0===w?h:w,k=s.keyLength,T=void 0===k?6:k,E=e.basename?d(l(e.basename)):"";function C(e){var n=e||{},t=n.key,r=n.state,o=window.location,a=o.pathname+o.search+o.hash;return E&&(a=u(a,E)),f(a,r,t)}function A(){return Math.random().toString(36).substr(2,T)}var _=m();function I(e){(0,r.c)(U,e),U.length=t.length,_.notifyListeners(U.location,U.action)}function P(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||O(C(e.state))}function R(){O(C(v()))}var L=!1;function O(e){if(L)L=!1,I();else{_.confirmTransitionTo(e,"POP",x,(function(n){n?I({action:"POP",location:e}):function(e){var n=U.location,t=F.indexOf(n.key);-1===t&&(t=0);var r=F.indexOf(e.key);-1===r&&(r=0);var o=t-r;o&&(L=!0,M(o))}(e)}))}}var N=C(v()),F=[N.key];function j(e){return E+p(e)}function M(e){t.go(e)}var D=0;function B(e){1===(D+=e)&&1===e?(window.addEventListener(y,P),a&&window.addEventListener(b,R)):0===D&&(window.removeEventListener(y,P),a&&window.removeEventListener(b,R))}var $=!1;var U={length:t.length,action:"POP",location:N,createHref:j,push:function(e,n){var r="PUSH",a=f(e,n,A(),U.location);_.confirmTransitionTo(a,r,x,(function(e){if(e){var n=j(a),s=a.key,i=a.state;if(o)if(t.pushState({key:s,state:i},null,n),S)window.location.href=n;else{var l=F.indexOf(U.location.key),c=F.slice(0,l+1);c.push(a.key),F=c,I({action:r,location:a})}else window.location.href=n}}))},replace:function(e,n){var r="REPLACE",a=f(e,n,A(),U.location);_.confirmTransitionTo(a,r,x,(function(e){if(e){var n=j(a),s=a.key,i=a.state;if(o)if(t.replaceState({key:s,state:i},null,n),S)window.location.replace(n);else{var l=F.indexOf(U.location.key);-1!==l&&(F[l]=a.key),I({action:r,location:a})}else window.location.replace(n)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var n=_.setPrompt(e);return $||(B(1),$=!0),function(){return $&&($=!1,B(-1)),n()}},listen:function(e){var n=_.appendListener(e);return B(1),function(){B(-1),n()}}};return U}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 n=e.indexOf("#");return-1===n?e:e.slice(0,n)}function T(){var e=window.location.href,n=e.indexOf("#");return-1===n?"":e.substring(n+1)}function E(e){window.location.replace(k(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),g||(0,i.c)(!1);var n=window.history,t=(window.navigator.userAgent.indexOf("Firefox"),e),o=t.getUserConfirmation,a=void 0===o?h:o,s=t.hashType,c=void 0===s?"slash":s,y=e.basename?d(l(e.basename)):"",b=x[c],v=b.encodePath,S=b.decodePath;function C(){var e=S(T());return y&&(e=u(e,y)),f(e)}var A=m();function _(e){(0,r.c)($,e),$.length=n.length,A.notifyListeners($.location,$.action)}var I=!1,P=null;function R(){var e,n,t=T(),r=v(t);if(t!==r)E(r);else{var o=C(),s=$.location;if(!I&&(n=o,(e=s).pathname===n.pathname&&e.search===n.search&&e.hash===n.hash))return;if(P===p(o))return;P=null,function(e){if(I)I=!1,_();else{var n="POP";A.confirmTransitionTo(e,n,a,(function(t){t?_({action:n,location:e}):function(e){var n=$.location,t=F.lastIndexOf(p(n));-1===t&&(t=0);var r=F.lastIndexOf(p(e));-1===r&&(r=0);var o=t-r;o&&(I=!0,j(o))}(e)}))}}(o)}}var L=T(),O=v(L);L!==O&&E(O);var N=C(),F=[p(N)];function j(e){n.go(e)}var M=0;function D(e){1===(M+=e)&&1===e?window.addEventListener(w,R):0===M&&window.removeEventListener(w,R)}var B=!1;var $={length:n.length,action:"POP",location:N,createHref:function(e){var n=document.querySelector("base"),t="";return n&&n.getAttribute("href")&&(t=k(window.location.href)),t+"#"+v(y+p(e))},push:function(e,n){var t="PUSH",r=f(e,void 0,void 0,$.location);A.confirmTransitionTo(r,t,a,(function(e){if(e){var n=p(r),o=v(y+n);if(T()!==o){P=n,function(e){window.location.hash=e}(o);var a=F.lastIndexOf(p($.location)),s=F.slice(0,a+1);s.push(n),F=s,_({action:t,location:r})}else _()}}))},replace:function(e,n){var t="REPLACE",r=f(e,void 0,void 0,$.location);A.confirmTransitionTo(r,t,a,(function(e){if(e){var n=p(r),o=v(y+n);T()!==o&&(P=n,E(o));var a=F.indexOf(p($.location));-1!==a&&(F[a]=n),_({action:t,location:r})}}))},go:j,goBack:function(){j(-1)},goForward:function(){j(1)},block:function(e){void 0===e&&(e=!1);var n=A.setPrompt(e);return B||(D(1),B=!0),function(){return B&&(B=!1,D(-1)),n()}},listen:function(e){var n=A.appendListener(e);return D(1),function(){D(-1),n()}}};return $}function A(e,n,t){return Math.min(Math.max(e,n),t)}function _(e){void 0===e&&(e={});var n=e,t=n.getUserConfirmation,o=n.initialEntries,a=void 0===o?["/"]:o,s=n.initialIndex,i=void 0===s?0:s,l=n.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=A(i,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 n=A(S.index+e,0,S.entries.length-1),r=S.entries[n];u.confirmTransitionTo(r,"POP",t,(function(e){e?d({action:"POP",location:r,index:n}):d()}))}var S={length:y.length,action:"POP",location:y[h],index:h,entries:y,createHref:b,push:function(e,n){var r="PUSH",o=f(e,n,g(),S.location);u.confirmTransitionTo(o,r,t,(function(e){if(e){var n=S.index+1,t=S.entries.slice(0);t.length>n?t.splice(n,t.length-n,o):t.push(o),d({action:r,location:o,index:n,entries:t})}}))},replace:function(e,n){var r="REPLACE",o=f(e,n,g(),S.location);u.confirmTransitionTo(o,r,t,(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 n=S.index+e;return n>=0&&n<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,n,t)=>{"use strict";var r=t(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},s={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function l(e){return r.isMemo(e)?s:i[e.$$typeof]||o}i[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[r.Memo]=s;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(n,t,r){if("string"!=typeof t){if(m){var o=f(t);o&&o!==m&&e(n,o,r)}var s=u(t);d&&(s=s.concat(d(t)));for(var i=l(n),g=l(t),h=0;h<s.length;++h){var y=s[h];if(!(a[y]||r&&r[y]||g&&g[y]||i&&i[y])){var b=p(t,y);try{c(n,y,b)}catch(v){}}}}return n}},9328:e=>{"use strict";e.exports=function(e,n,t,r,o,a,s,i){if(!e){var l;if(void 0===n)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[t,r,o,a,s,i],u=0;(l=new Error(n.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,n,t)=>{"use strict";t.r(n)},9115:(e,n,t)=>{"use strict";t.r(n)},2272:function(e,n,t){var r,o;r=function(){var e,n,t={version:"0.2.0"},r=t.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,n,t){return e<n?n:e>t?t:e}function a(e){return 100*(-1+e)}function s(e,n,t){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 "+n+"ms "+t,o}t.configure=function(e){var n,t;for(n in e)void 0!==(t=e[n])&&e.hasOwnProperty(n)&&(r[n]=t);return this},t.status=null,t.set=function(e){var n=t.isStarted();e=o(e,r.minimum,1),t.status=1===e?null:e;var a=t.render(!n),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,i((function(n){""===r.positionUsing&&(r.positionUsing=t.getPositioningCSS()),l(c,s(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(){t.remove(),n()}),u)}),u)):setTimeout(n,u)})),this},t.isStarted=function(){return"number"==typeof t.status},t.start=function(){t.status||t.set(0);var e=function(){setTimeout((function(){t.status&&(t.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},t.done=function(e){return e||t.status?t.inc(.3+.5*Math.random()).set(1):this},t.inc=function(e){var n=t.status;return n?("number"!=typeof e&&(e=(1-n)*o(Math.random()*n,.1,.95)),n=o(n+e,0,.994),t.set(n)):t.start()},t.trickle=function(){return t.inc(Math.random()*r.trickleRate)},e=0,n=0,t.promise=function(r){return r&&"resolved"!==r.state()?(0===n&&t.start(),e++,n++,r.always((function(){0==--n?(e=0,t.done()):t.set((e-n)/e)})),this):this},t.render=function(e){if(t.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=r.template;var o,s=n.querySelector(r.barSelector),i=e?"-100":a(t.status||0),c=document.querySelector(r.parent);return l(s,{transition:"all 0 linear",transform:"translate3d("+i+"%,0,0)"}),r.showSpinner||(o=n.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(n),n},t.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},t.isRendered=function(){return!!document.getElementById("nprogress")},t.getPositioningCSS=function(){var e=document.body.style,n="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return n+"Perspective"in e?"translate3d":n+"Transform"in e?"translate":"margin"};var i=function(){var e=[];function n(){var t=e.shift();t&&t(n)}return function(t){e.push(t),1==e.length&&n()}}(),l=function(){var e=["Webkit","O","Moz","ms"],n={};function t(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,n){return n.toUpperCase()}))}function r(n){var t=document.body.style;if(n in t)return n;for(var r,o=e.length,a=n.charAt(0).toUpperCase()+n.slice(1);o--;)if((r=e[o]+a)in t)return r;return n}function o(e){return e=t(e),n[e]||(n[e]=r(e))}function a(e,n,t){n=o(n),e.style[n]=t}return function(e,n){var t,r,o=arguments;if(2==o.length)for(t in n)void 0!==(r=n[t])&&n.hasOwnProperty(t)&&a(e,t,r);else a(e,o[1],o[2])}}();function c(e,n){return("string"==typeof e?e:p(e)).indexOf(" "+n+" ")>=0}function u(e,n){var t=p(e),r=t+n;c(t,n)||(e.className=r.substring(1))}function d(e,n){var t,r=p(e);c(e,n)&&(t=r.replace(" "+n+" "," "),e.className=t.substring(1,t.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return t},void 0===(o="function"==typeof r?r.call(n,t,n,e):r)||(e.exports=o)},1596:()=>{!function(e){var n="\\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",t={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:t,environment:{pattern:RegExp("\\$"+n),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("(\\{)"+n),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;|&]|[<>]\\()"+n),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:t}},{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("\\$?"+n),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}},t.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,s=0;s<o.length;s++)a[o[s]]=e.languages.bash[o[s]];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 n={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(n).forEach((function(t){var r=n[t],o=[];/^\w+$/.test(t)||o.push(/\w+/.exec(t)[0]),"diff"===t&&o.push("bold"),e.languages.diff[t]={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(t)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:n})}(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(n){e.languages["markup-templating"].buildPlaceholders(n,"ejs",/<%(?!%)[\s\S]+?%>/g)})),e.hooks.add("after-tokenize",(function(n){e.languages["markup-templating"].tokenizePlaceholders(n,"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 n(e,n){return"___"+e.toUpperCase()+n+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(t,r,o,a){if(t.language===r){var s=t.tokenStack=[];t.code=t.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,i=s.length;-1!==t.code.indexOf(o=n(r,i));)++i;return s[i]=e,o})),t.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(t,r){if(t.language===r&&t.tokenStack){t.grammar=e.languages[r];var o=0,a=Object.keys(t.tokenStack);!function s(i){for(var l=0;l<i.length&&!(o>=a.length);l++){var c=i[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=t.tokenStack[u],p="string"==typeof c?c:c.content,f=n(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),h=new e.Token(r,e.tokenize(d,t.grammar),"language-"+r,d),y=p.substring(m+f.length),b=[];g&&b.push.apply(b,s([g])),b.push(h),y&&b.push.apply(b,s([y])),"string"==typeof c?i.splice.apply(i,[l,1].concat(b)):c.content=b}}else c.content&&s(c.content)}return i}(t.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 n={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 t="(?:"+[/([^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+t+/[egimnosux]{0,6}/.source),greedy:!0,inside:{interpolation:n,regex:/[\s\S]+/}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:n,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+t),greedy:!0,inside:{interpolation:n,string:/[\s\S]+/}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:n,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:n,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+t),greedy:!0,inside:{interpolation:n,command:{pattern:/[\s\S]+/,alias:"string"}}},{pattern:/`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,greedy:!0,inside:{interpolation:n,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,n,t)=>{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 n=a(e);return t(n)}function a(e){if(!t.o(r,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=4096},9776:(e,n,t)=>{"use strict";var r=t(9143);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,a,s){if(s!==r){var i=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 i.name="Invariant Violation",i}}function n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:o};return t.PropTypes=t,t}},3268:(e,n,t)=>{e.exports=t(9776)()},9143:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9516:(e,n,t)=>{"use strict";var r=t(1504),o=t(4712);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t<arguments.length;t++)n+="&args[]="+encodeURIComponent(arguments[t]);return"Minified React error #"+e+"; visit "+n+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var s=new Set,i={};function l(e,n){c(e,n),c(e+"Capture",n)}function c(e,n){for(i[e]=n,e=0;e<n.length;e++)s.add(n[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,n,t,r,o,a,s){this.acceptsBooleans=2===n||3===n||4===n,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=t,this.propertyName=e,this.type=n,this.sanitizeURL=a,this.removeEmptyString=s}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 n=e[0];h[n]=new g(n,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,n,t,r){var o=h.hasOwnProperty(n)?h[n]:null;(null!==o?0!==o.type:r||!(2<n.length)||"o"!==n[0]&&"O"!==n[0]||"n"!==n[1]&&"N"!==n[1])&&(function(e,n,t,r){if(null==n||function(e,n,t,r){if(null!==t&&0===t.type)return!1;switch(typeof n){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==t?!t.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,n,t,r))return!0;if(r)return!1;if(null!==t)switch(t.type){case 3:return!n;case 4:return!1===n;case 5:return isNaN(n);case 6:return isNaN(n)||1>n}return!1}(n,t,o,r)&&(t=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))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):o.mustUseProperty?e[o.propertyName]=null===t?3!==o.type&&"":t:(n=o.attributeName,r=o.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(o=o.type)||4===o&&!0===t?"":""+t,r?e.setAttributeNS(r,n,t):e.setAttribute(n,t))))}"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 n=e.replace(y,b);h[n]=new g(n,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var n=e.replace(y,b);h[n]=new g(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var n=e.replace(y,b);h[n]=new g(n,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"),T=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),A=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var O=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var N=Symbol.iterator;function F(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=N&&e[N]||e["@@iterator"])?e:null}var j,M=Object.assign;function D(e){if(void 0===j)try{throw Error()}catch(t){var n=t.stack.trim().match(/\n( *(at )?)/);j=n&&n[1]||""}return"\n"+j+e}var B=!1;function $(e,n){if(!e||B)return"";B=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(c){var r=c}Reflect.construct(e,[],n)}else{try{n.call()}catch(c){r=c}e.call(n.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"),s=o.length-1,i=a.length-1;1<=s&&0<=i&&o[s]!==a[i];)i--;for(;1<=s&&0<=i;s--,i--)if(o[s]!==a[i]){if(1!==s||1!==i)do{if(s--,0>--i||o[s]!==a[i]){var l="\n"+o[s].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=s&&0<=i);break}}}finally{B=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?D(e):""}function U(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 V(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 E:return"Profiler";case T:return"StrictMode";case I:return"Suspense";case P:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case _:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case R:return null!==(n=e.displayName||null)?n:V(e.type)||"Memo";case L:n=e._payload,e=e._init;try{return V(e(n))}catch(t){}}return null}function z(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return V(n);case 8:return n===T?"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 n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function W(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function G(e){e._valueTracker||(e._valueTracker=function(e){var n=W(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),r=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var o=t.get,a=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function q(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),r="";return e&&(r=W(e)?e.checked?"true":"false":e.value),(e=r)!==t&&(n.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function Y(e,n){var t=n.checked;return M({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function X(e,n){var t=null==n.defaultValue?"":n.defaultValue,r=null!=n.checked?n.checked:n.defaultChecked;t=H(null!=n.value?n.value:t),e._wrapperState={initialChecked:r,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Q(e,n){null!=(n=n.checked)&&v(e,"checked",n,!1)}function Z(e,n){Q(e,n);var t=H(n.value),r=n.type;if(null!=t)"number"===r?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,t):n.hasOwnProperty("defaultValue")&&ee(e,n.type,H(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function J(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var r=n.type;if(!("submit"!==r&&"reset"!==r||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function ee(e,n,t){"number"===n&&K(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var ne=Array.isArray;function te(e,n,t,r){if(e=e.options,n){n={};for(var o=0;o<t.length;o++)n["$"+t[o]]=!0;for(t=0;t<e.length;t++)o=n.hasOwnProperty("$"+e[t].value),e[t].selected!==o&&(e[t].selected=o),o&&r&&(e[t].defaultSelected=!0)}else{for(t=""+H(t),n=null,o=0;o<e.length;o++){if(e[o].value===t)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==n||e[o].disabled||(n=e[o])}null!==n&&(n.selected=!0)}}function re(e,n){if(null!=n.dangerouslySetInnerHTML)throw Error(a(91));return M({},n,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,n){var t=n.value;if(null==t){if(t=n.children,n=n.defaultValue,null!=t){if(null!=n)throw Error(a(92));if(ne(t)){if(1<t.length)throw Error(a(93));t=t[0]}n=t}null==n&&(n=""),t=n}e._wrapperState={initialValue:H(t)}}function ae(e,n){var t=H(n.value),r=H(n.defaultValue);null!=t&&((t=""+t)!==e.value&&(e.value=t),null==n.defaultValue&&e.defaultValue!==t&&(e.defaultValue=t)),null!=r&&(e.defaultValue=""+r)}function se(e){var n=e.textContent;n===e._wrapperState.initialValue&&""!==n&&null!==n&&(e.value=n)}function ie(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,n){return null==e||"http://www.w3.org/1999/xhtml"===e?ie(n):"http://www.w3.org/2000/svg"===e&&"foreignObject"===n?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,n){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=n;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+n.valueOf().toString()+"</svg>",n=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,n)}))}:ue);function pe(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}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,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||fe.hasOwnProperty(e)&&fe[e]?(""+n).trim():n+"px"}function he(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var r=0===t.indexOf("--"),o=ge(t,n[t],r);"float"===t&&(t="cssFloat"),r?e.setProperty(t,o):e[t]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),fe[n]=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,n){if(n){if(ye[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(a(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(a(62))}}function ve(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.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,Te=null;function Ee(e){if(e=So(e)){if("function"!=typeof xe)throw Error(a(280));var n=e.stateNode;n&&(n=xo(n),xe(e.stateNode,e.type,n))}}function Ce(e){ke?Te?Te.push(e):Te=[e]:ke=e}function Ae(){if(ke){var e=ke,n=Te;if(Te=ke=null,Ee(e),n)for(e=0;e<n.length;e++)Ee(n[e])}}function _e(e,n){return e(n)}function Ie(){}var Pe=!1;function Re(e,n,t){if(Pe)return e(n,t);Pe=!0;try{return _e(e,n,t)}finally{Pe=!1,(null!==ke||null!==Te)&&(Ie(),Ae())}}function Le(e,n){var t=e.stateNode;if(null===t)return null;var r=xo(t);if(null===r)return null;t=r[n];e:switch(n){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(t&&"function"!=typeof t)throw Error(a(231,n,typeof t));return t}var Oe=!1;if(u)try{var Ne={};Object.defineProperty(Ne,"passive",{get:function(){Oe=!0}}),window.addEventListener("test",Ne,Ne),window.removeEventListener("test",Ne,Ne)}catch(ue){Oe=!1}function Fe(e,n,t,r,o,a,s,i,l){var c=Array.prototype.slice.call(arguments,3);try{n.apply(t,c)}catch(u){this.onError(u)}}var je=!1,Me=null,De=!1,Be=null,$e={onError:function(e){je=!0,Me=e}};function Ue(e,n,t,r,o,a,s,i,l){je=!1,Me=null,Fe.apply($e,arguments)}function Ve(e){var n=e,t=e;if(e.alternate)for(;n.return;)n=n.return;else{e=n;do{0!=(4098&(n=e).flags)&&(t=n.return),e=n.return}while(e)}return 3===n.tag?t:null}function ze(e){if(13===e.tag){var n=e.memoizedState;if(null===n&&(null!==(e=e.alternate)&&(n=e.memoizedState)),null!==n)return n.dehydrated}return null}function He(e){if(Ve(e)!==e)throw Error(a(188))}function We(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Ve(e)))throw Error(a(188));return n!==e?null:e}for(var t=e,r=n;;){var o=t.return;if(null===o)break;var s=o.alternate;if(null===s){if(null!==(r=o.return)){t=r;continue}break}if(o.child===s.child){for(s=o.child;s;){if(s===t)return He(o),e;if(s===r)return He(o),n;s=s.sibling}throw Error(a(188))}if(t.return!==r.return)t=o,r=s;else{for(var i=!1,l=o.child;l;){if(l===t){i=!0,t=o,r=s;break}if(l===r){i=!0,r=o,t=s;break}l=l.sibling}if(!i){for(l=s.child;l;){if(l===t){i=!0,t=s,r=o;break}if(l===r){i=!0,r=s,t=o;break}l=l.sibling}if(!i)throw Error(a(189))}}if(t.alternate!==r)throw Error(a(190))}if(3!==t.tag)throw Error(a(188));return t.stateNode.current===t?e:n}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var n=Ge(e);if(null!==n)return n;e=e.sibling}return null}var qe=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Ye=o.unstable_shouldYield,Xe=o.unstable_requestPaint,Qe=o.unstable_now,Ze=o.unstable_getCurrentPriorityLevel,Je=o.unstable_ImmediatePriority,en=o.unstable_UserBlockingPriority,nn=o.unstable_NormalPriority,tn=o.unstable_LowPriority,rn=o.unstable_IdlePriority,on=null,an=null;var sn=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(ln(e)/cn|0)|0},ln=Math.log,cn=Math.LN2;var un=64,dn=4194304;function pn(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 fn(e,n){var t=e.pendingLanes;if(0===t)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,s=268435455&t;if(0!==s){var i=s&~o;0!==i?r=pn(i):0!==(a&=s)&&(r=pn(a))}else 0!==(s=t&~o)?r=pn(s):0!==a&&(r=pn(a));if(0===r)return 0;if(0!==n&&n!==r&&0==(n&o)&&((o=r&-r)>=(a=n&-n)||16===o&&0!=(4194240&a)))return n;if(0!=(4&r)&&(r|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=r;0<n;)o=1<<(t=31-sn(n)),r|=e[t],n&=~o;return r}function mn(e,n){switch(e){case 1:case 2:case 4:return n+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 n+5e3;default:return-1}}function gn(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function hn(){var e=un;return 0==(4194240&(un<<=1))&&(un=64),e}function yn(e){for(var n=[],t=0;31>t;t++)n.push(e);return n}function bn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-sn(n)]=t}function vn(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var r=31-sn(t),o=1<<r;o&n|e[r]&n&&(e[r]|=n),t&=~o}}var Sn=0;function wn(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xn,kn,Tn,En,Cn,An=!1,_n=[],In=null,Pn=null,Rn=null,Ln=new Map,On=new Map,Nn=[],Fn="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 jn(e,n){switch(e){case"focusin":case"focusout":In=null;break;case"dragenter":case"dragleave":Pn=null;break;case"mouseover":case"mouseout":Rn=null;break;case"pointerover":case"pointerout":Ln.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":On.delete(n.pointerId)}}function Mn(e,n,t,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:n,domEventName:t,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==n&&(null!==(n=So(n))&&kn(n)),e):(e.eventSystemFlags|=r,n=e.targetContainers,null!==o&&-1===n.indexOf(o)&&n.push(o),e)}function Dn(e){var n=vo(e.target);if(null!==n){var t=Ve(n);if(null!==t)if(13===(n=t.tag)){if(null!==(n=ze(t)))return e.blockedOn=n,void Cn(e.priority,(function(){Tn(t)}))}else if(3===n&&t.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===t.tag?t.stateNode.containerInfo:null)}e.blockedOn=null}function Bn(e){if(null!==e.blockedOn)return!1;for(var n=e.targetContainers;0<n.length;){var t=Xn(e.domEventName,e.eventSystemFlags,n[0],e.nativeEvent);if(null!==t)return null!==(n=So(t))&&kn(n),e.blockedOn=t,!1;var r=new(t=e.nativeEvent).constructor(t.type,t);Se=r,t.target.dispatchEvent(r),Se=null,n.shift()}return!0}function $n(e,n,t){Bn(e)&&t.delete(n)}function Un(){An=!1,null!==In&&Bn(In)&&(In=null),null!==Pn&&Bn(Pn)&&(Pn=null),null!==Rn&&Bn(Rn)&&(Rn=null),Ln.forEach($n),On.forEach($n)}function Vn(e,n){e.blockedOn===n&&(e.blockedOn=null,An||(An=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Un)))}function zn(e){function n(n){return Vn(n,e)}if(0<_n.length){Vn(_n[0],e);for(var t=1;t<_n.length;t++){var r=_n[t];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==In&&Vn(In,e),null!==Pn&&Vn(Pn,e),null!==Rn&&Vn(Rn,e),Ln.forEach(n),On.forEach(n),t=0;t<Nn.length;t++)(r=Nn[t]).blockedOn===e&&(r.blockedOn=null);for(;0<Nn.length&&null===(t=Nn[0]).blockedOn;)Dn(t),null===t.blockedOn&&Nn.shift()}var Hn=S.ReactCurrentBatchConfig,Wn=!0;function Gn(e,n,t,r){var o=Sn,a=Hn.transition;Hn.transition=null;try{Sn=1,Kn(e,n,t,r)}finally{Sn=o,Hn.transition=a}}function qn(e,n,t,r){var o=Sn,a=Hn.transition;Hn.transition=null;try{Sn=4,Kn(e,n,t,r)}finally{Sn=o,Hn.transition=a}}function Kn(e,n,t,r){if(Wn){var o=Xn(e,n,t,r);if(null===o)Hr(e,n,r,Yn,t),jn(e,r);else if(function(e,n,t,r,o){switch(n){case"focusin":return In=Mn(In,e,n,t,r,o),!0;case"dragenter":return Pn=Mn(Pn,e,n,t,r,o),!0;case"mouseover":return Rn=Mn(Rn,e,n,t,r,o),!0;case"pointerover":var a=o.pointerId;return Ln.set(a,Mn(Ln.get(a)||null,e,n,t,r,o)),!0;case"gotpointercapture":return a=o.pointerId,On.set(a,Mn(On.get(a)||null,e,n,t,r,o)),!0}return!1}(o,e,n,t,r))r.stopPropagation();else if(jn(e,r),4&n&&-1<Fn.indexOf(e)){for(;null!==o;){var a=So(o);if(null!==a&&xn(a),null===(a=Xn(e,n,t,r))&&Hr(e,n,r,Yn,t),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,n,r,null,t)}}var Yn=null;function Xn(e,n,t,r){if(Yn=null,null!==(e=vo(e=we(r))))if(null===(n=Ve(e)))e=null;else if(13===(t=n.tag)){if(null!==(e=ze(n)))return e;e=null}else if(3===t){if(n.stateNode.current.memoizedState.isDehydrated)return 3===n.tag?n.stateNode.containerInfo:null;e=null}else n!==e&&(e=null);return Yn=e,null}function Qn(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 en:return 4;case nn:case tn:return 16;case rn:return 536870912;default:return 16}default:return 16}}var Zn=null,Jn=null,et=null;function nt(){if(et)return et;var e,n,t=Jn,r=t.length,o="value"in Zn?Zn.value:Zn.textContent,a=o.length;for(e=0;e<r&&t[e]===o[e];e++);var s=r-e;for(n=1;n<=s&&t[r-n]===o[a-n];n++);return et=o.slice(e,1<n?1-n:void 0)}function tt(e){var n=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===n&&(e=13):e=n,10===e&&(e=13),32<=e||13===e?e:0}function rt(){return!0}function ot(){return!1}function at(e){function n(n,t,r,o,a){for(var s in this._reactName=n,this._targetInst=r,this.type=t,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(s)&&(n=e[s],this[s]=n?n(o):o[s]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?rt:ot,this.isPropagationStopped=ot,this}return M(n.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=rt)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=rt)},persist:function(){},isPersistent:rt}),n}var st,it,lt,ct={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ut=at(ct),dt=M({},ct,{view:0,detail:0}),pt=at(dt),ft=M({},dt,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Et,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!==lt&&(lt&&"mousemove"===e.type?(st=e.screenX-lt.screenX,it=e.screenY-lt.screenY):it=st=0,lt=e),st)},movementY:function(e){return"movementY"in e?e.movementY:it}}),mt=at(ft),gt=at(M({},ft,{dataTransfer:0})),ht=at(M({},dt,{relatedTarget:0})),yt=at(M({},ct,{animationName:0,elapsedTime:0,pseudoElement:0})),bt=M({},ct,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vt=at(bt),St=at(M({},ct,{data:0})),wt={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xt={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"},kt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Tt(e){var n=this.nativeEvent;return n.getModifierState?n.getModifierState(e):!!(e=kt[e])&&!!n[e]}function Et(){return Tt}var Ct=M({},dt,{key:function(e){if(e.key){var n=wt[e.key]||e.key;if("Unidentified"!==n)return n}return"keypress"===e.type?13===(e=tt(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xt[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Et,charCode:function(e){return"keypress"===e.type?tt(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tt(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),At=at(Ct),_t=at(M({},ft,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),It=at(M({},dt,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Et})),Pt=at(M({},ct,{propertyName:0,elapsedTime:0,pseudoElement:0})),Rt=M({},ft,{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}),Lt=at(Rt),Ot=[9,13,27,32],Nt=u&&"CompositionEvent"in window,Ft=null;u&&"documentMode"in document&&(Ft=document.documentMode);var jt=u&&"TextEvent"in window&&!Ft,Mt=u&&(!Nt||Ft&&8<Ft&&11>=Ft),Dt=String.fromCharCode(32),Bt=!1;function $t(e,n){switch(e){case"keyup":return-1!==Ot.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Ut(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Vt=!1;var zt={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 Ht(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!zt[e.type]:"textarea"===n}function Wt(e,n,t,r){Ce(r),0<(n=Gr(n,"onChange")).length&&(t=new ut("onChange","change",null,t,r),e.push({event:t,listeners:n}))}var Gt=null,qt=null;function Kt(e){Dr(e,0)}function Yt(e){if(q(wo(e)))return e}function Xt(e,n){if("change"===e)return n}var Qt=!1;if(u){var Zt;if(u){var Jt="oninput"in document;if(!Jt){var er=document.createElement("div");er.setAttribute("oninput","return;"),Jt="function"==typeof er.oninput}Zt=Jt}else Zt=!1;Qt=Zt&&(!document.documentMode||9<document.documentMode)}function nr(){Gt&&(Gt.detachEvent("onpropertychange",tr),qt=Gt=null)}function tr(e){if("value"===e.propertyName&&Yt(qt)){var n=[];Wt(n,qt,e,we(e)),Re(Kt,n)}}function rr(e,n,t){"focusin"===e?(nr(),qt=t,(Gt=n).attachEvent("onpropertychange",tr)):"focusout"===e&&nr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Yt(qt)}function ar(e,n){if("click"===e)return Yt(n)}function sr(e,n){if("input"===e||"change"===e)return Yt(n)}var ir="function"==typeof Object.is?Object.is:function(e,n){return e===n&&(0!==e||1/e==1/n)||e!=e&&n!=n};function lr(e,n){if(ir(e,n))return!0;if("object"!=typeof e||null===e||"object"!=typeof n||null===n)return!1;var t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;for(r=0;r<t.length;r++){var o=t[r];if(!d.call(n,o)||!ir(e[o],n[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,n){var t,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(t=e+r.textContent.length,e<=n&&t>=n)return{node:r,offset:n-e};e=t}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?dr(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function pr(){for(var e=window,n=K();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(r){t=!1}if(!t)break;n=K((e=n.contentWindow).document)}return n}function fr(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}function mr(e){var n=pr(),t=e.focusedElem,r=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&dr(t.ownerDocument.documentElement,t)){if(null!==r&&fr(t))if(n=r.start,void 0===(e=r.end)&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if((e=(n=t.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var o=t.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(t,a);var s=ur(t,r);o&&s&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==s.node||e.focusOffset!==s.offset)&&((n=n.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(n),e.extend(s.node,s.offset)):(n.setEnd(s.node,s.offset),e.addRange(n)))}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t<n.length;t++)(e=n[t]).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,n,t){var r=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;vr||null==hr||hr!==K(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=Gr(yr,"onSelect")).length&&(n=new ut("onSelect","select",null,n,t),e.push({event:n,listeners:r}),n.target=hr)))}function wr(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var xr={animationend:wr("Animation","AnimationEnd"),animationiteration:wr("Animation","AnimationIteration"),animationstart:wr("Animation","AnimationStart"),transitionend:wr("Transition","TransitionEnd")},kr={},Tr={};function Er(e){if(kr[e])return kr[e];if(!xr[e])return e;var n,t=xr[e];for(n in t)if(t.hasOwnProperty(n)&&n in Tr)return kr[e]=t[n];return e}u&&(Tr=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=Er("animationend"),Ar=Er("animationiteration"),_r=Er("animationstart"),Ir=Er("transitionend"),Pr=new Map,Rr="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,n){Pr.set(e,n),l(n,[e])}for(var Or=0;Or<Rr.length;Or++){var Nr=Rr[Or];Lr(Nr.toLowerCase(),"on"+(Nr[0].toUpperCase()+Nr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(Ar,"onAnimationIteration"),Lr(_r,"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 Fr="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(Fr));function Mr(e,n,t){var r=e.type||"unknown-event";e.currentTarget=t,function(e,n,t,r,o,s,i,l,c){if(Ue.apply(this,arguments),je){if(!je)throw Error(a(198));var u=Me;je=!1,Me=null,De||(De=!0,Be=u)}}(r,n,void 0,e),e.currentTarget=null}function Dr(e,n){n=0!=(4&n);for(var t=0;t<e.length;t++){var r=e[t],o=r.event;r=r.listeners;e:{var a=void 0;if(n)for(var s=r.length-1;0<=s;s--){var i=r[s],l=i.instance,c=i.currentTarget;if(i=i.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,i,c),a=l}else for(s=0;s<r.length;s++){if(l=(i=r[s]).instance,c=i.currentTarget,i=i.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,i,c),a=l}}}if(De)throw e=Be,De=!1,Be=null,e}function Br(e,n){var t=n[ho];void 0===t&&(t=n[ho]=new Set);var r=e+"__bubble";t.has(r)||(zr(n,e,2,!1),t.add(r))}function $r(e,n,t){var r=0;n&&(r|=4),zr(t,e,r,n)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function Vr(e){if(!e[Ur]){e[Ur]=!0,s.forEach((function(n){"selectionchange"!==n&&(jr.has(n)||$r(n,!1,e),$r(n,!0,e))}));var n=9===e.nodeType?e:e.ownerDocument;null===n||n[Ur]||(n[Ur]=!0,$r("selectionchange",!1,n))}}function zr(e,n,t,r){switch(Qn(n)){case 1:var o=Gn;break;case 4:o=qn;break;default:o=Kn}t=o.bind(null,n,t,e),o=void 0,!Oe||"touchstart"!==n&&"touchmove"!==n&&"wheel"!==n||(o=!0),r?void 0!==o?e.addEventListener(n,t,{capture:!0,passive:o}):e.addEventListener(n,t,!0):void 0!==o?e.addEventListener(n,t,{passive:o}):e.addEventListener(n,t,!1)}function Hr(e,n,t,r,o){var a=r;if(0==(1&n)&&0==(2&n)&&null!==r)e:for(;;){if(null===r)return;var s=r.tag;if(3===s||4===s){var i=r.stateNode.containerInfo;if(i===o||8===i.nodeType&&i.parentNode===o)break;if(4===s)for(s=r.return;null!==s;){var l=s.tag;if((3===l||4===l)&&((l=s.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;s=s.return}for(;null!==i;){if(null===(s=vo(i)))return;if(5===(l=s.tag)||6===l){r=a=s;continue e}i=i.parentNode}}r=r.return}Re((function(){var r=a,o=we(t),s=[];e:{var i=Pr.get(e);if(void 0!==i){var l=ut,c=e;switch(e){case"keypress":if(0===tt(t))break e;case"keydown":case"keyup":l=At;break;case"focusin":c="focus",l=ht;break;case"focusout":c="blur",l=ht;break;case"beforeblur":case"afterblur":l=ht;break;case"click":if(2===t.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=gt;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=It;break;case Cr:case Ar:case _r:l=yt;break;case Ir:l=Pt;break;case"scroll":l=pt;break;case"wheel":l=Lt;break;case"copy":case"cut":case"paste":l=vt;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=_t}var u=0!=(4&n),d=!u&&"scroll"===e,p=u?null!==i?i+"Capture":null:i;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(Wr(m,g,f)))),d)break;m=m.return}0<u.length&&(i=new l(i,c,null,t,o),s.push({event:i,listeners:u}))}}if(0==(7&n)){if(l="mouseout"===e||"pointerout"===e,(!(i="mouseover"===e||"pointerover"===e)||t===Se||!(c=t.relatedTarget||t.fromElement)||!vo(c)&&!c[go])&&(l||i)&&(i=o.window===o?o:(i=o.ownerDocument)?i.defaultView||i.parentWindow:window,l?(l=r,null!==(c=(c=t.relatedTarget||t.toElement)?vo(c):null)&&(c!==(d=Ve(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mt,g="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=_t,g="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?i:wo(l),f=null==c?i:wo(c),(i=new u(g,m+"leave",l,t,o)).target=d,i.relatedTarget=f,g=null,vo(o)===r&&((u=new u(p,m+"enter",c,t,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&&Kr(s,i,l,u,!1),null!==c&&null!==d&&Kr(s,d,c,u,!0)}if("select"===(l=(i=r?wo(r):window).nodeName&&i.nodeName.toLowerCase())||"input"===l&&"file"===i.type)var h=Xt;else if(Ht(i))if(Qt)h=sr;else{h=or;var y=rr}else(l=i.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(h=ar);switch(h&&(h=h(e,r))?Wt(s,h,t,o):(y&&y(e,i,r),"focusout"===e&&(y=i._wrapperState)&&y.controlled&&"number"===i.type&&ee(i,"number",i.value)),y=r?wo(r):window,e){case"focusin":(Ht(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(s,t,o);break;case"selectionchange":if(gr)break;case"keydown":case"keyup":Sr(s,t,o)}var b;if(Nt)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 Vt?$t(e,t)&&(v="onCompositionEnd"):"keydown"===e&&229===t.keyCode&&(v="onCompositionStart");v&&(Mt&&"ko"!==t.locale&&(Vt||"onCompositionStart"!==v?"onCompositionEnd"===v&&Vt&&(b=nt()):(Jn="value"in(Zn=o)?Zn.value:Zn.textContent,Vt=!0)),0<(y=Gr(r,v)).length&&(v=new St(v,e,null,t,o),s.push({event:v,listeners:y}),b?v.data=b:null!==(b=Ut(t))&&(v.data=b))),(b=jt?function(e,n){switch(e){case"compositionend":return Ut(n);case"keypress":return 32!==n.which?null:(Bt=!0,Dt);case"textInput":return(e=n.data)===Dt&&Bt?null:e;default:return null}}(e,t):function(e,n){if(Vt)return"compositionend"===e||!Nt&&$t(e,n)?(e=nt(),et=Jn=Zn=null,Vt=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(n.ctrlKey||n.altKey||n.metaKey)||n.ctrlKey&&n.altKey){if(n.char&&1<n.char.length)return n.char;if(n.which)return String.fromCharCode(n.which)}return null;case"compositionend":return Mt&&"ko"!==n.locale?null:n.data}}(e,t))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new St("onBeforeInput","beforeinput",null,t,o),s.push({event:o,listeners:r}),o.data=b))}Dr(s,n)}))}function Wr(e,n,t){return{instance:e,listener:n,currentTarget:t}}function Gr(e,n){for(var t=n+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,t))&&r.unshift(Wr(e,a,o)),null!=(a=Le(e,n))&&r.push(Wr(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 Kr(e,n,t,r,o){for(var a=n._reactName,s=[];null!==t&&t!==r;){var i=t,l=i.alternate,c=i.stateNode;if(null!==l&&l===r)break;5===i.tag&&null!==c&&(i=c,o?null!=(l=Le(t,a))&&s.unshift(Wr(t,l,i)):o||null!=(l=Le(t,a))&&s.push(Wr(t,l,i))),t=t.return}0!==s.length&&e.push({event:n,listeners:s})}var Yr=/\r\n?/g,Xr=/\u0000|\uFFFD/g;function Qr(e){return("string"==typeof e?e:""+e).replace(Yr,"\n").replace(Xr,"")}function Zr(e,n,t){if(n=Qr(n),Qr(e)!==n&&t)throw Error(a(425))}function Jr(){}var eo=null,no=null;function to(e,n){return"textarea"===e||"noscript"===e||"string"==typeof n.children||"number"==typeof n.children||"object"==typeof n.dangerouslySetInnerHTML&&null!==n.dangerouslySetInnerHTML&&null!=n.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,so="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(io)}:ro;function io(e){setTimeout((function(){throw e}))}function lo(e,n){var t=n,r=0;do{var o=t.nextSibling;if(e.removeChild(t),o&&8===o.nodeType)if("/$"===(t=o.data)){if(0===r)return e.removeChild(o),void zn(n);r--}else"$"!==t&&"$?"!==t&&"$!"!==t||r++;t=o}while(t);zn(n)}function co(e){for(;null!=e;e=e.nextSibling){var n=e.nodeType;if(1===n||3===n)break;if(8===n){if("$"===(n=e.data)||"$!"===n||"$?"===n)break;if("/$"===n)return null}}return e}function uo(e){e=e.previousSibling;for(var n=0;e;){if(8===e.nodeType){var t=e.data;if("$"===t||"$!"===t||"$?"===t){if(0===n)return e;n--}else"/$"===t&&n++}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 n=e[fo];if(n)return n;for(var t=e.parentNode;t;){if(n=t[go]||t[fo]){if(t=n.alternate,null!==n.child||null!==t&&null!==t.child)for(e=uo(e);null!==e;){if(t=e[fo])return t;e=uo(e)}return n}t=(e=t).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=[],To=-1;function Eo(e){return{current:e}}function Co(e){0>To||(e.current=ko[To],ko[To]=null,To--)}function Ao(e,n){To++,ko[To]=e.current,e.current=n}var _o={},Io=Eo(_o),Po=Eo(!1),Ro=_o;function Lo(e,n){var t=e.type.contextTypes;if(!t)return _o;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in t)a[o]=n[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function Oo(e){return null!=(e=e.childContextTypes)}function No(){Co(Po),Co(Io)}function Fo(e,n,t){if(Io.current!==_o)throw Error(a(168));Ao(Io,n),Ao(Po,t)}function jo(e,n,t){var r=e.stateNode;if(n=n.childContextTypes,"function"!=typeof r.getChildContext)return t;for(var o in r=r.getChildContext())if(!(o in n))throw Error(a(108,z(e)||"Unknown",o));return M({},t,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||_o,Ro=Io.current,Ao(Io,e),Ao(Po,Po.current),!0}function Do(e,n,t){var r=e.stateNode;if(!r)throw Error(a(169));t?(e=jo(e,n,Ro),r.__reactInternalMemoizedMergedChildContext=e,Co(Po),Co(Io),Ao(Io,e)):Co(Po),Ao(Po,t)}var Bo=null,$o=!1,Uo=!1;function Vo(e){null===Bo?Bo=[e]:Bo.push(e)}function zo(){if(!Uo&&null!==Bo){Uo=!0;var e=0,n=Sn;try{var t=Bo;for(Sn=1;e<t.length;e++){var r=t[e];do{r=r(!0)}while(null!==r)}Bo=null,$o=!1}catch(o){throw null!==Bo&&(Bo=Bo.slice(e+1)),qe(Je,zo),o}finally{Sn=n,Uo=!1}}return null}var Ho=[],Wo=0,Go=null,qo=0,Ko=[],Yo=0,Xo=null,Qo=1,Zo="";function Jo(e,n){Ho[Wo++]=qo,Ho[Wo++]=Go,Go=e,qo=n}function ea(e,n,t){Ko[Yo++]=Qo,Ko[Yo++]=Zo,Ko[Yo++]=Xo,Xo=e;var r=Qo;e=Zo;var o=32-sn(r)-1;r&=~(1<<o),t+=1;var a=32-sn(n)+o;if(30<a){var s=o-o%5;a=(r&(1<<s)-1).toString(32),r>>=s,o-=s,Qo=1<<32-sn(n)+o|t<<o|r,Zo=a+e}else Qo=1<<a|t<<o|r,Zo=e}function na(e){null!==e.return&&(Jo(e,1),ea(e,1,0))}function ta(e){for(;e===Go;)Go=Ho[--Wo],Ho[Wo]=null,qo=Ho[--Wo],Ho[Wo]=null;for(;e===Xo;)Xo=Ko[--Yo],Ko[Yo]=null,Zo=Ko[--Yo],Ko[Yo]=null,Qo=Ko[--Yo],Ko[Yo]=null}var ra=null,oa=null,aa=!1,sa=null;function ia(e,n){var t=Lc(5,null,null,0);t.elementType="DELETED",t.stateNode=n,t.return=e,null===(n=e.deletions)?(e.deletions=[t],e.flags|=16):n.push(t)}function la(e,n){switch(e.tag){case 5:var t=e.type;return null!==(n=1!==n.nodeType||t.toLowerCase()!==n.nodeName.toLowerCase()?null:n)&&(e.stateNode=n,ra=e,oa=co(n.firstChild),!0);case 6:return null!==(n=""===e.pendingProps||3!==n.nodeType?null:n)&&(e.stateNode=n,ra=e,oa=null,!0);case 13:return null!==(n=8!==n.nodeType?null:n)&&(t=null!==Xo?{id:Qo,overflow:Zo}:null,e.memoizedState={dehydrated:n,treeContext:t,retryLane:1073741824},(t=Lc(18,null,null,0)).stateNode=n,t.return=e,e.child=t,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 n=oa;if(n){var t=n;if(!la(e,n)){if(ca(e))throw Error(a(418));n=co(t.nextSibling);var r=ra;n&&la(e,n)?ia(r,t):(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 n;if((n=3!==e.tag)&&!(n=5!==e.tag)&&(n="head"!==(n=e.type)&&"body"!==n&&!to(e.type,e.memoizedProps)),n&&(n=oa)){if(ca(e))throw fa(),Error(a(418));for(;n;)ia(e,n),n=co(n.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,n=0;e;){if(8===e.nodeType){var t=e.data;if("/$"===t){if(0===n){oa=co(e.nextSibling);break e}n--}else"$"!==t&&"$!"!==t&&"$?"!==t||n++}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===sa?sa=[e]:sa.push(e)}var ha=S.ReactCurrentBatchConfig;function ya(e,n){if(e&&e.defaultProps){for(var t in n=M({},n),e=e.defaultProps)void 0===n[t]&&(n[t]=e[t]);return n}return n}var ba=Eo(null),va=null,Sa=null,wa=null;function xa(){wa=Sa=va=null}function ka(e){var n=ba.current;Co(ba),e._currentValue=n}function Ta(e,n,t){for(;null!==e;){var r=e.alternate;if((e.childLanes&n)!==n?(e.childLanes|=n,null!==r&&(r.childLanes|=n)):null!==r&&(r.childLanes&n)!==n&&(r.childLanes|=n),e===t)break;e=e.return}}function Ea(e,n){va=e,wa=Sa=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&n)&&(Si=!0),e.firstContext=null)}function Ca(e){var n=e._currentValue;if(wa!==e)if(e={context:e,memoizedValue:n,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 n}var Aa=null;function _a(e){null===Aa?Aa=[e]:Aa.push(e)}function Ia(e,n,t,r){var o=n.interleaved;return null===o?(t.next=t,_a(n)):(t.next=o.next,o.next=t),n.interleaved=t,Pa(e,r)}function Pa(e,n){e.lanes|=n;var t=e.alternate;for(null!==t&&(t.lanes|=n),t=e,e=e.return;null!==e;)e.childLanes|=n,null!==(t=e.alternate)&&(t.childLanes|=n),t=e,e=e.return;return 3===t.tag?t.stateNode:null}var Ra=!1;function La(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Oa(e,n){e=e.updateQueue,n.updateQueue===e&&(n.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Na(e,n){return{eventTime:e,lane:n,tag:0,payload:null,callback:null,next:null}}function Fa(e,n,t){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,0!=(2&Il)){var o=r.pending;return null===o?n.next=n:(n.next=o.next,o.next=n),r.pending=n,Pa(e,t)}return null===(o=r.interleaved)?(n.next=n,_a(r)):(n.next=o.next,o.next=n),r.interleaved=n,Pa(e,t)}function ja(e,n,t){if(null!==(n=n.updateQueue)&&(n=n.shared,0!=(4194240&t))){var r=n.lanes;t|=r&=e.pendingLanes,n.lanes=t,vn(e,t)}}function Ma(e,n){var t=e.updateQueue,r=e.alternate;if(null!==r&&t===(r=r.updateQueue)){var o=null,a=null;if(null!==(t=t.firstBaseUpdate)){do{var s={eventTime:t.eventTime,lane:t.lane,tag:t.tag,payload:t.payload,callback:t.callback,next:null};null===a?o=a=s:a=a.next=s,t=t.next}while(null!==t);null===a?o=a=n:a=a.next=n}else o=a=n;return t={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=t)}null===(e=t.lastBaseUpdate)?t.firstBaseUpdate=n:e.next=n,t.lastBaseUpdate=n}function Da(e,n,t,r){var o=e.updateQueue;Ra=!1;var a=o.firstBaseUpdate,s=o.lastBaseUpdate,i=o.shared.pending;if(null!==i){o.shared.pending=null;var l=i,c=l.next;l.next=null,null===s?a=c:s.next=c,s=l;var u=e.alternate;null!==u&&((i=(u=u.updateQueue).lastBaseUpdate)!==s&&(null===i?u.firstBaseUpdate=c:i.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(s=0,u=c=l=null,i=a;;){var p=i.lane,f=i.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var m=e,g=i;switch(p=n,f=t,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:Ra=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[i]:p.push(i))}else f={eventTime:f,lane:p,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,s|=p;if(null===(i=i.next)){if(null===(i=o.shared.pending))break;i=(p=i).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!==(n=o.shared.interleaved)){o=n;do{s|=o.lane,o=o.next}while(o!==n)}else null===a&&(o.shared.lanes=0);Ml|=s,e.lanes=s,e.memoizedState=d}}function Ba(e,n,t){if(e=n.effects,n.effects=null,null!==e)for(n=0;n<e.length;n++){var r=e[n],o=r.callback;if(null!==o){if(r.callback=null,r=t,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var $a=(new r.Component).refs;function Ua(e,n,t,r){t=null==(t=t(r,n=e.memoizedState))?n:M({},n,t),e.memoizedState=t,0===e.lanes&&(e.updateQueue.baseState=t)}var Va={isMounted:function(e){return!!(e=e._reactInternals)&&Ve(e)===e},enqueueSetState:function(e,n,t){e=e._reactInternals;var r=nc(),o=tc(e),a=Na(r,o);a.payload=n,null!=t&&(a.callback=t),null!==(n=Fa(e,a,o))&&(rc(n,e,o,r),ja(n,e,o))},enqueueReplaceState:function(e,n,t){e=e._reactInternals;var r=nc(),o=tc(e),a=Na(r,o);a.tag=1,a.payload=n,null!=t&&(a.callback=t),null!==(n=Fa(e,a,o))&&(rc(n,e,o,r),ja(n,e,o))},enqueueForceUpdate:function(e,n){e=e._reactInternals;var t=nc(),r=tc(e),o=Na(t,r);o.tag=2,null!=n&&(o.callback=n),null!==(n=Fa(e,o,r))&&(rc(n,e,r,t),ja(n,e,r))}};function za(e,n,t,r,o,a,s){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,s):!n.prototype||!n.prototype.isPureReactComponent||(!lr(t,r)||!lr(o,a))}function Ha(e,n,t){var r=!1,o=_o,a=n.contextType;return"object"==typeof a&&null!==a?a=Ca(a):(o=Oo(n)?Ro:Io.current,a=(r=null!=(r=n.contextTypes))?Lo(e,o):_o),n=new n(t,a),e.memoizedState=null!==n.state&&void 0!==n.state?n.state:null,n.updater=Va,e.stateNode=n,n._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),n}function Wa(e,n,t,r){e=n.state,"function"==typeof n.componentWillReceiveProps&&n.componentWillReceiveProps(t,r),"function"==typeof n.UNSAFE_componentWillReceiveProps&&n.UNSAFE_componentWillReceiveProps(t,r),n.state!==e&&Va.enqueueReplaceState(n,n.state,null)}function Ga(e,n,t,r){var o=e.stateNode;o.props=t,o.state=e.memoizedState,o.refs=$a,La(e);var a=n.contextType;"object"==typeof a&&null!==a?o.context=Ca(a):(a=Oo(n)?Ro:Io.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=n.getDerivedStateFromProps)&&(Ua(e,n,a,t),o.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(n=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),n!==o.state&&Va.enqueueReplaceState(o,o.state,null),Da(e,t,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function qa(e,n,t){if(null!==(e=t.ref)&&"function"!=typeof e&&"object"!=typeof e){if(t._owner){if(t=t._owner){if(1!==t.tag)throw Error(a(309));var r=t.stateNode}if(!r)throw Error(a(147,e));var o=r,s=""+e;return null!==n&&null!==n.ref&&"function"==typeof n.ref&&n.ref._stringRef===s?n.ref:(n=function(e){var n=o.refs;n===$a&&(n=o.refs={}),null===e?delete n[s]:n[s]=e},n._stringRef=s,n)}if("string"!=typeof e)throw Error(a(284));if(!t._owner)throw Error(a(290,e))}return e}function Ka(e,n){throw e=Object.prototype.toString.call(n),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(n).join(", ")+"}":e))}function Ya(e){return(0,e._init)(e._payload)}function Xa(e){function n(n,t){if(e){var r=n.deletions;null===r?(n.deletions=[t],n.flags|=16):r.push(t)}}function t(t,r){if(!e)return null;for(;null!==r;)n(t,r),r=r.sibling;return null}function r(e,n){for(e=new Map;null!==n;)null!==n.key?e.set(n.key,n):e.set(n.index,n),n=n.sibling;return e}function o(e,n){return(e=Nc(e,n)).index=0,e.sibling=null,e}function s(n,t,r){return n.index=r,e?null!==(r=n.alternate)?(r=r.index)<t?(n.flags|=2,t):r:(n.flags|=2,t):(n.flags|=1048576,t)}function i(n){return e&&null===n.alternate&&(n.flags|=2),n}function l(e,n,t,r){return null===n||6!==n.tag?((n=Dc(t,e.mode,r)).return=e,n):((n=o(n,t)).return=e,n)}function c(e,n,t,r){var a=t.type;return a===k?d(e,n,t.props.children,r,t.key):null!==n&&(n.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&Ya(a)===n.type)?((r=o(n,t.props)).ref=qa(e,n,t),r.return=e,r):((r=Fc(t.type,t.key,t.props,null,e.mode,r)).ref=qa(e,n,t),r.return=e,r)}function u(e,n,t,r){return null===n||4!==n.tag||n.stateNode.containerInfo!==t.containerInfo||n.stateNode.implementation!==t.implementation?((n=Bc(t,e.mode,r)).return=e,n):((n=o(n,t.children||[])).return=e,n)}function d(e,n,t,r,a){return null===n||7!==n.tag?((n=jc(t,e.mode,r,a)).return=e,n):((n=o(n,t)).return=e,n)}function p(e,n,t){if("string"==typeof n&&""!==n||"number"==typeof n)return(n=Dc(""+n,e.mode,t)).return=e,n;if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return(t=Fc(n.type,n.key,n.props,null,e.mode,t)).ref=qa(e,null,n),t.return=e,t;case x:return(n=Bc(n,e.mode,t)).return=e,n;case L:return p(e,(0,n._init)(n._payload),t)}if(ne(n)||F(n))return(n=jc(n,e.mode,t,null)).return=e,n;Ka(e,n)}return null}function f(e,n,t,r){var o=null!==n?n.key:null;if("string"==typeof t&&""!==t||"number"==typeof t)return null!==o?null:l(e,n,""+t,r);if("object"==typeof t&&null!==t){switch(t.$$typeof){case w:return t.key===o?c(e,n,t,r):null;case x:return t.key===o?u(e,n,t,r):null;case L:return f(e,n,(o=t._init)(t._payload),r)}if(ne(t)||F(t))return null!==o?null:d(e,n,t,r,null);Ka(e,t)}return null}function m(e,n,t,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(n,e=e.get(t)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case w:return c(n,e=e.get(null===r.key?t:r.key)||null,r,o);case x:return u(n,e=e.get(null===r.key?t:r.key)||null,r,o);case L:return m(e,n,t,(0,r._init)(r._payload),o)}if(ne(r)||F(r))return d(n,e=e.get(t)||null,r,o,null);Ka(n,r)}return null}function g(o,a,i,l){for(var c=null,u=null,d=a,g=a=0,h=null;null!==d&&g<i.length;g++){d.index>g?(h=d,d=null):h=d.sibling;var y=f(o,d,i[g],l);if(null===y){null===d&&(d=h);break}e&&d&&null===y.alternate&&n(o,d),a=s(y,a,g),null===u?c=y:u.sibling=y,u=y,d=h}if(g===i.length)return t(o,d),aa&&Jo(o,g),c;if(null===d){for(;g<i.length;g++)null!==(d=p(o,i[g],l))&&(a=s(d,a,g),null===u?c=d:u.sibling=d,u=d);return aa&&Jo(o,g),c}for(d=r(o,d);g<i.length;g++)null!==(h=m(d,o,g,i[g],l))&&(e&&null!==h.alternate&&d.delete(null===h.key?g:h.key),a=s(h,a,g),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return n(o,e)})),aa&&Jo(o,g),c}function h(o,i,l,c){var u=F(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=i,h=i=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&&n(o,g),i=s(v,i,h),null===d?u=v:d.sibling=v,d=v,g=y}if(b.done)return t(o,g),aa&&Jo(o,h),u;if(null===g){for(;!b.done;h++,b=l.next())null!==(b=p(o,b.value,c))&&(i=s(b,i,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),i=s(b,i,h),null===d?u=b:d.sibling=b,d=b);return e&&g.forEach((function(e){return n(o,e)})),aa&&Jo(o,h),u}return function e(r,a,s,l){if("object"==typeof s&&null!==s&&s.type===k&&null===s.key&&(s=s.props.children),"object"==typeof s&&null!==s){switch(s.$$typeof){case w:e:{for(var c=s.key,u=a;null!==u;){if(u.key===c){if((c=s.type)===k){if(7===u.tag){t(r,u.sibling),(a=o(u,s.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&Ya(c)===u.type){t(r,u.sibling),(a=o(u,s.props)).ref=qa(r,u,s),a.return=r,r=a;break e}t(r,u);break}n(r,u),u=u.sibling}s.type===k?((a=jc(s.props.children,r.mode,l,s.key)).return=r,r=a):((l=Fc(s.type,s.key,s.props,null,r.mode,l)).ref=qa(r,a,s),l.return=r,r=l)}return i(r);case x:e:{for(u=s.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===s.containerInfo&&a.stateNode.implementation===s.implementation){t(r,a.sibling),(a=o(a,s.children||[])).return=r,r=a;break e}t(r,a);break}n(r,a),a=a.sibling}(a=Bc(s,r.mode,l)).return=r,r=a}return i(r);case L:return e(r,a,(u=s._init)(s._payload),l)}if(ne(s))return g(r,a,s,l);if(F(s))return h(r,a,s,l);Ka(r,s)}return"string"==typeof s&&""!==s||"number"==typeof s?(s=""+s,null!==a&&6===a.tag?(t(r,a.sibling),(a=o(a,s)).return=r,r=a):(t(r,a),(a=Dc(s,r.mode,l)).return=r,r=a),i(r)):t(r,a)}}var Qa=Xa(!0),Za=Xa(!1),Ja={},es=Eo(Ja),ns=Eo(Ja),ts=Eo(Ja);function rs(e){if(e===Ja)throw Error(a(174));return e}function os(e,n){switch(Ao(ts,n),Ao(ns,e),Ao(es,Ja),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:le(null,"");break;default:n=le(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}Co(es),Ao(es,n)}function as(){Co(es),Co(ns),Co(ts)}function ss(e){rs(ts.current);var n=rs(es.current),t=le(n,e.type);n!==t&&(Ao(ns,e),Ao(es,t))}function is(e){ns.current===e&&(Co(es),Co(ns))}var ls=Eo(0);function cs(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!=(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var us=[];function ds(){for(var e=0;e<us.length;e++)us[e]._workInProgressVersionPrimary=null;us.length=0}var ps=S.ReactCurrentDispatcher,fs=S.ReactCurrentBatchConfig,ms=0,gs=null,hs=null,ys=null,bs=!1,vs=!1,Ss=0,ws=0;function xs(){throw Error(a(321))}function ks(e,n){if(null===n)return!1;for(var t=0;t<n.length&&t<e.length;t++)if(!ir(e[t],n[t]))return!1;return!0}function Ts(e,n,t,r,o,s){if(ms=s,gs=n,n.memoizedState=null,n.updateQueue=null,n.lanes=0,ps.current=null===e||null===e.memoizedState?ii:li,e=t(r,o),vs){s=0;do{if(vs=!1,Ss=0,25<=s)throw Error(a(301));s+=1,ys=hs=null,n.updateQueue=null,ps.current=ci,e=t(r,o)}while(vs)}if(ps.current=si,n=null!==hs&&null!==hs.next,ms=0,ys=hs=gs=null,bs=!1,n)throw Error(a(300));return e}function Es(){var e=0!==Ss;return Ss=0,e}function Cs(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ys?gs.memoizedState=ys=e:ys=ys.next=e,ys}function As(){if(null===hs){var e=gs.alternate;e=null!==e?e.memoizedState:null}else e=hs.next;var n=null===ys?gs.memoizedState:ys.next;if(null!==n)ys=n,hs=e;else{if(null===e)throw Error(a(310));e={memoizedState:(hs=e).memoizedState,baseState:hs.baseState,baseQueue:hs.baseQueue,queue:hs.queue,next:null},null===ys?gs.memoizedState=ys=e:ys=ys.next=e}return ys}function _s(e,n){return"function"==typeof n?n(e):n}function Is(e){var n=As(),t=n.queue;if(null===t)throw Error(a(311));t.lastRenderedReducer=e;var r=hs,o=r.baseQueue,s=t.pending;if(null!==s){if(null!==o){var i=o.next;o.next=s.next,s.next=i}r.baseQueue=o=s,t.pending=null}if(null!==o){s=o.next,r=r.baseState;var l=i=null,c=null,u=s;do{var d=u.lane;if((ms&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,i=r):c=c.next=p,gs.lanes|=d,Ml|=d}u=u.next}while(null!==u&&u!==s);null===c?i=r:c.next=l,ir(r,n.memoizedState)||(Si=!0),n.memoizedState=r,n.baseState=i,n.baseQueue=c,t.lastRenderedState=r}if(null!==(e=t.interleaved)){o=e;do{s=o.lane,gs.lanes|=s,Ml|=s,o=o.next}while(o!==e)}else null===o&&(t.lanes=0);return[n.memoizedState,t.dispatch]}function Ps(e){var n=As(),t=n.queue;if(null===t)throw Error(a(311));t.lastRenderedReducer=e;var r=t.dispatch,o=t.pending,s=n.memoizedState;if(null!==o){t.pending=null;var i=o=o.next;do{s=e(s,i.action),i=i.next}while(i!==o);ir(s,n.memoizedState)||(Si=!0),n.memoizedState=s,null===n.baseQueue&&(n.baseState=s),t.lastRenderedState=s}return[s,r]}function Rs(){}function Ls(e,n){var t=gs,r=As(),o=n(),s=!ir(r.memoizedState,o);if(s&&(r.memoizedState=o,Si=!0),r=r.queue,Hs(Fs.bind(null,t,r,e),[e]),r.getSnapshot!==n||s||null!==ys&&1&ys.memoizedState.tag){if(t.flags|=2048,Bs(9,Ns.bind(null,t,r,o,n),void 0,null),null===Pl)throw Error(a(349));0!=(30&ms)||Os(t,n,o)}return o}function Os(e,n,t){e.flags|=16384,e={getSnapshot:n,value:t},null===(n=gs.updateQueue)?(n={lastEffect:null,stores:null},gs.updateQueue=n,n.stores=[e]):null===(t=n.stores)?n.stores=[e]:t.push(e)}function Ns(e,n,t,r){n.value=t,n.getSnapshot=r,js(n)&&Ms(e)}function Fs(e,n,t){return t((function(){js(n)&&Ms(e)}))}function js(e){var n=e.getSnapshot;e=e.value;try{var t=n();return!ir(e,t)}catch(r){return!0}}function Ms(e){var n=Pa(e,1);null!==n&&rc(n,e,1,-1)}function Ds(e){var n=Cs();return"function"==typeof e&&(e=e()),n.memoizedState=n.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:_s,lastRenderedState:e},n.queue=e,e=e.dispatch=ti.bind(null,gs,e),[n.memoizedState,e]}function Bs(e,n,t,r){return e={tag:e,create:n,destroy:t,deps:r,next:null},null===(n=gs.updateQueue)?(n={lastEffect:null,stores:null},gs.updateQueue=n,n.lastEffect=e.next=e):null===(t=n.lastEffect)?n.lastEffect=e.next=e:(r=t.next,t.next=e,e.next=r,n.lastEffect=e),e}function $s(){return As().memoizedState}function Us(e,n,t,r){var o=Cs();gs.flags|=e,o.memoizedState=Bs(1|n,t,void 0,void 0===r?null:r)}function Vs(e,n,t,r){var o=As();r=void 0===r?null:r;var a=void 0;if(null!==hs){var s=hs.memoizedState;if(a=s.destroy,null!==r&&ks(r,s.deps))return void(o.memoizedState=Bs(n,t,a,r))}gs.flags|=e,o.memoizedState=Bs(1|n,t,a,r)}function zs(e,n){return Us(8390656,8,e,n)}function Hs(e,n){return Vs(2048,8,e,n)}function Ws(e,n){return Vs(4,2,e,n)}function Gs(e,n){return Vs(4,4,e,n)}function qs(e,n){return"function"==typeof n?(e=e(),n(e),function(){n(null)}):null!=n?(e=e(),n.current=e,function(){n.current=null}):void 0}function Ks(e,n,t){return t=null!=t?t.concat([e]):null,Vs(4,4,qs.bind(null,n,e),t)}function Ys(){}function Xs(e,n){var t=As();n=void 0===n?null:n;var r=t.memoizedState;return null!==r&&null!==n&&ks(n,r[1])?r[0]:(t.memoizedState=[e,n],e)}function Qs(e,n){var t=As();n=void 0===n?null:n;var r=t.memoizedState;return null!==r&&null!==n&&ks(n,r[1])?r[0]:(e=e(),t.memoizedState=[e,n],e)}function Zs(e,n,t){return 0==(21&ms)?(e.baseState&&(e.baseState=!1,Si=!0),e.memoizedState=t):(ir(t,n)||(t=hn(),gs.lanes|=t,Ml|=t,e.baseState=!0),n)}function Js(e,n){var t=Sn;Sn=0!==t&&4>t?t:4,e(!0);var r=fs.transition;fs.transition={};try{e(!1),n()}finally{Sn=t,fs.transition=r}}function ei(){return As().memoizedState}function ni(e,n,t){var r=tc(e);if(t={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null},ri(e))oi(n,t);else if(null!==(t=Ia(e,n,t,r))){rc(t,e,r,nc()),ai(t,n,r)}}function ti(e,n,t){var r=tc(e),o={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null};if(ri(e))oi(n,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=n.lastRenderedReducer))try{var s=n.lastRenderedState,i=a(s,t);if(o.hasEagerState=!0,o.eagerState=i,ir(i,s)){var l=n.interleaved;return null===l?(o.next=o,_a(n)):(o.next=l.next,l.next=o),void(n.interleaved=o)}}catch(c){}null!==(t=Ia(e,n,o,r))&&(rc(t,e,r,o=nc()),ai(t,n,r))}}function ri(e){var n=e.alternate;return e===gs||null!==n&&n===gs}function oi(e,n){vs=bs=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function ai(e,n,t){if(0!=(4194240&t)){var r=n.lanes;t|=r&=e.pendingLanes,n.lanes=t,vn(e,t)}}var si={readContext:Ca,useCallback:xs,useContext:xs,useEffect:xs,useImperativeHandle:xs,useInsertionEffect:xs,useLayoutEffect:xs,useMemo:xs,useReducer:xs,useRef:xs,useState:xs,useDebugValue:xs,useDeferredValue:xs,useTransition:xs,useMutableSource:xs,useSyncExternalStore:xs,useId:xs,unstable_isNewReconciler:!1},ii={readContext:Ca,useCallback:function(e,n){return Cs().memoizedState=[e,void 0===n?null:n],e},useContext:Ca,useEffect:zs,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,Us(4194308,4,qs.bind(null,n,e),t)},useLayoutEffect:function(e,n){return Us(4194308,4,e,n)},useInsertionEffect:function(e,n){return Us(4,2,e,n)},useMemo:function(e,n){var t=Cs();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var r=Cs();return n=void 0!==t?t(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=ni.bind(null,gs,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Cs().memoizedState=e},useState:Ds,useDebugValue:Ys,useDeferredValue:function(e){return Cs().memoizedState=e},useTransition:function(){var e=Ds(!1),n=e[0];return e=Js.bind(null,e[1]),Cs().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var r=gs,o=Cs();if(aa){if(void 0===t)throw Error(a(407));t=t()}else{if(t=n(),null===Pl)throw Error(a(349));0!=(30&ms)||Os(r,n,t)}o.memoizedState=t;var s={value:t,getSnapshot:n};return o.queue=s,zs(Fs.bind(null,r,s,e),[e]),r.flags|=2048,Bs(9,Ns.bind(null,r,s,t,n),void 0,null),t},useId:function(){var e=Cs(),n=Pl.identifierPrefix;if(aa){var t=Zo;n=":"+n+"R"+(t=(Qo&~(1<<32-sn(Qo)-1)).toString(32)+t),0<(t=Ss++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=ws++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},li={readContext:Ca,useCallback:Xs,useContext:Ca,useEffect:Hs,useImperativeHandle:Ks,useInsertionEffect:Ws,useLayoutEffect:Gs,useMemo:Qs,useReducer:Is,useRef:$s,useState:function(){return Is(_s)},useDebugValue:Ys,useDeferredValue:function(e){return Zs(As(),hs.memoizedState,e)},useTransition:function(){return[Is(_s)[0],As().memoizedState]},useMutableSource:Rs,useSyncExternalStore:Ls,useId:ei,unstable_isNewReconciler:!1},ci={readContext:Ca,useCallback:Xs,useContext:Ca,useEffect:Hs,useImperativeHandle:Ks,useInsertionEffect:Ws,useLayoutEffect:Gs,useMemo:Qs,useReducer:Ps,useRef:$s,useState:function(){return Ps(_s)},useDebugValue:Ys,useDeferredValue:function(e){var n=As();return null===hs?n.memoizedState=e:Zs(n,hs.memoizedState,e)},useTransition:function(){return[Ps(_s)[0],As().memoizedState]},useMutableSource:Rs,useSyncExternalStore:Ls,useId:ei,unstable_isNewReconciler:!1};function ui(e,n){try{var t="",r=n;do{t+=U(r),r=r.return}while(r);var o=t}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:n,stack:o,digest:null}}function di(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function pi(e,n){try{console.error(n.value)}catch(t){setTimeout((function(){throw t}))}}var fi="function"==typeof WeakMap?WeakMap:Map;function mi(e,n,t){(t=Na(-1,t)).tag=3,t.payload={element:null};var r=n.value;return t.callback=function(){Wl||(Wl=!0,Gl=r),pi(0,n)},t}function gi(e,n,t){(t=Na(-1,t)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=n.value;t.payload=function(){return r(o)},t.callback=function(){pi(0,n)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(t.callback=function(){pi(0,n),"function"!=typeof r&&(null===ql?ql=new Set([this]):ql.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),t}function hi(e,n,t){var r=e.pingCache;if(null===r){r=e.pingCache=new fi;var o=new Set;r.set(n,o)}else void 0===(o=r.get(n))&&(o=new Set,r.set(n,o));o.has(t)||(o.add(t),e=Cc.bind(null,e,n,t),n.then(e,e))}function yi(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function bi(e,n,t,r,o){return 0==(1&e.mode)?(e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=Na(-1,1)).tag=2,Fa(t,n,1))),t.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var vi=S.ReactCurrentOwner,Si=!1;function wi(e,n,t,r){n.child=null===e?Za(n,null,t,r):Qa(n,e.child,t,r)}function xi(e,n,t,r,o){t=t.render;var a=n.ref;return Ea(n,o),r=Ts(e,n,t,r,a,o),t=Es(),null===e||Si?(aa&&t&&na(n),n.flags|=1,wi(e,n,r,o),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~o,Wi(e,n,o))}function ki(e,n,t,r,o){if(null===e){var a=t.type;return"function"!=typeof a||Oc(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=Fc(t.type,null,r,n,n.mode,o)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,Ti(e,n,a,r,o))}if(a=e.child,0==(e.lanes&o)){var s=a.memoizedProps;if((t=null!==(t=t.compare)?t:lr)(s,r)&&e.ref===n.ref)return Wi(e,n,o)}return n.flags|=1,(e=Nc(a,r)).ref=n.ref,e.return=n,n.child=e}function Ti(e,n,t,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===n.ref){if(Si=!1,n.pendingProps=r=a,0==(e.lanes&o))return n.lanes=e.lanes,Wi(e,n,o);0!=(131072&e.flags)&&(Si=!0)}}return Ai(e,n,t,r,o)}function Ei(e,n,t){var r=n.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0==(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ao(Nl,Ol),Ol|=t;else{if(0==(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Ao(Nl,Ol),Ol|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:t,Ao(Nl,Ol),Ol|=r}else null!==a?(r=a.baseLanes|t,n.memoizedState=null):r=t,Ao(Nl,Ol),Ol|=r;return wi(e,n,o,t),n.child}function Ci(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Ai(e,n,t,r,o){var a=Oo(t)?Ro:Io.current;return a=Lo(n,a),Ea(n,o),t=Ts(e,n,t,r,a,o),r=Es(),null===e||Si?(aa&&r&&na(n),n.flags|=1,wi(e,n,t,o),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~o,Wi(e,n,o))}function _i(e,n,t,r,o){if(Oo(t)){var a=!0;Mo(n)}else a=!1;if(Ea(n,o),null===n.stateNode)Hi(e,n),Ha(n,t,r),Ga(n,t,r,o),r=!0;else if(null===e){var s=n.stateNode,i=n.memoizedProps;s.props=i;var l=s.context,c=t.contextType;"object"==typeof c&&null!==c?c=Ca(c):c=Lo(n,c=Oo(t)?Ro:Io.current);var u=t.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof s.getSnapshotBeforeUpdate;d||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(i!==r||l!==c)&&Wa(n,s,r,c),Ra=!1;var p=n.memoizedState;s.state=p,Da(n,r,s,o),l=n.memoizedState,i!==r||p!==l||Po.current||Ra?("function"==typeof u&&(Ua(n,t,u,r),l=n.memoizedState),(i=Ra||za(n,t,i,r,p,l,c))?(d||"function"!=typeof s.UNSAFE_componentWillMount&&"function"!=typeof s.componentWillMount||("function"==typeof s.componentWillMount&&s.componentWillMount(),"function"==typeof s.UNSAFE_componentWillMount&&s.UNSAFE_componentWillMount()),"function"==typeof s.componentDidMount&&(n.flags|=4194308)):("function"==typeof s.componentDidMount&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=l),s.props=r,s.state=l,s.context=c,r=i):("function"==typeof s.componentDidMount&&(n.flags|=4194308),r=!1)}else{s=n.stateNode,Oa(e,n),i=n.memoizedProps,c=n.type===n.elementType?i:ya(n.type,i),s.props=c,d=n.pendingProps,p=s.context,"object"==typeof(l=t.contextType)&&null!==l?l=Ca(l):l=Lo(n,l=Oo(t)?Ro:Io.current);var f=t.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof s.getSnapshotBeforeUpdate)||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(i!==d||p!==l)&&Wa(n,s,r,l),Ra=!1,p=n.memoizedState,s.state=p,Da(n,r,s,o);var m=n.memoizedState;i!==d||p!==m||Po.current||Ra?("function"==typeof f&&(Ua(n,t,f,r),m=n.memoizedState),(c=Ra||za(n,t,c,r,p,m,l)||!1)?(u||"function"!=typeof s.UNSAFE_componentWillUpdate&&"function"!=typeof s.componentWillUpdate||("function"==typeof s.componentWillUpdate&&s.componentWillUpdate(r,m,l),"function"==typeof s.UNSAFE_componentWillUpdate&&s.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof s.componentDidUpdate&&(n.flags|=4),"function"==typeof s.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof s.componentDidUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=m),s.props=r,s.state=m,s.context=l,r=c):("function"!=typeof s.componentDidUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||i===e.memoizedProps&&p===e.memoizedState||(n.flags|=1024),r=!1)}return Ii(e,n,t,r,a,o)}function Ii(e,n,t,r,o,a){Ci(e,n);var s=0!=(128&n.flags);if(!r&&!s)return o&&Do(n,t,!1),Wi(e,n,a);r=n.stateNode,vi.current=n;var i=s&&"function"!=typeof t.getDerivedStateFromError?null:r.render();return n.flags|=1,null!==e&&s?(n.child=Qa(n,e.child,null,a),n.child=Qa(n,null,i,a)):wi(e,n,i,a),n.memoizedState=r.state,o&&Do(n,t,!0),n.child}function Pi(e){var n=e.stateNode;n.pendingContext?Fo(0,n.pendingContext,n.pendingContext!==n.context):n.context&&Fo(0,n.context,!1),os(e,n.containerInfo)}function Ri(e,n,t,r,o){return ma(),ga(o),n.flags|=256,wi(e,n,t,r),n.child}var Li,Oi,Ni,Fi,ji={dehydrated:null,treeContext:null,retryLane:0};function Mi(e){return{baseLanes:e,cachePool:null,transitions:null}}function Di(e,n,t){var r,o=n.pendingProps,s=ls.current,i=!1,l=0!=(128&n.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&0!=(2&s)),r?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(s|=1),Ao(ls,1&s),null===e)return ua(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&n.mode)?n.lanes=1:"$!"===e.data?n.lanes=8:n.lanes=1073741824,null):(l=o.children,e=o.fallback,i?(o=n.mode,i=n.child,l={mode:"hidden",children:l},0==(1&o)&&null!==i?(i.childLanes=0,i.pendingProps=l):i=Mc(l,o,0,null),e=jc(e,o,t,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=Mi(t),n.memoizedState=ji,e):Bi(n,l));if(null!==(s=e.memoizedState)&&null!==(r=s.dehydrated))return function(e,n,t,r,o,s,i){if(t)return 256&n.flags?(n.flags&=-257,$i(e,n,i,r=di(Error(a(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(s=r.fallback,o=n.mode,r=Mc({mode:"visible",children:r.children},o,0,null),(s=jc(s,o,i,null)).flags|=2,r.return=n,s.return=n,r.sibling=s,n.child=r,0!=(1&n.mode)&&Qa(n,e.child,null,i),n.child.memoizedState=Mi(i),n.memoizedState=ji,s);if(0==(1&n.mode))return $i(e,n,i,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,$i(e,n,i,r=di(s=Error(a(419)),r,void 0))}if(l=0!=(i&e.childLanes),Si||l){if(null!==(r=Pl)){switch(i&-i){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|i))?0:o)&&o!==s.retryLane&&(s.retryLane=o,Pa(e,o),rc(r,e,o,-1))}return hc(),$i(e,n,i,r=di(Error(a(421))))}return"$?"===o.data?(n.flags|=128,n.child=e.child,n=_c.bind(null,e),o._reactRetry=n,null):(e=s.treeContext,oa=co(o.nextSibling),ra=n,aa=!0,sa=null,null!==e&&(Ko[Yo++]=Qo,Ko[Yo++]=Zo,Ko[Yo++]=Xo,Qo=e.id,Zo=e.overflow,Xo=n),n=Bi(n,r.children),n.flags|=4096,n)}(e,n,l,o,r,s,t);if(i){i=o.fallback,l=n.mode,r=(s=e.child).sibling;var c={mode:"hidden",children:o.children};return 0==(1&l)&&n.child!==s?((o=n.child).childLanes=0,o.pendingProps=c,n.deletions=null):(o=Nc(s,c)).subtreeFlags=14680064&s.subtreeFlags,null!==r?i=Nc(r,i):(i=jc(i,l,t,null)).flags|=2,i.return=n,o.return=n,o.sibling=i,n.child=o,o=i,i=n.child,l=null===(l=e.child.memoizedState)?Mi(t):{baseLanes:l.baseLanes|t,cachePool:null,transitions:l.transitions},i.memoizedState=l,i.childLanes=e.childLanes&~t,n.memoizedState=ji,o}return e=(i=e.child).sibling,o=Nc(i,{mode:"visible",children:o.children}),0==(1&n.mode)&&(o.lanes=t),o.return=n,o.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=o,n.memoizedState=null,o}function Bi(e,n){return(n=Mc({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function $i(e,n,t,r){return null!==r&&ga(r),Qa(n,e.child,null,t),(e=Bi(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Ui(e,n,t){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),Ta(e.return,n,t)}function Vi(e,n,t,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:t,tailMode:o}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=t,a.tailMode=o)}function zi(e,n,t){var r=n.pendingProps,o=r.revealOrder,a=r.tail;if(wi(e,n,r.children,t),0!=(2&(r=ls.current)))r=1&r|2,n.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ui(e,t,n);else if(19===e.tag)Ui(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Ao(ls,r),0==(1&n.mode))n.memoizedState=null;else switch(o){case"forwards":for(t=n.child,o=null;null!==t;)null!==(e=t.alternate)&&null===cs(e)&&(o=t),t=t.sibling;null===(t=o)?(o=n.child,n.child=null):(o=t.sibling,t.sibling=null),Vi(n,!1,o,t,a);break;case"backwards":for(t=null,o=n.child,n.child=null;null!==o;){if(null!==(e=o.alternate)&&null===cs(e)){n.child=o;break}e=o.sibling,o.sibling=t,t=o,o=e}Vi(n,!0,t,null,a);break;case"together":Vi(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function Hi(e,n){0==(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function Wi(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),Ml|=n.lanes,0==(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(a(153));if(null!==n.child){for(t=Nc(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=Nc(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function Gi(e,n){if(!aa)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var r=null;null!==t;)null!==t.alternate&&(r=t),t=t.sibling;null===r?n||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function qi(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,r=0;if(n)for(var o=e.child;null!==o;)t|=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;)t|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=t,n}function Ki(e,n,t){var r=n.pendingProps;switch(ta(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return qi(n),null;case 1:case 17:return Oo(n.type)&&No(),qi(n),null;case 3:return r=n.stateNode,as(),Co(Po),Co(Io),ds(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&n.flags)||(n.flags|=1024,null!==sa&&(ic(sa),sa=null))),Oi(e,n),qi(n),null;case 5:is(n);var o=rs(ts.current);if(t=n.type,null!==e&&null!=n.stateNode)Ni(e,n,t,r,o),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!r){if(null===n.stateNode)throw Error(a(166));return qi(n),null}if(e=rs(es.current),pa(n)){r=n.stateNode,t=n.type;var s=n.memoizedProps;switch(r[fo]=n,r[mo]=s,e=0!=(1&n.mode),t){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<Fr.length;o++)Br(Fr[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,s),Br("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!s.multiple},Br("invalid",r);break;case"textarea":oe(r,s),Br("invalid",r)}for(var l in be(t,s),o=null,s)if(s.hasOwnProperty(l)){var c=s[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==s.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==s.suppressHydrationWarning&&Zr(r.textContent,c,e),o=["children",""+c]):i.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Br("scroll",r)}switch(t){case"input":G(r),J(r,s,!0);break;case"textarea":G(r),se(r);break;case"select":case"option":break;default:"function"==typeof s.onClick&&(r.onclick=Jr)}r=o,n.updateQueue=r,null!==r&&(n.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=ie(t)),"http://www.w3.org/1999/xhtml"===e?"script"===t?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(t,{is:r.is}):(e=l.createElement(t),"select"===t&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,t),e[fo]=n,e[mo]=r,Li(e,n,!1,!1),n.stateNode=e;e:{switch(l=ve(t,r),t){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<Fr.length;o++)Br(Fr[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=Y(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(s in be(t,o),c=o)if(c.hasOwnProperty(s)){var u=c[s];"style"===s?he(e,u):"dangerouslySetInnerHTML"===s?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===s?"string"==typeof u?("textarea"!==t||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(i.hasOwnProperty(s)?null!=u&&"onScroll"===s&&Br("scroll",e):null!=u&&v(e,s,u,l))}switch(t){case"input":G(e),J(e,r,!1);break;case"textarea":G(e),se(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(s=r.value)?te(e,!!r.multiple,s,!1):null!=r.defaultValue&&te(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Jr)}switch(t){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(n.flags|=4)}null!==n.ref&&(n.flags|=512,n.flags|=2097152)}return qi(n),null;case 6:if(e&&null!=n.stateNode)Fi(e,n,e.memoizedProps,r);else{if("string"!=typeof r&&null===n.stateNode)throw Error(a(166));if(t=rs(ts.current),rs(es.current),pa(n)){if(r=n.stateNode,t=n.memoizedProps,r[fo]=n,(s=r.nodeValue!==t)&&null!==(e=ra))switch(e.tag){case 3:Zr(r.nodeValue,t,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Zr(r.nodeValue,t,0!=(1&e.mode))}s&&(n.flags|=4)}else(r=(9===t.nodeType?t:t.ownerDocument).createTextNode(r))[fo]=n,n.stateNode=r}return qi(n),null;case 13:if(Co(ls),r=n.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&0!=(1&n.mode)&&0==(128&n.flags))fa(),ma(),n.flags|=98560,s=!1;else if(s=pa(n),null!==r&&null!==r.dehydrated){if(null===e){if(!s)throw Error(a(318));if(!(s=null!==(s=n.memoizedState)?s.dehydrated:null))throw Error(a(317));s[fo]=n}else ma(),0==(128&n.flags)&&(n.memoizedState=null),n.flags|=4;qi(n),s=!1}else null!==sa&&(ic(sa),sa=null),s=!0;if(!s)return 65536&n.flags?n:null}return 0!=(128&n.flags)?(n.lanes=t,n):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(n.child.flags|=8192,0!=(1&n.mode)&&(null===e||0!=(1&ls.current)?0===Fl&&(Fl=3):hc())),null!==n.updateQueue&&(n.flags|=4),qi(n),null);case 4:return as(),Oi(e,n),null===e&&Vr(n.stateNode.containerInfo),qi(n),null;case 10:return ka(n.type._context),qi(n),null;case 19:if(Co(ls),null===(s=n.memoizedState))return qi(n),null;if(r=0!=(128&n.flags),null===(l=s.rendering))if(r)Gi(s,!1);else{if(0!==Fl||null!==e&&0!=(128&e.flags))for(e=n.child;null!==e;){if(null!==(l=cs(e))){for(n.flags|=128,Gi(s,!1),null!==(r=l.updateQueue)&&(n.updateQueue=r,n.flags|=4),n.subtreeFlags=0,r=t,t=n.child;null!==t;)e=r,(s=t).flags&=14680066,null===(l=s.alternate)?(s.childLanes=0,s.lanes=e,s.child=null,s.subtreeFlags=0,s.memoizedProps=null,s.memoizedState=null,s.updateQueue=null,s.dependencies=null,s.stateNode=null):(s.childLanes=l.childLanes,s.lanes=l.lanes,s.child=l.child,s.subtreeFlags=0,s.deletions=null,s.memoizedProps=l.memoizedProps,s.memoizedState=l.memoizedState,s.updateQueue=l.updateQueue,s.type=l.type,e=l.dependencies,s.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),t=t.sibling;return Ao(ls,1&ls.current|2),n.child}e=e.sibling}null!==s.tail&&Qe()>zl&&(n.flags|=128,r=!0,Gi(s,!1),n.lanes=4194304)}else{if(!r)if(null!==(e=cs(l))){if(n.flags|=128,r=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),Gi(s,!0),null===s.tail&&"hidden"===s.tailMode&&!l.alternate&&!aa)return qi(n),null}else 2*Qe()-s.renderingStartTime>zl&&1073741824!==t&&(n.flags|=128,r=!0,Gi(s,!1),n.lanes=4194304);s.isBackwards?(l.sibling=n.child,n.child=l):(null!==(t=s.last)?t.sibling=l:n.child=l,s.last=l)}return null!==s.tail?(n=s.tail,s.rendering=n,s.tail=n.sibling,s.renderingStartTime=Qe(),n.sibling=null,t=ls.current,Ao(ls,r?1&t|2:1&t),n):(qi(n),null);case 22:case 23:return pc(),r=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==r&&(n.flags|=8192),r&&0!=(1&n.mode)?0!=(1073741824&Ol)&&(qi(n),6&n.subtreeFlags&&(n.flags|=8192)):qi(n),null;case 24:case 25:return null}throw Error(a(156,n.tag))}function Yi(e,n){switch(ta(n),n.tag){case 1:return Oo(n.type)&&No(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return as(),Co(Po),Co(Io),ds(),0!=(65536&(e=n.flags))&&0==(128&e)?(n.flags=-65537&e|128,n):null;case 5:return is(n),null;case 13:if(Co(ls),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(a(340));ma()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return Co(ls),null;case 4:return as(),null;case 10:return ka(n.type._context),null;case 22:case 23:return pc(),null;default:return null}}Li=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},Oi=function(){},Ni=function(e,n,t,r){var o=e.memoizedProps;if(o!==r){e=n.stateNode,rs(es.current);var a,s=null;switch(t){case"input":o=Y(e,o),r=Y(e,r),s=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),s=[];break;case"textarea":o=re(e,o),r=re(e,r),s=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Jr)}for(u in be(t,r),t=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)&&(t||(t={}),t[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(i.hasOwnProperty(u)?s||(s=[]):(s=s||[]).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)||(t||(t={}),t[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(t||(t={}),t[a]=c[a])}else t||(s||(s=[]),s.push(u,t)),t=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(s=s||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(s=s||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(i.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Br("scroll",e),s||l===c||(s=[])):(s=s||[]).push(u,c))}t&&(s=s||[]).push("style",t);var u=s;(n.updateQueue=u)&&(n.flags|=4)}},Fi=function(e,n,t,r){t!==r&&(n.flags|=4)};var Xi=!1,Qi=!1,Zi="function"==typeof WeakSet?WeakSet:Set,Ji=null;function el(e,n){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(r){Ec(e,n,r)}else t.current=null}function nl(e,n,t){try{t()}catch(r){Ec(e,n,r)}}var tl=!1;function rl(e,n,t){var r=n.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&&nl(n,t,a)}o=o.next}while(o!==r)}}function ol(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var r=t.create;t.destroy=r()}t=t.next}while(t!==n)}}function al(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function sl(e){var n=e.alternate;null!==n&&(e.alternate=null,sl(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(n=e.stateNode)&&(delete n[fo],delete n[mo],delete n[ho],delete n[yo],delete n[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 il(e){return 5===e.tag||3===e.tag||4===e.tag}function ll(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(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,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?8===t.nodeType?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(8===t.nodeType?(n=t.parentNode).insertBefore(e,t):(n=t).appendChild(e),null!=(t=t._reactRootContainer)||null!==n.onclick||(n.onclick=Jr));else if(4!==r&&null!==(e=e.child))for(cl(e,n,t),e=e.sibling;null!==e;)cl(e,n,t),e=e.sibling}function ul(e,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(4!==r&&null!==(e=e.child))for(ul(e,n,t),e=e.sibling;null!==e;)ul(e,n,t),e=e.sibling}var dl=null,pl=!1;function fl(e,n,t){for(t=t.child;null!==t;)ml(e,n,t),t=t.sibling}function ml(e,n,t){if(an&&"function"==typeof an.onCommitFiberUnmount)try{an.onCommitFiberUnmount(on,t)}catch(i){}switch(t.tag){case 5:Qi||el(t,n);case 6:var r=dl,o=pl;dl=null,fl(e,n,t),pl=o,null!==(dl=r)&&(pl?(e=dl,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):dl.removeChild(t.stateNode));break;case 18:null!==dl&&(pl?(e=dl,t=t.stateNode,8===e.nodeType?lo(e.parentNode,t):1===e.nodeType&&lo(e,t),zn(e)):lo(dl,t.stateNode));break;case 4:r=dl,o=pl,dl=t.stateNode.containerInfo,pl=!0,fl(e,n,t),dl=r,pl=o;break;case 0:case 11:case 14:case 15:if(!Qi&&(null!==(r=t.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,s=a.destroy;a=a.tag,void 0!==s&&(0!=(2&a)||0!=(4&a))&&nl(t,n,s),o=o.next}while(o!==r)}fl(e,n,t);break;case 1:if(!Qi&&(el(t,n),"function"==typeof(r=t.stateNode).componentWillUnmount))try{r.props=t.memoizedProps,r.state=t.memoizedState,r.componentWillUnmount()}catch(i){Ec(t,n,i)}fl(e,n,t);break;case 21:fl(e,n,t);break;case 22:1&t.mode?(Qi=(r=Qi)||null!==t.memoizedState,fl(e,n,t),Qi=r):fl(e,n,t);break;default:fl(e,n,t)}}function gl(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new Zi),n.forEach((function(n){var r=Ic.bind(null,e,n);t.has(n)||(t.add(n),n.then(r,r))}))}}function hl(e,n){var t=n.deletions;if(null!==t)for(var r=0;r<t.length;r++){var o=t[r];try{var s=e,i=n,l=i;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(s,i,o),dl=null,pl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,n,u)}}if(12854&n.subtreeFlags)for(n=n.child;null!==n;)yl(n,e),n=n.sibling}function yl(e,n){var t=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(n,e),bl(e),4&r){try{rl(3,e,e.return),ol(3,e)}catch(h){Ec(e,e.return,h)}try{rl(5,e,e.return)}catch(h){Ec(e,e.return,h)}}break;case 1:hl(n,e),bl(e),512&r&&null!==t&&el(t,t.return);break;case 5:if(hl(n,e),bl(e),512&r&&null!==t&&el(t,t.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(h){Ec(e,e.return,h)}}if(4&r&&null!=(o=e.stateNode)){var s=e.memoizedProps,i=null!==t?t.memoizedProps:s,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===s.type&&null!=s.name&&Q(o,s),ve(l,i);var u=ve(l,s);for(i=0;i<c.length;i+=2){var d=c[i],p=c[i+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,s);break;case"textarea":ae(o,s);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!s.multiple;var m=s.value;null!=m?te(o,!!s.multiple,m,!1):f!==!!s.multiple&&(null!=s.defaultValue?te(o,!!s.multiple,s.defaultValue,!0):te(o,!!s.multiple,s.multiple?[]:"",!1))}o[mo]=s}catch(h){Ec(e,e.return,h)}}break;case 6:if(hl(n,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,s=e.memoizedProps;try{o.nodeValue=s}catch(h){Ec(e,e.return,h)}}break;case 3:if(hl(n,e),bl(e),4&r&&null!==t&&t.memoizedState.isDehydrated)try{zn(n.containerInfo)}catch(h){Ec(e,e.return,h)}break;case 4:default:hl(n,e),bl(e);break;case 13:hl(n,e),bl(e),8192&(o=e.child).flags&&(s=null!==o.memoizedState,o.stateNode.isHidden=s,!s||null!==o.alternate&&null!==o.alternate.memoizedState||(Vl=Qe())),4&r&&gl(e);break;case 22:if(d=null!==t&&null!==t.memoizedState,1&e.mode?(Qi=(u=Qi)||d,hl(n,e),Qi=u):hl(n,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Ji=e,d=e.child;null!==d;){for(p=Ji=d;null!==Ji;){switch(m=(f=Ji).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,t=f.return;try{n=r,g.props=n.memoizedProps,g.state=n.memoizedState,g.componentWillUnmount()}catch(h){Ec(r,t,h)}}break;case 5:el(f,f.return);break;case 22:if(null!==f.memoizedState){xl(p);continue}}null!==m?(m.return=f,Ji=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(s=o.style).setProperty?s.setProperty("display","none","important"):s.display="none":(l=p.stateNode,i=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=ge("display",i))}catch(h){Ec(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){Ec(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(n,e),bl(e),4&r&&gl(e);case 21:}}function bl(e){var n=e.flags;if(2&n){try{e:{for(var t=e.return;null!==t;){if(il(t)){var r=t;break e}t=t.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 s=r.stateNode.containerInfo;cl(e,ll(e),s);break;default:throw Error(a(161))}}catch(i){Ec(e,e.return,i)}e.flags&=-3}4096&n&&(e.flags&=-4097)}function vl(e,n,t){Ji=e,Sl(e,n,t)}function Sl(e,n,t){for(var r=0!=(1&e.mode);null!==Ji;){var o=Ji,a=o.child;if(22===o.tag&&r){var s=null!==o.memoizedState||Xi;if(!s){var i=o.alternate,l=null!==i&&null!==i.memoizedState||Qi;i=Xi;var c=Qi;if(Xi=s,(Qi=l)&&!c)for(Ji=o;null!==Ji;)l=(s=Ji).child,22===s.tag&&null!==s.memoizedState?kl(o):null!==l?(l.return=s,Ji=l):kl(o);for(;null!==a;)Ji=a,Sl(a,n,t),a=a.sibling;Ji=o,Xi=i,Qi=c}wl(e)}else 0!=(8772&o.subtreeFlags)&&null!==a?(a.return=o,Ji=a):wl(e)}}function wl(e){for(;null!==Ji;){var n=Ji;if(0!=(8772&n.flags)){var t=n.alternate;try{if(0!=(8772&n.flags))switch(n.tag){case 0:case 11:case 15:Qi||ol(5,n);break;case 1:var r=n.stateNode;if(4&n.flags&&!Qi)if(null===t)r.componentDidMount();else{var o=n.elementType===n.type?t.memoizedProps:ya(n.type,t.memoizedProps);r.componentDidUpdate(o,t.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var s=n.updateQueue;null!==s&&Ba(n,s,r);break;case 3:var i=n.updateQueue;if(null!==i){if(t=null,null!==n.child)switch(n.child.tag){case 5:case 1:t=n.child.stateNode}Ba(n,i,t)}break;case 5:var l=n.stateNode;if(null===t&&4&n.flags){t=l;var c=n.memoizedProps;switch(n.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&t.focus();break;case"img":c.src&&(t.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===n.memoizedState){var u=n.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&zn(p)}}}break;default:throw Error(a(163))}Qi||512&n.flags&&al(n)}catch(f){Ec(n,n.return,f)}}if(n===e){Ji=null;break}if(null!==(t=n.sibling)){t.return=n.return,Ji=t;break}Ji=n.return}}function xl(e){for(;null!==Ji;){var n=Ji;if(n===e){Ji=null;break}var t=n.sibling;if(null!==t){t.return=n.return,Ji=t;break}Ji=n.return}}function kl(e){for(;null!==Ji;){var n=Ji;try{switch(n.tag){case 0:case 11:case 15:var t=n.return;try{ol(4,n)}catch(l){Ec(n,t,l)}break;case 1:var r=n.stateNode;if("function"==typeof r.componentDidMount){var o=n.return;try{r.componentDidMount()}catch(l){Ec(n,o,l)}}var a=n.return;try{al(n)}catch(l){Ec(n,a,l)}break;case 5:var s=n.return;try{al(n)}catch(l){Ec(n,s,l)}}}catch(l){Ec(n,n.return,l)}if(n===e){Ji=null;break}var i=n.sibling;if(null!==i){i.return=n.return,Ji=i;break}Ji=n.return}}var Tl,El=Math.ceil,Cl=S.ReactCurrentDispatcher,Al=S.ReactCurrentOwner,_l=S.ReactCurrentBatchConfig,Il=0,Pl=null,Rl=null,Ll=0,Ol=0,Nl=Eo(0),Fl=0,jl=null,Ml=0,Dl=0,Bl=0,$l=null,Ul=null,Vl=0,zl=1/0,Hl=null,Wl=!1,Gl=null,ql=null,Kl=!1,Yl=null,Xl=0,Ql=0,Zl=null,Jl=-1,ec=0;function nc(){return 0!=(6&Il)?Qe():-1!==Jl?Jl:Jl=Qe()}function tc(e){return 0==(1&e.mode)?1:0!=(2&Il)&&0!==Ll?Ll&-Ll:null!==ha.transition?(0===ec&&(ec=hn()),ec):0!==(e=Sn)?e:e=void 0===(e=window.event)?16:Qn(e.type)}function rc(e,n,t,r){if(50<Ql)throw Ql=0,Zl=null,Error(a(185));bn(e,t,r),0!=(2&Il)&&e===Pl||(e===Pl&&(0==(2&Il)&&(Dl|=t),4===Fl&&lc(e,Ll)),oc(e,r),1===t&&0===Il&&0==(1&n.mode)&&(zl=Qe()+500,$o&&zo()))}function oc(e,n){var t=e.callbackNode;!function(e,n){for(var t=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var s=31-sn(a),i=1<<s,l=o[s];-1===l?0!=(i&t)&&0==(i&r)||(o[s]=mn(i,n)):l<=n&&(e.expiredLanes|=i),a&=~i}}(e,n);var r=fn(e,e===Pl?Ll:0);if(0===r)null!==t&&Ke(t),e.callbackNode=null,e.callbackPriority=0;else if(n=r&-r,e.callbackPriority!==n){if(null!=t&&Ke(t),1===n)0===e.tag?function(e){$o=!0,Vo(e)}(cc.bind(null,e)):Vo(cc.bind(null,e)),so((function(){0==(6&Il)&&zo()})),t=null;else{switch(wn(r)){case 1:t=Je;break;case 4:t=en;break;case 16:default:t=nn;break;case 536870912:t=rn}t=Pc(t,ac.bind(null,e))}e.callbackPriority=n,e.callbackNode=t}}function ac(e,n){if(Jl=-1,ec=0,0!=(6&Il))throw Error(a(327));var t=e.callbackNode;if(kc()&&e.callbackNode!==t)return null;var r=fn(e,e===Pl?Ll:0);if(0===r)return null;if(0!=(30&r)||0!=(r&e.expiredLanes)||n)n=yc(e,r);else{n=r;var o=Il;Il|=2;var s=gc();for(Pl===e&&Ll===n||(Hl=null,zl=Qe()+500,fc(e,n));;)try{vc();break}catch(l){mc(e,l)}xa(),Cl.current=s,Il=o,null!==Rl?n=0:(Pl=null,Ll=0,n=Fl)}if(0!==n){if(2===n&&(0!==(o=gn(e))&&(r=o,n=sc(e,o))),1===n)throw t=jl,fc(e,0),lc(e,r),oc(e,Qe()),t;if(6===n)lc(e,r);else{if(o=e.current.alternate,0==(30&r)&&!function(e){for(var n=e;;){if(16384&n.flags){var t=n.updateQueue;if(null!==t&&null!==(t=t.stores))for(var r=0;r<t.length;r++){var o=t[r],a=o.getSnapshot;o=o.value;try{if(!ir(a(),o))return!1}catch(i){return!1}}}if(t=n.child,16384&n.subtreeFlags&&null!==t)t.return=n,n=t;else{if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return!0;n=n.return}n.sibling.return=n.return,n=n.sibling}}return!0}(o)&&(2===(n=yc(e,r))&&(0!==(s=gn(e))&&(r=s,n=sc(e,s))),1===n))throw t=jl,fc(e,0),lc(e,r),oc(e,Qe()),t;switch(e.finishedWork=o,e.finishedLanes=r,n){case 0:case 1:throw Error(a(345));case 2:case 5:xc(e,Ul,Hl);break;case 3:if(lc(e,r),(130023424&r)===r&&10<(n=Vl+500-Qe())){if(0!==fn(e,0))break;if(((o=e.suspendedLanes)&r)!==r){nc(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(xc.bind(null,e,Ul,Hl),n);break}xc(e,Ul,Hl);break;case 4:if(lc(e,r),(4194240&r)===r)break;for(n=e.eventTimes,o=-1;0<r;){var i=31-sn(r);s=1<<i,(i=n[i])>o&&(o=i),r&=~s}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*El(r/1960))-r)){e.timeoutHandle=ro(xc.bind(null,e,Ul,Hl),r);break}xc(e,Ul,Hl);break;default:throw Error(a(329))}}}return oc(e,Qe()),e.callbackNode===t?ac.bind(null,e):null}function sc(e,n){var t=$l;return e.current.memoizedState.isDehydrated&&(fc(e,n).flags|=256),2!==(e=yc(e,n))&&(n=Ul,Ul=t,null!==n&&ic(n)),e}function ic(e){null===Ul?Ul=e:Ul.push.apply(Ul,e)}function lc(e,n){for(n&=~Bl,n&=~Dl,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0<n;){var t=31-sn(n),r=1<<t;e[t]=-1,n&=~r}}function cc(e){if(0!=(6&Il))throw Error(a(327));kc();var n=fn(e,0);if(0==(1&n))return oc(e,Qe()),null;var t=yc(e,n);if(0!==e.tag&&2===t){var r=gn(e);0!==r&&(n=r,t=sc(e,r))}if(1===t)throw t=jl,fc(e,0),lc(e,n),oc(e,Qe()),t;if(6===t)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=n,xc(e,Ul,Hl),oc(e,Qe()),null}function uc(e,n){var t=Il;Il|=1;try{return e(n)}finally{0===(Il=t)&&(zl=Qe()+500,$o&&zo())}}function dc(e){null!==Yl&&0===Yl.tag&&0==(6&Il)&&kc();var n=Il;Il|=1;var t=_l.transition,r=Sn;try{if(_l.transition=null,Sn=1,e)return e()}finally{Sn=r,_l.transition=t,0==(6&(Il=n))&&zo()}}function pc(){Ol=Nl.current,Co(Nl)}function fc(e,n){e.finishedWork=null,e.finishedLanes=0;var t=e.timeoutHandle;if(-1!==t&&(e.timeoutHandle=-1,oo(t)),null!==Rl)for(t=Rl.return;null!==t;){var r=t;switch(ta(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&No();break;case 3:as(),Co(Po),Co(Io),ds();break;case 5:is(r);break;case 4:as();break;case 13:case 19:Co(ls);break;case 10:ka(r.type._context);break;case 22:case 23:pc()}t=t.return}if(Pl=e,Rl=e=Nc(e.current,null),Ll=Ol=n,Fl=0,jl=null,Bl=Dl=Ml=0,Ul=$l=null,null!==Aa){for(n=0;n<Aa.length;n++)if(null!==(r=(t=Aa[n]).interleaved)){t.interleaved=null;var o=r.next,a=t.pending;if(null!==a){var s=a.next;a.next=o,r.next=s}t.pending=r}Aa=null}return e}function mc(e,n){for(;;){var t=Rl;try{if(xa(),ps.current=si,bs){for(var r=gs.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}bs=!1}if(ms=0,ys=hs=gs=null,vs=!1,Ss=0,Al.current=null,null===t||null===t.return){Fl=1,jl=n,Rl=null;break}e:{var s=e,i=t.return,l=t,c=n;if(n=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=yi(i);if(null!==m){m.flags&=-257,bi(m,i,l,0,n),1&m.mode&&hi(s,u,n),c=u;var g=(n=m).updateQueue;if(null===g){var h=new Set;h.add(c),n.updateQueue=h}else g.add(c);break e}if(0==(1&n)){hi(s,u,n),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var y=yi(i);if(null!==y){0==(65536&y.flags)&&(y.flags|=256),bi(y,i,l,0,n),ga(ui(c,l));break e}}s=c=ui(c,l),4!==Fl&&(Fl=2),null===$l?$l=[s]:$l.push(s),s=i;do{switch(s.tag){case 3:s.flags|=65536,n&=-n,s.lanes|=n,Ma(s,mi(0,c,n));break e;case 1:l=c;var b=s.type,v=s.stateNode;if(0==(128&s.flags)&&("function"==typeof b.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===ql||!ql.has(v)))){s.flags|=65536,n&=-n,s.lanes|=n,Ma(s,gi(s,l,n));break e}}s=s.return}while(null!==s)}wc(t)}catch(S){n=S,Rl===t&&null!==t&&(Rl=t=t.return);continue}break}}function gc(){var e=Cl.current;return Cl.current=si,null===e?si:e}function hc(){0!==Fl&&3!==Fl&&2!==Fl||(Fl=4),null===Pl||0==(268435455&Ml)&&0==(268435455&Dl)||lc(Pl,Ll)}function yc(e,n){var t=Il;Il|=2;var r=gc();for(Pl===e&&Ll===n||(Hl=null,fc(e,n));;)try{bc();break}catch(o){mc(e,o)}if(xa(),Il=t,Cl.current=r,null!==Rl)throw Error(a(261));return Pl=null,Ll=0,Fl}function bc(){for(;null!==Rl;)Sc(Rl)}function vc(){for(;null!==Rl&&!Ye();)Sc(Rl)}function Sc(e){var n=Tl(e.alternate,e,Ol);e.memoizedProps=e.pendingProps,null===n?wc(e):Rl=n,Al.current=null}function wc(e){var n=e;do{var t=n.alternate;if(e=n.return,0==(32768&n.flags)){if(null!==(t=Ki(t,n,Ol)))return void(Rl=t)}else{if(null!==(t=Yi(t,n)))return t.flags&=32767,void(Rl=t);if(null===e)return Fl=6,void(Rl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(n=n.sibling))return void(Rl=n);Rl=n=e}while(null!==n);0===Fl&&(Fl=5)}function xc(e,n,t){var r=Sn,o=_l.transition;try{_l.transition=null,Sn=1,function(e,n,t,r){do{kc()}while(null!==Yl);if(0!=(6&Il))throw Error(a(327));t=e.finishedWork;var o=e.finishedLanes;if(null===t)return null;if(e.finishedWork=null,e.finishedLanes=0,t===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var s=t.lanes|t.childLanes;if(function(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<t;){var o=31-sn(t),a=1<<o;n[o]=0,r[o]=-1,e[o]=-1,t&=~a}}(e,s),e===Pl&&(Rl=Pl=null,Ll=0),0==(2064&t.subtreeFlags)&&0==(2064&t.flags)||Kl||(Kl=!0,Pc(nn,(function(){return kc(),null}))),s=0!=(15990&t.flags),0!=(15990&t.subtreeFlags)||s){s=_l.transition,_l.transition=null;var i=Sn;Sn=1;var l=Il;Il|=4,Al.current=null,function(e,n){if(eo=Wn,fr(e=pr())){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(t=(t=e.ownerDocument)&&t.defaultView||window).getSelection&&t.getSelection();if(r&&0!==r.rangeCount){t=r.anchorNode;var o=r.anchorOffset,s=r.focusNode;r=r.focusOffset;try{t.nodeType,s.nodeType}catch(w){t=null;break e}var i=0,l=-1,c=-1,u=0,d=0,p=e,f=null;n:for(;;){for(var m;p!==t||0!==o&&3!==p.nodeType||(l=i+o),p!==s||0!==r&&3!==p.nodeType||(c=i+r),3===p.nodeType&&(i+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break n;if(f===t&&++u===o&&(l=i),f===s&&++d===r&&(c=i),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}t=-1===l||-1===c?null:{start:l,end:c}}else t=null}t=t||{start:0,end:0}}else t=null;for(no={focusedElem:e,selectionRange:t},Wn=!1,Ji=n;null!==Ji;)if(e=(n=Ji).child,0!=(1028&n.subtreeFlags)&&null!==e)e.return=n,Ji=e;else for(;null!==Ji;){n=Ji;try{var g=n.alternate;if(0!=(1024&n.flags))switch(n.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=n.stateNode,v=b.getSnapshotBeforeUpdate(n.elementType===n.type?h:ya(n.type,h),y);b.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var S=n.stateNode.containerInfo;1===S.nodeType?S.textContent="":9===S.nodeType&&S.documentElement&&S.removeChild(S.documentElement);break;default:throw Error(a(163))}}catch(w){Ec(n,n.return,w)}if(null!==(e=n.sibling)){e.return=n.return,Ji=e;break}Ji=n.return}g=tl,tl=!1}(e,t),yl(t,e),mr(no),Wn=!!eo,no=eo=null,e.current=t,vl(t,e,o),Xe(),Il=l,Sn=i,_l.transition=s}else e.current=t;if(Kl&&(Kl=!1,Yl=e,Xl=o),s=e.pendingLanes,0===s&&(ql=null),function(e){if(an&&"function"==typeof an.onCommitFiberRoot)try{an.onCommitFiberRoot(on,e,void 0,128==(128&e.current.flags))}catch(n){}}(t.stateNode),oc(e,Qe()),null!==n)for(r=e.onRecoverableError,t=0;t<n.length;t++)o=n[t],r(o.value,{componentStack:o.stack,digest:o.digest});if(Wl)throw Wl=!1,e=Gl,Gl=null,e;0!=(1&Xl)&&0!==e.tag&&kc(),s=e.pendingLanes,0!=(1&s)?e===Zl?Ql++:(Ql=0,Zl=e):Ql=0,zo()}(e,n,t,r)}finally{_l.transition=o,Sn=r}return null}function kc(){if(null!==Yl){var e=wn(Xl),n=_l.transition,t=Sn;try{if(_l.transition=null,Sn=16>e?16:e,null===Yl)var r=!1;else{if(e=Yl,Yl=null,Xl=0,0!=(6&Il))throw Error(a(331));var o=Il;for(Il|=4,Ji=e.current;null!==Ji;){var s=Ji,i=s.child;if(0!=(16&Ji.flags)){var l=s.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Ji=u;null!==Ji;){var d=Ji;switch(d.tag){case 0:case 11:case 15:rl(8,d,s)}var p=d.child;if(null!==p)p.return=d,Ji=p;else for(;null!==Ji;){var f=(d=Ji).sibling,m=d.return;if(sl(d),d===u){Ji=null;break}if(null!==f){f.return=m,Ji=f;break}Ji=m}}}var g=s.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)}}Ji=s}}if(0!=(2064&s.subtreeFlags)&&null!==i)i.return=s,Ji=i;else e:for(;null!==Ji;){if(0!=(2048&(s=Ji).flags))switch(s.tag){case 0:case 11:case 15:rl(9,s,s.return)}var b=s.sibling;if(null!==b){b.return=s.return,Ji=b;break e}Ji=s.return}}var v=e.current;for(Ji=v;null!==Ji;){var S=(i=Ji).child;if(0!=(2064&i.subtreeFlags)&&null!==S)S.return=i,Ji=S;else e:for(i=v;null!==Ji;){if(0!=(2048&(l=Ji).flags))try{switch(l.tag){case 0:case 11:case 15:ol(9,l)}}catch(x){Ec(l,l.return,x)}if(l===i){Ji=null;break e}var w=l.sibling;if(null!==w){w.return=l.return,Ji=w;break e}Ji=l.return}}if(Il=o,zo(),an&&"function"==typeof an.onPostCommitFiberRoot)try{an.onPostCommitFiberRoot(on,e)}catch(x){}r=!0}return r}finally{Sn=t,_l.transition=n}}return!1}function Tc(e,n,t){e=Fa(e,n=mi(0,n=ui(t,n),1),1),n=nc(),null!==e&&(bn(e,1,n),oc(e,n))}function Ec(e,n,t){if(3===e.tag)Tc(e,e,t);else for(;null!==n;){if(3===n.tag){Tc(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===ql||!ql.has(r))){n=Fa(n,e=gi(n,e=ui(t,e),1),1),e=nc(),null!==n&&(bn(n,1,e),oc(n,e));break}}n=n.return}}function Cc(e,n,t){var r=e.pingCache;null!==r&&r.delete(n),n=nc(),e.pingedLanes|=e.suspendedLanes&t,Pl===e&&(Ll&t)===t&&(4===Fl||3===Fl&&(130023424&Ll)===Ll&&500>Qe()-Vl?fc(e,0):Bl|=t),oc(e,n)}function Ac(e,n){0===n&&(0==(1&e.mode)?n=1:(n=dn,0==(130023424&(dn<<=1))&&(dn=4194304)));var t=nc();null!==(e=Pa(e,n))&&(bn(e,n,t),oc(e,t))}function _c(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),Ac(e,t)}function Ic(e,n){var t=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(t=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(n),Ac(e,t)}function Pc(e,n){return qe(e,n)}function Rc(e,n,t,r){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,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,n,t,r){return new Rc(e,n,t,r)}function Oc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Nc(e,n){var t=e.alternate;return null===t?((t=Lc(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Fc(e,n,t,r,o,s){var i=2;if(r=e,"function"==typeof e)Oc(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case k:return jc(t.children,o,s,n);case T:i=8,o|=8;break;case E:return(e=Lc(12,t,n,2|o)).elementType=E,e.lanes=s,e;case I:return(e=Lc(13,t,n,o)).elementType=I,e.lanes=s,e;case P:return(e=Lc(19,t,n,o)).elementType=P,e.lanes=s,e;case O:return Mc(t,o,s,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:i=10;break e;case A:i=9;break e;case _:i=11;break e;case R:i=14;break e;case L:i=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(n=Lc(i,t,n,o)).elementType=e,n.type=r,n.lanes=s,n}function jc(e,n,t,r){return(e=Lc(7,e,r,n)).lanes=t,e}function Mc(e,n,t,r){return(e=Lc(22,e,r,n)).elementType=O,e.lanes=t,e.stateNode={isHidden:!1},e}function Dc(e,n,t){return(e=Lc(6,e,null,n)).lanes=t,e}function Bc(e,n,t){return(n=Lc(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function $c(e,n,t,r,o){this.tag=n,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=yn(0),this.expirationTimes=yn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=yn(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Uc(e,n,t,r,o,a,s,i,l){return e=new $c(e,n,t,i,l),1===n?(n=1,!0===a&&(n|=8)):n=0,a=Lc(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},La(a),e}function Vc(e){if(!e)return _o;e:{if(Ve(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(Oo(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(a(171))}if(1===e.tag){var t=e.type;if(Oo(t))return jo(e,t,n)}return n}function zc(e,n,t,r,o,a,s,i,l){return(e=Uc(t,r,!0,e,0,a,0,i,l)).context=Vc(null),t=e.current,(a=Na(r=nc(),o=tc(t))).callback=null!=n?n:null,Fa(t,a,o),e.current.lanes=o,bn(e,o,r),oc(e,r),e}function Hc(e,n,t,r){var o=n.current,a=nc(),s=tc(o);return t=Vc(t),null===n.context?n.context=t:n.pendingContext=t,(n=Na(a,s)).payload={element:e},null!==(r=void 0===r?null:r)&&(n.callback=r),null!==(e=Fa(o,n,s))&&(rc(e,o,s,a),ja(e,o,s)),s}function Wc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Gc(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t<n?t:n}}function qc(e,n){Gc(e,n),(e=e.alternate)&&Gc(e,n)}Tl=function(e,n,t){if(null!==e)if(e.memoizedProps!==n.pendingProps||Po.current)Si=!0;else{if(0==(e.lanes&t)&&0==(128&n.flags))return Si=!1,function(e,n,t){switch(n.tag){case 3:Pi(n),ma();break;case 5:ss(n);break;case 1:Oo(n.type)&&Mo(n);break;case 4:os(n,n.stateNode.containerInfo);break;case 10:var r=n.type._context,o=n.memoizedProps.value;Ao(ba,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=n.memoizedState))return null!==r.dehydrated?(Ao(ls,1&ls.current),n.flags|=128,null):0!=(t&n.child.childLanes)?Di(e,n,t):(Ao(ls,1&ls.current),null!==(e=Wi(e,n,t))?e.sibling:null);Ao(ls,1&ls.current);break;case 19:if(r=0!=(t&n.childLanes),0!=(128&e.flags)){if(r)return zi(e,n,t);n.flags|=128}if(null!==(o=n.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Ao(ls,ls.current),r)break;return null;case 22:case 23:return n.lanes=0,Ei(e,n,t)}return Wi(e,n,t)}(e,n,t);Si=0!=(131072&e.flags)}else Si=!1,aa&&0!=(1048576&n.flags)&&ea(n,qo,n.index);switch(n.lanes=0,n.tag){case 2:var r=n.type;Hi(e,n),e=n.pendingProps;var o=Lo(n,Io.current);Ea(n,t),o=Ts(null,n,r,e,o,t);var s=Es();return n.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(n.tag=1,n.memoizedState=null,n.updateQueue=null,Oo(r)?(s=!0,Mo(n)):s=!1,n.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,La(n),o.updater=Va,n.stateNode=o,o._reactInternals=n,Ga(n,r,e,t),n=Ii(null,n,r,!0,s,t)):(n.tag=0,aa&&s&&na(n),wi(null,n,o,t),n=n.child),n;case 16:r=n.elementType;e:{switch(Hi(e,n),e=n.pendingProps,r=(o=r._init)(r._payload),n.type=r,o=n.tag=function(e){if("function"==typeof e)return Oc(e)?1:0;if(null!=e){if((e=e.$$typeof)===_)return 11;if(e===R)return 14}return 2}(r),e=ya(r,e),o){case 0:n=Ai(null,n,r,e,t);break e;case 1:n=_i(null,n,r,e,t);break e;case 11:n=xi(null,n,r,e,t);break e;case 14:n=ki(null,n,r,ya(r.type,e),t);break e}throw Error(a(306,r,""))}return n;case 0:return r=n.type,o=n.pendingProps,Ai(e,n,r,o=n.elementType===r?o:ya(r,o),t);case 1:return r=n.type,o=n.pendingProps,_i(e,n,r,o=n.elementType===r?o:ya(r,o),t);case 3:e:{if(Pi(n),null===e)throw Error(a(387));r=n.pendingProps,o=(s=n.memoizedState).element,Oa(e,n),Da(n,r,null,t);var i=n.memoizedState;if(r=i.element,s.isDehydrated){if(s={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},n.updateQueue.baseState=s,n.memoizedState=s,256&n.flags){n=Ri(e,n,r,t,o=ui(Error(a(423)),n));break e}if(r!==o){n=Ri(e,n,r,t,o=ui(Error(a(424)),n));break e}for(oa=co(n.stateNode.containerInfo.firstChild),ra=n,aa=!0,sa=null,t=Za(n,null,r,t),n.child=t;t;)t.flags=-3&t.flags|4096,t=t.sibling}else{if(ma(),r===o){n=Wi(e,n,t);break e}wi(e,n,r,t)}n=n.child}return n;case 5:return ss(n),null===e&&ua(n),r=n.type,o=n.pendingProps,s=null!==e?e.memoizedProps:null,i=o.children,to(r,o)?i=null:null!==s&&to(r,s)&&(n.flags|=32),Ci(e,n),wi(e,n,i,t),n.child;case 6:return null===e&&ua(n),null;case 13:return Di(e,n,t);case 4:return os(n,n.stateNode.containerInfo),r=n.pendingProps,null===e?n.child=Qa(n,null,r,t):wi(e,n,r,t),n.child;case 11:return r=n.type,o=n.pendingProps,xi(e,n,r,o=n.elementType===r?o:ya(r,o),t);case 7:return wi(e,n,n.pendingProps,t),n.child;case 8:case 12:return wi(e,n,n.pendingProps.children,t),n.child;case 10:e:{if(r=n.type._context,o=n.pendingProps,s=n.memoizedProps,i=o.value,Ao(ba,r._currentValue),r._currentValue=i,null!==s)if(ir(s.value,i)){if(s.children===o.children&&!Po.current){n=Wi(e,n,t);break e}}else for(null!==(s=n.child)&&(s.return=n);null!==s;){var l=s.dependencies;if(null!==l){i=s.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===s.tag){(c=Na(-1,t&-t)).tag=2;var u=s.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}}s.lanes|=t,null!==(c=s.alternate)&&(c.lanes|=t),Ta(s.return,t,n),l.lanes|=t;break}c=c.next}}else if(10===s.tag)i=s.type===n.type?null:s.child;else if(18===s.tag){if(null===(i=s.return))throw Error(a(341));i.lanes|=t,null!==(l=i.alternate)&&(l.lanes|=t),Ta(i,t,n),i=s.sibling}else i=s.child;if(null!==i)i.return=s;else for(i=s;null!==i;){if(i===n){i=null;break}if(null!==(s=i.sibling)){s.return=i.return,i=s;break}i=i.return}s=i}wi(e,n,o.children,t),n=n.child}return n;case 9:return o=n.type,r=n.pendingProps.children,Ea(n,t),r=r(o=Ca(o)),n.flags|=1,wi(e,n,r,t),n.child;case 14:return o=ya(r=n.type,n.pendingProps),ki(e,n,r,o=ya(r.type,o),t);case 15:return Ti(e,n,n.type,n.pendingProps,t);case 17:return r=n.type,o=n.pendingProps,o=n.elementType===r?o:ya(r,o),Hi(e,n),n.tag=1,Oo(r)?(e=!0,Mo(n)):e=!1,Ea(n,t),Ha(n,r,o),Ga(n,r,o,t),Ii(null,n,r,!0,e,t);case 19:return zi(e,n,t);case 22:return Ei(e,n,t)}throw Error(a(156,n.tag))};var Kc="function"==typeof reportError?reportError:function(e){console.error(e)};function Yc(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,n,t,r,o){var a=t._reactRootContainer;if(a){var s=a;if("function"==typeof o){var i=o;o=function(){var e=Wc(s);i.call(e)}}Hc(n,s,e,o)}else s=function(e,n,t,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Wc(s);a.call(e)}}var s=zc(n,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=s,e[go]=s.current,Vr(8===e.nodeType?e.parentNode:e),dc(),s}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var i=r;r=function(){var e=Wc(l);i.call(e)}}var l=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[go]=l.current,Vr(8===e.nodeType?e.parentNode:e),dc((function(){Hc(n,l,t,r)})),l}(t,n,e,o,r);return Wc(s)}Xc.prototype.render=Yc.prototype.render=function(e){var n=this._internalRoot;if(null===n)throw Error(a(409));Hc(e,n,null,null)},Xc.prototype.unmount=Yc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var n=e.containerInfo;dc((function(){Hc(null,e,null,null)})),n[go]=null}},Xc.prototype.unstable_scheduleHydration=function(e){if(e){var n=En();e={blockedOn:null,target:e,priority:n};for(var t=0;t<Nn.length&&0!==n&&n<Nn[t].priority;t++);Nn.splice(t,0,e),0===t&&Dn(e)}},xn=function(e){switch(e.tag){case 3:var n=e.stateNode;if(n.current.memoizedState.isDehydrated){var t=pn(n.pendingLanes);0!==t&&(vn(n,1|t),oc(n,Qe()),0==(6&Il)&&(zl=Qe()+500,zo()))}break;case 13:dc((function(){var n=Pa(e,1);if(null!==n){var t=nc();rc(n,e,1,t)}})),qc(e,1)}},kn=function(e){if(13===e.tag){var n=Pa(e,134217728);if(null!==n)rc(n,e,134217728,nc());qc(e,134217728)}},Tn=function(e){if(13===e.tag){var n=tc(e),t=Pa(e,n);if(null!==t)rc(t,e,n,nc());qc(e,n)}},En=function(){return Sn},Cn=function(e,n){var t=Sn;try{return Sn=e,n()}finally{Sn=t}},xe=function(e,n,t){switch(n){case"input":if(Z(e,t),n=t.name,"radio"===t.type&&null!=n){for(t=e;t.parentNode;)t=t.parentNode;for(t=t.querySelectorAll("input[name="+JSON.stringify(""+n)+'][type="radio"]'),n=0;n<t.length;n++){var r=t[n];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,t);break;case"select":null!=(n=t.value)&&te(e,!!t.multiple,n,!1)}},_e=uc,Ie=dc;var nu={usingClientEntryPoint:!1,Events:[So,wo,xo,Ce,Ae,uc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},ru={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.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=We(e))?null:e.stateNode},findFiberByHostInstance:tu.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{on=ou.inject(ru),an=ou}catch(ue){}}n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=nu,n.createPortal=function(e,n){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Qc(n))throw Error(a(200));return function(e,n,t){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:n,implementation:t}}(e,n,null,t)},n.createRoot=function(e,n){if(!Qc(e))throw Error(a(299));var t=!1,r="",o=Kc;return null!=n&&(!0===n.unstable_strictMode&&(t=!0),void 0!==n.identifierPrefix&&(r=n.identifierPrefix),void 0!==n.onRecoverableError&&(o=n.onRecoverableError)),n=Uc(e,1,!1,null,0,t,0,r,o),e[go]=n.current,Vr(8===e.nodeType?e.parentNode:e),new Yc(n)},n.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var n=e._reactInternals;if(void 0===n){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=We(n))?null:e.stateNode},n.flushSync=function(e){return dc(e)},n.hydrate=function(e,n,t){if(!Zc(n))throw Error(a(200));return eu(null,e,n,!0,t)},n.hydrateRoot=function(e,n,t){if(!Qc(e))throw Error(a(405));var r=null!=t&&t.hydratedSources||null,o=!1,s="",i=Kc;if(null!=t&&(!0===t.unstable_strictMode&&(o=!0),void 0!==t.identifierPrefix&&(s=t.identifierPrefix),void 0!==t.onRecoverableError&&(i=t.onRecoverableError)),n=zc(n,null,e,1,null!=t?t:null,o,0,s,i),e[go]=n.current,Vr(e),r)for(e=0;e<r.length;e++)o=(o=(t=r[e])._getVersion)(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o);return new Xc(n)},n.render=function(e,n,t){if(!Zc(n))throw Error(a(200));return eu(null,e,n,!1,t)},n.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)},n.unstable_batchedUpdates=uc,n.unstable_renderSubtreeIntoContainer=function(e,n,t,r){if(!Zc(t))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return eu(e,n,t,!1,r)},n.version="18.2.0-next-9e3b772b8-20220608"},8352:(e,n,t)=>{"use strict";var r=t(7104);n.createRoot=r.createRoot,n.hydrateRoot=r.hydrateRoot},7104:(e,n,t)=>{"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(n){console.error(n)}}(),e.exports=t(9516)},448:e=>{var n="undefined"!=typeof Element,t="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,s){if(e===s)return!0;if(e&&s&&"object"==typeof e&&"object"==typeof s){if(e.constructor!==s.constructor)return!1;var i,l,c,u;if(Array.isArray(e)){if((i=e.length)!=s.length)return!1;for(l=i;0!=l--;)if(!a(e[l],s[l]))return!1;return!0}if(t&&e instanceof Map&&s instanceof Map){if(e.size!==s.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!s.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],s.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&s instanceof Set){if(e.size!==s.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!s.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(s)){if((i=e.length)!=s.length)return!1;for(l=i;0!=l--;)if(e[l]!==s[l])return!1;return!0}if(e.constructor===RegExp)return e.source===s.source&&e.flags===s.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===s.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===s.toString();if((i=(c=Object.keys(e)).length)!==Object.keys(s).length)return!1;for(l=i;0!=l--;)if(!Object.prototype.hasOwnProperty.call(s,c[l]))return!1;if(n&&e instanceof Element)return!1;for(l=i;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],s[c[l]]))return!1;return!0}return e!=e&&s!=s}e.exports=function(e,n){try{return a(e,n)}catch(t){if((t.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw t}}},2160:(e,n,t)=>{"use strict";t.d(n,{EN:()=>W,So:()=>J});var r=t(1504),o=t(3268),a=t.n(o),s=t(448),i=t.n(s),l=t(9328),c=t.n(l),u=t(1072),d=t.n(u);function p(){return p=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,m(e,n)}function m(e,n){return m=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},m(e,n)}function g(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n.indexOf(t=a[r])>=0||(o[t]=e[t]);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,n){return e[w[n]]=n,e}),{}),k=function(e,n){for(var t=e.length-1;t>=0;t-=1){var r=e[t];if(Object.prototype.hasOwnProperty.call(r,n))return r[n]}return null},T=function(e){var n=k(e,h.TITLE),t=k(e,"titleTemplate");if(Array.isArray(n)&&(n=n.join("")),t&&n)return t.replace(/%s/g,(function(){return n}));var r=k(e,"defaultTitle");return n||r||void 0},E=function(e){return k(e,"onChangeClientState")||function(){}},C=function(e,n){return n.filter((function(n){return void 0!==n[e]})).map((function(n){return n[e]})).reduce((function(e,n){return p({},e,n)}),{})},A=function(e,n){return n.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(n,t){if(!n.length)for(var r=Object.keys(t),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&t[a])return n.concat(t)}return n}),[])},_=function(e,n,t){var r={};return t.filter((function(n){return!!Array.isArray(n[e])||(void 0!==n[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof n[e]+'"'),!1)})).map((function(n){return n[e]})).reverse().reduce((function(e,t){var o={};t.filter((function(e){for(var t,a=Object.keys(e),s=0;s<a.length;s+=1){var i=a[s],l=i.toLowerCase();-1===n.indexOf(l)||"rel"===t&&"canonical"===e[t].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(t=l),-1===n.indexOf(i)||"innerHTML"!==i&&"cssText"!==i&&"itemprop"!==i||(t=i)}if(!t||!e[t])return!1;var c=e[t].toLowerCase();return r[t]||(r[t]={}),o[t]||(o[t]={}),!r[t][c]&&(o[t][c]=!0,!0)})).reverse().forEach((function(n){return e.push(n)}));for(var a=Object.keys(o),s=0;s<a.length;s+=1){var i=a[s],l=p({},r[i],o[i]);r[i]=l}return e}),[]).reverse()},I=function(e,n){if(Array.isArray(e)&&e.length)for(var t=0;t<e.length;t+=1)if(e[t][n])return!0;return!1},P=function(e){return Array.isArray(e)?e.join(""):e},R=function(e,n){return Array.isArray(e)?e.reduce((function(e,t){return function(e,n){for(var t=Object.keys(e),r=0;r<t.length;r+=1)if(n[t[r]]&&n[t[r]].includes(e[t[r]]))return!0;return!1}(t,n)?e.priority.push(t):e.default.push(t),e}),{priority:[],default:[]}):{default:e}},L=function(e,n){var t;return p({},e,((t={})[n]=void 0,t))},O=[h.NOSCRIPT,h.SCRIPT,h.STYLE],N=function(e,n){return void 0===n&&(n=!0),!1===n?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},F=function(e){return Object.keys(e).reduce((function(n,t){var r=void 0!==e[t]?t+'="'+e[t]+'"':""+t;return n?n+" "+r:r}),"")},j=function(e,n){return void 0===n&&(n={}),Object.keys(e).reduce((function(n,t){return n[w[t]||t]=e[t],n}),n)},M=function(e,n){return n.map((function(n,t){var o,a=((o={key:t})["data-rh"]=!0,o);return Object.keys(n).forEach((function(e){var t=w[e]||e;"innerHTML"===t||"cssText"===t?a.dangerouslySetInnerHTML={__html:n.innerHTML||n.cssText}:a[t]=n[e]})),r.createElement(e,a)}))},D=function(e,n,t){switch(e){case h.TITLE:return{toComponent:function(){return t=n.titleAttributes,(o={key:e=n.title})["data-rh"]=!0,a=j(t,o),[r.createElement(h.TITLE,a,e)];var e,t,o,a},toString:function(){return function(e,n,t,r){var o=F(t),a=P(n);return o?"<"+e+' data-rh="true" '+o+">"+N(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+N(a,r)+"</"+e+">"}(e,n.title,n.titleAttributes,t)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return j(n)},toString:function(){return F(n)}};default:return{toComponent:function(){return M(e,n)},toString:function(){return function(e,n,t){return n.reduce((function(n,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,n){var o=void 0===r[n]?n:n+'="'+N(r[n],t)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",s=-1===O.indexOf(e);return n+"<"+e+' data-rh="true" '+o+(s?"/>":">"+a+"</"+e+">")}),"")}(e,n,t)}}}},B=function(e){var n=e.baseTag,t=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,s=e.styleTags,i=e.title,l=void 0===i?"":i,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 n=e.linkTags,t=e.scriptTags,r=e.encode,o=R(e.metaTags,v),a=R(n,y),s=R(t,b);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,o.priority),M(h.LINK,a.priority),M(h.SCRIPT,s.priority))},toString:function(){return D(h.META,o.priority,r)+" "+D(h.LINK,a.priority,r)+" "+D(h.SCRIPT,s.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:s.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:D(h.BASE,n,r),bodyAttributes:D("bodyAttributes",t,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,s,r),title:D(h.TITLE,{title:l,titleAttributes:c},r)}},$=[],U=function(e,n){var t=this;void 0===n&&(n="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){t.context.helmet=e},helmetInstances:{get:function(){return t.canUseDOM?$:t.instances},add:function(e){(t.canUseDOM?$:t.instances).push(e)},remove:function(e){var n=(t.canUseDOM?$:t.instances).indexOf(e);(t.canUseDOM?$:t.instances).splice(n,1)}}},this.context=e,this.canUseDOM=n,n||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},V=r.createContext({}),z=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,W=function(e){function n(t){var r;return(r=e.call(this,t)||this).helmetData=new U(r.props.context,n.canUseDOM),r}return f(n,e),n.prototype.render=function(){return r.createElement(V.Provider,{value:this.helmetData.value},this.props.children)},n}(r.Component);W.canUseDOM=H,W.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},W.defaultProps={context:{}},W.displayName="HelmetProvider";var G=function(e,n){var t,r=document.head||document.querySelector(h.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),s=[];return n&&n.length&&n.forEach((function(n){var r=document.createElement(e);for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&("innerHTML"===o?r.innerHTML=n.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=n.cssText:r.appendChild(document.createTextNode(n.cssText)):r.setAttribute(o,void 0===n[o]?"":n[o]));r.setAttribute("data-rh","true"),a.some((function(e,n){return t=n,r.isEqualNode(e)}))?a.splice(t,1):s.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),s.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:s}},q=function(e,n){var t=document.getElementsByTagName(e)[0];if(t){for(var r=t.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),s=Object.keys(n),i=0;i<s.length;i+=1){var l=s[i],c=n[l]||"";t.getAttribute(l)!==c&&t.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)t.removeAttribute(a[d]);o.length===a.length?t.removeAttribute("data-rh"):t.getAttribute("data-rh")!==s.join(",")&&t.setAttribute("data-rh",s.join(","))}},K=function(e,n){var t=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,s=e.noscriptTags,i=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,n){void 0!==e&&document.title!==e&&(document.title=P(e)),q(h.TITLE,n)}(u,d);var p={baseTag:G(h.BASE,t),linkTags:G(h.LINK,o),metaTags:G(h.META,a),noscriptTags:G(h.NOSCRIPT,s),scriptTags:G(h.SCRIPT,l),styleTags:G(h.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var n=p[e],t=n.newTags,r=n.oldTags;t.length&&(f[e]=t),r.length&&(m[e]=p[e].oldTags)})),n&&n(),i(e,f,m)},Y=null,X=function(e){function n(){for(var n,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(n=e.call.apply(e,[this].concat(r))||this).rendered=!1,n}f(n,e);var t=n.prototype;return t.shouldComponentUpdate=function(e){return!d()(e,this.props)},t.componentDidUpdate=function(){this.emitChange()},t.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},t.emitChange=function(){var e,n,t=this.props.context,r=t.setHelmet,o=null,a=(e=t.helmetInstances.get().map((function(e){var n=p({},e.props);return delete n.context,n})),{baseTag:A(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:_(h.LINK,["rel","href"],e),metaTags:_(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:_(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:E(e),scriptTags:_(h.SCRIPT,["src","innerHTML"],e),styleTags:_(h.STYLE,["cssText"],e),title:T(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:I(e,"prioritizeSeoTags")});W.canUseDOM?(n=a,Y&&cancelAnimationFrame(Y),n.defer?Y=requestAnimationFrame((function(){K(n,(function(){Y=null}))})):(K(n),Y=null)):B&&(o=B(a)),r(o)},t.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},t.render=function(){return this.init(),null},n}(r.Component);X.propTypes={context:z.isRequired},X.displayName="HelmetDispatcher";var Q=["children"],Z=["children"],J=function(e){function n(){return e.apply(this,arguments)||this}f(n,e);var t=n.prototype;return t.shouldComponentUpdate=function(e){return!i()(L(this.props,"helmetData"),L(e,"helmetData"))},t.mapNestedChildrenToProps=function(e,n){if(!n)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:n};case h.STYLE:return{cssText:n};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},t.flattenArrayTypeChildren=function(e){var n,t=e.child,r=e.arrayTypeChildren;return p({},r,((n={})[t.type]=[].concat(r[t.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(t,e.nestedChildren))]),n))},t.mapObjectTypeChildren=function(e){var n,t,r=e.child,o=e.newProps,a=e.newChildProps,s=e.nestedChildren;switch(r.type){case h.TITLE:return p({},o,((n={})[r.type]=s,n.titleAttributes=p({},a),n));case h.BODY:return p({},o,{bodyAttributes:p({},a)});case h.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((t={})[r.type]=p({},a),t))}},t.mapArrayTypeChildrenToProps=function(e,n){var t=p({},n);return Object.keys(e).forEach((function(n){var r;t=p({},t,((r={})[n]=e[n],r))})),t},t.warnOnInvalidChildren=function(e,n){return c()(S.some((function(n){return e.type===n})),"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()(!n||"string"==typeof n||Array.isArray(n)&&!n.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},t.mapChildrenToProps=function(e,n){var t=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,s=g(r,Q),i=Object.keys(s).reduce((function(e,n){return e[x[n]||n]=s[n],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():t.warnOnInvalidChildren(e,a),l){case h.FRAGMENT:n=t.mapChildrenToProps(a,n);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:o=t.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:i,nestedChildren:a});break;default:n=t.mapObjectTypeChildren({child:e,newProps:n,newChildProps:i,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,n)},t.render=function(){var e=this.props,n=e.children,t=g(e,Z),o=p({},t),a=t.helmetData;return n&&(o=this.mapChildrenToProps(n,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(X,p({},o,{context:a.value,helmetData:void 0})):r.createElement(V.Consumer,null,(function(e){return r.createElement(X,p({},o,{context:e}))}))},n}(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,n)=>{"use strict";var t="function"==typeof Symbol&&Symbol.for,r=t?Symbol.for("react.element"):60103,o=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,s=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,l=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,u=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,f=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,g=t?Symbol.for("react.memo"):60115,h=t?Symbol.for("react.lazy"):60116,y=t?Symbol.for("react.block"):60121,b=t?Symbol.for("react.fundamental"):60117,v=t?Symbol.for("react.responder"):60118,S=t?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case r:switch(e=e.type){case u:case d:case a:case i:case s:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case g:case l:return e;default:return n}}case o:return n}}}function x(e){return w(e)===d}n.AsyncMode=u,n.ConcurrentMode=d,n.ContextConsumer=c,n.ContextProvider=l,n.Element=r,n.ForwardRef=p,n.Fragment=a,n.Lazy=h,n.Memo=g,n.Portal=o,n.Profiler=i,n.StrictMode=s,n.Suspense=f,n.isAsyncMode=function(e){return x(e)||w(e)===u},n.isConcurrentMode=x,n.isContextConsumer=function(e){return w(e)===c},n.isContextProvider=function(e){return w(e)===l},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},n.isForwardRef=function(e){return w(e)===p},n.isFragment=function(e){return w(e)===a},n.isLazy=function(e){return w(e)===h},n.isMemo=function(e){return w(e)===g},n.isPortal=function(e){return w(e)===o},n.isProfiler=function(e){return w(e)===i},n.isStrictMode=function(e){return w(e)===s},n.isSuspense=function(e){return w(e)===f},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===i||e===s||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)},n.typeOf=w},2168:(e,n,t)=>{"use strict";e.exports=t(9764)},8852:(e,n,t)=>{"use strict";function r(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n}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,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function s(){return s=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}var i=t(1504),l=t(3268),c=[],u=[];function d(e){var n=e(),t={loading:!0,loaded:null,error:null};return t.promise=n.then((function(e){return t.loading=!1,t.loaded=e,e})).catch((function(e){throw t.loading=!1,t.error=e,e})),t}function p(e){var n={loading:!1,loaded:{},error:null},t=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?n.loading=!0:(n.loaded[r]=o.loaded,n.error=o.error),t.push(o.promise),o.promise.then((function(e){n.loaded[r]=e})).catch((function(e){n.error=e}))}))}catch(r){n.error=r}return n.promise=Promise.all(t).then((function(e){return n.loading=!1,e})).catch((function(e){throw n.loading=!1,e})),n}function f(e,n){return i.createElement((t=e)&&t.__esModule?t.default:t,n);var t}function m(e,n){var d,p;if(!n.loading)throw new Error("react-loadable requires a `loading` component");var m=s({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},n),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!==t.m[e]})))return h()})),p=d=function(n){function t(t){var r;return a(o(o(r=n.call(this,t)||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(t,n),t.preload=function(){return h()};var s=t.prototype;return s.UNSAFE_componentWillMount=function(){this._loadModule()},s.componentDidMount=function(){this._mounted=!0},s._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(n){e.context.loadable.report(n)})),g.loading){var n=function(n){e._mounted&&e.setState(n)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){n({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){n({timedOut:!0})}),m.timeout));var t=function(){n({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return t(),null})).catch((function(e){return t(),null}))}},s.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},s._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},s.render=function(){return this.state.loading||this.state.error?i.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},t}(i.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 n(){return e.apply(this,arguments)||this}r(n,e);var t=n.prototype;return t.getChildContext=function(){return{loadable:{report:this.props.report}}},t.render=function(){return i.Children.only(this.props.children)},n}(i.Component);function y(e){for(var n=[];e.length;){var t=e.pop();n.push(t())}return Promise.all(n).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,n){y(c).then(e,n)}))},g.preloadReady=function(){return new Promise((function(e,n){y(u).then(e,e)}))},e.exports=g},5464:(e,n,t)=>{"use strict";t.d(n,{C:()=>s,k:()=>i});var r=t(5592),o=t(6404),a=t(1504);function s(e,n,t){return void 0===t&&(t=[]),e.some((function(e){var o=e.path?(0,r.ot)(n,e):t.length?t[t.length-1].match:r.E5.computeRootMatch(n);return o&&(t.push({route:e,match:o}),e.routes&&s(e.routes,n,t)),o})),t}function i(e,n,t){return void 0===n&&(n={}),void 0===t&&(t={}),e?a.createElement(r.Wk,t,e.map((function(e,t){return a.createElement(r.kX,{key:e.key||t,path:e.path,exact:e.exact,strict:e.strict,render:function(t){return e.render?e.render((0,o.c)({},t,{},n,{route:e})):a.createElement(e.component,(0,o.c)({},t,n,{route:e}))}})}))):null}},440:(e,n,t)=>{"use strict";t.d(n,{Af:()=>v,cH:()=>h,kn:()=>u});var r=t(5592),o=t(9948),a=t(1504),s=t(8064),i=t(6404),l=t(4384),c=t(6136),u=function(e){function n(){for(var n,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(n=e.call.apply(e,[this].concat(r))||this).history=(0,s.iU)(n.props),n}return(0,o.c)(n,e),n.prototype.render=function(){return a.createElement(r.E5,{history:this.history,children:this.props.children})},n}(a.Component);a.Component;var d=function(e,n){return"function"==typeof e?e(n):e},p=function(e,n){return"string"==typeof e?(0,s.gh)(e,null,null,n):e},f=function(e){return e},m=a.forwardRef;void 0===m&&(m=f);var g=m((function(e,n){var t=e.innerRef,r=e.navigate,o=e.onClick,s=(0,l.c)(e,["innerRef","navigate","onClick"]),c=s.target,u=(0,i.c)({},s,{onClick:function(e){try{o&&o(e)}catch(n){throw e.preventDefault(),n}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&&n||t,a.createElement("a",u)}));var h=m((function(e,n){var t=e.component,o=void 0===t?g:t,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 t=e.history,r=p(d(h,e.location),e.location),l=r?t.createHref(r):"",g=(0,i.c)({},b,{href:l,navigate:function(){var n=d(h,e.location),r=(0,s.Ep)(e.location)===(0,s.Ep)(p(n));(u||r?t.replace:t.push)(n)}});return f!==m?g.ref=n||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,n){var t=e["aria-current"],o=void 0===t?"page":t,s=e.activeClassName,u=void 0===s?"active":s,f=e.activeStyle,m=e.className,g=e.exact,v=e.isActive,S=e.location,w=e.sensitive,x=e.strict,k=e.style,T=e.to,E=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 t=S||e.location,s=p(d(T,t),t),l=s.pathname,A=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),_=A?(0,r.ot)(t.pathname,{path:A,exact:g,sensitive:w,strict:x}):null,I=!!(v?v(_,t):_),P="function"==typeof m?m(I):m,R="function"==typeof k?k(I):k;I&&(P=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter((function(e){return e})).join(" ")}(P,u),R=(0,i.c)({},R,f));var L=(0,i.c)({"aria-current":I&&o||null,className:P,style:R,to:s},C);return y!==b?L.ref=n||E:L.innerRef=E,a.createElement(h,L)}))}))},5592:(e,n,t)=>{"use strict";t.d(n,{E5:()=>v,IT:()=>O,Os:()=>b,Uz:()=>L,Wk:()=>P,kX:()=>T,ot:()=>k});var r=t(9948),o=t(1504),a=t(3268),s=t.n(a),i=t(8064),l=t(6136),c=t(6404),u=t(8216),d=t.n(u),p=(t(2168),t(4384)),f=(t(4792),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:{};var g=o.createContext||function(e,n){var t,a,i="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function t(){for(var n,t,r,o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return(n=e.call.apply(e,[this].concat(a))||this).emitter=(t=n.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(n){return n!==e}))},get:function(){return t},set:function(e,n){t=e,r.forEach((function(e){return e(t,n)}))}}),n}(0,r.c)(t,e);var o=t.prototype;return o.getChildContext=function(){var e;return(e={})[i]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t,r=this.props.value,o=e.value;((a=r)===(s=o)?0!==a||1/a==1/s:a!=a&&s!=s)?t=0:(t="function"==typeof n?n(r,o):f,0!==(t|=0)&&this.emitter.set(e.value,t))}var a,s},o.render=function(){return this.props.children},t}(o.Component);l.childContextTypes=((t={})[i]=s().object.isRequired,t);var c=function(n){function t(){for(var e,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(e=n.call.apply(n,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(n,t){0!=((0|e.observedBits)&t)&&e.setState({value:e.getValue()})},e}(0,r.c)(t,n);var o=t.prototype;return o.componentWillReceiveProps=function(e){var n=e.observedBits;this.observedBits=null==n?f:n},o.componentDidMount=function(){this.context[i]&&this.context[i].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[i]&&this.context[i].off(this.onUpdate)},o.getValue=function(){return this.context[i]?this.context[i].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},t}(o.Component);return c.contextTypes=((a={})[i]=s().object,a),{Provider:l,Consumer:c}},h=function(e){var n=g();return n.displayName=e,n},y=h("Router-History"),b=h("Router"),v=function(e){function n(n){var t;return(t=e.call(this,n)||this).state={location:n.history.location},t._isMounted=!1,t._pendingLocation=null,n.staticContext||(t.unlisten=n.history.listen((function(e){t._pendingLocation=e}))),t}(0,r.c)(n,e),n.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var t=n.prototype;return t.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(n){e._isMounted&&e.setState({location:n})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},t.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},t.render=function(){return o.createElement(b.Provider,{value:{history:this.props.history,location:this.state.location,match:n.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(y.Provider,{children:this.props.children||null,value:this.props.history}))},n}(o.Component);o.Component;o.Component;var S={},w=1e4,x=0;function k(e,n){void 0===n&&(n={}),("string"==typeof n||Array.isArray(n))&&(n={path:n});var t=n,r=t.path,o=t.exact,a=void 0!==o&&o,s=t.strict,i=void 0!==s&&s,l=t.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(n,t){if(!t&&""!==t)return null;if(n)return n;var r=function(e,n){var t=""+n.end+n.strict+n.sensitive,r=S[t]||(S[t]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,n),keys:o};return x<w&&(r[e]=a,x++),a}(t,{end:a,strict:i,sensitive:c}),o=r.regexp,s=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:t,url:"/"===t&&""===u?"/":u,isExact:f,params:s.reduce((function(e,n,t){return e[n.name]=p[t],e}),{})}}),null)}var T=function(e){function n(){return e.apply(this,arguments)||this}return(0,r.c)(n,e),n.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(n){n||(0,l.c)(!1);var t=e.props.location||n.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(t.pathname,e.props):n.match,a=(0,c.c)({},n,{location:t,match:r}),s=e.props,i=s.children,u=s.component,d=s.render;return Array.isArray(i)&&function(e){return 0===o.Children.count(e)}(i)&&(i=null),o.createElement(b.Provider,{value:a},a.match?i?"function"==typeof i?i(a):i:u?o.createElement(u,a):d?d(a):null:"function"==typeof i?i(a):null)}))},n}(o.Component);function E(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,n){if(!e)return n;var t=E(e);return 0!==n.pathname.indexOf(t)?n:(0,c.c)({},n,{pathname:n.pathname.substr(t.length)})}function A(e){return"string"==typeof e?e:(0,i.Ep)(e)}function _(e){return function(){(0,l.c)(!1)}}function I(){}o.Component;var P=function(e){function n(){return e.apply(this,arguments)||this}return(0,r.c)(n,e),n.prototype.render=function(){var e=this;return o.createElement(b.Consumer,null,(function(n){n||(0,l.c)(!1);var t,r,a=e.props.location||n.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){t=e;var s=e.props.path||e.props.from;r=s?k(a.pathname,(0,c.c)({},e.props,{path:s})):n.match}})),r?o.cloneElement(t,{location:a,computedMatch:r}):null}))},n}(o.Component);var R=o.useContext;function L(){return R(y)}function O(){return R(b).location}},8216:(e,n,t)=>{var r=t(9600);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,n){return i(a(e,n),n)},e.exports.tokensToFunction=i,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,n){for(var t,r=[],a=0,s=0,i="",u=n&&n.delimiter||"/";null!=(t=o.exec(e));){var d=t[0],p=t[1],f=t.index;if(i+=e.slice(s,f),s=f+d.length,p)i+=p[1];else{var m=e[s],g=t[2],h=t[3],y=t[4],b=t[5],v=t[6],S=t[7];i&&(r.push(i),i="");var w=null!=g&&null!=m&&m!==g,x="+"===v||"*"===v,k="?"===v||"*"===v,T=t[2]||u,E=y||b;r.push({name:h||a++,prefix:g||"",delimiter:T,optional:k,repeat:x,partial:w,asterisk:!!S,pattern:E?c(E):S?".*":"[^"+l(T)+"]+?"})}}return s<e.length&&(i+=e.substr(s)),i&&r.push(i),r}function s(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function i(e,n){for(var t=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(t[o]=new RegExp("^(?:"+e[o].pattern+")$",d(n)));return function(n,o){for(var a="",i=n||{},l=(o||{}).pretty?s:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=i[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]),!t[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),!t[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,n){return e.keys=n,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,n,t){r(n)||(t=n||t,n=[]);for(var o=(t=t||{}).strict,a=!1!==t.end,s="",i=0;i<e.length;i++){var c=e[i];if("string"==typeof c)s+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";n.push(c),c.repeat&&(f+="(?:"+p+f+")*"),s+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(t.delimiter||"/"),g=s.slice(-m.length)===m;return o||(s=(g?s.slice(0,-m.length):s)+"(?:"+m+"(?=$))?"),s+=a?"$":o&&g?"":"(?="+m+"|$)",u(new RegExp("^"+s,d(t)),n)}function f(e,n,t){return r(n)||(t=n||t,n=[]),t=t||{},e instanceof RegExp?function(e,n){var t=e.source.match(/\((?!\?)/g);if(t)for(var r=0;r<t.length;r++)n.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,n)}(e,n):r(e)?function(e,n,t){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],n,t).source);return u(new RegExp("(?:"+r.join("|")+")",d(t)),n)}(e,n,t):function(e,n,t){return p(a(e,t),n,t)}(e,n,t)}},4808:(e,n,t)=>{"use strict";var r=t(1504),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,n,t){var r,a={},c=null,u=null;for(r in void 0!==t&&(c=""+t),void 0!==n.key&&(c=""+n.key),void 0!==n.ref&&(u=n.ref),n)s.call(n,r)&&!l.hasOwnProperty(r)&&(a[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===a[r]&&(a[r]=n[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:i.current}}n.Fragment=a,n.jsx=c,n.jsxs=c},3028:(e,n)=>{"use strict";var t=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),i=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,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||m}function b(){}function v(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||m}y.prototype.isReactComponent={},y.prototype.setState=function(e,n){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,n,"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},T={key:!0,ref:!0,__self:!0,__source:!0};function E(e,n,r){var o,a={},s=null,i=null;if(null!=n)for(o in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(s=""+n.key),n)x.call(n,o)&&!T.hasOwnProperty(o)&&(a[o]=n[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:t,type:e,key:s,ref:i,props:a,_owner:k.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var A=/\/+/g;function _(e,n){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var n={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return n[e]}))}(""+e.key):n.toString(36)}function I(e,n,o,a,s){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var l=!1;if(null===e)l=!0;else switch(i){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case t:case r:l=!0}}if(l)return s=s(l=e),e=""===a?"."+_(l,0):a,w(s)?(o="",null!=e&&(o=e.replace(A,"$&/")+"/"),I(s,n,o,"",(function(e){return e}))):null!=s&&(C(s)&&(s=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(s,o+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(A,"$&/")+"/")+e)),n.push(s)),1;if(l=0,a=""===a?".":a+":",w(e))for(var c=0;c<e.length;c++){var u=a+_(i=e[c],c);l+=I(i,n,o,u,s)}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;!(i=e.next()).done;)l+=I(i=i.value,n,o,u=a+_(i,c++),s);else if("object"===i)throw n=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.");return l}function P(e,n,t){if(null==e)return e;var r=[],o=0;return I(e,r,"","",(function(e){return n.call(t,e,o++)})),r}function R(e){if(-1===e._status){var n=e._result;(n=n()).then((function(n){0!==e._status&&-1!==e._status||(e._status=1,e._result=n)}),(function(n){0!==e._status&&-1!==e._status||(e._status=2,e._result=n)})),-1===e._status&&(e._status=0,e._result=n)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},O={transition:null},N={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:O,ReactCurrentOwner:k};n.Children={map:P,forEach:function(e,n,t){P(e,(function(){n.apply(this,arguments)}),t)},count:function(e){var n=0;return P(e,(function(){n++})),n},toArray:function(e){return P(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}},n.Component=y,n.Fragment=o,n.Profiler=s,n.PureComponent=v,n.StrictMode=a,n.Suspense=u,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=N,n.cloneElement=function(e,n,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,s=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(s=n.ref,i=k.current),void 0!==n.key&&(a=""+n.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in n)x.call(n,c)&&!T.hasOwnProperty(c)&&(o[c]=void 0===n[c]&&void 0!==l?l[c]:n[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:t,type:e.type,key:a,ref:s,props:o,_owner:i}},n.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},n.createElement=E,n.createFactory=function(e){var n=E.bind(null,e);return n.type=e,n},n.createRef=function(){return{current:null}},n.forwardRef=function(e){return{$$typeof:c,render:e}},n.isValidElement=C,n.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:R}},n.memo=function(e,n){return{$$typeof:d,type:e,compare:void 0===n?null:n}},n.startTransition=function(e){var n=O.transition;O.transition={};try{e()}finally{O.transition=n}},n.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},n.useCallback=function(e,n){return L.current.useCallback(e,n)},n.useContext=function(e){return L.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return L.current.useDeferredValue(e)},n.useEffect=function(e,n){return L.current.useEffect(e,n)},n.useId=function(){return L.current.useId()},n.useImperativeHandle=function(e,n,t){return L.current.useImperativeHandle(e,n,t)},n.useInsertionEffect=function(e,n){return L.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return L.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return L.current.useMemo(e,n)},n.useReducer=function(e,n,t){return L.current.useReducer(e,n,t)},n.useRef=function(e){return L.current.useRef(e)},n.useState=function(e){return L.current.useState(e)},n.useSyncExternalStore=function(e,n,t){return L.current.useSyncExternalStore(e,n,t)},n.useTransition=function(){return L.current.useTransition()},n.version="18.2.0"},1504:(e,n,t)=>{"use strict";e.exports=t(3028)},7624:(e,n,t)=>{"use strict";e.exports=t(4808)},8328:(e,n)=>{"use strict";function t(e,n){var t=e.length;e.push(n);e:for(;0<t;){var r=t-1>>>1,o=e[r];if(!(0<a(o,n)))break e;e[r]=n,e[t]=o,t=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var n=e[0],t=e.pop();if(t!==n){e[0]=t;e:for(var r=0,o=e.length,s=o>>>1;r<s;){var i=2*(r+1)-1,l=e[i],c=i+1,u=e[c];if(0>a(l,t))c<o&&0>a(u,l)?(e[r]=u,e[c]=t,r=c):(e[r]=l,e[i]=t,r=i);else{if(!(c<o&&0>a(u,t)))break e;e[r]=u,e[c]=t,r=c}}}return n}function a(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var s=performance;n.unstable_now=function(){return s.now()}}else{var i=Date,l=i.now();n.unstable_now=function(){return i.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 n=r(u);null!==n;){if(null===n.callback)o(u);else{if(!(n.startTime<=e))break;o(u),n.sortIndex=n.expirationTime,t(c,n)}n=r(u)}}function w(e){if(h=!1,S(e),!g)if(null!==r(c))g=!0,O(x);else{var n=r(u);null!==n&&N(w,n.startTime-e)}}function x(e,t){g=!1,h&&(h=!1,b(C),C=-1),m=!0;var a=f;try{for(S(t),p=r(c);null!==p&&(!(p.expirationTime>t)||e&&!I());){var s=p.callback;if("function"==typeof s){p.callback=null,f=p.priorityLevel;var i=s(p.expirationTime<=t);t=n.unstable_now(),"function"==typeof i?p.callback=i:p===r(c)&&o(c),S(t)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&N(w,d.startTime-t),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,T=!1,E=null,C=-1,A=5,_=-1;function I(){return!(n.unstable_now()-_<A)}function P(){if(null!==E){var e=n.unstable_now();_=e;var t=!0;try{t=E(!0,e)}finally{t?k():(T=!1,E=null)}}else T=!1}if("function"==typeof v)k=function(){v(P)};else if("undefined"!=typeof MessageChannel){var R=new MessageChannel,L=R.port2;R.port1.onmessage=P,k=function(){L.postMessage(null)}}else k=function(){y(P,0)};function O(e){E=e,T||(T=!0,k())}function N(e,t){C=y((function(){e(n.unstable_now())}),t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){g||m||(g=!0,O(x))},n.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"):A=0<e?Math.floor(1e3/e):5},n.unstable_getCurrentPriorityLevel=function(){return f},n.unstable_getFirstCallbackNode=function(){return r(c)},n.unstable_next=function(e){switch(f){case 1:case 2:case 3:var n=3;break;default:n=f}var t=f;f=n;try{return e()}finally{f=t}},n.unstable_pauseExecution=function(){},n.unstable_requestPaint=function(){},n.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=f;f=e;try{return n()}finally{f=t}},n.unstable_scheduleCallback=function(e,o,a){var s=n.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?s+a:s:a=s,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:i=a+i,sortIndex:-1},a>s?(e.sortIndex=a,t(u,e),null===r(c)&&e===r(u)&&(h?(b(C),C=-1):h=!0,N(w,a-s))):(e.sortIndex=i,t(c,e),g||m||(g=!0,O(x))),e},n.unstable_shouldYield=I,n.unstable_wrapCallback=function(e){var n=f;return function(){var t=f;f=n;try{return e.apply(this,arguments)}finally{f=t}}}},4712:(e,n,t)=>{"use strict";e.exports=t(8328)},1072:e=>{e.exports=function(e,n,t,r){var o=t?t.call(r,e,n):void 0;if(void 0!==o)return!!o;if(e===n)return!0;if("object"!=typeof e||!e||"object"!=typeof n||!n)return!1;var a=Object.keys(e),s=Object.keys(n);if(a.length!==s.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(n),l=0;l<a.length;l++){var c=a[l];if(!i(c))return!1;var u=e[c],d=n[c];if(!1===(o=t?t.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},6136:(e,n,t)=>{"use strict";t.d(n,{c:()=>a});var r=!0,o="Invariant failed";function a(e,n){if(!e){if(r)throw new Error(o);var t="function"==typeof n?n():n;throw new Error(t?o+": "+t:o)}}},7768:(e,n,t)=>{"use strict";t.r(n),t.d(n,{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,n,t)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},r.apply(this,arguments)}t.d(n,{c:()=>r})},9948:(e,n,t)=>{"use strict";function r(e,n){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},r(e,n)}function o(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,r(e,n)}t.d(n,{c:()=>o})},4384:(e,n,t)=>{"use strict";function r(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}t.d(n,{c:()=>r})},5456:(e,n,t)=>{"use strict";function r(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=r(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}t.d(n,{c:()=>o});const o=function(){for(var e,n,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=r(e))&&(o&&(o+=" "),o+=n);return o}},5720:(e,n,t)=>{"use strict";t.d(n,{gl:()=>ee,sp:()=>A});var r,o,a,s,i,l,c,u=t(1504),d=t(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,n,t)=>n in e?f(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,k=(e,n)=>{for(var t in n||(n={}))S.call(n,t)&&x(e,t,n[t]);if(b)for(var t of b(n))w.call(n,t)&&x(e,t,n[t]);return e},T=(e,n)=>m(e,h(n)),E=(e,n)=>{var t={};for(var r in e)S.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&b)for(var r of b(e))n.indexOf(r)<0&&w.call(e,r)&&(t[r]=e[r]);return t},C=(r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,n){var t=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,t={},r={util:{encode:function e(n){return n instanceof o?new o(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.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:++n}),e.__id},clone:function e(n,t){var o,a;switch(t=t||{},r.util.type(n)){case"Object":if(a=r.util.objId(n),t[a])return t[a];for(var s in o={},t[a]=o,n)n.hasOwnProperty(s)&&(o[s]=e(n[s],t));return o;case"Array":return a=r.util.objId(n),t[a]?t[a]:(o=[],t[a]=o,n.forEach((function(n,r){o[r]=e(n,t)})),o);default:return n}},getLanguage:function(n){for(;n;){var t=e.exec(n.className);if(t)return t[1].toLowerCase();n=n.parentElement}return"none"},setLanguage:function(n,t){n.className=n.className.replace(RegExp(e,"gi"),""),n.classList.add("language-"+t)},isActive:function(e,n,t){for(var r="no-"+n;e;){var o=e.classList;if(o.contains(n))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!t}},languages:{plain:t,plaintext:t,text:t,txt:t,extend:function(e,n){var t=r.util.clone(r.languages[e]);for(var o in n)t[o]=n[o];return t},insertBefore:function(e,n,t,o){var a=(o=o||r.languages)[e],s={};for(var i in a)if(a.hasOwnProperty(i)){if(i==n)for(var l in t)t.hasOwnProperty(l)&&(s[l]=t[l]);t.hasOwnProperty(i)||(s[i]=a[i])}var c=o[e];return o[e]=s,r.languages.DFS(r.languages,(function(n,t){t===c&&n!=e&&(this[n]=s)})),s},DFS:function e(n,t,o,a){a=a||{};var s=r.util.objId;for(var i in n)if(n.hasOwnProperty(i)){t.call(n,i,n[i],o||i);var l=n[i],c=r.util.type(l);"Object"!==c||a[s(l)]?"Array"!==c||a[s(l)]||(a[s(l)]=!0,e(l,t,i,a)):(a[s(l)]=!0,e(l,t,null,a))}}},plugins:{},highlight:function(e,n,t){var a={code:e,grammar:n,language:t};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,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var o=new i;return l(o,o.head,e),s(e,o,n,o.head,0),function(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}(o)},hooks:{all:{},add:function(e,n){var t=r.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=r.hooks.all[e];if(t&&t.length)for(var o,a=0;o=t[a++];)o(n)}},Token:o};function o(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function a(e,n,t,r){e.lastIndex=n;var o=e.exec(t);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function s(e,n,t,i,u,d){for(var p in t)if(t.hasOwnProperty(p)&&t[p]){var f=t[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=i.next,k=u;x!==n.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var T=x.value;if(n.length>e.length)return;if(!(T instanceof o)){var E,C=1;if(b){if(!(E=a(w,k,e,y))||E.index>=e.length)break;var A=E.index,_=E.index+E[0].length,I=k;for(I+=x.value.length;A>=I;)I+=(x=x.next).value.length;if(k=I-=x.value.length,x.value instanceof o)continue;for(var P=x;P!==n.tail&&(I<_||"string"==typeof P.value);P=P.next)C++,I+=P.value.length;C--,T=e.slice(k,I),E.index-=k}else if(!(E=a(w,0,T,y)))continue;A=E.index;var R=E[0],L=T.slice(0,A),O=T.slice(A+R.length),N=k+T.length;d&&N>d.reach&&(d.reach=N);var F=x.prev;if(L&&(F=l(n,F,L),k+=L.length),c(n,F,C),x=l(n,F,new o(p,h?r.tokenize(R,h):R,v,R)),O&&l(n,x,O),C>1){var j={cause:p+","+m,reach:N};s(e,n,t,x.prev,k,j),d&&j.reach>d.reach&&(d.reach=j.reach)}}}}}}function i(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function l(e,n,t){var r=n.next,o={value:t,prev:n,next:r};return n.next=o,r.prev=o,e.length++,o}function c(e,n,t){for(var r=n.next,o=0;o<t&&r!==e.tail;o++)r=r.next;n.next=r,r.prev=n,e.length-=o}return o.stringify=function e(n,t){if("string"==typeof n)return n;if(Array.isArray(n)){var o="";return n.forEach((function(n){o+=e(n,t)})),o}var a={type:n.type,content:e(n.content,t),tag:"span",classes:["token",n.type],attributes:{},language:t},s=n.alias;s&&(Array.isArray(s)?Array.prototype.push.apply(a.classes,s):a.classes.push(s)),r.hooks.run("wrap",a);var i="";for(var l in a.attributes)i+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+i+">"+a.content+"</"+a.tag+">"},r}();n.exports=t,t.default=t}},function(){return o||(0,r[y(r)[0]])((o={exports:{}}).exports,o),o.exports}),A=((e,n,t)=>(t=null!=e?p(v(e)):{},((e,n,t,r)=>{if(n&&"object"==typeof n||"function"==typeof n)for(let o of y(n))S.call(e,o)||o===t||f(e,o,{get:()=>n[o],enumerable:!(r=g(n,o))||r.enumerable});return e})(!n&&e&&e.__esModule?t:f(t,"default",{value:e,enumerable:!0}),e)))(C());A.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]},A.languages.markup.tag.inside["attr-value"].inside.entity=A.languages.markup.entity,A.languages.markup.doctype.inside["internal-subset"].inside=A.languages.markup,A.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(A.languages.markup.tag,"addInlined",{value:function(e,n){var t;(n=((t=((t={})["language-"+n]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:A.languages[n]},t.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:t}}))["language-"+n]={pattern:/[\s\S]+/,inside:A.languages[n]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:t},A.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(A.languages.markup.tag,"addAttribute",{value:function(e,n){A.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:[n,"language-"+n],inside:A.languages[n]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),A.languages.html=A.languages.markup,A.languages.mathml=A.languages.markup,A.languages.svg=A.languages.markup,A.languages.xml=A.languages.extend("markup",{}),A.languages.ssml=A.languages.xml,A.languages.atom=A.languages.xml,A.languages.rss=A.languages.xml,a=A,s={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},l="(?:[^\\\\-]|"+(i=/\\(?: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:i,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":s,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:i}},"special-escape":s,"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:i,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},A.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:/[{}[\];(),.:]/},A.languages.javascript=A.languages.extend("clike",{"class-name":[A.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}|\?\?=?|\?\.?|[~:]/}),A.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,A.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:A.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:A.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:A.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:A.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:A.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),A.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:A.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"}}),A.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),A.languages.markup&&(A.languages.markup.tag.addInlined("script","javascript"),A.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")),A.languages.js=A.languages.javascript,A.languages.actionscript=A.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:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),A.languages.actionscript["class-name"].alias="function",delete A.languages.actionscript.parameter,delete A.languages.actionscript["literal-property"],A.languages.markup&&A.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:A.languages.markup}}),function(e){var n=/#(?!\{).+/,t={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:n,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:t}}],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:n,interpolation:t}}}),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:t}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(A),function(e){var n=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(n,"addSupport",{value:function(n,t){(n="string"==typeof n?[n]:n).forEach((function(n){var r=function(e){e.inside||(e.inside={}),e.inside.rest=t},o="doc-comment";if(a=e.languages[n]){var a,s=a[o];if((s=s||(a=e.languages.insertBefore(n,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(s=a[o]={pattern:s}),Array.isArray(s))for(var i=0,l=s.length;i<l;i++)s[i]instanceof RegExp&&(s[i]={pattern:s[i]}),r(s[i]);else r(s)}}))}}),n.addSupport(["java","javascript","php"],n)}(A),function(e){var n=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(n=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+n.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\\((?:"+n.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+n.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+n.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:n,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))&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(A),function(e){var n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,t=(n=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:n={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.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":[n,{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=n,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:n,number:t,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:n,number:t})}(A),function(e){var n=/[*&][^\s[\]{},]+/,t=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+t.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+t.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 s(e,n){n=(n||"").replace(/m/g,"")+"m";var t=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(t,n)}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:s(/\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:s(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:s(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:s(a),lookbehind:!0,greedy:!0},number:{pattern:s(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:t,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A),function(e){var n=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function t(e){return e=e.replace(/<inner>/g,(function(){return n})),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,s=(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:t(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:t(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:t(/(~~?)(?:(?!~)<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:t(/!?\[(?:(?!\])<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(n){["url","bold","italic","strike","code-snippet"].forEach((function(t){n!==t&&(e.languages.markdown[n].inside.content.inside[t]=e.languages.markdown[t])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(n){if(n&&"string"!=typeof n)for(var t=0,r=n.length;t<r;t++){var o,a=n[t];"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(n){if("code-block"===n.type){for(var t="",r=0,o=n.classes.length;r<o;r++){var a=n.classes[r];if(a=/language-(.+)/.exec(a)){t=a[1];break}}var c,u=e.languages[t];u?n.content=e.highlight(n.content.replace(s,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,n){var t;return"#"===(n=n.toLowerCase())[0]?(t="x"===n[1]?parseInt(n.slice(2),16):Number(n.slice(1)),l(t)):i[n]||e})),u,t):t&&"none"!==t&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),n.attributes.id=c,e.plugins.autoloader.loadLanguages(t,(function(){var n=document.getElementById(c);n&&(n.innerHTML=e.highlight(n.textContent,e.languages[t],t))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),i={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(A),A.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:A.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+/},A.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var n=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),t=0;t<n.length;){var r=n[t++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){t+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;t<a;t++){var s=u(0);"variable"===s.type&&(f(s,"variable-input"),o.push(s.content))}t=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(t++,f(u(0),"property-mutation"),0<o.length)){var i=p(/^\{$/,/^\}$/);if(-1!==i)for(var l=t;l<i;l++){var c=n[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return n[t+e]}function d(e,n){n=n||0;for(var t=0;t<e.length;t++){var r=u(t+n);if(!r||r.type!==e[t])return}return 1}function p(e,r){for(var o=1,a=t;a<n.length;a++){var s=n[a],i=s.content;if("punctuation"===s.type&&"string"==typeof i)if(e.test(i))o++;else if(r.test(i)&&0==--o)return a}return-1}function f(e,n){var t=e.alias;t?Array.isArray(t)||(e.alias=t=[t]):e.alias=t=[],t.push(n)}})),A.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 n=e.languages.javascript["template-string"],t=n.pattern.source,r=n.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function s(n,r){if(e.languages[n])return{pattern:RegExp("((?:"+r+")\\s*)"+t),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:n}}}}function i(n,t,r){return n={code:n,grammar:t,language:r},e.hooks.run("before-tokenize",n),n.tokens=e.tokenize(n.code,n.grammar),e.hooks.run("after-tokenize",n),n.tokens}function l(n,t,s){var l=e.tokenize(n,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=i(l.map((function(e){if("string"==typeof e)return e;var t,r;for(e=e.content;-1!==n.indexOf((r=c++,t="___"+s.toUpperCase()+"_"+r+"___")););return u[t]=e,t})).join(""),t,s),Object.keys(u));return c=0,function n(t){for(var a=0;a<t.length;a++){if(c>=d.length)return;var s,l,p,f,m,g,h,y=t[a];"string"==typeof y||"string"==typeof y.content?(s=d[c],-1!==(h=(g="string"==typeof y?y:y.content).indexOf(s))&&(++c,l=g.substring(0,h),m=u[s],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,i(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=g.substring(h+s.length),m=[],l&&m.push(l),m.push(p),f&&(n(g=[f]),m.push.apply(m,g)),"string"==typeof y?(t.splice.apply(t,[a,1].concat(m)),a+=m.length-1):y.content=m)):(h=y.content,Array.isArray(h)?n(h):n([h]))}}(l),new e.Token(s,l,"language-"+s,n)}e.languages.javascript["template-string"]=[s("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),s("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),s("svg",/\bsvg/.source),s("markdown",/\b(?:markdown|md)/.source),s("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),s("sql",/\bsql/.source),n].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(n){n.language in c&&function n(t){for(var r=0,o=t.length;r<o;r++){var a,s,i,c=t[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&&(s=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,i=e.languages[c])&&(a[1]=l(s,i,c))):n(a):"string"!=typeof a&&n([a]))}}(n.tokens)}))}(A),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 n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,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:n}}}}),e.languages.ts=e.languages.typescript}(A),function(e){var n=e.languages.javascript,t=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+t+"\\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:n,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 t}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+t),lookbehind:!0,inside:{string:n.string,number:n.number,boolean:n.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:n,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(A),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})}(A),A.languages.n4js=A.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/}),A.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),A.languages.n4jsd=A.languages.n4js,function(e){function n(e,n){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),n)}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:n(/(\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:n(/(\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:n(/(\.\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 t=["function","function-variable","method","method-variable","property-access"],r=0;r<t.length;r++){var o=t[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]*/}}(A),function(e){var n=e.util.clone(e.languages.javascript),t=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,n){return e=e.replace(/<S>/g,(function(){return t})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,n)}function s(n){for(var t=[],r=0;r<n.length;r++){var o=n[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<t.length&&t[t.length-1].tagName===i(o.content[0].content[1])&&t.pop():"/>"!==o.content[o.content.length-1].content&&t.push({tagName:i(o.content[0].content[1]),openedBraces:0}):0<t.length&&"punctuation"===o.type&&"{"===o.content?t[t.length-1].openedBraces++:0<t.length&&0<t[t.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?t[t.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<t.length&&0===t[t.length-1].openedBraces&&(a=i(o),r<n.length-1&&("string"==typeof n[r+1]||"plain-text"===n[r+1].type)&&(a+=i(n[r+1]),n.splice(r+1,1)),0<r&&("string"==typeof n[r-1]||"plain-text"===n[r-1].type)&&(a=i(n[r-1])+a,n.splice(r-1,1),r--),n[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&s(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",n),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=n.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 i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(A),function(e){var n=e.util.clone(e.languages.typescript);(n=(e.languages.tsx=e.languages.extend("jsx",n),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(A),A.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:/[{}[\]();,.:\\]/},A.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=A.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 n={"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:n},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:n},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}(A),A.languages.c=A.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|[?:~]|[-+*/%&|^!=<>]=?/}),A.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),A.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},A.languages.c.string],char:A.languages.c.char,comment:A.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:A.languages.c}}}}),A.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 A.languages.c.boolean,A.languages.objectivec=A.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 A.languages.objectivec["class-name"],A.languages.objc=A.languages.objectivec,A.languages.reason=A.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/}),A.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 A.languages.reason.function,function(e){for(var n=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,t=0;t<2;t++)n=n.replace(/<self>/g,(function(){return n}));n=n.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+n),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}(A),A.languages.go=A.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/}),A.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete A.languages.go["class-name"],function(e){var n=/\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/,t=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return n.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 n.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:n,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 t}))+")"),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"])}(A),A.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:/[{}[\];(),.:]/},A.languages.python["string-interpolation"].inside.interpolation.inside.rest=A.languages.python,A.languages.py=A.languages.python;((e,n)=>{for(var t in n)f(e,t,{get:n[t],enumerable:!0})})({},{dracula:()=>_,duotoneDark:()=>I,duotoneLight:()=>P,github:()=>R,jettwaveDark:()=>H,jettwaveLight:()=>W,nightOwl:()=>L,nightOwlLight:()=>O,oceanicNext:()=>j,okaidia:()=>M,oneDark:()=>G,oneLight:()=>q,palenight:()=>D,shadesOfPurple:()=>B,synthwave84:()=>$,ultramin:()=>U,vsDark:()=>V,vsLight:()=>z});var _={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"}}]},P={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"}}]},R={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)"}}]},O={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)"}}]},N="#c5a5c5",F="#8dc891",j={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:N}},{types:["attr-value"],style:{color:F}},{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:F}},{types:["punctuation"],style:{color:F}},{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:N}},{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"}}]},U={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)"}}]},V={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)"}}]},z={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"}}]},W={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"}}]},G={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%)"}}]},K=(e,n)=>{const{plain:t}=e,r=e.styles.reduce(((e,t)=>{const{languages:r,style:o}=t;return r&&!r.includes(n)||t.types.forEach((n=>{const t=k(k({},e[n]),o);e[n]=t})),e}),{});return r.root=t,r.plain=T(k({},t),{backgroundColor:void 0}),r},Y=/\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,n)=>{const t=e.length;return t>0&&e[t-1]===n?e:e.concat(n)},Z=e=>{const n=[[]],t=[e],r=[0],o=[e.length];let a=0,s=0,i=[];const l=[i];for(;s>-1;){for(;(a=r[s]++)<o[s];){let e,c=n[s];const u=t[s][a];if("string"==typeof u?(c=s>0?c:["plain"],e=u):(c=Q(c,u.type),u.alias&&(c=Q(c,u.alias)),e=u.content),"string"!=typeof e){s++,n.push(c),t.push(e),r.push(0),o.push(e.length);continue}const d=e.split(Y),p=d.length;i.push({types:c,content:d[0]});for(let n=1;n<p;n++)X(i),l.push(i=[]),i.push({types:c,content:d[n]})}s--,n.pop(),t.pop(),r.pop(),o.pop()}return X(i),l},J=({children:e,language:n,code:t,theme:r,prism:o})=>{const a=n.toLowerCase(),s=((e,n)=>{const[t,r]=(0,u.useState)(K(n,e)),o=(0,u.useRef)(),a=(0,u.useRef)();return(0,u.useEffect)((()=>{n===o.current&&e===a.current||(o.current=n,a.current=e,r(K(n,e)))}),[e,n]),t})(a,r),i=(e=>(0,u.useCallback)((n=>{var t=n,{className:r,style:o,line:a}=t,s=E(t,["className","style","line"]);const i=T(k({},s),{className:(0,d.c)("token-line",r)});return"object"==typeof e&&"plain"in e&&(i.style=e.plain),"object"==typeof o&&(i.style=k(k({},i.style||{}),o)),i}),[e]))(s),l=(e=>{const n=(0,u.useCallback)((({types:n,empty:t})=>{if(null!=e)return 1===n.length&&"plain"===n[0]?null!=t?{display:"inline-block"}:void 0:1===n.length&&null!=t?e[n[0]]:Object.assign(null!=t?{display:"inline-block"}:{},...n.map((n=>e[n])))}),[e]);return(0,u.useCallback)((e=>{var t=e,{token:r,className:o,style:a}=t,s=E(t,["token","className","style"]);const i=T(k({},s),{className:(0,d.c)("token",...r.types,o),children:r.content,style:n(r)});return null!=a&&(i.style=k(k({},i.style||{}),a)),i}),[n])})(s),c=(({prism:e,code:n,grammar:t,language:r})=>{const o=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==t)return Z([n]);const e={code:n,grammar:t,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(n,t),o.current.hooks.run("after-tokenize",e),Z(e.tokens)}),[n,t,r])})({prism:o,language:a,code:t,grammar:o.languages[a]});return e({tokens:c,className:`prism-code language-${a}`,style:null!=s?s.root:{},getLineProps:i,getTokenProps:l})},ee=e=>(0,u.createElement)(J,T(k({},e),{prism:e.prism||A,theme:e.theme||V,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-3d8":{"__comp":"5e95c892","__context":{"plugin":"e7928ab4"}},"/docs-257":{"__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/apollo-client-ee0":{"__comp":"df203c0f","tag":"eba20459"},"/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/backend-908":{"__comp":"df203c0f","tag":"0825c398"},"/docs/tags/cache-283":{"__comp":"df203c0f","tag":"1fdec661"},"/docs/tags/ci-cd-56c":{"__comp":"df203c0f","tag":"a951c726"},"/docs/tags/cng-581":{"__comp":"df203c0f","tag":"31ac2bc7"},"/docs/tags/colors-9a5":{"__comp":"df203c0f","tag":"9b650fc1"},"/docs/tags/community-de4":{"__comp":"df203c0f","tag":"ad7b1610"},"/docs/tags/custom-commands-269":{"__comp":"df203c0f","tag":"ffe4833d"},"/docs/tags/darkmode-2b8":{"__comp":"df203c0f","tag":"bbaf8084"},"/docs/tags/data-synchronization-453":{"__comp":"df203c0f","tag":"3663082a"},"/docs/tags/database-7e4":{"__comp":"df203c0f","tag":"abfb2977"},"/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/emotion-js-a0a":{"__comp":"df203c0f","tag":"30b0babe"},"/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/font-awesome-c23":{"__comp":"df203c0f","tag":"e2d058df"},"/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/icons-3e5":{"__comp":"df203c0f","tag":"04c3832a"},"/docs/tags/imports-887":{"__comp":"df203c0f","tag":"b832b2ff"},"/docs/tags/intro-b42":{"__comp":"df203c0f","tag":"51658ad1"},"/docs/tags/login-a24":{"__comp":"df203c0f","tag":"6c727604"},"/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/offline-support-6ec":{"__comp":"df203c0f","tag":"199ff765"},"/docs/tags/power-sync-dca":{"__comp":"df203c0f","tag":"7f8cce85"},"/docs/tags/prebuild-83d":{"__comp":"df203c0f","tag":"f50f3884"},"/docs/tags/prettier-db7":{"__comp":"df203c0f","tag":"69dd30cd"},"/docs/tags/react-native-873":{"__comp":"df203c0f","tag":"cf59a740"},"/docs/tags/react-native-vision-camera-ea0":{"__comp":"df203c0f","tag":"82139467"},"/docs/tags/react-navigation-0ad":{"__comp":"df203c0f","tag":"94ee064e"},"/docs/tags/reactotron-cf3":{"__comp":"df203c0f","tag":"bc1a59c9"},"/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/session-2f1":{"__comp":"df203c0f","tag":"6558e733"},"/docs/tags/signup-c30":{"__comp":"df203c0f","tag":"b747e1af"},"/docs/tags/state-management-181":{"__comp":"df203c0f","tag":"18d888f3"},"/docs/tags/styled-components-e53":{"__comp":"df203c0f","tag":"37e9da98"},"/docs/tags/supabase-e10":{"__comp":"df203c0f","tag":"47c232e1"},"/docs/tags/testing-b53":{"__comp":"df203c0f","tag":"47a03c7f"},"/docs/tags/text-field-782":{"__comp":"df203c0f","tag":"72dfd944"},"/docs/tags/theming-bbf":{"__comp":"df203c0f","tag":"b6b5631c"},"/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/unistyles-8aa":{"__comp":"df203c0f","tag":"ee0b98b5"},"/docs/tags/uses-feature-f1a":{"__comp":"df203c0f","tag":"d699663a"},"/docs/tags/vector-icons-968":{"__comp":"df203c0f","tag":"4699e3bd"},"/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-548":{"__comp":"a94703ab"},"/docs/archive/-ab8":{"__comp":"17896441","content":"dd3340a6"},"/docs/archive/PristineExpoProject-afa":{"__comp":"17896441","content":"b33180cb"},"/docs/communityRecipes/-fc5":{"__comp":"17896441","content":"4890b90f"},"/docs/communityRecipes/CustomVectorIcons-b15":{"__comp":"17896441","content":"b3fb1bb5"},"/docs/intro-194":{"__comp":"17896441","content":"0e384e19"},"/docs/recipes/AccessibilityFontSizes-872":{"__comp":"17896441","content":"145425bc"},"/docs/recipes/ApolloClientCache-f38":{"__comp":"17896441","content":"e965bea7"},"/docs/recipes/Authentication-41e":{"__comp":"17896441","content":"52d269c5"},"/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/LocalFirstDataWithPowerSync-9a4":{"__comp":"17896441","content":"5fd7ef2e"},"/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/Theming-Emotion-715":{"__comp":"17896441","content":"76759531"},"/docs/recipes/Theming-StyledComponents-069":{"__comp":"17896441","content":"215698ba"},"/docs/recipes/Theming-Unistyles-905":{"__comp":"17896441","content":"9ec24567"},"/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 n=8808,e(e.s=n);var n}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.5d1b389f.js.LICENSE.txt b/assets/js/main.a8b028b1.js.LICENSE.txt
similarity index 100%
rename from assets/js/main.5d1b389f.js.LICENSE.txt
rename to assets/js/main.a8b028b1.js.LICENSE.txt
diff --git a/assets/js/runtime~main.b04024ff.js b/assets/js/runtime~main.08ff2dd1.js
similarity index 78%
rename from assets/js/runtime~main.b04024ff.js
rename to assets/js/runtime~main.08ff2dd1.js
index b9ef6874..faa238b9 100644
--- a/assets/js/runtime~main.b04024ff.js
+++ b/assets/js/runtime~main.08ff2dd1.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,f,b,d,c={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return c[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=c,e=[],r.O=(a,f,b,d)=>{if(!f){var c=1/0;for(i=0;i<e.length;i++){f=e[i][0],b=e[i][1],d=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&d||c>=d)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,d<c&&(c=d));if(t){e.splice(i--,1);var n=b();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[f,b,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,b){if(1&b&&(e=this(e)),8&b)return e;if("object"==typeof e&&e){if(4&b&&e.__esModule)return e;if(16&b&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var c={};a=a||[null,f({}),f([]),f(f)];for(var t=2&b&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>c[a]=()=>e[a]));return c.default=()=>e,r.d(d,c),d},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({8:"cecd52bc",16:"145425bc",40:"72dfd944",56:"7acb6f50",95:"b3d1732c",140:"fe9b09bf",222:"33f24359",328:"e1b6b0a8",492:"215698ba",622:"99d16955",656:"5fd7ef2e",784:"47c232e1",900:"9fc76e3d",916:"a2f5d017",1016:"76759531",1236:"f50f3884",1264:"c3e2f4d4",1388:"ce17b301",1412:"c75b21fd",1528:"b33180cb",1784:"d699663a",1904:"1fdec661",2008:"3bb7a4af",2044:"abfb2977",2160:"985027d8",2288:"e0854532",2324:"51ea30c5",2372:"b8c37621",2464:"abaad534",2596:"dce6faa4",2816:"30b0babe",2928:"eba20459",3008:"a8646ade",3128:"4e09609f",3180:"657027a7",3324:"ecce3b64",3336:"47a03c7f",3400:"df203c0f",3504:"f523b160",3800:"37e9da98",3960:"8b0d950b",3966:"19d620af",3980:"ad7b1610",4e3:"69dd30cd",4116:"fd1937a7",4212:"7f8cce85",4224:"78a0b2f7",4264:"6fd287af",4296:"55960ee5",4304:"5e95c892",4424:"24a07a83",4428:"bbaf8084",4492:"3720c009",4666:"a94703ab",4822:"b832b2ff",4955:"b3fb1bb5",4992:"3192f89a",5032:"c47fa949",5064:"51e76fb5",5156:"08a54ed9",5276:"d63d2b89",5284:"03224537",5292:"52d269c5",5320:"569bff92",5524:"0825c398",5548:"63181745",5576:"e965bea7",5592:"3663082a",5640:"18d888f3",5696:"935f2afb",5708:"e33e793e",5819:"bc1a59c9",5856:"da9277bc",6044:"954f316d",6216:"a8f9d519",6252:"ff2c7cca",6264:"d7af48b9",6328:"0e384e19",6460:"e7928ab4",6500:"a7bd4aaa",6568:"ee0b98b5",6704:"9dc0f37b",6728:"4890b90f",6752:"17896441",6756:"4a4fb967",6928:"1ab29606",7136:"9ec24567",7164:"e2041b9b",7224:"d01c4de2",7300:"94ee064e",7338:"6558e733",7556:"b747e1af",7572:"dd3340a6",7600:"ccf3150e",7620:"6c727604",7706:"e2d058df",7732:"a0d6a633",7820:"82139467",7920:"04c3832a",8200:"a951c726",8368:"199ff765",8436:"7b45617e",8440:"4699e3bd",8500:"cc1d3934",8552:"1df93b7f",8576:"54a9c7e8",8616:"6728e797",8636:"1c9ea255",8762:"d6ab422f",8780:"cf59a740",8872:"c5ca3bf3",9016:"d0e08e4a",9144:"dec1aed8",9208:"9b650fc1",9380:"ffe4833d",9576:"51658ad1",9607:"c5abe9fe",9632:"31ac2bc7",9648:"1a4e3797",9828:"24c3776a",9960:"b6b5631c"}[e]||e)+"."+{8:"5cac4503",16:"ead2eef0",40:"5ad7245c",56:"35f2b92d",95:"e48871b5",140:"18b32ed9",222:"1a82a5fc",328:"c1ce8154",492:"919d4861",622:"7e304c24",656:"2d0a39a8",784:"403201ca",900:"ed59a072",916:"2b66b8ca",1016:"0401f9a7",1236:"56663aa0",1264:"d72207a7",1388:"28e56656",1412:"e50e8147",1528:"9800c449",1676:"c9d2671a",1784:"f014bef9",1904:"7240b51b",2008:"1da259c8",2044:"8a00de12",2096:"74eff994",2160:"ffa3d60d",2288:"85981248",2324:"045bca0d",2372:"53ba3f4c",2464:"a38ab67c",2528:"8598cbba",2596:"bb991aa5",2816:"f4d14fbe",2928:"622feac1",3008:"b82994a5",3128:"2523db88",3180:"97c063c8",3324:"40438a91",3336:"b037daf5",3400:"ccf22ee4",3504:"480a17f2",3800:"22e74fbb",3960:"1e5c3e49",3966:"19ce1467",3980:"7f1883e4",4e3:"b3334896",4116:"f9d1089f",4212:"75a81484",4224:"3a69bc27",4264:"aaf028f5",4296:"452ac5b9",4304:"a1a3902d",4424:"0255ff7d",4428:"8d59b503",4492:"90b28f7c",4552:"5546624d",4666:"bc075c24",4822:"485a5f70",4955:"53e657fe",4992:"0e2472bc",5032:"21ff503c",5064:"e5ca951d",5156:"ae90e2d7",5276:"67ab2f65",5284:"3e229ba5",5292:"7a9cdc05",5320:"6fa65900",5524:"9b659c34",5548:"e4cd1fce",5576:"121a0ad3",5592:"f553a0ef",5640:"bc56ec6a",5696:"c35dca9d",5708:"9cfad3ef",5819:"fb923954",5856:"4a7d8a34",6044:"e5bd89ea",6216:"09bf796b",6252:"d4c7d7de",6264:"d7bd4e35",6328:"6913847e",6432:"3595069d",6460:"2d1d024b",6500:"863e31a6",6568:"96e769fa",6704:"c3f6a1bf",6728:"aebbf5a0",6752:"e949f11e",6756:"29a9d42c",6928:"0f3e92f7",7136:"c8293750",7164:"77142519",7224:"84e66c4d",7300:"02247c6e",7338:"09ef56bf",7556:"980c6b16",7572:"18339ed6",7600:"4086fd43",7620:"37636773",7656:"b8ebdf4f",7706:"74155de1",7732:"7be17bd4",7820:"f947d4d2",7920:"f3796c30",8200:"e5dd733a",8368:"efe7b80f",8436:"19821363",8440:"63ddf3c2",8500:"bc103179",8552:"f374507e",8576:"242f3b45",8616:"8544732d",8636:"7b69dcf0",8762:"29142d83",8780:"c57f377b",8872:"0df131ce",8879:"af5ac17e",8908:"beb80ef0",9016:"3e83bec9",9144:"ebff3da0",9208:"53da09c6",9380:"9c311379",9576:"bac109c3",9607:"8b6bdf3b",9632:"aec33520",9648:"e6d0374d",9828:"fc65ee23",9960:"2e740d0e"}[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),b={},d="ignite-cookbook:",r.l=(e,a,f,c)=>{if(b[e])b[e].push(a);else{var t,o;if(void 0!==f)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")==d+f){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",d+f),t.src=e),b[e]=[a];var u=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var d=b[e];if(delete b[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(f))),a)return a(f)},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",76759531:"1016",82139467:"7820",cecd52bc:"8","145425bc":"16","72dfd944":"40","7acb6f50":"56",b3d1732c:"95",fe9b09bf:"140","33f24359":"222",e1b6b0a8:"328","215698ba":"492","99d16955":"622","5fd7ef2e":"656","47c232e1":"784","9fc76e3d":"900",a2f5d017:"916",f50f3884:"1236",c3e2f4d4:"1264",ce17b301:"1388",c75b21fd:"1412",b33180cb:"1528",d699663a:"1784","1fdec661":"1904","3bb7a4af":"2008",abfb2977:"2044","985027d8":"2160",e0854532:"2288","51ea30c5":"2324",b8c37621:"2372",abaad534:"2464",dce6faa4:"2596","30b0babe":"2816",eba20459:"2928",a8646ade:"3008","4e09609f":"3128","657027a7":"3180",ecce3b64:"3324","47a03c7f":"3336",df203c0f:"3400",f523b160:"3504","37e9da98":"3800","8b0d950b":"3960","19d620af":"3966",ad7b1610:"3980","69dd30cd":"4000",fd1937a7:"4116","7f8cce85":"4212","78a0b2f7":"4224","6fd287af":"4264","55960ee5":"4296","5e95c892":"4304","24a07a83":"4424",bbaf8084:"4428","3720c009":"4492",a94703ab:"4666",b832b2ff:"4822",b3fb1bb5:"4955","3192f89a":"4992",c47fa949:"5032","51e76fb5":"5064","08a54ed9":"5156",d63d2b89:"5276","03224537":"5284","52d269c5":"5292","569bff92":"5320","0825c398":"5524",e965bea7:"5576","3663082a":"5592","18d888f3":"5640","935f2afb":"5696",e33e793e:"5708",bc1a59c9:"5819",da9277bc:"5856","954f316d":"6044",a8f9d519:"6216",ff2c7cca:"6252",d7af48b9:"6264","0e384e19":"6328",e7928ab4:"6460",a7bd4aaa:"6500",ee0b98b5:"6568","9dc0f37b":"6704","4890b90f":"6728","4a4fb967":"6756","1ab29606":"6928","9ec24567":"7136",e2041b9b:"7164",d01c4de2:"7224","94ee064e":"7300","6558e733":"7338",b747e1af:"7556",dd3340a6:"7572",ccf3150e:"7600","6c727604":"7620",e2d058df:"7706",a0d6a633:"7732","04c3832a":"7920",a951c726:"8200","199ff765":"8368","7b45617e":"8436","4699e3bd":"8440",cc1d3934:"8500","1df93b7f":"8552","54a9c7e8":"8576","6728e797":"8616","1c9ea255":"8636",d6ab422f:"8762",cf59a740:"8780",c5ca3bf3:"8872",d0e08e4a:"9016",dec1aed8:"9144","9b650fc1":"9208",ffe4833d:"9380","51658ad1":"9576",c5abe9fe:"9607","31ac2bc7":"9632","1a4e3797":"9648","24c3776a":"9828",b6b5631c:"9960"}[e]||e,r.p+r.u(e)},(()=>{var e={296:0,2176:0};r.f.j=(a,f)=>{var b=r.o(e,a)?e[a]:void 0;if(0!==b)if(b)f.push(b[2]);else if(/^2(17|9)6$/.test(a))e[a]=0;else{var d=new Promise(((f,d)=>b=e[a]=[f,d]));f.push(b[2]=d);var c=r.p+r.u(a),t=new Error;r.l(c,(f=>{if(r.o(e,a)&&(0!==(b=e[a])&&(e[a]=void 0),b)){var d=f&&("load"===f.type?"missing":f.type),c=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+c+")",t.name="ChunkLoadError",t.type=d,t.request=c,b[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var b,d,c=f[0],t=f[1],o=f[2],n=0;if(c.some((a=>0!==e[a]))){for(b in t)r.o(t,b)&&(r.m[b]=t[b]);if(o)var i=o(r)}for(a&&a(f);n<c.length;n++)d=c[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},f=self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,f,d,b,c={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return c[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=c,e=[],r.O=(a,f,d,b)=>{if(!f){var c=1/0;for(i=0;i<e.length;i++){f=e[i][0],d=e[i][1],b=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&b||c>=b)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,b<c&&(c=b));if(t){e.splice(i--,1);var n=d();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[f,d,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,d){if(1&d&&(e=this(e)),8&d)return e;if("object"==typeof e&&e){if(4&d&&e.__esModule)return e;if(16&d&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var c={};a=a||[null,f({}),f([]),f(f)];for(var t=2&d&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>c[a]=()=>e[a]));return c.default=()=>e,r.d(b,c),b},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({8:"cecd52bc",16:"145425bc",40:"72dfd944",56:"7acb6f50",95:"b3d1732c",140:"fe9b09bf",222:"33f24359",328:"e1b6b0a8",492:"215698ba",622:"99d16955",656:"5fd7ef2e",784:"47c232e1",900:"9fc76e3d",916:"a2f5d017",1016:"76759531",1236:"f50f3884",1264:"c3e2f4d4",1388:"ce17b301",1412:"c75b21fd",1528:"b33180cb",1784:"d699663a",1904:"1fdec661",2008:"3bb7a4af",2044:"abfb2977",2160:"985027d8",2288:"e0854532",2324:"51ea30c5",2372:"b8c37621",2464:"abaad534",2596:"dce6faa4",2816:"30b0babe",2928:"eba20459",3008:"a8646ade",3128:"4e09609f",3180:"657027a7",3324:"ecce3b64",3336:"47a03c7f",3400:"df203c0f",3504:"f523b160",3800:"37e9da98",3960:"8b0d950b",3966:"19d620af",3980:"ad7b1610",4e3:"69dd30cd",4116:"fd1937a7",4212:"7f8cce85",4224:"78a0b2f7",4264:"6fd287af",4296:"55960ee5",4304:"5e95c892",4424:"24a07a83",4428:"bbaf8084",4492:"3720c009",4666:"a94703ab",4822:"b832b2ff",4955:"b3fb1bb5",4992:"3192f89a",5032:"c47fa949",5064:"51e76fb5",5156:"08a54ed9",5276:"d63d2b89",5284:"03224537",5292:"52d269c5",5320:"569bff92",5524:"0825c398",5548:"63181745",5576:"e965bea7",5592:"3663082a",5640:"18d888f3",5696:"935f2afb",5708:"e33e793e",5819:"bc1a59c9",5856:"da9277bc",6044:"954f316d",6216:"a8f9d519",6252:"ff2c7cca",6264:"d7af48b9",6328:"0e384e19",6460:"e7928ab4",6500:"a7bd4aaa",6568:"ee0b98b5",6704:"9dc0f37b",6728:"4890b90f",6752:"17896441",6756:"4a4fb967",6928:"1ab29606",7136:"9ec24567",7164:"e2041b9b",7224:"d01c4de2",7300:"94ee064e",7338:"6558e733",7556:"b747e1af",7572:"dd3340a6",7600:"ccf3150e",7620:"6c727604",7706:"e2d058df",7732:"a0d6a633",7820:"82139467",7920:"04c3832a",8200:"a951c726",8368:"199ff765",8436:"7b45617e",8440:"4699e3bd",8500:"cc1d3934",8552:"1df93b7f",8576:"54a9c7e8",8616:"6728e797",8636:"1c9ea255",8762:"d6ab422f",8780:"cf59a740",8872:"c5ca3bf3",9016:"d0e08e4a",9144:"dec1aed8",9208:"9b650fc1",9380:"ffe4833d",9576:"51658ad1",9607:"c5abe9fe",9632:"31ac2bc7",9648:"1a4e3797",9828:"24c3776a",9960:"b6b5631c"}[e]||e)+"."+{8:"5cac4503",16:"ead2eef0",40:"5ad7245c",56:"35f2b92d",95:"e48871b5",140:"18b32ed9",222:"1a82a5fc",328:"c1ce8154",492:"fbe16a1e",622:"7e304c24",656:"2d0a39a8",784:"403201ca",900:"ed59a072",916:"2b66b8ca",1016:"5ba16058",1236:"56663aa0",1264:"d72207a7",1388:"28e56656",1412:"e50e8147",1528:"9800c449",1676:"c9d2671a",1784:"f014bef9",1904:"7240b51b",2008:"1da259c8",2044:"8a00de12",2096:"74eff994",2160:"ffa3d60d",2288:"85981248",2324:"045bca0d",2372:"53ba3f4c",2464:"a38ab67c",2528:"8598cbba",2596:"bb991aa5",2816:"f4d14fbe",2928:"622feac1",3008:"b82994a5",3128:"2523db88",3180:"97c063c8",3324:"40438a91",3336:"b037daf5",3400:"ccf22ee4",3504:"480a17f2",3800:"22e74fbb",3960:"1e5c3e49",3966:"19ce1467",3980:"7f1883e4",4e3:"b3334896",4116:"f9d1089f",4212:"75a81484",4224:"3a69bc27",4264:"aaf028f5",4296:"452ac5b9",4304:"a1a3902d",4424:"0255ff7d",4428:"8d59b503",4492:"90b28f7c",4552:"5546624d",4666:"bc075c24",4822:"485a5f70",4955:"53e657fe",4992:"0e2472bc",5032:"21ff503c",5064:"e5ca951d",5156:"ae90e2d7",5276:"67ab2f65",5284:"3e229ba5",5292:"7a9cdc05",5320:"6fa65900",5524:"9b659c34",5548:"e4cd1fce",5576:"121a0ad3",5592:"f553a0ef",5640:"bc56ec6a",5696:"c35dca9d",5708:"9cfad3ef",5819:"fb923954",5856:"4a7d8a34",6044:"e5bd89ea",6216:"09bf796b",6252:"d4c7d7de",6264:"d7bd4e35",6328:"6913847e",6432:"3595069d",6460:"2d1d024b",6500:"863e31a6",6568:"96e769fa",6704:"c3f6a1bf",6728:"aebbf5a0",6752:"e949f11e",6756:"29a9d42c",6928:"0f3e92f7",7136:"4a5f31fb",7164:"77142519",7224:"84e66c4d",7300:"02247c6e",7338:"09ef56bf",7556:"980c6b16",7572:"18339ed6",7600:"4086fd43",7620:"37636773",7656:"b8ebdf4f",7706:"74155de1",7732:"7be17bd4",7820:"f947d4d2",7920:"f3796c30",8200:"e5dd733a",8368:"efe7b80f",8436:"19821363",8440:"63ddf3c2",8500:"bc103179",8552:"f374507e",8576:"242f3b45",8616:"8544732d",8636:"7b69dcf0",8762:"29142d83",8780:"c57f377b",8872:"0df131ce",8879:"af5ac17e",8908:"beb80ef0",9016:"3e83bec9",9144:"ebff3da0",9208:"53da09c6",9380:"9c311379",9576:"bac109c3",9607:"8b6bdf3b",9632:"aec33520",9648:"e6d0374d",9828:"fc65ee23",9960:"2e740d0e"}[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),d={},b="ignite-cookbook:",r.l=(e,a,f,c)=>{if(d[e])d[e].push(a);else{var t,o;if(void 0!==f)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")==b+f){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",b+f),t.src=e),d[e]=[a];var u=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var b=d[e];if(delete d[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(f))),a)return a(f)},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",76759531:"1016",82139467:"7820",cecd52bc:"8","145425bc":"16","72dfd944":"40","7acb6f50":"56",b3d1732c:"95",fe9b09bf:"140","33f24359":"222",e1b6b0a8:"328","215698ba":"492","99d16955":"622","5fd7ef2e":"656","47c232e1":"784","9fc76e3d":"900",a2f5d017:"916",f50f3884:"1236",c3e2f4d4:"1264",ce17b301:"1388",c75b21fd:"1412",b33180cb:"1528",d699663a:"1784","1fdec661":"1904","3bb7a4af":"2008",abfb2977:"2044","985027d8":"2160",e0854532:"2288","51ea30c5":"2324",b8c37621:"2372",abaad534:"2464",dce6faa4:"2596","30b0babe":"2816",eba20459:"2928",a8646ade:"3008","4e09609f":"3128","657027a7":"3180",ecce3b64:"3324","47a03c7f":"3336",df203c0f:"3400",f523b160:"3504","37e9da98":"3800","8b0d950b":"3960","19d620af":"3966",ad7b1610:"3980","69dd30cd":"4000",fd1937a7:"4116","7f8cce85":"4212","78a0b2f7":"4224","6fd287af":"4264","55960ee5":"4296","5e95c892":"4304","24a07a83":"4424",bbaf8084:"4428","3720c009":"4492",a94703ab:"4666",b832b2ff:"4822",b3fb1bb5:"4955","3192f89a":"4992",c47fa949:"5032","51e76fb5":"5064","08a54ed9":"5156",d63d2b89:"5276","03224537":"5284","52d269c5":"5292","569bff92":"5320","0825c398":"5524",e965bea7:"5576","3663082a":"5592","18d888f3":"5640","935f2afb":"5696",e33e793e:"5708",bc1a59c9:"5819",da9277bc:"5856","954f316d":"6044",a8f9d519:"6216",ff2c7cca:"6252",d7af48b9:"6264","0e384e19":"6328",e7928ab4:"6460",a7bd4aaa:"6500",ee0b98b5:"6568","9dc0f37b":"6704","4890b90f":"6728","4a4fb967":"6756","1ab29606":"6928","9ec24567":"7136",e2041b9b:"7164",d01c4de2:"7224","94ee064e":"7300","6558e733":"7338",b747e1af:"7556",dd3340a6:"7572",ccf3150e:"7600","6c727604":"7620",e2d058df:"7706",a0d6a633:"7732","04c3832a":"7920",a951c726:"8200","199ff765":"8368","7b45617e":"8436","4699e3bd":"8440",cc1d3934:"8500","1df93b7f":"8552","54a9c7e8":"8576","6728e797":"8616","1c9ea255":"8636",d6ab422f:"8762",cf59a740:"8780",c5ca3bf3:"8872",d0e08e4a:"9016",dec1aed8:"9144","9b650fc1":"9208",ffe4833d:"9380","51658ad1":"9576",c5abe9fe:"9607","31ac2bc7":"9632","1a4e3797":"9648","24c3776a":"9828",b6b5631c:"9960"}[e]||e,r.p+r.u(e)},(()=>{var e={296:0,2176:0};r.f.j=(a,f)=>{var d=r.o(e,a)?e[a]:void 0;if(0!==d)if(d)f.push(d[2]);else if(/^2(17|9)6$/.test(a))e[a]=0;else{var b=new Promise(((f,b)=>d=e[a]=[f,b]));f.push(d[2]=b);var c=r.p+r.u(a),t=new Error;r.l(c,(f=>{if(r.o(e,a)&&(0!==(d=e[a])&&(e[a]=void 0),d)){var b=f&&("load"===f.type?"missing":f.type),c=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+c+")",t.name="ChunkLoadError",t.type=b,t.request=c,d[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var d,b,c=f[0],t=f[1],o=f[2],n=0;if(c.some((a=>0!==e[a]))){for(d in t)r.o(t,d)&&(r.m[d]=t[d]);if(o)var i=o(r)}for(a&&a(f);n<c.length;n++)b=c[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},f=self.webpackChunkignite_cookbook=self.webpackChunkignite_cookbook||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
diff --git a/docs/archive/PristineExpoProject/index.html b/docs/archive/PristineExpoProject/index.html
index 800846d0..78aa6475 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 adf67045..75c6de80 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/communityRecipes/CustomVectorIcons/index.html b/docs/communityRecipes/CustomVectorIcons/index.html
index 75235a9d..36ed2d02 100644
--- a/docs/communityRecipes/CustomVectorIcons/index.html
+++ b/docs/communityRecipes/CustomVectorIcons/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/communityRecipes/index.html b/docs/communityRecipes/index.html
index 099e8b6b..4b538948 100644
--- a/docs/communityRecipes/index.html
+++ b/docs/communityRecipes/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 f25d88d3..a3d367b0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 6ef7704a..ed1237ec 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/ApolloClientCache/index.html b/docs/recipes/ApolloClientCache/index.html
index b21796bf..bd1536dc 100644
--- a/docs/recipes/ApolloClientCache/index.html
+++ b/docs/recipes/ApolloClientCache/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/Authentication/index.html b/docs/recipes/Authentication/index.html
index 2654c8a6..a475428b 100644
--- a/docs/recipes/Authentication/index.html
+++ b/docs/recipes/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 dcb3c3f6..c71dbf18 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 6f473abd..04929e65 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 78d2cc13..55121a25 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 611f25b0..580d187f 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 c8b41e8a..57a1aa2a 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 1b8982cb..b391d361 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 12316c03..a059f601 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 67ede1c8..3bf03aa0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 24597d76..5779b0be 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/LocalFirstDataWithPowerSync/index.html b/docs/recipes/LocalFirstDataWithPowerSync/index.html
index 5776e9e6..753cc656 100644
--- a/docs/recipes/LocalFirstDataWithPowerSync/index.html
+++ b/docs/recipes/LocalFirstDataWithPowerSync/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 bc8d2a66..e29afaf6 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 a1cbcb22..e6c0c2e2 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 2dab7587..8b21ef4a 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 0acd2b3a..bb56cbec 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 d131ef2a..bb6bd732 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/Redux/index.html b/docs/recipes/Redux/index.html
index 01fe017b..0ce3fca9 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 47d5dbb9..1d61623d 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 bfde7ad5..80d2cd49 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 dcbe5f80..e2af53b1 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 1922868b..d8b23dde 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 b55461e6..a16d3c76 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/Theming-Emotion/index.html b/docs/recipes/Theming-Emotion/index.html
index b4028e87..5391a600 100644
--- a/docs/recipes/Theming-Emotion/index.html
+++ b/docs/recipes/Theming-Emotion/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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">
@@ -56,6 +56,6 @@ <h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-tell-emotionjs-about-
 <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 comment" style="color:#999988;font-style:italic">// Override Theme to get accurate typings for your project.</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 keyword" style="color:#00009f">type</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token maybe-class-name">Theme</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">as</span><span class="token plain"> </span><span class="token maybe-class-name">AppTheme</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;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"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;@emotion/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" 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">declare</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">module</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;@emotion/react&quot;</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">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">interface</span><span class="token plain"> </span><span class="token class-name">Theme</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">AppTheme</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"></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>
 <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="complete">Complete!<a href="#complete" class="hash-link" aria-label="Direct link to Complete!" title="Direct link to Complete!">​</a></h2>
 <p>You can now use <code>Emotion</code> integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:</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">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> setThemeContextOverride</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> themeContext </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">useAppTheme</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">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">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 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" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">      </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">LayoutAnimation</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">configureNext</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">LayoutAnimation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access maybe-class-name" style="color:#00009f">Presets</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">easeInEaseOut</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 comment" style="color:#999988;font-style:italic">// Animate the transition</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-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">setThemeContextOverride</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">themeContext </span><span class="token tag script language-javascript operator" style="color:#393A34">===</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;light&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&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 script language-javascript" style="color:#00009f"></span><br></span><span class="token-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" 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">Switch Theme: </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">themeContext</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 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" 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><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><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/theming">Theming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/i-os">iOS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/android">Android</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/colors">colors</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/darkmode">darkmode</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/emotion-js">emotion.js</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-10-14T21:11:11.000Z">Oct 14, 2024</time></b> by <b>Mark Rickert</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/SwitchBetweenExpoGoCNG"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Switch Between Expo Go and Expo CNG</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/Theming-StyledComponents"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Theming Ignite with styled-components</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="#using-emotion" class="table-of-contents__link toc-highlight">Using <code>Emotion</code></a><ul><li><a href="#1-add-emotion-to-your-app" class="table-of-contents__link toc-highlight">1. Add <code>Emotion</code> to your app:</a></li><li><a href="#2-add-the-emotion-themeprovider" class="table-of-contents__link toc-highlight">2. Add the Emotion <code>ThemeProvider</code></a></li><li><a href="#3-create-and-use-your-first-emotion-component-using-the-new-theme" class="table-of-contents__link toc-highlight">3. Create and use your first <code>Emotion</code> component using the new theme:</a></li><li><a href="#4-tell-emotionjs-about-the-shape-of-your-theme" class="table-of-contents__link toc-highlight">4. Tell Emotion.js about the shape of your theme:</a></li></ul></li><li><a href="#complete" class="table-of-contents__link toc-highlight">Complete!</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>
+<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">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> setThemeContextOverride</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> themeContext </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">useAppTheme</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">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">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 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" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">      </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">LayoutAnimation</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">configureNext</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">LayoutAnimation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access maybe-class-name" style="color:#00009f">Presets</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">easeInEaseOut</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 comment" style="color:#999988;font-style:italic">// Animate the transition</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-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">setThemeContextOverride</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">themeContext </span><span class="token tag script language-javascript operator" style="color:#393A34">===</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;light&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&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 script language-javascript" style="color:#00009f"></span><br></span><span class="token-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" 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">Switch Theme: </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">themeContext</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 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" 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><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><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/theming">Theming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/i-os">iOS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/android">Android</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/colors">colors</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/darkmode">darkmode</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/emotion-js">emotion.js</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-10-29T16:24:58.000Z">Oct 29, 2024</time></b> by <b>Mark Rickert</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/SwitchBetweenExpoGoCNG"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Switch Between Expo Go and Expo CNG</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/Theming-StyledComponents"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Theming Ignite with styled-components</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="#using-emotion" class="table-of-contents__link toc-highlight">Using <code>Emotion</code></a><ul><li><a href="#1-add-emotion-to-your-app" class="table-of-contents__link toc-highlight">1. Add <code>Emotion</code> to your app:</a></li><li><a href="#2-add-the-emotion-themeprovider" class="table-of-contents__link toc-highlight">2. Add the Emotion <code>ThemeProvider</code></a></li><li><a href="#3-create-and-use-your-first-emotion-component-using-the-new-theme" class="table-of-contents__link toc-highlight">3. Create and use your first <code>Emotion</code> component using the new theme:</a></li><li><a href="#4-tell-emotionjs-about-the-shape-of-your-theme" class="table-of-contents__link toc-highlight">4. Tell Emotion.js about the shape of your theme:</a></li></ul></li><li><a href="#complete" class="table-of-contents__link toc-highlight">Complete!</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/Theming-StyledComponents/index.html b/docs/recipes/Theming-StyledComponents/index.html
index af1739c2..8cf2415c 100644
--- a/docs/recipes/Theming-StyledComponents/index.html
+++ b/docs/recipes/Theming-StyledComponents/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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">
@@ -56,6 +56,6 @@ <h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-tell-styled-component
 <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 comment" style="color:#999988;font-style:italic">// Override DefaultTheme to get accurate typings for your project.</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 keyword" style="color:#00009f">type</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token maybe-class-name">Theme</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;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"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;styled-components&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 string" style="color:#e3116c">&quot;styled-components/native&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">declare</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">module</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;styled-components&quot;</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">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">interface</span><span class="token plain"> </span><span class="token class-name">DefaultTheme</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">Theme</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"></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">declare</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">module</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;styled-components/native&quot;</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">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">interface</span><span class="token plain"> </span><span class="token class-name">DefaultTheme</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">Theme</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"></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>
 <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="complete">Complete!<a href="#complete" class="hash-link" aria-label="Direct link to Complete!" title="Direct link to Complete!">​</a></h2>
 <p>You can now use <code>styled-components</code> integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:</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">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> setThemeContextOverride</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> themeContext </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">useAppTheme</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">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">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 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" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">      </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">LayoutAnimation</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">configureNext</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">LayoutAnimation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access maybe-class-name" style="color:#00009f">Presets</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">easeInEaseOut</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 comment" style="color:#999988;font-style:italic">// Animate the transition</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-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">setThemeContextOverride</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">themeContext </span><span class="token tag script language-javascript operator" style="color:#393A34">===</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;light&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&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 script language-javascript" style="color:#00009f"></span><br></span><span class="token-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" 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">Switch Theme: </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">themeContext</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 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" 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><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><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/theming">Theming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/i-os">iOS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/android">Android</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/colors">colors</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/darkmode">darkmode</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/styled-components">styled-components</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-10-14T21:11:11.000Z">Oct 14, 2024</time></b> by <b>Mark Rickert</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/Theming-Emotion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Theming Ignite with Emotion.js</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/Theming-Unistyles"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Theming Ignite with Unistyles</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="#using-styled-components" class="table-of-contents__link toc-highlight">Using <code>styled-components</code></a><ul><li><a href="#1-add-styled-components-to-your-app" class="table-of-contents__link toc-highlight">1. Add <code>styled-components</code> to your app:</a></li><li><a href="#2-add-the-themeprovider-to-your-app" class="table-of-contents__link toc-highlight">2. Add the <code>ThemeProvider</code> to your app:</a></li><li><a href="#3-create-and-use-your-first-styled-component-using-the-new-theme" class="table-of-contents__link toc-highlight">3. Create and use your first styled-component using the new theme:</a></li><li><a href="#4-tell-styled-components-about-the-shape-of-your-theme" class="table-of-contents__link toc-highlight">4. Tell <code>styled-components</code> about the shape of your theme:</a></li></ul></li><li><a href="#complete" class="table-of-contents__link toc-highlight">Complete!</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>
+<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">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> setThemeContextOverride</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> themeContext </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">useAppTheme</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">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">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 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" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">      </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">LayoutAnimation</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">configureNext</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">LayoutAnimation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access maybe-class-name" style="color:#00009f">Presets</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">easeInEaseOut</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 comment" style="color:#999988;font-style:italic">// Animate the transition</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-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">setThemeContextOverride</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">themeContext </span><span class="token tag script language-javascript operator" style="color:#393A34">===</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;light&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&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 script language-javascript" style="color:#00009f"></span><br></span><span class="token-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" 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">Switch Theme: </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">themeContext</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 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" 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><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><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/theming">Theming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/i-os">iOS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/android">Android</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/colors">colors</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/darkmode">darkmode</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/styled-components">styled-components</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-10-29T16:24:58.000Z">Oct 29, 2024</time></b> by <b>Mark Rickert</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/Theming-Emotion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Theming Ignite with Emotion.js</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/Theming-Unistyles"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Theming Ignite with Unistyles</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="#using-styled-components" class="table-of-contents__link toc-highlight">Using <code>styled-components</code></a><ul><li><a href="#1-add-styled-components-to-your-app" class="table-of-contents__link toc-highlight">1. Add <code>styled-components</code> to your app:</a></li><li><a href="#2-add-the-themeprovider-to-your-app" class="table-of-contents__link toc-highlight">2. Add the <code>ThemeProvider</code> to your app:</a></li><li><a href="#3-create-and-use-your-first-styled-component-using-the-new-theme" class="table-of-contents__link toc-highlight">3. Create and use your first styled-component using the new theme:</a></li><li><a href="#4-tell-styled-components-about-the-shape-of-your-theme" class="table-of-contents__link toc-highlight">4. Tell <code>styled-components</code> about the shape of your theme:</a></li></ul></li><li><a href="#complete" class="table-of-contents__link toc-highlight">Complete!</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/Theming-Unistyles/index.html b/docs/recipes/Theming-Unistyles/index.html
index 40e43c6c..a95913ed 100644
--- a/docs/recipes/Theming-Unistyles/index.html
+++ b/docs/recipes/Theming-Unistyles/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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">
@@ -56,6 +56,6 @@ <h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-create-and-use-your-f
 <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"> createStyleSheet</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> useStyles </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-unistyles&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">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">MyScreen</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">props</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"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> styles </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">useStyles</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">$uniStyles</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 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">Text</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">styles</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">text</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">      This text color and background will change when changing themes.</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"></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 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"> $uniStyles </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">createStyleSheet</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">theme</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 punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  text</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">    color</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> theme</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">colors</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">text</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">    backgroundColor</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> theme</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">colors</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">background</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"></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><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>
 <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="complete">Complete!<a href="#complete" class="hash-link" aria-label="Direct link to Complete!" title="Direct link to Complete!">​</a></h2>
 <p>You can now use Unistyles integrated into the Ignite theme engine. To swap themes provide the user a switch or toggle button:</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">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> setThemeContextOverride</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> themeContext </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">useAppTheme</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">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">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 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" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">      </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">LayoutAnimation</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">configureNext</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">LayoutAnimation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access maybe-class-name" style="color:#00009f">Presets</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">easeInEaseOut</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 comment" style="color:#999988;font-style:italic">// Animate the transition</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-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">setThemeContextOverride</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">themeContext </span><span class="token tag script language-javascript operator" style="color:#393A34">===</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;light&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&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 script language-javascript" style="color:#00009f"></span><br></span><span class="token-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" 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">Switch Theme: </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">themeContext</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 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" 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><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><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/theming">Theming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/i-os">iOS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/android">Android</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/colors">colors</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/darkmode">darkmode</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/unistyles">unistyles</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-10-14T21:11:11.000Z">Oct 14, 2024</time></b> by <b>Mark Rickert</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/Theming-StyledComponents"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Theming Ignite with styled-components</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/TypeScriptBaseURL"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">TypeScript baseUrl Configuration</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="#using-unistyles" class="table-of-contents__link toc-highlight">Using <code>Unistyles</code></a><ul><li><a href="#1-add-react-native-unistyles-to-your-app" class="table-of-contents__link toc-highlight">1. Add <code>react-native-unistyles</code> to your app:</a></li><li><a href="#2-add-define-unistyles-theme-types" class="table-of-contents__link toc-highlight">2. Add define Unistyles theme types:</a></li><li><a href="#3-configure-unistyles-to-use-the-apps-theme" class="table-of-contents__link toc-highlight">3. Configure unistyles to use the app&#39;s Theme:</a></li><li><a href="#4-ensure-that-unistyles-knows-when-we-want-to-change-the-theme" class="table-of-contents__link toc-highlight">4. Ensure that Unistyles knows when we want to change the theme:</a></li><li><a href="#5-create-and-use-your-first-unistyles-component-using-the-new-theme" class="table-of-contents__link toc-highlight">5. Create and use your first Unistyles component using the new theme:</a></li></ul></li><li><a href="#complete" class="table-of-contents__link toc-highlight">Complete!</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>
+<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">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> setThemeContextOverride</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> themeContext </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">useAppTheme</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">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">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 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" style="color:#393A34"><span class="token tag script language-javascript" style="color:#00009f">      </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">LayoutAnimation</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">configureNext</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">LayoutAnimation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access maybe-class-name" style="color:#00009f">Presets</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">easeInEaseOut</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 comment" style="color:#999988;font-style:italic">// Animate the transition</span><span class="token tag script language-javascript" style="color:#00009f"></span><br></span><span class="token-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">setThemeContextOverride</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">themeContext </span><span class="token tag script language-javascript operator" style="color:#393A34">===</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;light&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;dark&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 script language-javascript" style="color:#00009f"></span><br></span><span class="token-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" 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">Switch Theme: </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">themeContext</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 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" 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><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><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/theming">Theming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/i-os">iOS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/android">Android</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/colors">colors</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/darkmode">darkmode</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/docs/tags/unistyles">unistyles</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-10-29T16:24:58.000Z">Oct 29, 2024</time></b> by <b>Mark Rickert</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/Theming-StyledComponents"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Theming Ignite with styled-components</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/recipes/TypeScriptBaseURL"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">TypeScript baseUrl Configuration</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="#using-unistyles" class="table-of-contents__link toc-highlight">Using <code>Unistyles</code></a><ul><li><a href="#1-add-react-native-unistyles-to-your-app" class="table-of-contents__link toc-highlight">1. Add <code>react-native-unistyles</code> to your app:</a></li><li><a href="#2-add-define-unistyles-theme-types" class="table-of-contents__link toc-highlight">2. Add define Unistyles theme types:</a></li><li><a href="#3-configure-unistyles-to-use-the-apps-theme" class="table-of-contents__link toc-highlight">3. Configure unistyles to use the app&#39;s Theme:</a></li><li><a href="#4-ensure-that-unistyles-knows-when-we-want-to-change-the-theme" class="table-of-contents__link toc-highlight">4. Ensure that Unistyles knows when we want to change the theme:</a></li><li><a href="#5-create-and-use-your-first-unistyles-component-using-the-new-theme" class="table-of-contents__link toc-highlight">5. Create and use your first Unistyles component using the new theme:</a></li></ul></li><li><a href="#complete" class="table-of-contents__link toc-highlight">Complete!</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/TypeScriptBaseURL/index.html b/docs/recipes/TypeScriptBaseURL/index.html
index 3b21a24d..b5e5f40d 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 196a6618..878362fd 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 0363c8bc..592a1ad0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 af248ce7..420649de 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 f88ee464..8406fc0a 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 1d12fbe6..4482f098 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 ce41e40b..8974ee20 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 64f517ac..5d367c82 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 84336922..fb07556b 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/apollo-client/index.html b/docs/tags/apollo-client/index.html
index 6b05d688..42a49f36 100644
--- a/docs/tags/apollo-client/index.html
+++ b/docs/tags/apollo-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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 698e22c3..9aa681f0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 92e65886..5f9da90a 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 324042fe..b24dc51c 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 b3f65856..07078c2c 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/backend/index.html b/docs/tags/backend/index.html
index 3e0ec07c..785bb11c 100644
--- a/docs/tags/backend/index.html
+++ b/docs/tags/backend/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/cache/index.html b/docs/tags/cache/index.html
index 8f2ccb6b..f90c8ca6 100644
--- a/docs/tags/cache/index.html
+++ b/docs/tags/cache/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 d05da8f2..c4431e0f 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 7ab5721a..69c1ccd0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/colors/index.html b/docs/tags/colors/index.html
index fa5278bb..1defaffd 100644
--- a/docs/tags/colors/index.html
+++ b/docs/tags/colors/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/community/index.html b/docs/tags/community/index.html
index 044d5ecb..f3a1c8f7 100644
--- a/docs/tags/community/index.html
+++ b/docs/tags/community/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/custom-commands/index.html b/docs/tags/custom-commands/index.html
index a56556b4..ac9e4a3e 100644
--- a/docs/tags/custom-commands/index.html
+++ b/docs/tags/custom-commands/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/darkmode/index.html b/docs/tags/darkmode/index.html
index 92a9679b..d38ac528 100644
--- a/docs/tags/darkmode/index.html
+++ b/docs/tags/darkmode/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/data-synchronization/index.html b/docs/tags/data-synchronization/index.html
index 94a4b479..882d89d6 100644
--- a/docs/tags/data-synchronization/index.html
+++ b/docs/tags/data-synchronization/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/database/index.html b/docs/tags/database/index.html
index 3c184a53..60e66149 100644
--- a/docs/tags/database/index.html
+++ b/docs/tags/database/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 f90fe323..f01a5932 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 1f3601c4..00cefa15 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 06fd39cd..ff7b8fca 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 9ecd5256..63ad886c 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/emotion-js/index.html b/docs/tags/emotion-js/index.html
index 730d0178..1e4b751c 100644
--- a/docs/tags/emotion-js/index.html
+++ b/docs/tags/emotion-js/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 8f5dc766..fcfff833 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 4d2e70bd..a2e7e6ba 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 2eb0e4f2..36693cf0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 f66d0284..795d369c 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 57bea761..6ba435a3 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 ba66b9bd..2c5fc9ec 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/font-awesome/index.html b/docs/tags/font-awesome/index.html
index 36dd78aa..fa2d14f4 100644
--- a/docs/tags/font-awesome/index.html
+++ b/docs/tags/font-awesome/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 e72aeb75..e7b81bc3 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 ee1b5806..400a46b7 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 4c4cbea0..519d70c2 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 43195427..3322ae63 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/icons/index.html b/docs/tags/icons/index.html
index 35ca3156..808a7837 100644
--- a/docs/tags/icons/index.html
+++ b/docs/tags/icons/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 d359890b..e1ed185c 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 7fed15c1..cdda09f7 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 0766472c..20ad9ad5 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/login/index.html b/docs/tags/login/index.html
index f8249279..547a80d2 100644
--- a/docs/tags/login/index.html
+++ b/docs/tags/login/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 5d84bbfe..935d6ce8 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 4f71159b..2d0d4f8d 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 3d4e34d3..63d1cbcf 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/offline-support/index.html b/docs/tags/offline-support/index.html
index 6e9b5c34..055e8e1a 100644
--- a/docs/tags/offline-support/index.html
+++ b/docs/tags/offline-support/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/power-sync/index.html b/docs/tags/power-sync/index.html
index 4cc5f920..e307678f 100644
--- a/docs/tags/power-sync/index.html
+++ b/docs/tags/power-sync/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 bc786e26..4a71b1ed 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 66dc40d5..dd1761c7 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 3e024dfd..0d750cd2 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/index.html b/docs/tags/react-native/index.html
index 4607dca8..567afbc4 100644
--- a/docs/tags/react-native/index.html
+++ b/docs/tags/react-native/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 18ce8e19..d1252ea6 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/reactotron/index.html b/docs/tags/reactotron/index.html
index 780d5e81..e6311db7 100644
--- a/docs/tags/reactotron/index.html
+++ b/docs/tags/reactotron/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 65ed6615..687ee08e 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 9904d431..1ef269ec 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 2c0b7c76..81a5b1a9 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 fd94a3b8..3abf0eaa 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/session/index.html b/docs/tags/session/index.html
index 1cfb22f3..aefc93b8 100644
--- a/docs/tags/session/index.html
+++ b/docs/tags/session/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/signup/index.html b/docs/tags/signup/index.html
index cc798d8b..3029826e 100644
--- a/docs/tags/signup/index.html
+++ b/docs/tags/signup/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 52f985d3..dfaf6347 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/styled-components/index.html b/docs/tags/styled-components/index.html
index 694ec3e7..f494345b 100644
--- a/docs/tags/styled-components/index.html
+++ b/docs/tags/styled-components/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/supabase/index.html b/docs/tags/supabase/index.html
index 06f11858..8171584d 100644
--- a/docs/tags/supabase/index.html
+++ b/docs/tags/supabase/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 557b5f21..be6f98a1 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 b438bcaa..992ca466 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/theming/index.html b/docs/tags/theming/index.html
index 6527d0d1..a76f9748 100644
--- a/docs/tags/theming/index.html
+++ b/docs/tags/theming/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 77295bee..0c3c4bc0 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 83070a28..11387487 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 320d9579..71997530 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/unistyles/index.html b/docs/tags/unistyles/index.html
index 094a0709..49402b90 100644
--- a/docs/tags/unistyles/index.html
+++ b/docs/tags/unistyles/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 06f6e312..f76d78ee 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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/vector-icons/index.html b/docs/tags/vector-icons/index.html
index eb755644..2fb23a67 100644
--- a/docs/tags/vector-icons/index.html
+++ b/docs/tags/vector-icons/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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 c4b5e9d4..34a48728 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 ac60badd..b21bb189 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 ceb1b773..1fb0447a 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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 460a9cf7..e500c82e 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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">
@@ -36,7 +36,7 @@
                             <p>Have an recipe idea for the cookbook? Contribute your ideas on GitHub!</p><p>
                           </p></div>
                         </div>
-                      </a></li></ul></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="newSection_JEbd"><div class="notificationSection_znCG"><div class="notificationTag_z1u1"><p class="notificationTagText_W2CJ">New Recipe</p></div><h3 class="notificationTitle_cMRt"><a class="notificationTitleLink_Ra8p" href="/docs/recipes/Theming-Emotion">Theming Ignite with Emotion.js</a></h3><p class="notificationDate_xVgk">Published on <b>December 2nd, 2024</b> by <b>Mark Rickert</b></p><a class="notificationLink_ZhBC" href="/docs/recipes/Theming-Emotion"><b class="notificationLinkText_L84a">View recipe</b><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.978 16.226 8.037-8.037M16.256 15.991l-.24-7.802-7.804-.24" stroke="#191015" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="notificationSection_znCG"><p class="notificationTagText_W2CJ">Latest Ignite Release</p><a href="https://github.com/infinitered/ignite/releases/latest" target="_blank" rel="noopener noreferrer" class="notificationLink_ZhBC"><b class="notificationLinkText_L84a">View on Github</b><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.978 16.226 8.037-8.037M16.256 15.991l-.24-7.802-7.804-.24" stroke="#191015" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><header class="heroBanner_qdFl"><div class="heroImage_xZN7"><svg width="295" height="446" viewBox="0 0 295 446" fill="none" xmlns="http://www.w3.org/2000/svg" class="heroImage_Fu0C" role="img"><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 37.952 226.995)" fill="#BCC0D6"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 151.144 113.802)" fill="#BCC0D6"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 113.192 226.995)" fill="#9196B9"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 226.385 113.802)" fill="#9196B9"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 0 .61)" fill="#41476E"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 264.338 340.188)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 .248 189.285)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 .248 151.505)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 .248 113.725)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 264.184 302.555)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 264.184 264.775)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 264.184 226.995)" fill="#41476E"></rect><rect width="105.202" height="29.297" rx="8" transform="matrix(0 1 1 0 75.906 226.995)" fill="#626894"></rect><rect width="105.202" height="29.297" rx="8" transform="matrix(0 1 1 0 189.098 113.802)" fill="#626894"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 37.952 219.083)" fill="#9196B9"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 37.952 143.673)" fill="#BCC0D6"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 37.952 181.378)" fill="#626894"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 151.067 332.197)" fill="#9196B9"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 151.067 256.788)" fill="#BCC0D6"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 151.067 294.493)" fill="#626894"></rect></svg></div><div class="headerRight___WB"><div class="titleContainer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAADuCAMAAACeRDvjAAABF1BMVEUAAAAgFhURDgwRDgwRDgwQDgwRDQwRDgwZFhQXDw4RDgwWExERDgwVERARDQwRDgwUEBAUDxEQDgwRDgsRDQwZEBURDgsRDgwRDgwRDgwZEBURDgwTDw4TDg0SDg4RDgwSDg0RDgwRDgwRDgwSDg4SDw0RDgwTDg4RDgwTDg0TDg0SDg0TDg4TDw8RDgwRDg0TDg8RDgwUDxATDw4RDgwRDgwTDw8RDgwZEBUSDg0RDgwTDg4TDg4ZEBURDgwZEBURDg0VDxETDg4SDw4ZEBUZEBUSDg0SDg0TDg4TDw4UDg8SDg0SDg0TDg4ZDxUSDw0SDg0RDQwZEBUZEBUZEBUZEBUZEBUZEBUZEBUZEBUZEBUZEBURDgyZra8tAAAAXHRSTlMABPr88u339AgG6gzwEOf+FxPc4tX69tnfyfbEMigi5Du/u6gsHoY30pFVUEccsZpMz6QvzJ57tO+Ut41s86zMdnBAGf7gc1olioJofmTqXUNg5tvSw73XoLex7PI0FyIAABIRSURBVHja7Nhda9swFAZg687GBOyLc3NwSqBZQ75oSMAoJEJ1JrVpsnpBlr+S//8/xhiDUba1qXcx0Hl+wovOKx15hBBCCCGEEEIIIYQQQgghhPw3Ap9F8efepziK4tBnHnkb88NPp90k2zTPTXlblumhbe4evw7CHuX3VywZLLZtVcsC1hoB0ZSCG66NfsieBpFHfs8PF83aFgVXCgGk4QCYVwJAAQhTGFluTlHokVdYtBo3NVjgpeKAgmNrtNV1wy+oLsALAFCieElHgUd+4Q+nzzpHXigUvEg322yxSuL53p/3p0/Z4VyeZY75UoFo7XgWU+39FKy2lQSlFOZV9Xgahoy9vjuGu8P5XvOcK8C2eZlTeN+Fqy/jHwWnl4sk+sM8siDePSwNR16gtvc3IYXHejPJSwWA9eHNSYwmYyvQAOQy67t+YfSm61JoEPKcxf47gg76k7LJDW9ls3X6rcJ6d1YooXR1fHf1B0mjEWuActN3d2j95FErpfjd7Krm8k/NGYGXmO59z037zEpQINNe4F1nfrR1rqRtk7nnov6y5tqU5cz3rhYsNrquMU+zG885bFTVIrdmkLCPBb+x3IhcHnqeY9hCXrTAehR+uCi3SyWQ10fHHilsa1Bhvuzyk8TCyggQyyz2HOI/FQUqvh6ybjMvEazM9p472IuUAvK06yYa7M6iqiaJ54xgWnIJOuteUmw/O/d7Dv1CjTYowaSh1x1jNy59vPeXaLA9uroIdBBNLhb0ws01oJOwsVbZ28ihMftH2KFCU9w6uD51lnBAaFd05q4WtwLafEHJXS38xs65bacJRGE4M8wwgEgVTwgqgnjWeEg84TGxGk08NLVNW9P3f462uepF21UIXmTkewDWYq9/r9n7n71nvVjEntZn1nV6wt3hU6w/tC58nDKf9tXp1E9X54D9Yvf5+eGM+ibPCD+NVbVs+aJzznahjhcjP3LOyQw+Lcbts/PDPQDMFurzbu+LzjlXn9TY56/5Cx/HLFV196Xii845weN7NXbvt/0uaE5jscWj72+6YPNx9/7p1s9XNw7nITZun9WNqVc0f92BbX3ROQcMxurTNH3h4xjusHv+NvIPCRcUD2p/57evbljvnsZnUw+Dn3j3se4iFptS3oQBnguGVnnrqpi6siwrlVmFA6+PYXHaj/WHtJomgA/MrWxz1J11cjlDS0blay3R6RmXg+H2rmmFX7WTmhp/fD/uXlAICISumtu1rZUSOsaYCDp8gSWCxGJFkGWjt9la7hdkbtRY/wt1s1x8IF3cFzqXho4gC4kICdYlARNEiIgFXWRYhnkXj0McuezehniXXZh6eD7SdRHGBzOVTaMXEVnMMhBCUYokWlqu0Rg2cp1yuTGZJGUFswixzHcmrtvbD65GsoLaeHo8UlQQg0CoWehJSCaEeUnOlj142Fdr1pznOB7wPOB4LnNbnQ3sBILwp/igaM7SLoQXPo6nu3taShM+XNyWNQmxEEoooWi57l2xHuYA+EOVwoesfVsTWAYijO1H50NK3FHdPXep6CUA9zNPDSkehwyLcG8wq63m/yxBABcqzpKCCCHE2ijjWHXtb4c1DVUdCBUr7ZaCGBiXovbwbpX/Lz0EPmxMiWBBMB6cJi13s/9affuGE1+vlm1ZhAyMR3rDmoOVXBCwZqWWzOjDQh44PCfSb38UkZtXujJmGIx0s1xz/D+haouwkLH3bz8SzgDB2/uJgiAkSnJ9m+dcbSpoCAqGsT+vOa9g6mEiiZAQabIthoHbPZuSkIgahXPakAmmlhMZEYSuB5X5K+qE8DKKxFJrSUWp8T9w9RszwkKo2IUXwbkH5Aco0ot0zmR4n89sJ5hlYEnb1F7t/IBqS8GKVjuHgwKEarmEjSOycZPyIs3qA1nUkxta3bff4LIdhWUkyazNOW80XJEl6fqe+gduwGpkYhaxkULWM5kUo7Z8vZ7THToQbE4kRIjc8PIJqbwtR4023aHjViMDiySZG3naewc6yNTaVA8tBa8eoySum828twKpNyQhatPghPwFkO5eRgW9Vch6Xb1m9hqRhvTueQVqbVmMC+Zj3vNfrOckXMqlKA0dCFZNzEpK+RTPM4YMhJNlSt/xAvmHFoFIm53iGATZkohLHTq9E5At6xCT3oeT5BR3ExFwYkllvvK1nghZpbw6zd/NL9sCnlA52xrMmjJLjOWJvA2QbpRQgopbmh/snVlT8kgUhs3pLXQ6CSSpLMVOFAI4QZSlWIpSrBIRLPWe//87xtmXL0FgPsdphufGsvRCXk/3OX2W7r+Tnc6Mcrm6+KxtXF05ltN9OL7Tv5J96/q8Nqh82ujkfYdwa3yE6/V+7TBhTW4+TbnMW9x3o9bxGZ2+5Ag5q0/ciIqdwIqf2sc2D6z8sPIpK9c/sVqceQssiNdHl17PLR2KvMEPyud1ud7EhPrB67EZXe7ZBuBPubSuzR8q7UqlUNS0w+XTnmxcHh7d/Zj6NC9QtE4OhHOVh0ns+Y4VxIOn10OL98plRJjfaRyZe820HQp4kpgo0QpPPQymaW5M99rxe81X7bCYsUkYrs2PrAar3OQpYmHiPvdYd8TmJ2AD3DCoMKpv54e0GE79iPDl/dlRoZzH2CWdpPxj5jUUYG5+gm6QsDEAY/50/wyofhtRzmcVJdnqZbXFixEDGsyTlGvEbPMHJiAEJuZBXNjT7pRWxICN28k+4vGlUpJyC1RXHgV/qicloGrM3PwVE3EMZLnfnqUUZwSz7qCoJBr9qBfeSpn9rMwMZtVLSdnwvos238BsF/P9Hh24CHsc+2FySUKvewzHMrb33zcjn4ySwhK9iU1z8y3guxTX9d1trtQZVqNa3FCTdR3aLuQllE6Zlinzk86VmasyQpsETACEo3Zm54x90wq5E6fde/BDgKk7lrBIVqoy4YyyiRkiMDeJIADsPdzvHJZ4mDizlZ5m9kOCxezmTDbUiQBj/Jh4v37ZNNO0c5kV7ziiqq8cxtz4RU+VNsZC5OWbAjsPAOxB0trTQrpBaJMM2G73Vt8pIXPrYUDBZboHzQ4ZwvJJl5kGlCZ7t0KEkLlJwaQuDneIxTI3fUGZ4b1siWW0CQVWq8i21xWG3LUftKQPfUfMTSqmyON8K/PxI0DXBsN4PFW3zuMAouPGmVwo7YD7/UTnptWBok0q4JedD8szmdcaYZzE7a2/mK1hBDXZghOt2eXd5Jc+SoGJtpidIMxr5z6yuSpDVPSvtO2B5ZhLGNedjwUJkneZOTHNLVZn+UCaP2yfilo4hALplz5Y1/o1UBJKFtcpqy53Bsm+71KYJkvXzqSY9x+3N2B0AahV/1CT7JgKMZQsBaoMnNC705JLMPhdn006lFrhzZZuqcKEMAz+7cdJ5YsOYTiQrG8sF3KeT/536x262YbJwOilSpd5XPTyPsHVux3apXJ1ArQ3P5OK82qZDpNTINoSkLnZAgUSPqaFwS9hQMFqdnYaUsl1OEBXspC40sVieJFsNw8uMilsUmGGPUt2E2qh7mAEJFjn1J1Oak8ERE8y6W564F6nSLewEYItLhZ1jWYuyeRy7ZqNEMKzt9KOPbJDBnwoWUjc6FIWpZyAGjbaumJd7N+pCSZ32cQMTJPEDX3X9uLAwMb1q1RuQrnDCGoLLdnvBe/KmdtC4uBV+XZMfdBjCBAJnnavmmVrFvBIrjv9lScK1L7V006Wm/SY2BSG3y9+kw2+jTmYCNnNub5HgTYugwjk2uvUIZiAJ3qanzA3qUvWpMTuZP82/dluGmCaSNSSgrl0cn1BXcnchHJnI8RHpeQfzi0wEUvRDsosWmT+ejfALBKmiahdP9f2iy5nlOKaZCGxFgJitXkm2SYHBExIyxIDCS/+vMldjizHQyaI+FLbNzDvMG7nW2dSUawSAUZaCfSmizYo2eYExcFC/X2pXrSaAXYFNsR1u7h/Y8BIGCSQbDJbGxkUcFr/jd6BFBcLDKxn/fdD1+WDwykC6o1XpcwBf0WLYMNayCXd2bxKwY3SkhuFHjITw2ITsfj815VabPe7eYJMEOPWYYkjZY1d5gwku3xIG5SBRtGtmpJD9oAC/0Y7hGn0czSo3jemoYcJACe95cGXAzRmPHLeZBt+KnRInnnLlLBYa1c9Rv9ajTU31GXBSn83uNKiY2GAvMB83Do/+KMrLV/YfelG7pRGXzDPqC2Se4iVx34+wu4fNUVUxhRw+Krp54tlteoiBMCrzcuLzNnhVMaOY73JJt2ZeulwIkjtqaImFwPr1wTABQQYU2YyzIDHV8XW4NrCAICA5ycJ13Du1ym7rNpe50IyP/HTbFOPCwBj+HyjJilQeqgRhgBACFsAAuKEd8uqxShBiJa9eF3Q/3HD0NCy7JF80p1l72ocEDjdzqKiJ4inVdbXjkGwKzxDCMPJB54PFAHFfq3evtD++SdWroUoz4rySXemFjqCG2xIrOpyXtIzyje/ULpaL0Of2FXf8wQTCLsApBu2it/JK44JdqtS9nUq93dd3jMAEe53b5+u5sX77L2maTlNy2ZL58Via3V3O8obvo8tFwMYZS/oT4vf7/nyydBnsh1if0O9eZhxeIdww+vlu53r/mBS79Qno1Et7AV+2bANBoLZjiXs7uit8pj7njM3b92y50jXdPLHjjap2dxwIm5wBtywCRZMuFxwGyhQRKkgxPeuw9Fd5T7znT9ls0zLgbxTd4peeFmPazXP4FxwRgTFQCihgjDqli1iB8vO+rl4o6vf3zrqnsudK2mle0fJXBRu6rNmrZc3eqFhGMQWxJs5Tn7Ufmg1cpr6SWtq0qO8J/8VnoqiZSulyuXlfPXcWlxdnV8WSrqW+dSN6MVj1JLuEJuI8hOZd96/vH9z9tm8eIQFU8lSJ/8N5h4C//hGjP8NKgG41lq68/9/gUoghDi9xHkIpRkPuuMjeo7j3+N1HHrVgYzn/y+n1C9HJJasJfa/QaNzHXnL06P+B5Ad5S3SlDLr9NWodc7tmtSH2K9CfeIYohdZLwD4SjJPAoHXOkm3P8qbAeAsTtLtT+bNB2avTtLtjzohFBz5E3ZfQObOAFT+/7wb8x1RWhaAMT1Z3UHBCSD74STd/qjrMgCpH9vNdv8G6jrGQI7wzt3PR51WMZDJKU18SEhsMyI6p+LEAbQsAXb9ZHUHMHcoFf1jvJr907n0GbJHpwz7AbQdBuVZ5ezE3rz2XDCO9sWdT6WYpwjHp+LEARSqnHIpu4m/nEaeI3d4WrAHlf8xuDNpW2K/ktIQA66eatgHUAoxwrJd6/TfoDjDiFZPC/YAzvsESXjn5H+BH4YUWPX1VJzYH72PASJ5Jye+ELXJENjPJ6vbH/WWnKQ7DKXuc7Db6s6zCSeH8hvKkjCIFtpuJnpxNT/14v2GsrJB5HcqxCrZVd8JmsXT4v4F5aVLUXmXaqLWuO0ZLo+P7WWofyBdFPr8+UOrU88HPcIARHgasvixnbvtTRQIAgCcndld6rKCqKlHOEuxFV/wPaCxZy5cTNS71rT+/z9z58WY1krV+3DJXebhCyR8mjA7zAZmh730i/4waJy4q9u+swABhNemtW6HrUcBD9IPt06YE92VJSIqL72ndN1rDGslnewnBmbOnbUBymGDvut5xVkrqeLs/p+txh4H2wbrYXBFyfpaIVRSx1mjTnM360kRflG1cZUa3bfmXw3Qkw47PpWgM90G7lrG4yrl6iEn4WAEbXZ0kUtdgbbUw1EnT7n6jtP3DV15fB8ZszrrWQYCWLV1lwJ3xHzU5CrZ5A4Xueoi0IggrV70D47L+iucac391Dz4c8LsPgaWREQjbn2mupoh13H9oReab8pq+6ligG3zZn9QoMBlYcuiUt63q/01qy+TStFABDWJHApcNhZZyrDC/P4N+KVXukYbuBo916nr+tBtSSqRFHZbctGkpzmibU03VFZPYAPBK7plbk/N6EvM9e/eIaXe4SS21FroML+d5v4jFtcAoB5mKwrcabk1lyC+O7n6rCzRRuDumHaWzkzYkgTevx+ERUA0xCRcUbd6Hta2UPo1rywQUcZP1OafjTVcLZXggCD98JZS9ZKErQBuD/STDe2PXJawPiDYyN1FncrqhaFTBkewWgP6s/NSDVcI5aXU5l+u8JwmixsqD3+Amfm5SY8cIYQQQgghhBBCCCGEEPJ/+QmLwAdztE9BTgAAAABJRU5ErkJggg==" class="faceWinking_DPeo"><h1 class="heroTitle_qg2I">Proven Recipes for your React Native apps</h1><p class="heroSubtitle_jFu1">Starting from scratch doesn’t always make sense. That’s why we made the Ignite Cookbook for React Native – an easy way for developers to browse and share code snippets (or “recipes”) that actually work. </p></div><div class="buttons_AeoN"><a class="heroButton_GTT_" style="display:flex;flex-direction:row" href="/docs/intro"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJZSURBVHgB3VXrcdNAEN49KQweSCxVgNKBUwF2B6GCJBVAKsAdABWgVBA6sDuwO4io4PQKYpBuj109xjaRNdjwB76ZG43u+253bx8SwL8O/HUjT9NrflyBtYFF8NBChEp9UW51Nxr5kWis1d633H1riS5ZE7AmBkTh7l6enYW9DopCB6Z0PvPxKfQjIqBbRDcGS/d80Nunc05o1gWjuohMqRa1cY6YDdyy6PyFId8izTiOJcsCBeoeLS0a47gUTjSg6AKAbuqzrBNbWutNAHmWfcjTxOZJ8lBoHfSFlSV6XmvqlS76NHJWbIgmS5L5xkGaaNncZ7zPSSZnkmSV53qyo8n0tNVouYXKsmwKcmUL65Hf5G0fTsf+3DF0Lto6TQgTJAh2NKf+kvfXYvOE0+Vaaz2ptAX4Cr+BNogLy9F9fw5eV8xtWIsRgp2gww6UMhGQknZ6BQcAfT/mR9zLtR1GCLEqy7rysVxXWhX+EI2NptWrqk4lQJokoUIZLlgT4ic4HrFC+57tcOEx5KG7qR1ItU+UWvEtAvgb4HlwiIeN67WZZG5Ro3jYaie4ZCKCA8DNMpE0bxt/IpJUtYN0DQdCBuvJgEH7qRhCURTBJkrtyerj9mHQgdzElD8eeGLfyftjplaytrnHNL0csuEOkZzXALEewi7qoOPI2qna5Y5wgMR9zEOIFDUbm8J3TYBg4oMdKKXGbX7XVVXNXPdZJO/GmDfCt1zI3NLpuKoa82d+2AEXRD5SV0TmI8hqIgXO9c4hQwb2cYMOSqLQdZzXKD19DPi36ZIJ4b/CT4NmgxFOnt88AAAAAElFTkSuQmCC" alt="Chef&#x27;s Hat"><p class="buttonTitle_Je02">Let&#x27;s get cooking</p></a></div></div></header><main class="mainContainer_mA9m"><section class="features_t9lD"><div><div class="rowContainer_brmT"><div class="col col--6 padding--top--md"><div class="text--left"><p class="featureTitle_L1YZ">Spin Up Your App In Record Time</p><p class="featureDescription_sP1D">Stop reinventing the wheel on every project. Use the<!-- --> <a href="https://docs.infinite.red/ignite-cli">Ignite CLI</a> to get your app started. Then, hop over to the Ignite Cookbook for React Native to browse for things like libraries in “cookie cutter” templates that work for almost any project. It’s the fastest way to get a React Native app off the ground.</p></div></div><div class="col col--6"><div class="featureComponentContainer_HpZw"><div class="imageOneContainer_Mp6_"><img alt="Animation Image" src="/assets/images/card-buttons-dee3c5918f4503bc7d7f1ece21547d3a.png" class="cardButtonsInitial_qamQ"><img alt="Animation Image" src="/assets/images/card-controls-007dfe08e844b5026f0bec54a9fc4886.png" class="cardControlsInitial_LoMr"><img alt="Animation Image" src="/assets/images/card-text-styles-9d5d6f53953ac158b065438e4916827d.png" class="cardTextStylesInitial_npHl"><img alt="Animation Image" src="/assets/images/screen-components-408a18296a6b8f4bf449c5c9261b63df.png" class="screenComponentsInitial_Q7jn"><img alt="Animation Image" src="/assets/images/screen-menu-9504d2fa4a8ee368703df0c7015ab36f.png" class="screenMenuInitial_x0nA"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABqCAYAAABu3bmhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACGpSURBVHgB7V0JnFxFmf+qXt939xw9RwgBAwECIRBOAZHlWhAQCJccogFFDvFAEETWCLLgLovGqJDlVKMGYgQkKiDRIDchMYjhSiCTTDJX9/R993tV+6+eCZtrZnomPZNOpv+/35vueV3vqvrqu+t7RDXUUEMNNdRQQw27HhjtHmAzZswwda/udpu54c6THpBEbiaZTUipkclY7yJqP+TEE9MLFy4UaC+phhFhVyYYNtE70Zen9CEa106RUh6JfRPxQFYpyYYn80uSBiNmwn4D/3eDTNaAUt5mGnuDCdMLzXs3dy5fvrxINZSNXY5gJk+ebM2FU0cbTFxAUswg4pPBMHx4EAPE0IUmb2DjxFiSkUxKAnkQeaXiKpImY98UyciM7xm0W4XdT5pM9Hh7ONxJNc4zJHYZgoHIMXd+2P4ZyeRVGNbjwFEsjLEInuAtxvhCKhovCqcp0traGgPX0Gk7g38+na+93PKyX6b144nEiSCqc9HMj/OEpGQPExUe6ozF1lENA2JXIBjW7Grej5n0GyRjnyEp68E13sGdzzMZ8i+TE1PXLqWlOg0fbEr9FFfcCF/KiF/MJB0JCluLz/+qtzUv+Gf3P9NUwzbYGQTDJ02aZMnlwu5ikeoNQ9g0YTKDY5gw0w1pEinGrDEhRMpisehaXlwALfXr0EXeBjf4JGTNI2ZyzG2LtcWoQphKZIl4A2cybvox7iOAXSuKJnllOBx+n2rYAmNCMLNBJHNdrikGp5mc0fFQSifhwm5wDAcGKIt9buzT0BTqBUUw0y0gEN3ELQIE0sikNAR0jaIozjE7HG91d3cr/aPi+karu7VOmAo3gMtcLZVOxNhtXdGeefhJUA0ljDbB8IDLtb/gchYG/lIMgpq9EB9sI8Z7BcTLGoiDD4nLFAgGDIZ0EJCZkXa4hZsvB/m4SVGO1AsCh6GJQUK+LTl7R2Pyz26f6a9tbbEEVXZAedBff4Em2A+gJRc5Z7+XdvOdHR0dGaph9AjmfCJtidc1E0RyDy5SD4LI4nKLpZAP+VKpN9qI8rQdLtESaNkD43QPfjgd/6a4pNOSIp82MXGwFHQI7hiWER0J4rLi6Ha0+wv2P+5KpZZtIHWNyqDR3zjNJOVCsLw9cP83dURDP6OaFTVqBMPqfO7LhZA347sHxPIyafLOWCz9TxqEG0z0ev06s9yLUfkUuE9YGqZZXamuVVs10zwez96MyU9pJC/EuY9mijeRfBXH/d5io0Xd3akQVWBwJ3gaJkOM/gmn2hNOwM93xEOPUQ2VRyDgmur3uP7u97rSPo/7XjhKrGUcxlr8DT/D1tHsr3+vtaFhejnH1LvdU/xe90243gpseb/b9Z7f67zL5/NNIuWP2UEEPcEjW3yN3c2++kirJ3gU1VBxcBDKz/0ed5vf4/xDMBh0lnNQk6/++CZ/4yvN/sbOYKDhQho+7AGIQFx3MQgnBCJ6G/dxa319fQvtGOGwVl/DF5p9DUkQzeuw8Gw0jqFRhdHk8+0ppPENqLBm0tiN4XDkw6GOaQ0EJpDkc6HfqsFd2BUN/ZiGL1L0bL7wbi5fWOiyW16DwtyIsT5bGsUzrRZbwOlyrctms0kaAZK5zCq3zbkP6O5EI1f0pHLpZ2mcYodZ9tYoCtEIvQKWjvyoJZpcVsYhXBjatfiEMitXNlib/oN2zOophmOppZFE8kpYZp+DF3gD53QL6cVn/R7PJSPkEEVmmG/A50boVtc0eRpOp3GKihMMLF/4V3geM7wT2mphqObN3npYPvKk0qGc3V9BD6vRm0i8EYgnL+GGnMVIfASCnJOIhH/ohXJNw0RHsiOM2NXdMBMMRKcupt0n0j8sVJxghIrxEDXAh5Eoo7kycL4CX8xB6P6XHAHP36nCWAPzvTeV+n2RtMtBmMoCO0Mj43cBr/cUGubza3HbfNznCxCWx0A5P4bGISpPMMzcjUEpwH9xIP61DNY26PVOQrsD0P4tmK3z1qxZk6dRQiKRiETjqf+EqLwGfhsQtHgs4PF8TUW/yz3HBtqQhQG/EOfw4UGvoXGIihOMU4j1nGSIYVBg8u5Fg17ceirc8HthAKwOrv+VRh8ykkg/y8wWBDHFS5KJO3t7uh4KBAKeck+QNgpPgsgxKcT0CRMm2GmcoeIE05FMRiFoXgPr9iIQdOxA7aZOnWpBSOBsdL4HbResiUTKEWEVQSQSabfY0xdBIs6BSDyMjOKjAWWplYF4PB4F3f0Vz7inSOfOoXGGyiu9UDY1XczH53roMWe0ut1122uUbusJgLsgUAyDWspXaYzR3U3paDz5XSnZN6B3TZVG4Wm3271fOccipvU0PpJS8ONpnGE0CIZC6fQ7mL0fgSCOyjLx+e21yViNvWB+WxErerNo1d6kyoGff/75yr9UzrMZ0UTiGWnIa2DV+UxczkPYYZ+hDhKFzApwxX9An5k83sTSqBAMUACx3AeC6JHEr0fEeurWDUxCOwxXz0MkdXV3d++oKa2i4gcEfO4bAh73w88/9+e/wOP7lM/jus3vd06jwU1gGU+nlwgmvgzWMRVBzp/5/f6Jg12sJ50OwR8TUjnD3ny+4s7PasaoPWy2UOiw2SxBeG+PYZz2cro9z2QymU1+GeayO+Cs44fBRfenVD4zYoW3oaHBZTVr14Mk7sOAK3+O8hYfhG1fUMm/gXOc77BaWvx19W8mk8kBUxTy+eJ6p9WSloxdBsazh9dbeDadpoESxCU8vxBH7OBcUTyTLGTDNE4wWhxGQRiSzcXn6ypVQRTy36d+AoVL1wQO5MMs7dU0vp5GCMSJ3Houe48U8kb8q3QlN7ZW6nuuTVylHtf/ajaVfKixsTE4yOn03kRqHu7p17i3c4tZz800WP+ULCU5QZq1PWkcYTQJhjCje+Ge/wFm/nvo3OMRFLxq0zWhOKqB9UJsddDIwEU++yXi7FKm4lZ9Ph9O238m7JNnFPPZOyYRDRYaKJis9jugCP8N7Wf6/e5PDtQQRJXCs+lcGnvTOMKoEoyCcs/D5/G90j+MblER5eV931UaphUu+xHFjaCcfgLi42pwBItaZlLGIRz+nkuTXuexgzUKhUJdEEk/BYE7mZDfH8jKw02ncF1NQH2icYRRJxhARpOZxYYuvtL3H80Bp/kSPg0MiklyPhLvLjeTuBC+EDVYZethaoEbBlgFOgeNA0UTmWfAQn6Lr0dniWZur41JMOg3zAFOM2b+o2rAWBBMCYlMZhkTTOW5xDHQP5BSTASHKQpDDHvlIawYt8rKY1IqYhvWM+CYTyL4OBRHAuvgDwtJ7XAuXjh58rYJYEWSflh4RTxDxVYv7AoYM4JRiCSTrwguL8KgdUkmvYrDgLkPW2k0FQp28IgmEI15mIeqJJt6ZhhDZvOFk8kP0TnP4Ou+PT2ebcxsTaP9EGl9R5AcVwvfxpRgFGKxtAo0ngtiUbm6Gmbx9Sqlczj3olss9VBMlcPMTcODSspiXGOfKKMtRKZ4Bsp5zszp6K1+g3OaGuEu2EdwPmQKRz/YbBynVnC2tLQ4lDtAbSqOpZx/Kgg6e/bsza27qoSJdgJ6k8n3mvx18JuwH2EMDyaDPeF3Ox+qCzb/uJyItabrRYOkA107EoJXRFOOkoyYheVdJnQrFNwDNt+vFuLlYykfiDYpzXLtIKdgTU1N9blcan9usMN+wuREufr9vVScDcc6GZM23I0pkyimMvFYYs6993QFPK4wuFYbJ+1dqWnvgLi6Vq1aVaQqWbGwUwhGAf30EmOiDWM+ESZHHfSaO6I93cf6/a5botHUKhqkg0xSRgwuuzEeKso8HLFU4jCIpK8pq7GUGuv74t18v57W98BprBj4tRaLZXtKL/P5fHuSKJ6dz6QuB1Xvh8i46FvcQHEQywZlC+C8Br7jPCILTqbM/cPwuxN6UQD7lAEZ6mhvC8Fj/SJMvFcEM70xffr0DUuXjmhpcEWw0wjG7rWvzscz6ziivmYy35FnxYMQBLwU3OZ4n8f9ABfyoUgq9R5tJ12zK5WKwvWvKi/sNczLot8pr3P+VlmNpZzSR5RS6Tx8070IvXg4FN5PYMfcDRs2bLEWSomcDz9472Jm6N8Cae5LpcV59BzO85wUbKXJZvsQSncUnHSTsl8iYjgztW6Px50xmxxM11sNaewHP89khFamcZKn4xyXMakX3lqx/HVw45c5017wNza+NZo5RNvDTiOYtra2fJO//i2IpeMYMzXF4pFr6nyuP8Jrexd+/rrkdDHY8wPMbJ3X29urnHubcxwMgliCGXt6//5y5H4f4TH2rwnx+MZ4GQdglk/E2aErydBm14DOLs5VFp7OafnmzdUa7Y/WvD8L93W7ukfoar9Bu/vhi1r28fWTSeXr2fpKcrn6PZGI4LvawIHo9U0/Iopep0l5ENPYqeBK/45nOBn6VTIS6noRMbQFHpNpSVssNibW2k4NnHkdthQM2AvAqYMN9uCvOmLdK71my2MQN72Y0Ieg40+Sun6Z3W41ebzmNel0Uc3mEuF4fJZOofPDMYzKY1yuWILaIL63vlAcMjoO090LkXAbzq/M/4XZfOFvav8ET8M+2Id4E8XtXucPME6bxAPXva4rMaA34759kstvRBOp/8zm8+20g/pHoVDI5gqFtly+sATbL2xmy1I8SgoUfBz43qy8lKdZrRar1WYP5/P5OI2ivrNTCaYuGAzrueLhePCjdFZ8N5lLv50qFDK5fPFll2ZaKDT4WomOUAFModNMBBEbbA5LuKmpJbFxYyjusJl7oANd0P8cgynAypLBZdgbFkf6pkGCipvA7CbTF3GE8htJZrLcmM1mS1zG4XBehOE4FET+2/aujlc2HQAxozIHb5FqqQxjD8TiqXtJVb6qPHQQzzpsfw1YrAvgCNqI29ofRPo5iNAzbRary7EDS2qGwk4lGDU7PXa7poKT2IKpXPqXm37LFItJzKalIJz5SvNAh0zCAJ6N4ftiPpve32a1OKEEruRC/wAhgqOYihFJyhPbgtsoMWDgN3As9pRd0he6IoVBpZHKpelobz+TgUPgqm7Inx9G4gmVMCWD3uBe0CceJLXe2mD/nSyk2zcdh5D5ZSCWU0BIvU7Jv5zI50d98X5ScZ584U1sv7E7rCvx/Ptg2lwmhTET9xO2Od2KcCqq4+z0XA7MhzZNMsVFpnsdzpeT2fSGzX6WinAgDl5wuk2LYWesA+E0YfCPAxGcgxn9WVCSCjq+zlS0mlEAA5ZnfXqAsjpAMDB9iX5iTqRu6y4UBpPzHGJoj49Wr74DcutWtQoXFsziaDI1G78VlY9kxevLvovrHY9BWdAZLy3OL6FURi2dUgSzD679WHci+QyNLYxcrvABCOd3FqvtL5xJKNv8Ohhhn7baLO35fEH1aUUqXFSFk6jVW3eiwfiTuJmVgVjjiato1WDOMFudxzNNMHkOZv9ZeIJJMH+xm+egjqYxywql2jNEz2Nw3zJJ9sTEfRJty5d/LB4+VpIx0OZYrCMgCqZpUCLPAqc6GRzEjnCohWvybofLf/8mK0gt5YUSuwgEGRO6dlZXquudTTekFsclIr334z4Og6J8I2JRf6adiECAPEJ3qhIrV+GZ6hDvms8t1nvC4fBIMwM+RrV4FXmLv/4uKfnX4CSZ2xEN30TlKW5m6A4TNDKOADf4DAa9GRxofxypCMZgfedQUeUwiCfRT0wcXuYCRJsTpnEz67MUVbt6HNsjhXiQTJYF0Wj0Y2V1cmCyJyPiT6LzVaXOb3b2FRn6GMpjq+ez88FhDsTZZ8ViqYqvrxoJVL6QUcwi6MuvBTdeLXX5i733Sz+GyTPiyqFV44ZucjU1kMl4FTc0Cbd1fmes5wkaHlgwGHQU0+lJTKMg/PrHcglrhUnlDAM9UQvrU4wVEXT3xbEUEUHMcfkmk7zNLuWyjclkhDYjVuW2N9KFB9D+YMzU1wKtjdfC87o1B7TCL/S/+DyDc/ml3ljq91Q94HUe+2GSaXfieQ/Dg93n9dfdDrdGjnZ1tAaCR7X4GjY0+xoSTb6mSmTkfxy7UWay8me4XK5GVYdGEUL/OusBJ82nP/1pU0ug8Vu4p1izt+FZzNgpAzRl8BndgSv0YPtvqsJ4kFoe7Pe45mJLgLifDgTse9DugAn+4MXN/oZ0i68x1FTXdDjtPLAWb8O3cS/vtvgb3sHncYM19rvdx2Ig1mD708QRrN0eI5hVojxCDd0Br2tJf9B3WKi6jPcEfDEum7NTpUhimp7mtNvXpHOZ1TSGUFyJZ4tfA/u+AnqLF510bUc0tGSwY+xOJ8x1QxH45IKkD+An+YCqDwIewNdsZr6MMfivBF1oc1jfgoU14rzqagGDR/U0zOpOcJp8q7fxK6ooM40BWtwt9RBBjyqx2OJvfGUPT+OpZR7KvF7XTIim9/1el9K/xjx1ZDjwOhwzcJ8bsK3zeh2Hlntc1a6pSeQza7w25xJYzKdhpl+w3r7uUPz/HrzBFalftzWUwy6yses8WDn349+TYT4vEcz4WkcsXPaqTPjmu+HDAZdhJ8B9vxpc5l0aXXDoJpPcdvN0m816ApyZRzltdp/Vbhe5XE5F0Qfsp3yx2Gm1mV6AYXA2vOWfc1ptryKMsZF2dWC2X4/ZLrEJVWeuyRecq4oVUoVmsHLITairOxJ6yoImX0MR14m3eBtvnEEzhp3NpwCleioU37VQLpcHAoFRUyx9AK7zHXCIdnC1VbheDpuBTWAL17mdPyxnvTiMgWl+t6sd28pSSsYQqPqiOMqaEZn8RbrB2hEhuAX+BFWYUC34f0EafL4tYPvbCExEhvP6YS6fTkJ+Dib3/jCZmxmnP+iCfacn3rNFmTWl06xdvXqG1LR34Z8ZKtCtBTzOr+L+7sT0fqNOs3y20oUGlMXDpfFTXOMsOAxs4IaF0htc+sZz05jisdjreK4vqoS1wc4X8DpPgQ9MJb2/7NdMl300yDNW/TLPRCKhJ7OZlel8+qO9va5FWTJeIsm96JXzwP4vMrKFi11292Sv1eHxOazMFQiIiRMn6qFQqOTRhajh3kTC5rQ0280mOthld53ssTu/IwsG/BIILpZCCfJ9dO+NcPffjetEt74HxPHg5ZWL0G5vhCkW0+AiUZqt9g/gnj8Sg3VQxtCduULxRapQIFK5B7jUH8ajndafcagIRXHDzYmF+r+3Ig53mNvrW5wGBjpnNl9c67BbVN3jc3OkhxD8/QcN8IxVzWFa/MGfSCnUOqKvd8ZCm3tPTa2+xqkID5zB1KAjhoOZpoKYmFQUxkB1YXqpYCTCBaoANHPi+T340QEHnOrknHoRBVznT6jX33TEQitpECKoczpPkib+BGZxe0siOb2cUmw+n/NgEuwezH54kPniSCyhVn7uaKYcg0l8HTjt3f2l9ssphqQi/nNjiZSq0Tcg0apqo6KY/wP6u0EadFYsnd5uklk1EwxTpU7x6cSA/7Yz3nPxQO1U5U7GTMegEyejLUL9ZEYnTWN9GXaqk3rQay+BUmKSiw0kLS9eFbuqfTbNLisg53c7ziSuzQchvh9JJFWpsrJc6/VexwxB/FH1LjCS4j8iifR9VAaxDYQJHk8gJcVCBq6BCVJuESQ1ESJFQcelUqnBlHDm87nOYYI9iO9/jCaSs2g7z7nTMu7KgJLBl+LjSiGNHw3WrisWa8Nn21b7Sy+76P++DWHMVq/MKBcMvEJKC2JF2y13PxDC8cxyBEqvECQeAZe5E8roFM1i+zaCgCPKVckQHcE57auk3jDMRMUU/GYmz8TnYAQjzebUc8W8603E1I5tcDgODGUy/9i6UbX6ChgGlHfEepS4OKMr0VtO+datoTiLoAqE9UG46m1viltZaJhcWS0VNhH/LLifytibJQq5BxqdziANn7uDwQlYh8yGqPhwn0mCK51MQ2QmhkKUwtyYg+Ym3cy3W1q2KgmmOVD//Xm+n6+B0+5sqgKodzmRqjjFZNkFFDdHKJFYQ5rpUhDNr0B45+gaWwRn2Yz+dUjlAgTD9gKtOEorFoYJHDt5WjBoGaqdm5lfwYXeUW+9UzG4rX+vTg4j+LT+FQHXURWAca4sEReVloeMDMocjyVT1yHUMBey1s4l/9Wce++5psXtri/zFEqhV+upSsk/NDxoaqnM+ny+YaiG6+PxBO5xLa41FYZV89a/VyXBMCN7JW76Wm6WV1MVQAqm/DxKf9nRoGJ++iHJmyFP7upPtbg3Q/J3PpfrUzS0i0PgmB70jkr9HI44U+IL1plMOJ1GObqTap8ovauKit6tf6w6ginl1CaT4a5oz883hEJjGnQcCBoT6q20BdZnku8Qli4lPR5PLRKGvECtVYJidCQchk8i2n1XMBhspIGJQaLt67Lv9+GY5+qewWFY28aNyXIciFZc4BO4nJ2LUjWvbU5WNdjDHzzwpedf+Gezv/HPU2nqkPJ2rGBoPIHBckIPqNRL0qXyc9QlkjMxkKr8SC80lG8Ws5mXAl73FQO9AaYo2L9IebmHp8iXfC+cpFrhMKQ7YKLXq9ZhwRLDPGHbrkGvKoLRhZwCWXuAWqwV8YU+Q9UCQ3jhx0mo8h5UQaiy9pFk8hFZ0FVtvnmqIgWe/fZCNv18wOs6X6V+0mYcB17vtTDPl8DPJEC25XMZKbtZyR80NFJSToFyXodZES1Kvk1uclURDJxzi+DuvwTz+KudMKmpSoBBasJss8B6WEeVX2skY7ncumgidZ0u2aHQ3ebjigdg0ObrhdwfVSXQ/peFKR3H0MyW28HplpWpxRjU9z6HB8PJ5JD5OaqSBDzhiuPVgTD+EUwmtyllUjWxJJWe6bU5AxujoeeT+cwbVD1gdov5aMy4A9GJL25aATkayOfzEbW60e6wPI3LpqFtHwPTCDEp43KHzXKg3WILCcY6wPFWYaqrd1+qcmrbtZpATznWF6SdB2IcMiyhlspkk7Evg3tdLJWIlOyGjkLho+2cd+dDJS1JrdiFr0wTNGVDIlRWdYUxAvN7nT9kkp2Jzv+fSDz5II0NOBx8DQWNXQBquFYtnlM74RN6X+Xq4H7WgRt9AYO7L3baVcS67/dSfMkAV+nkUtwaTqQfp8F1F4Y4UpNRyN2G72oVaUESvzmWSPyKtqOvVUVooGAt5C0GW4SHPUJ3aPGqqxoneRP0l1ZYSaOy/HQAiJ50uhufc71e73wuxLEgCijJ8iSIJJU+qnopriQaZn0aOlYSnz60eRXE9Soz6NfhZHqgtAYGp5w9l0jsBd50HojlFOzaD4p3Bv6hW+Gd/jXtItFqdT+jtpB8hNCggC6Q0C+gw1wKJXXM34uwGXggYG+FJnOUgKiC5XNKf/naJAjJid7LQpT8C3pgAsGDD0HgvaJkgWkwyUVOlS5B5zaiLRxy7FB0tSqTr4KYyrfzW02yOUPpOjudwzT7Gr+JB50FFntrR6z7Kao+mDAoKj3CTWbupZ0LEYlk1QI7tS0MqMF2uw9SYglm/3R8Hoz7hJXD1BtiTofI0pl6cTwTKvVDrc7KlnRgiCj804tPVYF9Ndo/G00mX6My/DtVIJLk2arGP9jhl/BP1RFMUNVglNKFbrYyXS3qrx5ElFhKJl/G15f7d/FgkOyG4W4tZsUeJs5dCLO7heAWEE0W4iYHIsInfZSTMpZKDf/93tsQzGxcdHbfScZENHBuuVgahVMFaUuoCqG53UqhdEDZLAquhai6IdRrfSChlFgZlWUuW+gwKuvKrDOVgqgzZj6vI9ox2utVqlFn2QIqkVrqhYX46jXbHCf09PR00zjGFva7qcBULbdDsB0uRPFIGkU0+RvubvY1rGj2NQ+Zqb4zAbHPSxXLiTpEKlXVa43GAlt0QFci9Cxn7Gp00LfqLDSqJStgcSin0zSN6cNerjmWkNLKWek93KxoWK2jXiSohgGgFro39bm8qxoBt/tov8cV8Xvcypyu5pTWMcEWHaDEgyTj85IVn+iORv9FFUYpgyuj3wTL7oOlS5f+hrbNw606wCBFDImpBCS1VqciVZx2ZWwpk7l+JZw9t2tkuotGASxtICYjvyel+OVOrsxQNmAdmVWOK2M0opWQuxu24DBFLu8zk9Zu0ex/IKq8Bcnc5lcolXtSrWhw+V3vV5dXY/tggjuYUntliWBUsHbcc5lRxyTfJF+Tr/Hzk4fxQvFqgdflmun3ujLYVBBv3HOZbczE1vr6fWHuLmwMNB5NFUKepb8NUfeLtDA9SrsY4OF14S9c6Uxxl51W479asA3BSIOuwMd5JiErpmNAD3gWHwkw9l2unAQCeSpdUut/mVdVOxnHAtuYiUUT+5Em5TOd4fCIE4VU7bhCPP0oCOTpzmj4112x8FKij5dI7EoAY5RuuKNV8K6s1xPs7tiGw6iXZHb1E0uTr+GLEE9/b/U1HkzDQC6SPgFK4oUItT9K/5/VtyvOTsmIFxGwUyVcd/2qkxXAYI4oNdDfxbY38VIW+aCvjFFl1U1MXCKZ+ZeIQT3b7Gu8V5IYtArSLgBIIsPOJFd9UeMwNDjBGBrXbjYMfZLZ43p6EjPvlxfFeyUX3+vq7V02wd84TSdxCVlN93R1dYU0Lu8Qki6BEqRc/t/ojPXcQLsBGMLpUukwo/OiiV0Og7q6N0a6Fpa+xMPU4m84CbziNBL8T9izTEhxO+Irn5U5UmmAjzAhnwT/PlqQWEu7D5gg5lKKjKjyWjrVCNbsr79k4sSJpeWiwUDDhS2+hjXBQPCoTQ1mV3nlyBFAQxxpPraCz+eeRTXsMKqRQLgqWNy/lmdH78+E4OMjIJhYnc99OdWwwx1adW7yOru9WRbpf5nUn/K63Vfsrd6stgPiBBaSA6I4Ixir9my7McFulxDUm812Mo0/DrXDz5n8adQoLvZ7nBcFRhCWmODxeFTxKcZZuxBsTF/GWa3YHTPIRCSWmKNLfgpTy04Zmw7l/GEyCotUcUMaxmrPjMmkS/XO6r4ChLuTMj9i7LYph8lk8r1IPHk1rLaZgtErGPRjhYk/5ve55jQ2lkqGDQkhhJ/1pR23WCx6LduOdmOC6UchHk8/x7XUOeA012PgN8BOvqKQ43+HInttS8vg1Z+4rrvgfPTAXaCbc3zcBx4Vqr6wcyWQzVI+my+scLlNTwmDqTVGqvbvGUaRzrCbLb0ur3ddJpPZphyq1eGYQFL8G5Osq8C1Bfl8ftyHB8ZVFnw4nOmMJlLXS6Z9CoaTSnLfW3I2z8jn/hbwui7cupAPRJIZxNUIqWSKx+MpqmF8EUw/RCwWWxlNJGdKwU5ljFYgqn4QgqU/K+Yyj/t8pXpzpUQpEzN8cPFa+63yWmiAau5uBe7zOadxyW4F0ah3I2nolWWCtG8R6X5OfBFM9DXgTEdQLYGqRjCbQavzOk9A7Og7yqJSL0eXxNahh/aHsrwiGk8pk3zcc5lxv5JvMxi98fTzJov9LOgt10JMwVGn3kgrlad33K9H2oRxYSUNB8paUhaVxWpfjNkUgOOuBb6YNbl8YQHVUjRrGAImv9M5bTTfrFZDDTXUUEMNNdRQQw01VBn+DyYKysJkQ9yBAAAAAElFTkSuQmCC" class="monocleInitial__PQ1"></div></div></div></div><div class="rowContainer_brmT"><div class="col col--6 padding--top--md"><div class="text--left"><p class="featureTitle_L1YZ">Find Quality Code When You Need It</p><p class="featureDescription_sP1D">The popular forum sites are great for finding code until you realize it’s based on an old version of React Native. Ignite Cookbook is a place for recipes that work as of the time they’re published – meaning, it worked when it was posted. And if it ever goes out of date, we’ll make sure the community knows on what version it was last working.</p></div></div><div class="col col--6"><div class="featureComponentContainer_HpZw"><div class="imageTwoContainer_jCzF"><div class="codeSnippet_HC3N"><div class="scrollBar_fOVW"></div><pre style="opacity:0;transform:translateY(50px)">import { ThemeProvider as EmotionThemeProvider } from &quot;@emotion/react&quot;;
+                      </a></li></ul></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="newSection_JEbd"><div class="notificationSection_znCG"><div class="notificationTag_z1u1"><p class="notificationTagText_W2CJ">New Recipe</p></div><h3 class="notificationTitle_cMRt"><a class="notificationTitleLink_Ra8p" href="/docs/recipes/Theming-Emotion">Theming Ignite with Emotion.js</a></h3><p class="notificationDate_xVgk">Published on <b>October 2nd, 2024</b> by <b>Mark Rickert</b></p><a class="notificationLink_ZhBC" href="/docs/recipes/Theming-Emotion"><b class="notificationLinkText_L84a">View recipe</b><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.978 16.226 8.037-8.037M16.256 15.991l-.24-7.802-7.804-.24" stroke="#191015" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="notificationSection_znCG"><p class="notificationTagText_W2CJ">Latest Ignite Release</p><a href="https://github.com/infinitered/ignite/releases/latest" target="_blank" rel="noopener noreferrer" class="notificationLink_ZhBC"><b class="notificationLinkText_L84a">View on Github</b><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.978 16.226 8.037-8.037M16.256 15.991l-.24-7.802-7.804-.24" stroke="#191015" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><header class="heroBanner_qdFl"><div class="heroImage_xZN7"><svg width="295" height="446" viewBox="0 0 295 446" fill="none" xmlns="http://www.w3.org/2000/svg" class="heroImage_Fu0C" role="img"><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 37.952 226.995)" fill="#BCC0D6"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 151.144 113.802)" fill="#BCC0D6"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 113.192 226.995)" fill="#9196B9"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 226.385 113.802)" fill="#9196B9"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 0 .61)" fill="#41476E"></rect><rect width="105.202" height="29.963" rx="8" transform="matrix(0 1 1 0 264.338 340.188)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 .248 189.285)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 .248 151.505)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 .248 113.725)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 264.184 302.555)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 264.184 264.775)" fill="#41476E"></rect><rect width="29.72" height="29.87" rx="8" transform="matrix(0 1 1 0 264.184 226.995)" fill="#41476E"></rect><rect width="105.202" height="29.297" rx="8" transform="matrix(0 1 1 0 75.906 226.995)" fill="#626894"></rect><rect width="105.202" height="29.297" rx="8" transform="matrix(0 1 1 0 189.098 113.802)" fill="#626894"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 37.952 219.083)" fill="#9196B9"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 37.952 143.673)" fill="#BCC0D6"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 37.952 181.378)" fill="#626894"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 151.067 332.197)" fill="#9196B9"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 151.067 256.788)" fill="#BCC0D6"></rect><rect width="105.28" height="29.87" rx="8" transform="matrix(1 0 0 -1 151.067 294.493)" fill="#626894"></rect></svg></div><div class="headerRight___WB"><div class="titleContainer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAADuCAMAAACeRDvjAAABF1BMVEUAAAAgFhURDgwRDgwRDgwQDgwRDQwRDgwZFhQXDw4RDgwWExERDgwVERARDQwRDgwUEBAUDxEQDgwRDgsRDQwZEBURDgsRDgwRDgwRDgwZEBURDgwTDw4TDg0SDg4RDgwSDg0RDgwRDgwRDgwSDg4SDw0RDgwTDg4RDgwTDg0TDg0SDg0TDg4TDw8RDgwRDg0TDg8RDgwUDxATDw4RDgwRDgwTDw8RDgwZEBUSDg0RDgwTDg4TDg4ZEBURDgwZEBURDg0VDxETDg4SDw4ZEBUZEBUSDg0SDg0TDg4TDw4UDg8SDg0SDg0TDg4ZDxUSDw0SDg0RDQwZEBUZEBUZEBUZEBUZEBUZEBUZEBUZEBUZEBUZEBURDgyZra8tAAAAXHRSTlMABPr88u339AgG6gzwEOf+FxPc4tX69tnfyfbEMigi5Du/u6gsHoY30pFVUEccsZpMz6QvzJ57tO+Ut41s86zMdnBAGf7gc1olioJofmTqXUNg5tvSw73XoLex7PI0FyIAABIRSURBVHja7Nhda9swFAZg687GBOyLc3NwSqBZQ75oSMAoJEJ1JrVpsnpBlr+S//8/xhiDUba1qXcx0Hl+wovOKx15hBBCCCGEEEIIIYQQQgghhPw3Ap9F8efepziK4tBnHnkb88NPp90k2zTPTXlblumhbe4evw7CHuX3VywZLLZtVcsC1hoB0ZSCG66NfsieBpFHfs8PF83aFgVXCgGk4QCYVwJAAQhTGFluTlHokVdYtBo3NVjgpeKAgmNrtNV1wy+oLsALAFCieElHgUd+4Q+nzzpHXigUvEg322yxSuL53p/3p0/Z4VyeZY75UoFo7XgWU+39FKy2lQSlFOZV9Xgahoy9vjuGu8P5XvOcK8C2eZlTeN+Fqy/jHwWnl4sk+sM8siDePSwNR16gtvc3IYXHejPJSwWA9eHNSYwmYyvQAOQy67t+YfSm61JoEPKcxf47gg76k7LJDW9ls3X6rcJ6d1YooXR1fHf1B0mjEWuActN3d2j95FErpfjd7Krm8k/NGYGXmO59z037zEpQINNe4F1nfrR1rqRtk7nnov6y5tqU5cz3rhYsNrquMU+zG885bFTVIrdmkLCPBb+x3IhcHnqeY9hCXrTAehR+uCi3SyWQ10fHHilsa1Bhvuzyk8TCyggQyyz2HOI/FQUqvh6ybjMvEazM9p472IuUAvK06yYa7M6iqiaJ54xgWnIJOuteUmw/O/d7Dv1CjTYowaSh1x1jNy59vPeXaLA9uroIdBBNLhb0ws01oJOwsVbZ28ihMftH2KFCU9w6uD51lnBAaFd05q4WtwLafEHJXS38xs65bacJRGE4M8wwgEgVTwgqgnjWeEg84TGxGk08NLVNW9P3f462uepF21UIXmTkewDWYq9/r9n7n71nvVjEntZn1nV6wt3hU6w/tC58nDKf9tXp1E9X54D9Yvf5+eGM+ibPCD+NVbVs+aJzznahjhcjP3LOyQw+Lcbts/PDPQDMFurzbu+LzjlXn9TY56/5Cx/HLFV196Xii845weN7NXbvt/0uaE5jscWj72+6YPNx9/7p1s9XNw7nITZun9WNqVc0f92BbX3ROQcMxurTNH3h4xjusHv+NvIPCRcUD2p/57evbljvnsZnUw+Dn3j3se4iFptS3oQBnguGVnnrqpi6siwrlVmFA6+PYXHaj/WHtJomgA/MrWxz1J11cjlDS0blay3R6RmXg+H2rmmFX7WTmhp/fD/uXlAICISumtu1rZUSOsaYCDp8gSWCxGJFkGWjt9la7hdkbtRY/wt1s1x8IF3cFzqXho4gC4kICdYlARNEiIgFXWRYhnkXj0McuezehniXXZh6eD7SdRHGBzOVTaMXEVnMMhBCUYokWlqu0Rg2cp1yuTGZJGUFswixzHcmrtvbD65GsoLaeHo8UlQQg0CoWehJSCaEeUnOlj142Fdr1pznOB7wPOB4LnNbnQ3sBILwp/igaM7SLoQXPo6nu3taShM+XNyWNQmxEEoooWi57l2xHuYA+EOVwoesfVsTWAYijO1H50NK3FHdPXep6CUA9zNPDSkehwyLcG8wq63m/yxBABcqzpKCCCHE2ijjWHXtb4c1DVUdCBUr7ZaCGBiXovbwbpX/Lz0EPmxMiWBBMB6cJi13s/9affuGE1+vlm1ZhAyMR3rDmoOVXBCwZqWWzOjDQh44PCfSb38UkZtXujJmGIx0s1xz/D+haouwkLH3bz8SzgDB2/uJgiAkSnJ9m+dcbSpoCAqGsT+vOa9g6mEiiZAQabIthoHbPZuSkIgahXPakAmmlhMZEYSuB5X5K+qE8DKKxFJrSUWp8T9w9RszwkKo2IUXwbkH5Aco0ot0zmR4n89sJ5hlYEnb1F7t/IBqS8GKVjuHgwKEarmEjSOycZPyIs3qA1nUkxta3bff4LIdhWUkyazNOW80XJEl6fqe+gduwGpkYhaxkULWM5kUo7Z8vZ7THToQbE4kRIjc8PIJqbwtR4023aHjViMDiySZG3naewc6yNTaVA8tBa8eoySum828twKpNyQhatPghPwFkO5eRgW9Vch6Xb1m9hqRhvTueQVqbVmMC+Zj3vNfrOckXMqlKA0dCFZNzEpK+RTPM4YMhJNlSt/xAvmHFoFIm53iGATZkohLHTq9E5At6xCT3oeT5BR3ExFwYkllvvK1nghZpbw6zd/NL9sCnlA52xrMmjJLjOWJvA2QbpRQgopbmh/snVlT8kgUhs3pLXQ6CSSpLMVOFAI4QZSlWIpSrBIRLPWe//87xtmXL0FgPsdphufGsvRCXk/3OX2W7r+Tnc6Mcrm6+KxtXF05ltN9OL7Tv5J96/q8Nqh82ujkfYdwa3yE6/V+7TBhTW4+TbnMW9x3o9bxGZ2+5Ag5q0/ciIqdwIqf2sc2D6z8sPIpK9c/sVqceQssiNdHl17PLR2KvMEPyud1ud7EhPrB67EZXe7ZBuBPubSuzR8q7UqlUNS0w+XTnmxcHh7d/Zj6NC9QtE4OhHOVh0ns+Y4VxIOn10OL98plRJjfaRyZe820HQp4kpgo0QpPPQymaW5M99rxe81X7bCYsUkYrs2PrAar3OQpYmHiPvdYd8TmJ2AD3DCoMKpv54e0GE79iPDl/dlRoZzH2CWdpPxj5jUUYG5+gm6QsDEAY/50/wyofhtRzmcVJdnqZbXFixEDGsyTlGvEbPMHJiAEJuZBXNjT7pRWxICN28k+4vGlUpJyC1RXHgV/qicloGrM3PwVE3EMZLnfnqUUZwSz7qCoJBr9qBfeSpn9rMwMZtVLSdnwvos238BsF/P9Hh24CHsc+2FySUKvewzHMrb33zcjn4ySwhK9iU1z8y3guxTX9d1trtQZVqNa3FCTdR3aLuQllE6Zlinzk86VmasyQpsETACEo3Zm54x90wq5E6fde/BDgKk7lrBIVqoy4YyyiRkiMDeJIADsPdzvHJZ4mDizlZ5m9kOCxezmTDbUiQBj/Jh4v37ZNNO0c5kV7ziiqq8cxtz4RU+VNsZC5OWbAjsPAOxB0trTQrpBaJMM2G73Vt8pIXPrYUDBZboHzQ4ZwvJJl5kGlCZ7t0KEkLlJwaQuDneIxTI3fUGZ4b1siWW0CQVWq8i21xWG3LUftKQPfUfMTSqmyON8K/PxI0DXBsN4PFW3zuMAouPGmVwo7YD7/UTnptWBok0q4JedD8szmdcaYZzE7a2/mK1hBDXZghOt2eXd5Jc+SoGJtpidIMxr5z6yuSpDVPSvtO2B5ZhLGNedjwUJkneZOTHNLVZn+UCaP2yfilo4hALplz5Y1/o1UBJKFtcpqy53Bsm+71KYJkvXzqSY9x+3N2B0AahV/1CT7JgKMZQsBaoMnNC705JLMPhdn006lFrhzZZuqcKEMAz+7cdJ5YsOYTiQrG8sF3KeT/536x262YbJwOilSpd5XPTyPsHVux3apXJ1ArQ3P5OK82qZDpNTINoSkLnZAgUSPqaFwS9hQMFqdnYaUsl1OEBXspC40sVieJFsNw8uMilsUmGGPUt2E2qh7mAEJFjn1J1Oak8ERE8y6W564F6nSLewEYItLhZ1jWYuyeRy7ZqNEMKzt9KOPbJDBnwoWUjc6FIWpZyAGjbaumJd7N+pCSZ32cQMTJPEDX3X9uLAwMb1q1RuQrnDCGoLLdnvBe/KmdtC4uBV+XZMfdBjCBAJnnavmmVrFvBIrjv9lScK1L7V006Wm/SY2BSG3y9+kw2+jTmYCNnNub5HgTYugwjk2uvUIZiAJ3qanzA3qUvWpMTuZP82/dluGmCaSNSSgrl0cn1BXcnchHJnI8RHpeQfzi0wEUvRDsosWmT+ejfALBKmiahdP9f2iy5nlOKaZCGxFgJitXkm2SYHBExIyxIDCS/+vMldjizHQyaI+FLbNzDvMG7nW2dSUawSAUZaCfSmizYo2eYExcFC/X2pXrSaAXYFNsR1u7h/Y8BIGCSQbDJbGxkUcFr/jd6BFBcLDKxn/fdD1+WDwykC6o1XpcwBf0WLYMNayCXd2bxKwY3SkhuFHjITw2ITsfj815VabPe7eYJMEOPWYYkjZY1d5gwku3xIG5SBRtGtmpJD9oAC/0Y7hGn0czSo3jemoYcJACe95cGXAzRmPHLeZBt+KnRInnnLlLBYa1c9Rv9ajTU31GXBSn83uNKiY2GAvMB83Do/+KMrLV/YfelG7pRGXzDPqC2Se4iVx34+wu4fNUVUxhRw+Krp54tlteoiBMCrzcuLzNnhVMaOY73JJt2ZeulwIkjtqaImFwPr1wTABQQYU2YyzIDHV8XW4NrCAICA5ycJ13Du1ym7rNpe50IyP/HTbFOPCwBj+HyjJilQeqgRhgBACFsAAuKEd8uqxShBiJa9eF3Q/3HD0NCy7JF80p1l72ocEDjdzqKiJ4inVdbXjkGwKzxDCMPJB54PFAHFfq3evtD++SdWroUoz4rySXemFjqCG2xIrOpyXtIzyje/ULpaL0Of2FXf8wQTCLsApBu2it/JK44JdqtS9nUq93dd3jMAEe53b5+u5sX77L2maTlNy2ZL58Via3V3O8obvo8tFwMYZS/oT4vf7/nyydBnsh1if0O9eZhxeIdww+vlu53r/mBS79Qno1Et7AV+2bANBoLZjiXs7uit8pj7njM3b92y50jXdPLHjjap2dxwIm5wBtywCRZMuFxwGyhQRKkgxPeuw9Fd5T7znT9ls0zLgbxTd4peeFmPazXP4FxwRgTFQCihgjDqli1iB8vO+rl4o6vf3zrqnsudK2mle0fJXBRu6rNmrZc3eqFhGMQWxJs5Tn7Ufmg1cpr6SWtq0qO8J/8VnoqiZSulyuXlfPXcWlxdnV8WSrqW+dSN6MVj1JLuEJuI8hOZd96/vH9z9tm8eIQFU8lSJ/8N5h4C//hGjP8NKgG41lq68/9/gUoghDi9xHkIpRkPuuMjeo7j3+N1HHrVgYzn/y+n1C9HJJasJfa/QaNzHXnL06P+B5Ad5S3SlDLr9NWodc7tmtSH2K9CfeIYohdZLwD4SjJPAoHXOkm3P8qbAeAsTtLtT+bNB2avTtLtjzohFBz5E3ZfQObOAFT+/7wb8x1RWhaAMT1Z3UHBCSD74STd/qjrMgCpH9vNdv8G6jrGQI7wzt3PR51WMZDJKU18SEhsMyI6p+LEAbQsAXb9ZHUHMHcoFf1jvJr907n0GbJHpwz7AbQdBuVZ5ezE3rz2XDCO9sWdT6WYpwjHp+LEARSqnHIpu4m/nEaeI3d4WrAHlf8xuDNpW2K/ktIQA66eatgHUAoxwrJd6/TfoDjDiFZPC/YAzvsESXjn5H+BH4YUWPX1VJzYH72PASJ5Jye+ELXJENjPJ6vbH/WWnKQ7DKXuc7Db6s6zCSeH8hvKkjCIFtpuJnpxNT/14v2GsrJB5HcqxCrZVd8JmsXT4v4F5aVLUXmXaqLWuO0ZLo+P7WWofyBdFPr8+UOrU88HPcIARHgasvixnbvtTRQIAgCcndld6rKCqKlHOEuxFV/wPaCxZy5cTNS71rT+/z9z58WY1krV+3DJXebhCyR8mjA7zAZmh730i/4waJy4q9u+swABhNemtW6HrUcBD9IPt06YE92VJSIqL72ndN1rDGslnewnBmbOnbUBymGDvut5xVkrqeLs/p+txh4H2wbrYXBFyfpaIVRSx1mjTnM360kRflG1cZUa3bfmXw3Qkw47PpWgM90G7lrG4yrl6iEn4WAEbXZ0kUtdgbbUw1EnT7n6jtP3DV15fB8ZszrrWQYCWLV1lwJ3xHzU5CrZ5A4Xueoi0IggrV70D47L+iucac391Dz4c8LsPgaWREQjbn2mupoh13H9oReab8pq+6ligG3zZn9QoMBlYcuiUt63q/01qy+TStFABDWJHApcNhZZyrDC/P4N+KVXukYbuBo916nr+tBtSSqRFHZbctGkpzmibU03VFZPYAPBK7plbk/N6EvM9e/eIaXe4SS21FroML+d5v4jFtcAoB5mKwrcabk1lyC+O7n6rCzRRuDumHaWzkzYkgTevx+ERUA0xCRcUbd6Hta2UPo1rywQUcZP1OafjTVcLZXggCD98JZS9ZKErQBuD/STDe2PXJawPiDYyN1FncrqhaFTBkewWgP6s/NSDVcI5aXU5l+u8JwmixsqD3+Amfm5SY8cIYQQQgghhBBCCCGEEPJ/+QmLwAdztE9BTgAAAABJRU5ErkJggg==" class="faceWinking_DPeo"><h1 class="heroTitle_qg2I">Proven Recipes for your React Native apps</h1><p class="heroSubtitle_jFu1">Starting from scratch doesn’t always make sense. That’s why we made the Ignite Cookbook for React Native – an easy way for developers to browse and share code snippets (or “recipes”) that actually work. </p></div><div class="buttons_AeoN"><a class="heroButton_GTT_" style="display:flex;flex-direction:row" href="/docs/intro"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJZSURBVHgB3VXrcdNAEN49KQweSCxVgNKBUwF2B6GCJBVAKsAdABWgVBA6sDuwO4io4PQKYpBuj109xjaRNdjwB76ZG43u+253bx8SwL8O/HUjT9NrflyBtYFF8NBChEp9UW51Nxr5kWis1d633H1riS5ZE7AmBkTh7l6enYW9DopCB6Z0PvPxKfQjIqBbRDcGS/d80Nunc05o1gWjuohMqRa1cY6YDdyy6PyFId8izTiOJcsCBeoeLS0a47gUTjSg6AKAbuqzrBNbWutNAHmWfcjTxOZJ8lBoHfSFlSV6XmvqlS76NHJWbIgmS5L5xkGaaNncZ7zPSSZnkmSV53qyo8n0tNVouYXKsmwKcmUL65Hf5G0fTsf+3DF0Lto6TQgTJAh2NKf+kvfXYvOE0+Vaaz2ptAX4Cr+BNogLy9F9fw5eV8xtWIsRgp2gww6UMhGQknZ6BQcAfT/mR9zLtR1GCLEqy7rysVxXWhX+EI2NptWrqk4lQJokoUIZLlgT4ic4HrFC+57tcOEx5KG7qR1ItU+UWvEtAvgb4HlwiIeN67WZZG5Ro3jYaie4ZCKCA8DNMpE0bxt/IpJUtYN0DQdCBuvJgEH7qRhCURTBJkrtyerj9mHQgdzElD8eeGLfyftjplaytrnHNL0csuEOkZzXALEewi7qoOPI2qna5Y5wgMR9zEOIFDUbm8J3TYBg4oMdKKXGbX7XVVXNXPdZJO/GmDfCt1zI3NLpuKoa82d+2AEXRD5SV0TmI8hqIgXO9c4hQwb2cYMOSqLQdZzXKD19DPi36ZIJ4b/CT4NmgxFOnt88AAAAAElFTkSuQmCC" alt="Chef&#x27;s Hat"><p class="buttonTitle_Je02">Let&#x27;s get cooking</p></a></div></div></header><main class="mainContainer_mA9m"><section class="features_t9lD"><div><div class="rowContainer_brmT"><div class="col col--6 padding--top--md"><div class="text--left"><p class="featureTitle_L1YZ">Spin Up Your App In Record Time</p><p class="featureDescription_sP1D">Stop reinventing the wheel on every project. Use the<!-- --> <a href="https://docs.infinite.red/ignite-cli">Ignite CLI</a> to get your app started. Then, hop over to the Ignite Cookbook for React Native to browse for things like libraries in “cookie cutter” templates that work for almost any project. It’s the fastest way to get a React Native app off the ground.</p></div></div><div class="col col--6"><div class="featureComponentContainer_HpZw"><div class="imageOneContainer_Mp6_"><img alt="Animation Image" src="/assets/images/card-buttons-dee3c5918f4503bc7d7f1ece21547d3a.png" class="cardButtonsInitial_qamQ"><img alt="Animation Image" src="/assets/images/card-controls-007dfe08e844b5026f0bec54a9fc4886.png" class="cardControlsInitial_LoMr"><img alt="Animation Image" src="/assets/images/card-text-styles-9d5d6f53953ac158b065438e4916827d.png" class="cardTextStylesInitial_npHl"><img alt="Animation Image" src="/assets/images/screen-components-408a18296a6b8f4bf449c5c9261b63df.png" class="screenComponentsInitial_Q7jn"><img alt="Animation Image" src="/assets/images/screen-menu-9504d2fa4a8ee368703df0c7015ab36f.png" class="screenMenuInitial_x0nA"><img alt="Animation Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABqCAYAAABu3bmhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACGpSURBVHgB7V0JnFxFmf+qXt939xw9RwgBAwECIRBOAZHlWhAQCJccogFFDvFAEETWCLLgLovGqJDlVKMGYgQkKiDRIDchMYjhSiCTTDJX9/R993tV+6+eCZtrZnomPZNOpv+/35vueV3vqvrqu+t7RDXUUEMNNdRQQw27HhjtHmAzZswwda/udpu54c6THpBEbiaZTUipkclY7yJqP+TEE9MLFy4UaC+phhFhVyYYNtE70Zen9CEa106RUh6JfRPxQFYpyYYn80uSBiNmwn4D/3eDTNaAUt5mGnuDCdMLzXs3dy5fvrxINZSNXY5gJk+ebM2FU0cbTFxAUswg4pPBMHx4EAPE0IUmb2DjxFiSkUxKAnkQeaXiKpImY98UyciM7xm0W4XdT5pM9Hh7ONxJNc4zJHYZgoHIMXd+2P4ZyeRVGNbjwFEsjLEInuAtxvhCKhovCqcp0traGgPX0Gk7g38+na+93PKyX6b144nEiSCqc9HMj/OEpGQPExUe6ozF1lENA2JXIBjW7Grej5n0GyRjnyEp68E13sGdzzMZ8i+TE1PXLqWlOg0fbEr9FFfcCF/KiF/MJB0JCluLz/+qtzUv+Gf3P9NUwzbYGQTDJ02aZMnlwu5ikeoNQ9g0YTKDY5gw0w1pEinGrDEhRMpisehaXlwALfXr0EXeBjf4JGTNI2ZyzG2LtcWoQphKZIl4A2cybvox7iOAXSuKJnllOBx+n2rYAmNCMLNBJHNdrikGp5mc0fFQSifhwm5wDAcGKIt9buzT0BTqBUUw0y0gEN3ELQIE0sikNAR0jaIozjE7HG91d3cr/aPi+karu7VOmAo3gMtcLZVOxNhtXdGeefhJUA0ljDbB8IDLtb/gchYG/lIMgpq9EB9sI8Z7BcTLGoiDD4nLFAgGDIZ0EJCZkXa4hZsvB/m4SVGO1AsCh6GJQUK+LTl7R2Pyz26f6a9tbbEEVXZAedBff4Em2A+gJRc5Z7+XdvOdHR0dGaph9AjmfCJtidc1E0RyDy5SD4LI4nKLpZAP+VKpN9qI8rQdLtESaNkD43QPfjgd/6a4pNOSIp82MXGwFHQI7hiWER0J4rLi6Ha0+wv2P+5KpZZtIHWNyqDR3zjNJOVCsLw9cP83dURDP6OaFTVqBMPqfO7LhZA347sHxPIyafLOWCz9TxqEG0z0ev06s9yLUfkUuE9YGqZZXamuVVs10zwez96MyU9pJC/EuY9mijeRfBXH/d5io0Xd3akQVWBwJ3gaJkOM/gmn2hNOwM93xEOPUQ2VRyDgmur3uP7u97rSPo/7XjhKrGUcxlr8DT/D1tHsr3+vtaFhejnH1LvdU/xe90243gpseb/b9Z7f67zL5/NNIuWP2UEEPcEjW3yN3c2++kirJ3gU1VBxcBDKz/0ed5vf4/xDMBh0lnNQk6/++CZ/4yvN/sbOYKDhQho+7AGIQFx3MQgnBCJ6G/dxa319fQvtGOGwVl/DF5p9DUkQzeuw8Gw0jqFRhdHk8+0ppPENqLBm0tiN4XDkw6GOaQ0EJpDkc6HfqsFd2BUN/ZiGL1L0bL7wbi5fWOiyW16DwtyIsT5bGsUzrRZbwOlyrctms0kaAZK5zCq3zbkP6O5EI1f0pHLpZ2mcYodZ9tYoCtEIvQKWjvyoJZpcVsYhXBjatfiEMitXNlib/oN2zOophmOppZFE8kpYZp+DF3gD53QL6cVn/R7PJSPkEEVmmG/A50boVtc0eRpOp3GKihMMLF/4V3geM7wT2mphqObN3npYPvKk0qGc3V9BD6vRm0i8EYgnL+GGnMVIfASCnJOIhH/ohXJNw0RHsiOM2NXdMBMMRKcupt0n0j8sVJxghIrxEDXAh5Eoo7kycL4CX8xB6P6XHAHP36nCWAPzvTeV+n2RtMtBmMoCO0Mj43cBr/cUGubza3HbfNznCxCWx0A5P4bGISpPMMzcjUEpwH9xIP61DNY26PVOQrsD0P4tmK3z1qxZk6dRQiKRiETjqf+EqLwGfhsQtHgs4PF8TUW/yz3HBtqQhQG/EOfw4UGvoXGIihOMU4j1nGSIYVBg8u5Fg17ceirc8HthAKwOrv+VRh8ykkg/y8wWBDHFS5KJO3t7uh4KBAKeck+QNgpPgsgxKcT0CRMm2GmcoeIE05FMRiFoXgPr9iIQdOxA7aZOnWpBSOBsdL4HbResiUTKEWEVQSQSabfY0xdBIs6BSDyMjOKjAWWplYF4PB4F3f0Vz7inSOfOoXGGyiu9UDY1XczH53roMWe0ut1122uUbusJgLsgUAyDWspXaYzR3U3paDz5XSnZN6B3TZVG4Wm3271fOccipvU0PpJS8ONpnGE0CIZC6fQ7mL0fgSCOyjLx+e21yViNvWB+WxErerNo1d6kyoGff/75yr9UzrMZ0UTiGWnIa2DV+UxczkPYYZ+hDhKFzApwxX9An5k83sTSqBAMUACx3AeC6JHEr0fEeurWDUxCOwxXz0MkdXV3d++oKa2i4gcEfO4bAh73w88/9+e/wOP7lM/jus3vd06jwU1gGU+nlwgmvgzWMRVBzp/5/f6Jg12sJ50OwR8TUjnD3ny+4s7PasaoPWy2UOiw2SxBeG+PYZz2cro9z2QymU1+GeayO+Cs44fBRfenVD4zYoW3oaHBZTVr14Mk7sOAK3+O8hYfhG1fUMm/gXOc77BaWvx19W8mk8kBUxTy+eJ6p9WSloxdBsazh9dbeDadpoESxCU8vxBH7OBcUTyTLGTDNE4wWhxGQRiSzcXn6ypVQRTy36d+AoVL1wQO5MMs7dU0vp5GCMSJ3Houe48U8kb8q3QlN7ZW6nuuTVylHtf/ajaVfKixsTE4yOn03kRqHu7p17i3c4tZz800WP+ULCU5QZq1PWkcYTQJhjCje+Ge/wFm/nvo3OMRFLxq0zWhOKqB9UJsddDIwEU++yXi7FKm4lZ9Ph9O238m7JNnFPPZOyYRDRYaKJis9jugCP8N7Wf6/e5PDtQQRJXCs+lcGnvTOMKoEoyCcs/D5/G90j+MblER5eV931UaphUu+xHFjaCcfgLi42pwBItaZlLGIRz+nkuTXuexgzUKhUJdEEk/BYE7mZDfH8jKw02ncF1NQH2icYRRJxhARpOZxYYuvtL3H80Bp/kSPg0MiklyPhLvLjeTuBC+EDVYZethaoEbBlgFOgeNA0UTmWfAQn6Lr0dniWZur41JMOg3zAFOM2b+o2rAWBBMCYlMZhkTTOW5xDHQP5BSTASHKQpDDHvlIawYt8rKY1IqYhvWM+CYTyL4OBRHAuvgDwtJ7XAuXjh58rYJYEWSflh4RTxDxVYv7AoYM4JRiCSTrwguL8KgdUkmvYrDgLkPW2k0FQp28IgmEI15mIeqJJt6ZhhDZvOFk8kP0TnP4Ou+PT2ebcxsTaP9EGl9R5AcVwvfxpRgFGKxtAo0ngtiUbm6Gmbx9Sqlczj3olss9VBMlcPMTcODSspiXGOfKKMtRKZ4Bsp5zszp6K1+g3OaGuEu2EdwPmQKRz/YbBynVnC2tLQ4lDtAbSqOpZx/Kgg6e/bsza27qoSJdgJ6k8n3mvx18JuwH2EMDyaDPeF3Ox+qCzb/uJyItabrRYOkA107EoJXRFOOkoyYheVdJnQrFNwDNt+vFuLlYykfiDYpzXLtIKdgTU1N9blcan9usMN+wuREufr9vVScDcc6GZM23I0pkyimMvFYYs6993QFPK4wuFYbJ+1dqWnvgLi6Vq1aVaQqWbGwUwhGAf30EmOiDWM+ESZHHfSaO6I93cf6/a5botHUKhqkg0xSRgwuuzEeKso8HLFU4jCIpK8pq7GUGuv74t18v57W98BprBj4tRaLZXtKL/P5fHuSKJ6dz6QuB1Xvh8i46FvcQHEQywZlC+C8Br7jPCILTqbM/cPwuxN6UQD7lAEZ6mhvC8Fj/SJMvFcEM70xffr0DUuXjmhpcEWw0wjG7rWvzscz6ziivmYy35FnxYMQBLwU3OZ4n8f9ABfyoUgq9R5tJ12zK5WKwvWvKi/sNczLot8pr3P+VlmNpZzSR5RS6Tx8070IvXg4FN5PYMfcDRs2bLEWSomcDz9472Jm6N8Cae5LpcV59BzO85wUbKXJZvsQSncUnHSTsl8iYjgztW6Px50xmxxM11sNaewHP89khFamcZKn4xyXMakX3lqx/HVw45c5017wNza+NZo5RNvDTiOYtra2fJO//i2IpeMYMzXF4pFr6nyuP8Jrexd+/rrkdDHY8wPMbJ3X29urnHubcxwMgliCGXt6//5y5H4f4TH2rwnx+MZ4GQdglk/E2aErydBm14DOLs5VFp7OafnmzdUa7Y/WvD8L93W7ukfoar9Bu/vhi1r28fWTSeXr2fpKcrn6PZGI4LvawIHo9U0/Iopep0l5ENPYqeBK/45nOBn6VTIS6noRMbQFHpNpSVssNibW2k4NnHkdthQM2AvAqYMN9uCvOmLdK71my2MQN72Y0Ieg40+Sun6Z3W41ebzmNel0Uc3mEuF4fJZOofPDMYzKY1yuWILaIL63vlAcMjoO090LkXAbzq/M/4XZfOFvav8ET8M+2Id4E8XtXucPME6bxAPXva4rMaA34759kstvRBOp/8zm8+20g/pHoVDI5gqFtly+sATbL2xmy1I8SgoUfBz43qy8lKdZrRar1WYP5/P5OI2ivrNTCaYuGAzrueLhePCjdFZ8N5lLv50qFDK5fPFll2ZaKDT4WomOUAFModNMBBEbbA5LuKmpJbFxYyjusJl7oANd0P8cgynAypLBZdgbFkf6pkGCipvA7CbTF3GE8htJZrLcmM1mS1zG4XBehOE4FET+2/aujlc2HQAxozIHb5FqqQxjD8TiqXtJVb6qPHQQzzpsfw1YrAvgCNqI29ofRPo5iNAzbRary7EDS2qGwk4lGDU7PXa7poKT2IKpXPqXm37LFItJzKalIJz5SvNAh0zCAJ6N4ftiPpve32a1OKEEruRC/wAhgqOYihFJyhPbgtsoMWDgN3As9pRd0he6IoVBpZHKpelobz+TgUPgqm7Inx9G4gmVMCWD3uBe0CceJLXe2mD/nSyk2zcdh5D5ZSCWU0BIvU7Jv5zI50d98X5ScZ584U1sv7E7rCvx/Ptg2lwmhTET9xO2Od2KcCqq4+z0XA7MhzZNMsVFpnsdzpeT2fSGzX6WinAgDl5wuk2LYWesA+E0YfCPAxGcgxn9WVCSCjq+zlS0mlEAA5ZnfXqAsjpAMDB9iX5iTqRu6y4UBpPzHGJoj49Wr74DcutWtQoXFsziaDI1G78VlY9kxevLvovrHY9BWdAZLy3OL6FURi2dUgSzD679WHci+QyNLYxcrvABCOd3FqvtL5xJKNv8Ohhhn7baLO35fEH1aUUqXFSFk6jVW3eiwfiTuJmVgVjjiato1WDOMFudxzNNMHkOZv9ZeIJJMH+xm+egjqYxywql2jNEz2Nw3zJJ9sTEfRJty5d/LB4+VpIx0OZYrCMgCqZpUCLPAqc6GRzEjnCohWvybofLf/8mK0gt5YUSuwgEGRO6dlZXquudTTekFsclIr334z4Og6J8I2JRf6adiECAPEJ3qhIrV+GZ6hDvms8t1nvC4fBIMwM+RrV4FXmLv/4uKfnX4CSZ2xEN30TlKW5m6A4TNDKOADf4DAa9GRxofxypCMZgfedQUeUwiCfRT0wcXuYCRJsTpnEz67MUVbt6HNsjhXiQTJYF0Wj0Y2V1cmCyJyPiT6LzVaXOb3b2FRn6GMpjq+ez88FhDsTZZ8ViqYqvrxoJVL6QUcwi6MuvBTdeLXX5i733Sz+GyTPiyqFV44ZucjU1kMl4FTc0Cbd1fmes5wkaHlgwGHQU0+lJTKMg/PrHcglrhUnlDAM9UQvrU4wVEXT3xbEUEUHMcfkmk7zNLuWyjclkhDYjVuW2N9KFB9D+YMzU1wKtjdfC87o1B7TCL/S/+DyDc/ml3ljq91Q94HUe+2GSaXfieQ/Dg93n9dfdDrdGjnZ1tAaCR7X4GjY0+xoSTb6mSmTkfxy7UWay8me4XK5GVYdGEUL/OusBJ82nP/1pU0ug8Vu4p1izt+FZzNgpAzRl8BndgSv0YPtvqsJ4kFoe7Pe45mJLgLifDgTse9DugAn+4MXN/oZ0i68x1FTXdDjtPLAWb8O3cS/vtvgb3sHncYM19rvdx2Ig1mD708QRrN0eI5hVojxCDd0Br2tJf9B3WKi6jPcEfDEum7NTpUhimp7mtNvXpHOZ1TSGUFyJZ4tfA/u+AnqLF510bUc0tGSwY+xOJ8x1QxH45IKkD+An+YCqDwIewNdsZr6MMfivBF1oc1jfgoU14rzqagGDR/U0zOpOcJp8q7fxK6ooM40BWtwt9RBBjyqx2OJvfGUPT+OpZR7KvF7XTIim9/1el9K/xjx1ZDjwOhwzcJ8bsK3zeh2Hlntc1a6pSeQza7w25xJYzKdhpl+w3r7uUPz/HrzBFalftzWUwy6yses8WDn349+TYT4vEcz4WkcsXPaqTPjmu+HDAZdhJ8B9vxpc5l0aXXDoJpPcdvN0m816ApyZRzltdp/Vbhe5XE5F0Qfsp3yx2Gm1mV6AYXA2vOWfc1ptryKMsZF2dWC2X4/ZLrEJVWeuyRecq4oVUoVmsHLITairOxJ6yoImX0MR14m3eBtvnEEzhp3NpwCleioU37VQLpcHAoFRUyx9AK7zHXCIdnC1VbheDpuBTWAL17mdPyxnvTiMgWl+t6sd28pSSsYQqPqiOMqaEZn8RbrB2hEhuAX+BFWYUC34f0EafL4tYPvbCExEhvP6YS6fTkJ+Dib3/jCZmxmnP+iCfacn3rNFmTWl06xdvXqG1LR34Z8ZKtCtBTzOr+L+7sT0fqNOs3y20oUGlMXDpfFTXOMsOAxs4IaF0htc+sZz05jisdjreK4vqoS1wc4X8DpPgQ9MJb2/7NdMl300yDNW/TLPRCKhJ7OZlel8+qO9va5FWTJeIsm96JXzwP4vMrKFi11292Sv1eHxOazMFQiIiRMn6qFQqOTRhajh3kTC5rQ0280mOthld53ssTu/IwsG/BIILpZCCfJ9dO+NcPffjetEt74HxPHg5ZWL0G5vhCkW0+AiUZqt9g/gnj8Sg3VQxtCduULxRapQIFK5B7jUH8ajndafcagIRXHDzYmF+r+3Ig53mNvrW5wGBjpnNl9c67BbVN3jc3OkhxD8/QcN8IxVzWFa/MGfSCnUOqKvd8ZCm3tPTa2+xqkID5zB1KAjhoOZpoKYmFQUxkB1YXqpYCTCBaoANHPi+T340QEHnOrknHoRBVznT6jX33TEQitpECKoczpPkib+BGZxe0siOb2cUmw+n/NgEuwezH54kPniSCyhVn7uaKYcg0l8HTjt3f2l9ssphqQi/nNjiZSq0Tcg0apqo6KY/wP6u0EadFYsnd5uklk1EwxTpU7x6cSA/7Yz3nPxQO1U5U7GTMegEyejLUL9ZEYnTWN9GXaqk3rQay+BUmKSiw0kLS9eFbuqfTbNLisg53c7ziSuzQchvh9JJFWpsrJc6/VexwxB/FH1LjCS4j8iifR9VAaxDYQJHk8gJcVCBq6BCVJuESQ1ESJFQcelUqnBlHDm87nOYYI9iO9/jCaSs2g7z7nTMu7KgJLBl+LjSiGNHw3WrisWa8Nn21b7Sy+76P++DWHMVq/MKBcMvEJKC2JF2y13PxDC8cxyBEqvECQeAZe5E8roFM1i+zaCgCPKVckQHcE57auk3jDMRMUU/GYmz8TnYAQjzebUc8W8603E1I5tcDgODGUy/9i6UbX6ChgGlHfEepS4OKMr0VtO+datoTiLoAqE9UG46m1viltZaJhcWS0VNhH/LLifytibJQq5BxqdziANn7uDwQlYh8yGqPhwn0mCK51MQ2QmhkKUwtyYg+Ym3cy3W1q2KgmmOVD//Xm+n6+B0+5sqgKodzmRqjjFZNkFFDdHKJFYQ5rpUhDNr0B45+gaWwRn2Yz+dUjlAgTD9gKtOEorFoYJHDt5WjBoGaqdm5lfwYXeUW+9UzG4rX+vTg4j+LT+FQHXURWAca4sEReVloeMDMocjyVT1yHUMBey1s4l/9Wce++5psXtri/zFEqhV+upSsk/NDxoaqnM+ny+YaiG6+PxBO5xLa41FYZV89a/VyXBMCN7JW76Wm6WV1MVQAqm/DxKf9nRoGJ++iHJmyFP7upPtbg3Q/J3PpfrUzS0i0PgmB70jkr9HI44U+IL1plMOJ1GObqTap8ovauKit6tf6w6ginl1CaT4a5oz883hEJjGnQcCBoT6q20BdZnku8Qli4lPR5PLRKGvECtVYJidCQchk8i2n1XMBhspIGJQaLt67Lv9+GY5+qewWFY28aNyXIciFZc4BO4nJ2LUjWvbU5WNdjDHzzwpedf+Gezv/HPU2nqkPJ2rGBoPIHBckIPqNRL0qXyc9QlkjMxkKr8SC80lG8Ws5mXAl73FQO9AaYo2L9IebmHp8iXfC+cpFrhMKQ7YKLXq9ZhwRLDPGHbrkGvKoLRhZwCWXuAWqwV8YU+Q9UCQ3jhx0mo8h5UQaiy9pFk8hFZ0FVtvnmqIgWe/fZCNv18wOs6X6V+0mYcB17vtTDPl8DPJEC25XMZKbtZyR80NFJSToFyXodZES1Kvk1uclURDJxzi+DuvwTz+KudMKmpSoBBasJss8B6WEeVX2skY7ncumgidZ0u2aHQ3ebjigdg0ObrhdwfVSXQ/peFKR3H0MyW28HplpWpxRjU9z6HB8PJ5JD5OaqSBDzhiuPVgTD+EUwmtyllUjWxJJWe6bU5AxujoeeT+cwbVD1gdov5aMy4A9GJL25aATkayOfzEbW60e6wPI3LpqFtHwPTCDEp43KHzXKg3WILCcY6wPFWYaqrd1+qcmrbtZpATznWF6SdB2IcMiyhlspkk7Evg3tdLJWIlOyGjkLho+2cd+dDJS1JrdiFr0wTNGVDIlRWdYUxAvN7nT9kkp2Jzv+fSDz5II0NOBx8DQWNXQBquFYtnlM74RN6X+Xq4H7WgRt9AYO7L3baVcS67/dSfMkAV+nkUtwaTqQfp8F1F4Y4UpNRyN2G72oVaUESvzmWSPyKtqOvVUVooGAt5C0GW4SHPUJ3aPGqqxoneRP0l1ZYSaOy/HQAiJ50uhufc71e73wuxLEgCijJ8iSIJJU+qnopriQaZn0aOlYSnz60eRXE9Soz6NfhZHqgtAYGp5w9l0jsBd50HojlFOzaD4p3Bv6hW+Gd/jXtItFqdT+jtpB8hNCggC6Q0C+gw1wKJXXM34uwGXggYG+FJnOUgKiC5XNKf/naJAjJid7LQpT8C3pgAsGDD0HgvaJkgWkwyUVOlS5B5zaiLRxy7FB0tSqTr4KYyrfzW02yOUPpOjudwzT7Gr+JB50FFntrR6z7Kao+mDAoKj3CTWbupZ0LEYlk1QI7tS0MqMF2uw9SYglm/3R8Hoz7hJXD1BtiTofI0pl6cTwTKvVDrc7KlnRgiCj804tPVYF9Ndo/G00mX6My/DtVIJLk2arGP9jhl/BP1RFMUNVglNKFbrYyXS3qrx5ElFhKJl/G15f7d/FgkOyG4W4tZsUeJs5dCLO7heAWEE0W4iYHIsInfZSTMpZKDf/93tsQzGxcdHbfScZENHBuuVgahVMFaUuoCqG53UqhdEDZLAquhai6IdRrfSChlFgZlWUuW+gwKuvKrDOVgqgzZj6vI9ox2utVqlFn2QIqkVrqhYX46jXbHCf09PR00zjGFva7qcBULbdDsB0uRPFIGkU0+RvubvY1rGj2NQ+Zqb4zAbHPSxXLiTpEKlXVa43GAlt0QFci9Cxn7Gp00LfqLDSqJStgcSin0zSN6cNerjmWkNLKWek93KxoWK2jXiSohgGgFro39bm8qxoBt/tov8cV8Xvcypyu5pTWMcEWHaDEgyTj85IVn+iORv9FFUYpgyuj3wTL7oOlS5f+hrbNw606wCBFDImpBCS1VqciVZx2ZWwpk7l+JZw9t2tkuotGASxtICYjvyel+OVOrsxQNmAdmVWOK2M0opWQuxu24DBFLu8zk9Zu0ex/IKq8Bcnc5lcolXtSrWhw+V3vV5dXY/tggjuYUntliWBUsHbcc5lRxyTfJF+Tr/Hzk4fxQvFqgdflmun3ujLYVBBv3HOZbczE1vr6fWHuLmwMNB5NFUKepb8NUfeLtDA9SrsY4OF14S9c6Uxxl51W479asA3BSIOuwMd5JiErpmNAD3gWHwkw9l2unAQCeSpdUut/mVdVOxnHAtuYiUUT+5Em5TOd4fCIE4VU7bhCPP0oCOTpzmj4112x8FKij5dI7EoAY5RuuKNV8K6s1xPs7tiGw6iXZHb1E0uTr+GLEE9/b/U1HkzDQC6SPgFK4oUItT9K/5/VtyvOTsmIFxGwUyVcd/2qkxXAYI4oNdDfxbY38VIW+aCvjFFl1U1MXCKZ+ZeIQT3b7Gu8V5IYtArSLgBIIsPOJFd9UeMwNDjBGBrXbjYMfZLZ43p6EjPvlxfFeyUX3+vq7V02wd84TSdxCVlN93R1dYU0Lu8Qki6BEqRc/t/ojPXcQLsBGMLpUukwo/OiiV0Og7q6N0a6Fpa+xMPU4m84CbziNBL8T9izTEhxO+Irn5U5UmmAjzAhnwT/PlqQWEu7D5gg5lKKjKjyWjrVCNbsr79k4sSJpeWiwUDDhS2+hjXBQPCoTQ1mV3nlyBFAQxxpPraCz+eeRTXsMKqRQLgqWNy/lmdH78+E4OMjIJhYnc99OdWwwx1adW7yOru9WRbpf5nUn/K63Vfsrd6stgPiBBaSA6I4Ixir9my7McFulxDUm812Mo0/DrXDz5n8adQoLvZ7nBcFRhCWmODxeFTxKcZZuxBsTF/GWa3YHTPIRCSWmKNLfgpTy04Zmw7l/GEyCotUcUMaxmrPjMmkS/XO6r4ChLuTMj9i7LYph8lk8r1IPHk1rLaZgtErGPRjhYk/5ve55jQ2lkqGDQkhhJ/1pR23WCx6LduOdmOC6UchHk8/x7XUOeA012PgN8BOvqKQ43+HInttS8vg1Z+4rrvgfPTAXaCbc3zcBx4Vqr6wcyWQzVI+my+scLlNTwmDqTVGqvbvGUaRzrCbLb0ur3ddJpPZphyq1eGYQFL8G5Osq8C1Bfl8ftyHB8ZVFnw4nOmMJlLXS6Z9CoaTSnLfW3I2z8jn/hbwui7cupAPRJIZxNUIqWSKx+MpqmF8EUw/RCwWWxlNJGdKwU5ljFYgqn4QgqU/K+Yyj/t8pXpzpUQpEzN8cPFa+63yWmiAau5uBe7zOadxyW4F0ah3I2nolWWCtG8R6X5OfBFM9DXgTEdQLYGqRjCbQavzOk9A7Og7yqJSL0eXxNahh/aHsrwiGk8pk3zcc5lxv5JvMxi98fTzJov9LOgt10JMwVGn3kgrlad33K9H2oRxYSUNB8paUhaVxWpfjNkUgOOuBb6YNbl8YQHVUjRrGAImv9M5bTTfrFZDDTXUUEMNNdRQQw01VBn+DyYKysJkQ9yBAAAAAElFTkSuQmCC" class="monocleInitial__PQ1"></div></div></div></div><div class="rowContainer_brmT"><div class="col col--6 padding--top--md"><div class="text--left"><p class="featureTitle_L1YZ">Find Quality Code When You Need It</p><p class="featureDescription_sP1D">The popular forum sites are great for finding code until you realize it’s based on an old version of React Native. Ignite Cookbook is a place for recipes that work as of the time they’re published – meaning, it worked when it was posted. And if it ever goes out of date, we’ll make sure the community knows on what version it was last working.</p></div></div><div class="col col--6"><div class="featureComponentContainer_HpZw"><div class="imageTwoContainer_jCzF"><div class="codeSnippet_HC3N"><div class="scrollBar_fOVW"></div><pre style="opacity:0;transform:translateY(50px)">import { ThemeProvider as EmotionThemeProvider } from &quot;@emotion/react&quot;;
 
 const EmotionJSThemeProvider = (props: React.PropsWithChildren) =&gt; {
   const { theme } = useAppTheme();
@@ -89,6 +89,6 @@
   /&gt;
 );
 
-</pre></div><div class="timeStamp_Nl4O"><div class="timeStampText_VmFw">updated<span> <!-- -->34 seconds 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/Theming-Emotion"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Theming Ignite with Emotion.js</h3><p class="freshSectionDate_dzBI">Published on <b>December 2nd, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Theming-StyledComponents"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Theming Ignite with styled-components</h3><p class="freshSectionDate_dzBI">Published on <b>December 2nd, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Theming-Unistyles"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Theming Ignite with Unistyles</h3><p class="freshSectionDate_dzBI">Published on <b>December 2nd, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Authentication"><h3 class="freshSectionTitle__ViY">Authentication with Supabase</h3><p class="freshSectionDate_dzBI">Published on <b>April 12th, 2024</b> by <b>Nick Morgan (@morganick)</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> <!-- -->41 seconds 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/Theming-Emotion"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Theming Ignite with Emotion.js</h3><p class="freshSectionDate_dzBI">Published on <b>October 2nd, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Theming-StyledComponents"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Theming Ignite with styled-components</h3><p class="freshSectionDate_dzBI">Published on <b>October 2nd, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Theming-Unistyles"><div class="freshSectionTag_awu9"><p class="freshSectionTagText_yEok">New</p></div><h3 class="freshSectionTitle__ViY">Theming Ignite with Unistyles</h3><p class="freshSectionDate_dzBI">Published on <b>October 2nd, 2024</b> by <b>Mark Rickert</b></p></a><a class="recipeWrapper_q1ux" href="/docs/recipes/Authentication"><h3 class="freshSectionTitle__ViY">Authentication with Supabase</h3><p class="freshSectionDate_dzBI">Published on <b>April 12th, 2024</b> by <b>Nick Morgan (@morganick)</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 d38210f7..70ec7fa5 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.4a58e9bf.css">
-<script src="/assets/js/runtime~main.b04024ff.js" defer="defer"></script>
-<script src="/assets/js/main.5d1b389f.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.08ff2dd1.js" defer="defer"></script>
+<script src="/assets/js/main.a8b028b1.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">