diff --git a/404.html b/404.html index b7bd58b1ae..31a8f6a8d0 100644 --- a/404.html +++ b/404.html @@ -4,13 +4,13 @@ Page Not Found | React Native Paper - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- - + + \ No newline at end of file diff --git a/assets/js/537c6e8e.623aa769.js b/assets/js/537c6e8e.623aa769.js deleted file mode 100644 index 6f561975ab..0000000000 --- a/assets/js/537c6e8e.623aa769.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8008],{47570:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>p,default:()=>h,frontMatter:()=>a,metadata:()=>u,toc:()=>c});var o=t(87462),i=(t(67294),t(3905)),s=t(50214),r=(t(47582),t(58764)),l=t(29518);const a={title:"Menu"},p=void 0,u={unversionedId:"components/Menu/Menu",id:"components/Menu/Menu",title:"Menu",description:"Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them.",source:"@site/docs/components/Menu/Menu.mdx",sourceDirName:"components/Menu",slug:"/components/Menu/",permalink:"/react-native-paper/docs/components/Menu/",draft:!1,editUrl:"https://github.com/callstack/react-native-paper/tree/main/src/components/Menu/Menu.tsx",tags:[],version:"current",frontMatter:{title:"Menu"},sidebar:"components",previous:{title:"List.Subheader",permalink:"/react-native-paper/docs/components/List/ListSubheader"},next:{title:"Menu.Item",permalink:"/react-native-paper/docs/components/Menu/MenuItem"}},d={},c=[{value:"Usage",id:"usage",level:2},{value:"Note",id:"note",level:3},{value:"Props",id:"props",level:2},{value:"visible (required)",id:"visible-required",level:3},{value:"anchor (required)",id:"anchor-required",level:3},{value:"anchorPosition",id:"anchorposition",level:3},{value:"statusBarHeight",id:"statusbarheight",level:3},{value:"onDismiss",id:"ondismiss",level:3},{value:"overlayAccessibilityLabel",id:"overlayaccessibilitylabel",level:3},{value:"children (required)",id:"children-required",level:3},{value:"contentStyle",id:"contentstyle",level:3},{value:"style",id:"style",level:3},{value:"theme (required)",id:"theme-required",level:3},{value:"keyboardShouldPersistTaps",id:"keyboardshouldpersisttaps",level:3},{value:"testID",id:"testid",level:3},{value:"Theme colors",id:"theme-colors",level:2}],m={toc:c};function h(e){let{components:n,...t}=e;return(0,i.kt)("wrapper",(0,o.Z)({},m,t,{components:n,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them."),(0,i.kt)(l.Z,{screenshotData:{"with icons":"screenshots/menu-1.png","without icons":"screenshots/menu-2.png"},baseUrl:"/react-native-paper/",mdxType:"ScreenshotTabs"}),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-js"},"import * as React from 'react';\nimport { View } from 'react-native';\nimport { Button, Menu, Divider, PaperProvider } from 'react-native-paper';\n\nconst MyComponent = () => {\n const [visible, setVisible] = React.useState(false);\n\n const openMenu = () => setVisible(true);\n\n const closeMenu = () => setVisible(false);\n\n return (\n \n \n Show menu}>\n {}} title=\"Item 1\" />\n {}} title=\"Item 2\" />\n \n {}} title=\"Item 3\" />\n \n \n \n );\n};\n\nexport default MyComponent;\n")),(0,i.kt)("h3",{id:"note"},"Note"),(0,i.kt)("p",null,"When using ",(0,i.kt)("inlineCode",{parentName:"p"},"Menu")," within a React Native's ",(0,i.kt)("inlineCode",{parentName:"p"},"Modal")," component, you need to wrap all\n",(0,i.kt)("inlineCode",{parentName:"p"},"Modal")," contents within a ",(0,i.kt)("inlineCode",{parentName:"p"},"PaperProvider")," in order for the menu to show. This\nwrapping is not necessary if you use Paper's ",(0,i.kt)("inlineCode",{parentName:"p"},"Modal")," instead."),(0,i.kt)("h2",{id:"props"},"Props"),(0,i.kt)("span",null),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"visible-required"},"visible (required)")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"visible",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"anchor-required"},"anchor (required)")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"anchor",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"anchorposition"},"anchorPosition")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"anchorPosition",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"statusbarheight"},"statusBarHeight")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"statusBarHeight",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"ondismiss"},"onDismiss")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"onDismiss",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"overlayaccessibilitylabel"},"overlayAccessibilityLabel")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"overlayAccessibilityLabel",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"children-required"},"children (required)")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"children",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"contentstyle"},"contentStyle")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"contentStyle",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"style"},"style")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"style",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"theme-required"},"theme (required)")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"theme",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"keyboardshouldpersisttaps"},"keyboardShouldPersistTaps")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"keyboardShouldPersistTaps",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"testid"},"testID")),(0,i.kt)(s.Z,{componentLink:"Menu/Menu",prop:"testID",mdxType:"PropTable"}),(0,i.kt)("span",null),(0,i.kt)("h2",{id:"theme-colors"},"Theme colors"),(0,i.kt)(r.Z,{themeColorsData:{"-":{backgroundColor:"theme.colors.elevation.level2"}},componentName:"Menu",mdxType:"ThemeColorsTable"}),(0,i.kt)("span",null))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/537c6e8e.76aec172.js b/assets/js/537c6e8e.76aec172.js new file mode 100644 index 0000000000..4d90b85da5 --- /dev/null +++ b/assets/js/537c6e8e.76aec172.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8008],{47570:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>p,default:()=>v,frontMatter:()=>a,metadata:()=>u,toc:()=>c});var o=t(87462),i=(t(67294),t(3905)),l=t(50214),s=(t(47582),t(58764)),r=t(29518);const a={title:"Menu"},p=void 0,u={unversionedId:"components/Menu/Menu",id:"components/Menu/Menu",title:"Menu",description:"Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them.",source:"@site/docs/components/Menu/Menu.mdx",sourceDirName:"components/Menu",slug:"/components/Menu/",permalink:"/react-native-paper/docs/components/Menu/",draft:!1,editUrl:"https://github.com/callstack/react-native-paper/tree/main/src/components/Menu/Menu.tsx",tags:[],version:"current",frontMatter:{title:"Menu"},sidebar:"components",previous:{title:"List.Subheader",permalink:"/react-native-paper/docs/components/List/ListSubheader"},next:{title:"Menu.Item",permalink:"/react-native-paper/docs/components/Menu/MenuItem"}},d={},c=[{value:"Usage",id:"usage",level:2},{value:"Note",id:"note",level:3},{value:"Props",id:"props",level:2},{value:"visible (required)",id:"visible-required",level:3},{value:"anchor (required)",id:"anchor-required",level:3},{value:"anchorPosition",id:"anchorposition",level:3},{value:"statusBarHeight",id:"statusbarheight",level:3},{value:"onDismiss",id:"ondismiss",level:3},{value:"overlayAccessibilityLabel",id:"overlayaccessibilitylabel",level:3},{value:"children (required)",id:"children-required",level:3},{value:"contentStyle",id:"contentstyle",level:3},{value:"style",id:"style",level:3},{value:"elevation",id:"elevation",level:3},{value:"theme (required)",id:"theme-required",level:3},{value:"keyboardShouldPersistTaps",id:"keyboardshouldpersisttaps",level:3},{value:"testID",id:"testid",level:3},{value:"Theme colors",id:"theme-colors",level:2}],m={toc:c};function v(e){let{components:n,...t}=e;return(0,i.kt)("wrapper",(0,o.Z)({},m,t,{components:n,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them."),(0,i.kt)(r.Z,{screenshotData:{"with icons":"screenshots/menu-1.png","without icons":"screenshots/menu-2.png"},baseUrl:"/react-native-paper/",mdxType:"ScreenshotTabs"}),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-js"},"import * as React from 'react';\nimport { View } from 'react-native';\nimport { Button, Menu, Divider, PaperProvider } from 'react-native-paper';\n\nconst MyComponent = () => {\n const [visible, setVisible] = React.useState(false);\n\n const openMenu = () => setVisible(true);\n\n const closeMenu = () => setVisible(false);\n\n return (\n \n \n Show menu}>\n {}} title=\"Item 1\" />\n {}} title=\"Item 2\" />\n \n {}} title=\"Item 3\" />\n \n \n \n );\n};\n\nexport default MyComponent;\n")),(0,i.kt)("h3",{id:"note"},"Note"),(0,i.kt)("p",null,"When using ",(0,i.kt)("inlineCode",{parentName:"p"},"Menu")," within a React Native's ",(0,i.kt)("inlineCode",{parentName:"p"},"Modal")," component, you need to wrap all\n",(0,i.kt)("inlineCode",{parentName:"p"},"Modal")," contents within a ",(0,i.kt)("inlineCode",{parentName:"p"},"PaperProvider")," in order for the menu to show. This\nwrapping is not necessary if you use Paper's ",(0,i.kt)("inlineCode",{parentName:"p"},"Modal")," instead."),(0,i.kt)("h2",{id:"props"},"Props"),(0,i.kt)("span",null),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"visible-required"},"visible (required)")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"visible",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"anchor-required"},"anchor (required)")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"anchor",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"anchorposition"},"anchorPosition")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"anchorPosition",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"statusbarheight"},"statusBarHeight")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"statusBarHeight",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"ondismiss"},"onDismiss")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"onDismiss",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"overlayaccessibilitylabel"},"overlayAccessibilityLabel")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"overlayAccessibilityLabel",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"children-required"},"children (required)")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"children",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"contentstyle"},"contentStyle")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"contentStyle",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"style"},"style")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"style",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"elevation"},"elevation")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"elevation",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"theme-required"},"theme (required)")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"theme",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"keyboardshouldpersisttaps"},"keyboardShouldPersistTaps")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"keyboardShouldPersistTaps",mdxType:"PropTable"}),(0,i.kt)("div",null,(0,i.kt)("h3",{id:"testid"},"testID")),(0,i.kt)(l.Z,{componentLink:"Menu/Menu",prop:"testID",mdxType:"PropTable"}),(0,i.kt)("span",null),(0,i.kt)("h2",{id:"theme-colors"},"Theme colors"),(0,i.kt)(s.Z,{themeColorsData:{"-":{backgroundColor:"theme.colors.elevation.level2"}},componentName:"Menu",mdxType:"ThemeColorsTable"}),(0,i.kt)("span",null))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/main.2cdeea45.js b/assets/js/main.2cdeea45.js deleted file mode 100644 index b5e32880bd..0000000000 --- a/assets/js/main.2cdeea45.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.2cdeea45.js.LICENSE.txt */ -(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[179],{20830:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});var a=n(67294);function r(){return a.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},a.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"}))}},723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var a=n(67294),r=n(87462),o=n(68356),i=n.n(o),s=n(16887);const l={"015952ed":[()=>Promise.all([n.e(532),n.e(8592),n.e(8237)]).then(n.bind(n,28786)),"@site/docs/components/Menu/MenuItem.mdx",28786],"01ed2f70":[()=>Promise.all([n.e(532),n.e(8592),n.e(1839)]).then(n.bind(n,8599)),"@site/docs/components/FAB/FABGroup.mdx",8599],"050c12d8":[()=>Promise.all([n.e(532),n.e(8592),n.e(827)]).then(n.bind(n,73803)),"@site/docs/components/RadioButton/RadioButton.mdx",73803],"06dc8432":[()=>Promise.all([n.e(532),n.e(8592),n.e(80)]).then(n.bind(n,56578)),"@site/docs/components/List/ListAccordionGroup.mdx",56578],"07cdf7ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(2380)]).then(n.bind(n,45919)),"@site/docs/components/HelperText/HelperText.mdx",45919],"1009f24f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2032)]).then(n.bind(n,93964)),"@site/docs/components/Badge.mdx",93964],"1253b511":[()=>Promise.all([n.e(532),n.e(8592),n.e(7359)]).then(n.bind(n,93450)),"@site/docs/components/Appbar/AppbarBackAction.mdx",93450],17753694:[()=>Promise.all([n.e(532),n.e(8592),n.e(4701)]).then(n.bind(n,19542)),"@site/docs/components/List/ListIcon.mdx",19542],17896441:[()=>Promise.all([n.e(532),n.e(8592),n.e(6839),n.e(7918)]).then(n.bind(n,10903)),"@theme/DocItem",10903],"1a4e3797":[()=>Promise.all([n.e(532),n.e(7920)]).then(n.bind(n,56675)),"@theme/SearchPage",56675],"1a9328e9":[()=>Promise.all([n.e(532),n.e(8592),n.e(3)]).then(n.bind(n,88346)),"@site/docs/components/BottomNavigation/BottomNavigation.mdx",88346],"1be78505":[()=>Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,19963)),"@theme/DocPage",19963],"1cd22a7d":[()=>Promise.all([n.e(8592),n.e(37)]).then(n.bind(n,57662)),"@site/docs/guides/04-fonts.md",57662],"1f391b9e":[()=>Promise.all([n.e(532),n.e(8592),n.e(6839),n.e(3085)]).then(n.bind(n,14247)),"@theme/MDXPage",14247],"216aa314":[()=>Promise.all([n.e(532),n.e(8592),n.e(2453)]).then(n.bind(n,23113)),"@site/docs/components/Portal/Portal.mdx",23113],"22c1a6fd":[()=>Promise.all([n.e(532),n.e(8592),n.e(2950)]).then(n.bind(n,43501)),"@site/docs/components/Dialog/DialogContent.mdx",43501],"2437b6ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(6819)]).then(n.bind(n,50994)),"@site/docs/components/ActivityIndicator.mdx",50994],24468245:[()=>Promise.all([n.e(532),n.e(8592),n.e(3891)]).then(n.bind(n,85255)),"@site/docs/components/RadioButton/RadioButtonItem.mdx",85255],"25ee1cac":[()=>Promise.all([n.e(532),n.e(8592),n.e(1944)]).then(n.bind(n,41046)),"@site/docs/components/Portal/PortalHost.mdx",41046],"2a9afb9f":[()=>Promise.all([n.e(532),n.e(8592),n.e(9890)]).then(n.bind(n,20637)),"@site/docs/components/Checkbox/CheckboxAndroid.mdx",20637],"2ad79788":[()=>Promise.all([n.e(8592),n.e(6767),n.e(454)]).then(n.bind(n,99241)),"@site/docs/showcase.mdx",99241],"2aecd119":[()=>Promise.all([n.e(532),n.e(8592),n.e(1904)]).then(n.bind(n,78089)),"@site/docs/components/Dialog/DialogActions.mdx",78089],"2c2d8e2d":[()=>Promise.all([n.e(532),n.e(8592),n.e(9080)]).then(n.bind(n,35282)),"@site/docs/components/Card/CardTitle.mdx",35282],"2ef3a1f0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7306)]).then(n.bind(n,85791)),"@site/docs/components/ToggleButton/ToggleButton.mdx",85791],"324e7500":[()=>Promise.all([n.e(532),n.e(8592),n.e(8432)]).then(n.bind(n,15216)),"@site/docs/components/FAB/FAB.mdx",15216],"3499f599":[()=>Promise.all([n.e(532),n.e(8592),n.e(8336)]).then(n.bind(n,51619)),"@site/docs/components/Checkbox/Checkbox.mdx",51619],"369965a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(6501)]).then(n.bind(n,89642)),"@site/docs/components/Modal.mdx",89642],"36b8f262":[()=>Promise.all([n.e(8592),n.e(4911),n.e(7081)]).then(n.bind(n,81719)),"@site/docs/guides/03-icons.mdx",81719],"3cd74170":[()=>Promise.all([n.e(532),n.e(8592),n.e(6748)]).then(n.bind(n,16129)),"@site/docs/guides/05-react-native-web.md",16129],"40b66d7c":[()=>Promise.all([n.e(532),n.e(8592),n.e(937)]).then(n.bind(n,47568)),"@site/docs/components/Button/Button.mdx",47568],"41d40901":[()=>Promise.all([n.e(532),n.e(8592),n.e(1549)]).then(n.bind(n,70555)),"@site/docs/components/Avatar/AvatarImage.mdx",70555],"4249e75f":[()=>Promise.all([n.e(532),n.e(8592),n.e(7852)]).then(n.bind(n,73587)),"@site/docs/components/DataTable/DataTablePagination.mdx",73587],"424c1e59":[()=>Promise.all([n.e(532),n.e(8592),n.e(517)]).then(n.bind(n,6632)),"@site/docs/components/DataTable/DataTableCell.mdx",6632],43762970:[()=>Promise.all([n.e(532),n.e(8592),n.e(4338)]).then(n.bind(n,23938)),"@site/docs/components/Banner.mdx",23938],"4500f45d":[()=>Promise.all([n.e(532),n.e(8592),n.e(625)]).then(n.bind(n,94053)),"@site/docs/components/ToggleButton/ToggleButtonRow.mdx",94053],"459af3d2":[()=>Promise.all([n.e(532),n.e(8592),n.e(9833)]).then(n.bind(n,69872)),"@site/docs/components/List/ListItem.mdx",69872],47165896:[()=>Promise.all([n.e(532),n.e(8592),n.e(2615)]).then(n.bind(n,80294)),"@site/docs/guides/10-migration-guide-to-5.0.md",80294],"4aea3b16":[()=>Promise.all([n.e(532),n.e(8592),n.e(2022)]).then(n.bind(n,23817)),"@site/docs/components/Card/CardContent.mdx",23817],"4c303777":[()=>Promise.all([n.e(532),n.e(8592),n.e(1793)]).then(n.bind(n,92301)),"@site/docs/components/List/ListSection.mdx",92301],"4c5cc958":[()=>Promise.all([n.e(532),n.e(8592),n.e(2577)]).then(n.bind(n,26588)),"@site/docs/components/Tooltip/Tooltip.mdx",26588],"4d86cc44":[()=>Promise.all([n.e(532),n.e(8592),n.e(5399)]).then(n.bind(n,40515)),"@site/docs/components/RadioButton/RadioButtonAndroid.mdx",40515],"537c6e8e":[()=>Promise.all([n.e(532),n.e(8592),n.e(8008)]).then(n.bind(n,47570)),"@site/docs/components/Menu/Menu.mdx",47570],"577598d2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4337)]).then(n.bind(n,15692)),"@site/docs/components/DataTable/DataTable.mdx",15692],"588a837e":[()=>Promise.all([n.e(532),n.e(8592),n.e(490)]).then(n.bind(n,90583)),"@site/docs/components/Surface.mdx",90583],"5bf725db":[()=>Promise.all([n.e(532),n.e(8592),n.e(3581)]).then(n.bind(n,23682)),"@site/docs/components/Dialog/Dialog.mdx",23682],"5cf68347":[()=>Promise.all([n.e(532),n.e(8592),n.e(8475)]).then(n.bind(n,32724)),"@site/docs/components/TextInput/TextInputIcon.mdx",32724],"5fe2f2f2":[()=>Promise.all([n.e(8592),n.e(3577)]).then(n.bind(n,88783)),"@site/docs/guides/07-contributing.mdx",88783],"615b5946":[()=>Promise.all([n.e(532),n.e(8592),n.e(748)]).then(n.bind(n,87241)),"@site/docs/components/Switch/Switch.mdx",87241],"663a8a79":[()=>n.e(2670).then(n.t.bind(n,15745,19)),"/home/circleci/react-native-paper/docs/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",15745],"6c45a443":[()=>Promise.all([n.e(532),n.e(8592),n.e(2063)]).then(n.bind(n,76374)),"@site/docs/components/List/ListAccordion.mdx",76374],"6ddaba92":[()=>Promise.all([n.e(532),n.e(8592),n.e(8337)]).then(n.bind(n,58585)),"@site/docs/components/DataTable/DataTableHeader.mdx",58585],"7591ea01":[()=>Promise.all([n.e(532),n.e(8592),n.e(1852)]).then(n.bind(n,82366)),"@site/docs/components/Searchbar.mdx",82366],"7641128b":[()=>Promise.all([n.e(532),n.e(8592),n.e(6792)]).then(n.bind(n,15485)),"@site/docs/components/TextInput/TextInput.mdx",15485],"7a217701":[()=>Promise.all([n.e(532),n.e(8592),n.e(6711)]).then(n.bind(n,55317)),"@site/docs/components/Snackbar.mdx",55317],"8276d707":[()=>Promise.all([n.e(532),n.e(8592),n.e(9671)]).then(n.bind(n,18938)),"@site/docs/components/Divider.mdx",18938],"846a9fc5":[()=>Promise.all([n.e(8592),n.e(6767),n.e(2957),n.e(4270)]).then(n.bind(n,96172)),"@site/docs/guides/02-theming.mdx",96172],"8520dfa2":[()=>Promise.all([n.e(532),n.e(8592),n.e(230)]).then(n.bind(n,52146)),"@site/docs/components/TextInput/TextInputAffix.mdx",52146],"86a5807b":[()=>Promise.all([n.e(532),n.e(8592),n.e(6126)]).then(n.bind(n,89673)),"@site/docs/guides/01-getting-started.md",89673],"8909d17f":[()=>Promise.all([n.e(532),n.e(8592),n.e(3222)]).then(n.bind(n,21989)),"@site/docs/components/Avatar/AvatarIcon.mdx",21989],"89d71f2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(938)]).then(n.bind(n,71372)),"@site/docs/components/Appbar/AppbarAction.mdx",71372],"8e317ea7":[()=>Promise.all([n.e(532),n.e(8592),n.e(7734)]).then(n.bind(n,86733)),"@site/docs/components/Card/CardCover.mdx",86733],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"937521cd":[()=>Promise.all([n.e(532),n.e(8592),n.e(2041)]).then(n.bind(n,29077)),"@site/docs/components/Text/Text.mdx",29077],"949058ba":[()=>Promise.all([n.e(532),n.e(8592),n.e(7703)]).then(n.bind(n,51509)),"@site/docs/components/Appbar/AppbarContent.mdx",51509],"978ab98b":[()=>Promise.all([n.e(8592),n.e(7145)]).then(n.bind(n,34437)),"@site/docs/guides/11-ripple-effect.md",34437],"987a71af":[()=>Promise.all([n.e(532),n.e(8592),n.e(9610)]).then(n.bind(n,30271)),"@site/docs/components/DataTable/DataTableTitle.mdx",30271],"9bf56823":[()=>Promise.all([n.e(532),n.e(8592),n.e(4470)]).then(n.bind(n,99728)),"@site/docs/components/Drawer/DrawerCollapsedItem.mdx",99728],"9d415636":[()=>Promise.all([n.e(532),n.e(8592),n.e(1967)]).then(n.bind(n,6889)),"@site/docs/components/Dialog/DialogScrollArea.mdx",6889],a0fe9514:[()=>Promise.all([n.e(532),n.e(8592),n.e(8039)]).then(n.bind(n,88088)),"@site/docs/components/Chip/Chip.mdx",88088],a122a3dd:[()=>Promise.all([n.e(532),n.e(8592),n.e(1806)]).then(n.bind(n,42798)),"@site/docs/components/Dialog/DialogIcon.mdx",42798],a1646df6:[()=>Promise.all([n.e(532),n.e(8592),n.e(9207)]).then(n.bind(n,22706)),"@site/docs/components/SegmentedButtons/SegmentedButtons.mdx",22706],a897cc02:[()=>n.e(5200).then(n.t.bind(n,83769,19)),"/home/circleci/react-native-paper/docs/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",83769],aa49574c:[()=>Promise.all([n.e(8592),n.e(8891)]).then(n.bind(n,63532)),"@site/docs/guides/06-recommended-libraries.md",63532],aca5a415:[()=>Promise.all([n.e(8592),n.e(3998)]).then(n.bind(n,60205)),"@site/docs/guides/09-bottom-navigation.md",60205],ad1ce82b:[()=>Promise.all([n.e(532),n.e(8592),n.e(2252)]).then(n.bind(n,29014)),"@site/docs/components/Icon.mdx",29014],ae8b9b1a:[()=>Promise.all([n.e(532),n.e(8592),n.e(8539)]).then(n.bind(n,21417)),"@site/docs/components/Appbar/AppbarHeader.mdx",21417],af39b5d9:[()=>n.e(9042).then(n.t.bind(n,7085,19)),"/home/circleci/react-native-paper/docs/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",7085],b2d9f6ab:[()=>Promise.all([n.e(532),n.e(8592),n.e(5924)]).then(n.bind(n,73522)),"@site/docs/components/IconButton/IconButton.mdx",73522],b3bb1d95:[()=>Promise.all([n.e(532),n.e(8592),n.e(9585)]).then(n.bind(n,13491)),"@site/docs/components/FAB/AnimatedFAB.mdx",13491],b3fb2138:[()=>Promise.all([n.e(532),n.e(8592),n.e(6958)]).then(n.bind(n,5408)),"@site/docs/components/RadioButton/RadioButtonIOS.mdx",5408],b835577c:[()=>Promise.all([n.e(532),n.e(8592),n.e(4316)]).then(n.bind(n,31061)),"@site/docs/components/Card/CardActions.mdx",31061],b8fb2646:[()=>Promise.all([n.e(532),n.e(8592),n.e(636)]).then(n.bind(n,25537)),"@site/docs/components/Appbar/Appbar.mdx",25537],ba99a350:[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,4746)),"@site/docs/components/Avatar/AvatarText.mdx",4746],babaf4d2:[()=>Promise.all([n.e(532),n.e(8592),n.e(3623)]).then(n.bind(n,13780)),"@site/docs/components/ToggleButton/ToggleButtonGroup.mdx",13780],c41c9b19:[()=>Promise.all([n.e(532),n.e(8592),n.e(9435)]).then(n.bind(n,30894)),"@site/docs/components/DataTable/DataTableRow.mdx",30894],da11e49f:[()=>Promise.all([n.e(8592),n.e(2115)]).then(n.bind(n,38009)),"@site/docs/guides/09-react-navigation.md",38009],db01af23:[()=>Promise.all([n.e(532),n.e(8592),n.e(6618)]).then(n.bind(n,77453)),"@site/docs/components/ProgressBar.mdx",77453],df69bd0e:[()=>Promise.all([n.e(532),n.e(8592),n.e(4301)]).then(n.bind(n,71899)),"@site/docs/components/List/ListSubheader.mdx",71899],e7ce6630:[()=>Promise.all([n.e(8592),n.e(4911),n.e(7623),n.e(5668)]).then(n.bind(n,93422)),"@site/src/pages/index.mdx",93422],e8d3539c:[()=>Promise.all([n.e(532),n.e(8592),n.e(2851)]).then(n.bind(n,42300)),"@site/docs/components/Card/Card.mdx",42300],e916d4cc:[()=>Promise.all([n.e(532),n.e(8592),n.e(8217)]).then(n.bind(n,13835)),"@site/docs/components/TouchableRipple/TouchableRipple.mdx",13835],e9555621:[()=>Promise.all([n.e(532),n.e(8592),n.e(6206)]).then(n.bind(n,37921)),"@site/docs/guides/08-theming-with-react-navigation.md",37921],ebb7be57:[()=>Promise.all([n.e(532),n.e(8592),n.e(3210)]).then(n.bind(n,85524)),"@site/docs/components/Checkbox/CheckboxIOS.mdx",85524],f384f103:[()=>Promise.all([n.e(532),n.e(8592),n.e(8524)]).then(n.bind(n,34230)),"@site/docs/components/BottomNavigation/BottomNavigationBar.mdx",34230],f446aead:[()=>Promise.all([n.e(532),n.e(8592),n.e(5100)]).then(n.bind(n,54841)),"@site/docs/components/Drawer/DrawerSection.mdx",54841],f5210147:[()=>Promise.all([n.e(532),n.e(8592),n.e(2384)]).then(n.bind(n,64421)),"@site/docs/components/Dialog/DialogTitle.mdx",64421],f6a9b02f:[()=>Promise.all([n.e(532),n.e(8592),n.e(5690)]).then(n.bind(n,24001)),"@site/docs/components/Drawer/DrawerItem.mdx",24001],fd1de825:[()=>Promise.all([n.e(532),n.e(8592),n.e(484)]).then(n.bind(n,6425)),"@site/docs/components/RadioButton/RadioButtonGroup.mdx",6425],fe0790b8:[()=>Promise.all([n.e(532),n.e(8592),n.e(6886)]).then(n.bind(n,90291)),"@site/docs/components/Checkbox/CheckboxItem.mdx",90291]};function c(e){let{error:t,retry:n,pastDelay:r}=e;return t?a.createElement("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%"}},a.createElement("p",null,String(t)),a.createElement("div",null,a.createElement("button",{type:"button",onClick:n},"Retry"))):r?a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},a.createElement("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"},a.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"8"},a.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=n(99670),p=n(30226);function d(e,t){if("*"===e)return i()({loading:c,loader:()=>n.e(4972).then(n.bind(n,4972)),modules:["@theme/NotFound"],webpack:()=>[4972],render(e,t){const n=e.default;return a.createElement(p.z,{value:{plugin:{name:"native",id:"default"}}},a.createElement(n,t))}});const o=s[`${e}-${t}`],d={},m=[],f=[],h=(0,u.Z)(o);return Object.entries(h).forEach((e=>{let[t,n]=e;const a=l[n];a&&(d[t]=a[0],m.push(a[1]),f.push(a[2]))})),i().Map({loading:c,loader:d,modules:m,webpack:()=>f,render(t,n){const i=JSON.parse(JSON.stringify(o));Object.entries(t).forEach((t=>{let[n,a]=t;const r=a.default;if(!r)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 r&&"function"!=typeof r||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{r[e]=a[e]}));let o=i;const s=n.split(".");s.slice(0,-1).forEach((e=>{o=o[e]})),o[s[s.length-1]]=r}));const s=i.__comp;delete i.__comp;const l=i.__context;return delete i.__context,a.createElement(p.z,{value:l},a.createElement(s,(0,r.Z)({},i,n)))}})}const m=[{path:"/react-native-paper/search",component:d("/react-native-paper/search","b93"),exact:!0},{path:"/react-native-paper/docs",component:d("/react-native-paper/docs","a01"),routes:[{path:"/react-native-paper/docs/components/ActivityIndicator",component:d("/react-native-paper/docs/components/ActivityIndicator","b9f"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Appbar/",component:d("/react-native-paper/docs/components/Appbar/","938"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Appbar/AppbarAction",component:d("/react-native-paper/docs/components/Appbar/AppbarAction","a47"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Appbar/AppbarBackAction",component:d("/react-native-paper/docs/components/Appbar/AppbarBackAction","2aa"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Appbar/AppbarContent",component:d("/react-native-paper/docs/components/Appbar/AppbarContent","e29"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Appbar/AppbarHeader",component:d("/react-native-paper/docs/components/Appbar/AppbarHeader","d0f"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Avatar/AvatarIcon",component:d("/react-native-paper/docs/components/Avatar/AvatarIcon","097"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Avatar/AvatarImage",component:d("/react-native-paper/docs/components/Avatar/AvatarImage","fa1"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Avatar/AvatarText",component:d("/react-native-paper/docs/components/Avatar/AvatarText","cc0"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Badge",component:d("/react-native-paper/docs/components/Badge","d11"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Banner",component:d("/react-native-paper/docs/components/Banner","f59"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/BottomNavigation/",component:d("/react-native-paper/docs/components/BottomNavigation/","83b"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/BottomNavigation/BottomNavigationBar",component:d("/react-native-paper/docs/components/BottomNavigation/BottomNavigationBar","8d8"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Button/",component:d("/react-native-paper/docs/components/Button/","5dd"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Card/",component:d("/react-native-paper/docs/components/Card/","76b"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Card/CardActions",component:d("/react-native-paper/docs/components/Card/CardActions","bfa"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Card/CardContent",component:d("/react-native-paper/docs/components/Card/CardContent","44e"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Card/CardCover",component:d("/react-native-paper/docs/components/Card/CardCover","142"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Card/CardTitle",component:d("/react-native-paper/docs/components/Card/CardTitle","a55"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Checkbox/",component:d("/react-native-paper/docs/components/Checkbox/","a34"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Checkbox/CheckboxAndroid",component:d("/react-native-paper/docs/components/Checkbox/CheckboxAndroid","468"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Checkbox/CheckboxIOS",component:d("/react-native-paper/docs/components/Checkbox/CheckboxIOS","d41"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Checkbox/CheckboxItem",component:d("/react-native-paper/docs/components/Checkbox/CheckboxItem","dd2"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Chip/",component:d("/react-native-paper/docs/components/Chip/","842"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/DataTable/",component:d("/react-native-paper/docs/components/DataTable/","d35"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/DataTable/DataTableCell",component:d("/react-native-paper/docs/components/DataTable/DataTableCell","3a3"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/DataTable/DataTableHeader",component:d("/react-native-paper/docs/components/DataTable/DataTableHeader","aa1"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/DataTable/DataTablePagination",component:d("/react-native-paper/docs/components/DataTable/DataTablePagination","5d3"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/DataTable/DataTableRow",component:d("/react-native-paper/docs/components/DataTable/DataTableRow","da4"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/DataTable/DataTableTitle",component:d("/react-native-paper/docs/components/DataTable/DataTableTitle","74f"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Dialog/",component:d("/react-native-paper/docs/components/Dialog/","dad"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Dialog/DialogActions",component:d("/react-native-paper/docs/components/Dialog/DialogActions","912"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Dialog/DialogContent",component:d("/react-native-paper/docs/components/Dialog/DialogContent","e0b"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Dialog/DialogIcon",component:d("/react-native-paper/docs/components/Dialog/DialogIcon","8eb"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Dialog/DialogScrollArea",component:d("/react-native-paper/docs/components/Dialog/DialogScrollArea","8aa"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Dialog/DialogTitle",component:d("/react-native-paper/docs/components/Dialog/DialogTitle","5ff"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Divider",component:d("/react-native-paper/docs/components/Divider","ead"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Drawer/DrawerCollapsedItem",component:d("/react-native-paper/docs/components/Drawer/DrawerCollapsedItem","d88"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Drawer/DrawerItem",component:d("/react-native-paper/docs/components/Drawer/DrawerItem","b52"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Drawer/DrawerSection",component:d("/react-native-paper/docs/components/Drawer/DrawerSection","eab"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/FAB/",component:d("/react-native-paper/docs/components/FAB/","09e"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/FAB/AnimatedFAB",component:d("/react-native-paper/docs/components/FAB/AnimatedFAB","787"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/FAB/FABGroup",component:d("/react-native-paper/docs/components/FAB/FABGroup","63f"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/HelperText/",component:d("/react-native-paper/docs/components/HelperText/","104"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Icon",component:d("/react-native-paper/docs/components/Icon","9b5"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/IconButton/",component:d("/react-native-paper/docs/components/IconButton/","b97"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/List/ListAccordion",component:d("/react-native-paper/docs/components/List/ListAccordion","55b"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/List/ListAccordionGroup",component:d("/react-native-paper/docs/components/List/ListAccordionGroup","23e"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/List/ListIcon",component:d("/react-native-paper/docs/components/List/ListIcon","07b"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/List/ListItem",component:d("/react-native-paper/docs/components/List/ListItem","423"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/List/ListSection",component:d("/react-native-paper/docs/components/List/ListSection","bbe"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/List/ListSubheader",component:d("/react-native-paper/docs/components/List/ListSubheader","434"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Menu/",component:d("/react-native-paper/docs/components/Menu/","70e"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Menu/MenuItem",component:d("/react-native-paper/docs/components/Menu/MenuItem","a82"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Modal",component:d("/react-native-paper/docs/components/Modal","7d1"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Portal/",component:d("/react-native-paper/docs/components/Portal/","6bd"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Portal/PortalHost",component:d("/react-native-paper/docs/components/Portal/PortalHost","fce"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/ProgressBar",component:d("/react-native-paper/docs/components/ProgressBar","a1d"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/RadioButton/",component:d("/react-native-paper/docs/components/RadioButton/","9df"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/RadioButton/RadioButtonAndroid",component:d("/react-native-paper/docs/components/RadioButton/RadioButtonAndroid","d49"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/RadioButton/RadioButtonGroup",component:d("/react-native-paper/docs/components/RadioButton/RadioButtonGroup","485"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/RadioButton/RadioButtonIOS",component:d("/react-native-paper/docs/components/RadioButton/RadioButtonIOS","05f"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/RadioButton/RadioButtonItem",component:d("/react-native-paper/docs/components/RadioButton/RadioButtonItem","dd8"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Searchbar",component:d("/react-native-paper/docs/components/Searchbar","396"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/SegmentedButtons/",component:d("/react-native-paper/docs/components/SegmentedButtons/","874"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Snackbar",component:d("/react-native-paper/docs/components/Snackbar","9c5"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Surface",component:d("/react-native-paper/docs/components/Surface","f09"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Switch/",component:d("/react-native-paper/docs/components/Switch/","f81"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Text/",component:d("/react-native-paper/docs/components/Text/","68f"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/TextInput/",component:d("/react-native-paper/docs/components/TextInput/","01d"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/TextInput/TextInputAffix",component:d("/react-native-paper/docs/components/TextInput/TextInputAffix","f52"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/TextInput/TextInputIcon",component:d("/react-native-paper/docs/components/TextInput/TextInputIcon","15a"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/ToggleButton/",component:d("/react-native-paper/docs/components/ToggleButton/","b97"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/ToggleButton/ToggleButtonGroup",component:d("/react-native-paper/docs/components/ToggleButton/ToggleButtonGroup","5ec"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/ToggleButton/ToggleButtonRow",component:d("/react-native-paper/docs/components/ToggleButton/ToggleButtonRow","ff0"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/Tooltip/",component:d("/react-native-paper/docs/components/Tooltip/","31a"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/components/TouchableRipple/",component:d("/react-native-paper/docs/components/TouchableRipple/","53d"),exact:!0,sidebar:"components"},{path:"/react-native-paper/docs/guides/bottom-navigation",component:d("/react-native-paper/docs/guides/bottom-navigation","c9e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/contributing",component:d("/react-native-paper/docs/guides/contributing","85a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/fonts",component:d("/react-native-paper/docs/guides/fonts","920"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/getting-started",component:d("/react-native-paper/docs/guides/getting-started","66d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/icons",component:d("/react-native-paper/docs/guides/icons","7c0"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/migration-guide-to-5.0",component:d("/react-native-paper/docs/guides/migration-guide-to-5.0","9a6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/react-native-web",component:d("/react-native-paper/docs/guides/react-native-web","0f4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/react-navigation",component:d("/react-native-paper/docs/guides/react-navigation","7b5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/recommended-libraries",component:d("/react-native-paper/docs/guides/recommended-libraries","e3c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/ripple-effect",component:d("/react-native-paper/docs/guides/ripple-effect","4bb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/theming",component:d("/react-native-paper/docs/guides/theming","c30"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/guides/theming-with-react-navigation",component:d("/react-native-paper/docs/guides/theming-with-react-navigation","2cf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/react-native-paper/docs/showcase",component:d("/react-native-paper/docs/showcase","206"),exact:!0}]},{path:"/react-native-paper/",component:d("/react-native-paper/","c75"),exact:!0},{path:"*",component:d("*")}]},98934:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,t:()=>o});var a=n(67294);const r=a.createContext(!1);function o(e){let{children:t}=e;const[n,o]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{o(!0)}),[]),a.createElement(r.Provider,{value:n},t)}},49383:(e,t,n)=>{"use strict";var a=n(67294),r=n(73935),o=n(73727),i=n(70405),s=n(10412);const l=[n(32497),n(3310),n(18320),n(52295)];var c=n(723),u=n(76775),p=n(18790);function d(e){let{children:t}=e;return a.createElement(a.Fragment,null,t)}var m=n(87462),f=n(35742),h=n(52263),g=n(44996),b=n(86668),y=n(10833),v=n(94711),w=n(19727),T=n(43320),S=n(90197);function x(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,h.Z)(),n=(0,v.l)();return a.createElement(f.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:r}]=e;return a.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:r})})),a.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function k(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),r=function(){const{siteConfig:{url:e}}=(0,h.Z)(),{pathname:t}=(0,u.TH)();return e+(0,g.Z)(t)}(),o=t?`${n}${t}`:r;return a.createElement(f.Z,null,a.createElement("meta",{property:"og:url",content:o}),a.createElement("link",{rel:"canonical",href:o}))}function C(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,b.L)();return a.createElement(a.Fragment,null,a.createElement(f.Z,null,a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("body",{className:w.h})),n&&a.createElement(y.d,{image:n}),a.createElement(k,null),a.createElement(x,null),a.createElement(S.Z,{tag:T.HX,locale:e}),a.createElement(f.Z,null,t.map(((e,t)=>a.createElement("meta",(0,m.Z)({key:t},e))))))}const A=new Map;function R(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,p.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var P=n(98934),E=n(58940);function I(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a{var a;const r=(null==(a=t.default)?void 0:a[e])??t[e];return null==r?void 0:r(...n)}));return()=>r.forEach((e=>null==e?void 0:e()))}const D=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,a.useLayoutEffect)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);null==t||t.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),I("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function B(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.f)(c.Z,e))).flat();return Promise.all(t.map((e=>null==e.route.component.preload?void 0:e.route.component.preload())))}class L extends a.Component{constructor(e){super(e),this.previousLocation=void 0,this.routeUpdateCleanupCb=void 0,this.previousLocation=null,this.routeUpdateCleanupCb=s.Z.canUseDOM?I("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=I("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),B(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return a.createElement(D,{previousLocation:this.previousLocation,location:t},a.createElement(u.AW,{location:t,render:()=>e}))}}const M=L,q="docusaurus-base-url-issue-banner-container",_="docusaurus-base-url-issue-banner-suggestion-container",N="__DOCUSAURUS_INSERT_BASEURL_BANNER";function O(e){return`\nwindow['${N}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${N}'];\n shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n var bannerContainer = document.getElementById('${q}');\n if (!bannerContainer) {\n return;\n }\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{window[N]=!1}),[]),a.createElement(a.Fragment,null,!s.Z.canUseDOM&&a.createElement(f.Z,null,a.createElement("script",null,O(e))),a.createElement("div",{id:q}))}function F(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?a.createElement(V,null):null}function j(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,h.Z)(),i=(0,g.Z)(e),{htmlLang:s,direction:l}=o[r];return a.createElement(f.Z,null,a.createElement("html",{lang:s,dir:l}),a.createElement("title",null,t),a.createElement("meta",{property:"og:title",content:t}),a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&a.createElement("link",{rel:"icon",href:i}))}var U=n(44763);function z(){const e=(0,p.H)(c.Z),t=(0,u.TH)();return a.createElement(U.Z,null,a.createElement(E.M,null,a.createElement(P.t,null,a.createElement(d,null,a.createElement(j,null),a.createElement(C,null),a.createElement(F,null),a.createElement(M,{location:R(t)},e)))))}var G=n(16887);const H=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{var a;if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??(null==(a=document.getElementsByName("script")[0])?void 0:a.parentNode);null==o||o.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var $=n(99670);const W=new Set,Z=new Set,Y=()=>{var e,t;return(null==(e=navigator.connection)?void 0:e.effectiveType.includes("2g"))||(null==(t=navigator.connection)?void 0:t.saveData)},K={prefetch(e){if(!(e=>!Y()&&!Z.has(e)&&!W.has(e))(e))return!1;W.add(e);const t=(0,p.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,$.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?H(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!Y()&&!Z.has(e))(e)&&(Z.add(e),B(e))},Q=Object.freeze(K);if(s.Z.canUseDOM){window.docusaurus=Q;const e=r.hydrate;B(window.location.pathname).then((()=>{e(a.createElement(i.B6,null,a.createElement(o.VK,null,a.createElement(z,null))),document.getElementById("__docusaurus"))}))}},58940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>p});var a=n(67294),r=n(36809);const o=JSON.parse('{"component-docs-plugin":{"default":{"docs":{"ActivityIndicator":{"filepath":"ActivityIndicator.tsx","title":"ActivityIndicator","description":"Activity indicator is used to present progress of some activity in the app.\\nIt can be used as a drop-in for the ActivityIndicator shipped with React Native.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ActivityIndicator, MD2Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"activity-indicator","data":{"description":"Activity indicator is used to present progress of some activity in the app.\\nIt can be used as a drop-in for the ActivityIndicator shipped with React Native.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ActivityIndicator, MD2Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"ActivityIndicator","methods":[],"statics":[],"props":{"animating":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show the indicator or hide it.","defaultValue":{"value":"true","computed":false}},"color":{"required":false,"tsType":{"name":"string"},"description":"The color of the spinner."},"size":{"required":false,"tsType":{"name":"union","raw":"\'small\' | \'large\' | number","elements":[{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'large\'"},{"name":"number"}]},"description":"Size of the indicator.","defaultValue":{"value":"\'small\'","computed":false}},"hidesWhenStopped":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the indicator should hide when not animating.","defaultValue":{"value":"true","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/ActivityIndicator.tsx"]},"Appbar/Appbar":{"filepath":"Appbar/Appbar.tsx","title":"Appbar","description":"A component to display action items in a bar. It can be placed at the top or bottom.\\nThe top bar usually contains the screen title, controls such as navigation buttons, menu button etc.\\nThe bottom bar usually provides access to a drawer and up to four actions.\\n\\nBy default Appbar uses primary color as a background, in dark theme with `adaptive` mode it will use surface colour instead.\\nSee [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more informations\\n\\n## Usage\\n### Top bar\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} />\\n \\n {}} />\\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n### Bottom bar\\n```js\\nimport * as React from \'react\';\\nimport { StyleSheet } from \'react-native\';\\nimport { Appbar, FAB, useTheme } from \'react-native-paper\';\\nimport { useSafeAreaInsets } from \'react-native-safe-area-context\';\\n\\nconst BOTTOM_APPBAR_HEIGHT = 80;\\nconst MEDIUM_FAB_HEIGHT = 56;\\n\\nconst MyComponent = () => {\\n const { bottom } = useSafeAreaInsets();\\n const theme = useTheme();\\n\\n return (\\n \\n {}} />\\n {}} />\\n {}} />\\n {}} />\\n {}}\\n style={[\\n styles.fab,\\n { top: (BOTTOM_APPBAR_HEIGHT - MEDIUM_FAB_HEIGHT) / 2 },\\n ]}\\n />\\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n bottom: {\\n backgroundColor: \'aquamarine\',\\n position: \'absolute\',\\n left: 0,\\n right: 0,\\n bottom: 0,\\n },\\n fab: {\\n position: \'absolute\',\\n right: 16,\\n },\\n});\\n\\nexport default MyComponent;\\n```","link":"appbar","data":{"description":"A component to display action items in a bar. It can be placed at the top or bottom.\\nThe top bar usually contains the screen title, controls such as navigation buttons, menu button etc.\\nThe bottom bar usually provides access to a drawer and up to four actions.\\n\\nBy default Appbar uses primary color as a background, in dark theme with `adaptive` mode it will use surface colour instead.\\nSee [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more informations\\n\\n## Usage\\n### Top bar\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} />\\n \\n {}} />\\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n### Bottom bar\\n```js\\nimport * as React from \'react\';\\nimport { StyleSheet } from \'react-native\';\\nimport { Appbar, FAB, useTheme } from \'react-native-paper\';\\nimport { useSafeAreaInsets } from \'react-native-safe-area-context\';\\n\\nconst BOTTOM_APPBAR_HEIGHT = 80;\\nconst MEDIUM_FAB_HEIGHT = 56;\\n\\nconst MyComponent = () => {\\n const { bottom } = useSafeAreaInsets();\\n const theme = useTheme();\\n\\n return (\\n \\n {}} />\\n {}} />\\n {}} />\\n {}} />\\n {}}\\n style={[\\n styles.fab,\\n { top: (BOTTOM_APPBAR_HEIGHT - MEDIUM_FAB_HEIGHT) / 2 },\\n ]}\\n />\\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n bottom: {\\n backgroundColor: \'aquamarine\',\\n position: \'absolute\',\\n left: 0,\\n right: 0,\\n bottom: 0,\\n },\\n fab: {\\n position: \'absolute\',\\n right: 16,\\n },\\n});\\n\\nexport default MyComponent;\\n```","displayName":"Appbar","methods":[],"statics":[],"props":{"dark":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the background color is a dark color. A dark appbar will render light text and vice-versa."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Appbar`."},"mode":{"required":false,"tsType":{"name":"union","raw":"\'small\' | \'medium\' | \'large\' | \'center-aligned\'","elements":[{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'medium\'"},{"name":"literal","value":"\'large\'"},{"name":"literal","value":"\'center-aligned\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nMode of the Appbar.\\n- `small` - Appbar with default height (64).\\n- `medium` - Appbar with medium height (112).\\n- `large` - Appbar with large height (152).\\n- `center-aligned` - Appbar with default height and center-aligned title.","defaultValue":{"value":"\'small\'","computed":false}},"elevated":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nWhether Appbar background should have the elevation along with primary color pigment."},"safeAreaInsets":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n bottom?: number;\\n top?: number;\\n left?: number;\\n right?: number;\\n}","signature":{"properties":[{"key":"bottom","value":{"name":"number","required":false}},{"key":"top","value":{"name":"number","required":false}},{"key":"left","value":{"name":"number","required":false}},{"key":"right","value":{"name":"number","required":false}}]}},"description":"Safe area insets for the Appbar. This can be used to avoid elements like the navigation bar on Android and bottom safe area on iOS."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Appbar/Appbar.tsx"]},"Appbar/AppbarAction":{"filepath":"Appbar/AppbarAction.tsx","title":"Appbar.Action","description":"A component used to display an action item in the appbar.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\nimport { Platform } from \'react-native\';\\n\\nconst MORE_ICON = Platform.OS === \'ios\' ? \'dots-horizontal\' : \'dots-vertical\';\\n\\nconst MyComponent = () => (\\n \\n \\n {}} />\\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"appbar-action","data":{"description":"A component used to display an action item in the appbar.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\nimport { Platform } from \'react-native\';\\n\\nconst MORE_ICON = Platform.OS === \'ios\' ? \'dots-horizontal\' : \'dots-vertical\';\\n\\nconst MyComponent = () => (\\n \\n \\n {}} />\\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Appbar.Action","methods":[],"statics":[],"props":{"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for action icon."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Name of the icon to show."},"size":{"required":false,"tsType":{"name":"number"},"description":"Optional icon size.","defaultValue":{"value":"24","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button is disabled. A disabled button is greyed out and `onPress` is not called on touch."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Function to execute on press."},"isLeading":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\n\\nWhether it\'s the leading button."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Appbar/AppbarAction.tsx"],"group":"Appbar"},"Appbar/AppbarBackAction":{"filepath":"Appbar/AppbarBackAction.tsx","title":"Appbar.BackAction","description":"A component used to display a back button in the appbar.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"appbar-back-action","data":{"description":"A component used to display a back button in the appbar.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Appbar.BackAction","methods":[],"statics":[],"props":{"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for back icon."},"size":{"required":false,"tsType":{"name":"number"},"description":"Optional icon size."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button is disabled. A disabled button is greyed out and `onPress` is not called on touch."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button.","defaultValue":{"value":"\'Back\'","computed":false}},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Appbar/AppbarBackAction.tsx"],"group":"Appbar"},"Appbar/AppbarContent":{"filepath":"Appbar/AppbarContent.tsx","title":"Appbar.Content","description":"A component used to display a title and optional subtitle in an appbar.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"appbar-content","data":{"description":"A component used to display a title and optional subtitle in an appbar.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Appbar.Content","methods":[],"statics":[],"props":{"title":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text or component for the title."},"titleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style for the title, if `title` is a string."},"titleRef":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"TextRef"}]},"description":"Reference for the title."},"subtitle":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"@deprecated Deprecated in v5.x\\nText for the subtitle."},"subtitleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"@deprecated Deprecated in v5.x\\nStyle for the subtitle."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"If true, disable all interactions for this component."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for the text."},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach."},"mode":{"required":false,"tsType":{"name":"union","raw":"\'small\' | \'medium\' | \'large\' | \'center-aligned\'","elements":[{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'medium\'"},{"name":"literal","value":"\'large\'"},{"name":"literal","value":"\'center-aligned\'"}]},"description":"@internal","defaultValue":{"value":"\'small\'","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests.","defaultValue":{"value":"\'appbar-content\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Appbar/AppbarContent.tsx"],"group":"Appbar"},"Appbar/AppbarHeader":{"filepath":"Appbar/AppbarHeader.tsx","title":"Appbar.Header","description":"A component to use as a header at the top of the screen.\\nIt can contain the screen title, controls such as navigation buttons, menu button etc.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const _goBack = () => console.log(\'Went back\');\\n\\n const _handleSearch = () => console.log(\'Searching\');\\n\\n const _handleMore = () => console.log(\'Shown more\');\\n\\n return (\\n \\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"appbar-header","data":{"description":"A component to use as a header at the top of the screen.\\nIt can contain the screen title, controls such as navigation buttons, menu button etc.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Appbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const _goBack = () => console.log(\'Went back\');\\n\\n const _handleSearch = () => console.log(\'Searching\');\\n\\n const _handleMore = () => console.log(\'Shown more\');\\n\\n return (\\n \\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Appbar.Header","methods":[],"statics":[],"props":{"dark":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the background color is a dark color. A dark header will render light text and vice-versa."},"statusBarHeight":{"required":false,"tsType":{"name":"number"},"description":"Extra padding to add at the top of header to account for translucent status bar.\\nThis is automatically handled on iOS >= 11 including iPhone X using `SafeAreaView`.\\nIf you are using Expo, we assume translucent status bar and set a height for status bar automatically.\\nPass `0` or a custom value to disable the default behaviour, and customize the height."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the header."},"mode":{"required":false,"tsType":{"name":"union","raw":"\'small\' | \'medium\' | \'large\' | \'center-aligned\'","elements":[{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'medium\'"},{"name":"literal","value":"\'large\'"},{"name":"literal","value":"\'center-aligned\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nMode of the Appbar.\\n- `small` - Appbar with default height (64).\\n- `medium` - Appbar with medium height (112).\\n- `large` - Appbar with large height (152).\\n- `center-aligned` - Appbar with default height and center-aligned title.","defaultValue":{"value":"Platform.OS === \'ios\' ? \'center-aligned\' : \'small\'","computed":false}},"elevated":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nWhether Appbar background should have the elevation along with primary color pigment.","defaultValue":{"value":"false","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"testID":{"defaultValue":{"value":"\'appbar-header\'","computed":false},"required":false,"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Appbar/AppbarHeader.tsx"],"group":"Appbar"},"Avatar/AvatarIcon":{"filepath":"Avatar/AvatarIcon.tsx","title":"Avatar.Icon","description":"Avatars can be used to represent people in a graphical way.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n```","link":"avatar-icon","data":{"description":"Avatars can be used to represent people in a graphical way.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n```","displayName":"Avatar.Icon","methods":[],"statics":[],"props":{"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Icon to display for the `Avatar`."},"size":{"required":false,"tsType":{"name":"number"},"description":"Size of the avatar.","defaultValue":{"value":"64","computed":false}},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for the icon."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Avatar/AvatarIcon.tsx"],"group":"Avatar"},"Avatar/AvatarImage":{"filepath":"Avatar/AvatarImage.tsx","title":"Avatar.Image","description":"Avatars can be used to represent people in a graphical way.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\nexport default MyComponent\\n```","link":"avatar-image","data":{"description":"Avatars can be used to represent people in a graphical way.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\nexport default MyComponent\\n```","displayName":"Avatar.Image","methods":[],"statics":[],"props":{"source":{"required":true,"tsType":{"name":"union","raw":"| ImageSourcePropType\\n| ((props: { size: number }) => React.ReactNode)","elements":[{"name":"ImageSourcePropType"},{"name":"unknown"}]},"description":"Image to display for the `Avatar`.\\nIt accepts a standard React Native Image `source` prop\\nOr a function that returns an `Image`."},"size":{"required":false,"tsType":{"name":"number"},"description":"Size of the avatar.","defaultValue":{"value":"64","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"onError":{"required":false,"tsType":{"name":"ImageProps[\'onError\']","raw":"ImageProps[\'onError\']"},"description":"Invoked on load error."},"onLayout":{"required":false,"tsType":{"name":"ImageProps[\'onLayout\']","raw":"ImageProps[\'onLayout\']"},"description":"Invoked on mount and on layout changes."},"onLoad":{"required":false,"tsType":{"name":"ImageProps[\'onLoad\']","raw":"ImageProps[\'onLoad\']"},"description":"Invoked when load completes successfully."},"onLoadEnd":{"required":false,"tsType":{"name":"ImageProps[\'onLoadEnd\']","raw":"ImageProps[\'onLoadEnd\']"},"description":"Invoked when load either succeeds or fails."},"onLoadStart":{"required":false,"tsType":{"name":"ImageProps[\'onLoadStart\']","raw":"ImageProps[\'onLoadStart\']"},"description":"Invoked on load start."},"onProgress":{"required":false,"tsType":{"name":"ImageProps[\'onProgress\']","raw":"ImageProps[\'onProgress\']"},"description":"Invoked on download progress."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Avatar/AvatarImage.tsx"],"group":"Avatar"},"Avatar/AvatarText":{"filepath":"Avatar/AvatarText.tsx","title":"Avatar.Text","description":"Avatars can be used to represent people in a graphical way.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n```","link":"avatar-text","data":{"description":"Avatars can be used to represent people in a graphical way.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n```","displayName":"Avatar.Text","methods":[],"statics":[],"props":{"label":{"required":true,"tsType":{"name":"string"},"description":"Initials to show as the text in the `Avatar`."},"size":{"required":false,"tsType":{"name":"number"},"description":"Size of the avatar.","defaultValue":{"value":"64","computed":false}},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for the text."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style for text container"},"labelStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style for the title."},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Avatar/AvatarText.tsx"],"group":"Avatar"},"Badge":{"filepath":"Badge.tsx","title":"Badge","description":"Badges are small status descriptors for UI elements.\\nA badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Badge } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n 3\\n);\\n\\nexport default MyComponent;\\n```","link":"badge","data":{"description":"Badges are small status descriptors for UI elements.\\nA badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Badge } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n 3\\n);\\n\\nexport default MyComponent;\\n```","displayName":"Badge","methods":[],"statics":[],"props":{"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the badge is visible","defaultValue":{"value":"true","computed":false}},"children":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"Content of the `Badge`."},"size":{"required":false,"tsType":{"name":"number"},"description":"Size of the `Badge`.","defaultValue":{"value":"20","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{}]},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Badge.tsx"]},"Banner":{"filepath":"Banner.tsx","title":"Banner","description":"Banner displays a prominent message and related actions.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Image } from \'react-native\';\\nimport { Banner } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(true);\\n\\n return (\\n setVisible(false),\\n },\\n {\\n label: \'Learn more\',\\n onPress: () => setVisible(false),\\n },\\n ]}\\n icon={({size}) => (\\n \\n )}>\\n There was a problem processing a transaction on your credit card.\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"banner","data":{"description":"Banner displays a prominent message and related actions.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Image } from \'react-native\';\\nimport { Banner } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(true);\\n\\n return (\\n setVisible(false),\\n },\\n {\\n label: \'Learn more\',\\n onPress: () => setVisible(false),\\n },\\n ]}\\n icon={({size}) => (\\n \\n )}>\\n There was a problem processing a transaction on your credit card.\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Banner","methods":[],"statics":[],"props":{"visible":{"required":true,"tsType":{"name":"boolean"},"description":"Whether banner is currently visible."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content that will be displayed inside banner."},"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon to display for the `Banner`. Can be an image."},"actions":{"required":false,"tsType":{"name":"Array","elements":[{"name":"intersection","raw":"{\\n label: string;\\n} & $RemoveChildren","elements":[{"name":"signature","type":"object","raw":"{\\n label: string;\\n}","signature":{"properties":[{"key":"label","value":{"name":"string","required":true}}]}},{"name":"$RemoveChildren","elements":[{"name":"Button"}],"raw":"$RemoveChildren"}]}],"raw":"Array<\\n {\\n label: string;\\n } & $RemoveChildren\\n>"},"description":"Action items to shown in the banner.\\nAn action item should contain the following properties:\\n\\n- `label`: label of the action button (required)\\n- `onPress`: callback that is called when button is pressed (required)\\n\\nTo customize button you can pass other props that button component takes.","defaultValue":{"value":"[]","computed":false}},"contentStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style of banner\'s inner content.\\nUse this prop to apply custom width for wide layouts."},"elevation":{"required":false,"tsType":{"name":"union","raw":"0 | 1 | 2 | 3 | 4 | 5 | Animated.Value","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"1"},{"name":"literal","value":"2"},{"name":"literal","value":"3"},{"name":"literal","value":"4"},{"name":"literal","value":"5"},{"name":"Animated.Value"}]},"description":"@supported Available in v5.x with theme version 3\\nChanges Banner shadow and background on iOS and Android.","defaultValue":{"value":"1","computed":false}},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"onShowAnimationFinished":{"required":false,"tsType":{"name":"Animated.EndCallback"},"description":"\\nOptional callback that will be called after the opening animation finished running normally","defaultValue":{"value":"() => {}","computed":false}},"onHideAnimationFinished":{"required":false,"tsType":{"name":"Animated.EndCallback"},"description":"\\nOptional callback that will be called after the closing animation finished running normally","defaultValue":{"value":"() => {}","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Banner.tsx"]},"BottomNavigation/BottomNavigation":{"filepath":"BottomNavigation/BottomNavigation.tsx","title":"BottomNavigation","description":"BottomNavigation provides quick navigation between top-level views of an app with a bottom navigation bar.\\nIt is primarily designed for use on mobile. If you want to use the navigation bar only see [`BottomNavigation.Bar`](BottomNavigationBar).\\n\\nBy default BottomNavigation uses primary color as a background, in dark theme with `adaptive` mode it will use surface colour instead.\\nSee [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more information.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { BottomNavigation, Text } from \'react-native-paper\';\\n\\nconst MusicRoute = () => Music;\\n\\nconst AlbumsRoute = () => Albums;\\n\\nconst RecentsRoute = () => Recents;\\n\\nconst NotificationsRoute = () => Notifications;\\n\\nconst MyComponent = () => {\\n const [index, setIndex] = React.useState(0);\\n const [routes] = React.useState([\\n { key: \'music\', title: \'Favorites\', focusedIcon: \'heart\', unfocusedIcon: \'heart-outline\'},\\n { key: \'albums\', title: \'Albums\', focusedIcon: \'album\' },\\n { key: \'recents\', title: \'Recents\', focusedIcon: \'history\' },\\n { key: \'notifications\', title: \'Notifications\', focusedIcon: \'bell\', unfocusedIcon: \'bell-outline\' },\\n ]);\\n\\n const renderScene = BottomNavigation.SceneMap({\\n music: MusicRoute,\\n albums: AlbumsRoute,\\n recents: RecentsRoute,\\n notifications: NotificationsRoute,\\n });\\n\\n return (\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"bottom-navigation","data":{"description":"BottomNavigation provides quick navigation between top-level views of an app with a bottom navigation bar.\\nIt is primarily designed for use on mobile. If you want to use the navigation bar only see [`BottomNavigation.Bar`](BottomNavigationBar).\\n\\nBy default BottomNavigation uses primary color as a background, in dark theme with `adaptive` mode it will use surface colour instead.\\nSee [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more information.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { BottomNavigation, Text } from \'react-native-paper\';\\n\\nconst MusicRoute = () => Music;\\n\\nconst AlbumsRoute = () => Albums;\\n\\nconst RecentsRoute = () => Recents;\\n\\nconst NotificationsRoute = () => Notifications;\\n\\nconst MyComponent = () => {\\n const [index, setIndex] = React.useState(0);\\n const [routes] = React.useState([\\n { key: \'music\', title: \'Favorites\', focusedIcon: \'heart\', unfocusedIcon: \'heart-outline\'},\\n { key: \'albums\', title: \'Albums\', focusedIcon: \'album\' },\\n { key: \'recents\', title: \'Recents\', focusedIcon: \'history\' },\\n { key: \'notifications\', title: \'Notifications\', focusedIcon: \'bell\', unfocusedIcon: \'bell-outline\' },\\n ]);\\n\\n const renderScene = BottomNavigation.SceneMap({\\n music: MusicRoute,\\n albums: AlbumsRoute,\\n recents: RecentsRoute,\\n notifications: NotificationsRoute,\\n });\\n\\n return (\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"BottomNavigation","methods":[{"name":"SceneMap","docblock":"Function which takes a map of route keys to components.\\nPure components are used to minimize re-rendering of the pages.\\nThis drastically improves the animation performance.","modifiers":["static"],"params":[{"name":"scenes","optional":false,"type":{"name":"signature","type":"object","raw":"{\\n [key: string]: React.ComponentType<{\\n route: Route;\\n jumpTo: (key: string) => void;\\n }>;\\n}","signature":{"properties":[{"key":{"name":"string"},"value":{"name":"ReactComponentType","raw":"React.ComponentType<{\\n route: Route;\\n jumpTo: (key: string) => void;\\n}>","elements":[{"name":"signature","type":"object","raw":"{\\n route: Route;\\n jumpTo: (key: string) => void;\\n}","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}},{"key":"jumpTo","value":{"name":"signature","type":"function","raw":"(key: string) => void","signature":{"arguments":[{"name":"key","type":{"name":"string"}}],"return":{"name":"void"}},"required":true}}]}}],"required":true}}]}}}],"returns":null,"description":"Function which takes a map of route keys to components.\\nPure components are used to minimize re-rendering of the pages.\\nThis drastically improves the animation performance."}],"statics":[],"props":{"shifting":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won\'t have a label.\\n\\nBy default, this is `false` with theme version 3 and `true` when you have more than 3 tabs.\\nPass `shifting={false}` to explicitly disable this animation, or `shifting={true}` to always use this animation.\\nNote that you need at least 2 tabs be able to run this animation."},"labeled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show labels in tabs. When `false`, only icons will be displayed.","defaultValue":{"value":"true","computed":false}},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Whether tabs should be spread across the entire width."},"navigationState":{"required":true,"tsType":{"name":"signature","type":"object","raw":"{\\n index: number;\\n routes: Route[];\\n}","signature":{"properties":[{"key":"index","value":{"name":"number","required":true}},{"key":"routes","value":{"name":"Array","elements":[{"name":"Route"}],"raw":"Route[]","required":true}}]}},"description":"State for the bottom navigation. The state should contain the following properties:\\n\\n- `index`: a number representing the index of the active route in the `routes` array\\n- `routes`: an array containing a list of route objects used for rendering the tabs\\n\\nEach route object should contain the following properties:\\n\\n- `key`: a unique key to identify the route (required)\\n- `title`: title of the route to use as the tab label\\n- `focusedIcon`: icon to use as the focused tab icon, can be a string, an image source or a react component @renamed Renamed from \'icon\' to \'focusedIcon\' in v5.x\\n- `unfocusedIcon`: icon to use as the unfocused tab icon, can be a string, an image source or a react component @supported Available in v5.x with theme version 3\\n- `color`: color to use as background color for shifting bottom navigation @deprecated In v5.x works only with theme version 2.\\n- `badge`: badge to show on the tab icon, can be `true` to show a dot, `string` or `number` to show text.\\n- `accessibilityLabel`: accessibility label for the tab button\\n- `testID`: test id for the tab button\\n\\nExample:\\n\\n```js\\n{\\n index: 1,\\n routes: [\\n { key: \'music\', title: \'Favorites\', focusedIcon: \'heart\', unfocusedIcon: \'heart-outline\'},\\n { key: \'albums\', title: \'Albums\', focusedIcon: \'album\' },\\n { key: \'recents\', title: \'Recents\', focusedIcon: \'history\' },\\n { key: \'notifications\', title: \'Notifications\', focusedIcon: \'bell\', unfocusedIcon: \'bell-outline\' },\\n ]\\n}\\n```\\n\\n`BottomNavigation` is a controlled component, which means the `index` needs to be updated via the `onIndexChange` callback."},"onIndexChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(index: number) => void","signature":{"arguments":[{"name":"index","type":{"name":"number"}}],"return":{"name":"void"}}},"description":"Callback which is called on tab change, receives the index of the new tab as argument.\\nThe navigation state needs to be updated when it\'s called, otherwise the change is dropped."},"renderScene":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(props: {\\n route: Route;\\n jumpTo: (key: string) => void;\\n}) => React.ReactNode | null","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{\\n route: Route;\\n jumpTo: (key: string) => void;\\n}","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}},{"key":"jumpTo","value":{"name":"signature","type":"function","raw":"(key: string) => void","signature":{"arguments":[{"name":"key","type":{"name":"string"}}],"return":{"name":"void"}},"required":true}}]}}}],"return":{"name":"union","raw":"React.ReactNode | null","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"null"}]}}},"description":"Callback which returns a react element to render as the page for the tab. Receives an object containing the route as the argument:\\n\\n```js\\nrenderScene = ({ route, jumpTo }) => {\\n switch (route.key) {\\n case \'music\':\\n return ;\\n case \'albums\':\\n return ;\\n }\\n}\\n```\\n\\nPages are lazily rendered, which means that a page will be rendered the first time you navigate to it.\\nAfter initial render, all the pages stay rendered to preserve their state.\\n\\nYou need to make sure that your individual routes implement a `shouldComponentUpdate` to improve the performance.\\nTo make it easier to specify the components, you can use the `SceneMap` helper:\\n\\n```js\\nrenderScene = BottomNavigation.SceneMap({\\n music: MusicRoute,\\n albums: AlbumsRoute,\\n});\\n```\\n\\nSpecifying the components this way is easier and takes care of implementing a `shouldComponentUpdate` method.\\nEach component will receive the current route and a `jumpTo` method as it\'s props.\\nThe `jumpTo` method can be used to navigate to other tabs programmatically:\\n\\n```js\\nthis.props.jumpTo(\'albums\')\\n```"},"renderIcon":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: {\\n route: Route;\\n focused: boolean;\\n color: string;\\n}) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{\\n route: Route;\\n focused: boolean;\\n color: string;\\n}","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}},{"key":"focused","value":{"name":"boolean","required":true}},{"key":"color","value":{"name":"string","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React Element to be used as tab icon."},"renderLabel":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: {\\n route: Route;\\n focused: boolean;\\n color: string;\\n}) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{\\n route: Route;\\n focused: boolean;\\n color: string;\\n}","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}},{"key":"focused","value":{"name":"boolean","required":true}},{"key":"color","value":{"name":"string","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which React Element to be used as tab label."},"renderTouchable":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: TouchableProps) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"intersection","raw":"TouchableRippleProps & {\\n key: string;\\n route: Route;\\n children: React.ReactNode;\\n borderless?: boolean;\\n centered?: boolean;\\n rippleColor?: ColorValue;\\n}","elements":[{"name":"TouchableRippleProps"},{"name":"signature","type":"object","raw":"{\\n key: string;\\n route: Route;\\n children: React.ReactNode;\\n borderless?: boolean;\\n centered?: boolean;\\n rippleColor?: ColorValue;\\n}","signature":{"properties":[{"key":"key","value":{"name":"string","required":true}},{"key":"route","value":{"name":"Route","required":true}},{"key":"children","value":{"name":"ReactReactNode","raw":"React.ReactNode","required":true}},{"key":"borderless","value":{"name":"boolean","required":false}},{"key":"centered","value":{"name":"boolean","required":false}},{"key":"rippleColor","value":{"name":"ColorValue","required":false}}]}}]}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to be used as the touchable for the tab item.\\nRenders a `TouchableRipple` on Android and `Pressable` on iOS."},"getAccessibilityLabel":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\\nUses `route.accessibilityLabel` by default."},"getBadge":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => boolean | number | string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"boolean | number | string | undefined","elements":[{"name":"boolean"},{"name":"number"},{"name":"string"},{"name":"undefined"}]}}},"description":"Get badge for the tab, uses `route.badge` by default."},"getColor":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get color for the tab, uses `route.color` by default."},"getLabelText":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get label text for the tab, uses `route.title` by default. Use `renderLabel` to replace label component."},"getLazy":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => boolean | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"boolean | undefined","elements":[{"name":"boolean"},{"name":"undefined"}]}}},"description":"Get lazy for the current screen. Uses true by default.","defaultValue":{"value":"({ route }: { route: Route }) => route.lazy","computed":false}},"getTestID":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get the id to locate this tab button in tests, uses `route.testID` by default."},"onTabPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route } & TabPressEvent) => void","signature":{"arguments":[{"name":"props","type":{"name":"intersection","raw":"{ route: Route } & TabPressEvent","elements":[{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}},{"name":"signature","type":"object","raw":"{\\n defaultPrevented: boolean;\\n preventDefault(): void;\\n}","signature":{"properties":[{"key":"defaultPrevented","value":{"name":"boolean","required":true}},{"key":"preventDefault","value":{"name":"void","required":true}}]}}]}}],"return":{"name":"void"}}},"description":"Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top."},"onTabLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route } & TabPressEvent) => void","signature":{"arguments":[{"name":"props","type":{"name":"intersection","raw":"{ route: Route } & TabPressEvent","elements":[{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}},{"name":"signature","type":"object","raw":"{\\n defaultPrevented: boolean;\\n preventDefault(): void;\\n}","signature":{"properties":[{"key":"defaultPrevented","value":{"name":"boolean","required":true}},{"key":"preventDefault","value":{"name":"void","required":true}}]}}]}}],"return":{"name":"void"}}},"description":"Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed."},"activeColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for icon and label in the active tab."},"inactiveColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for icon and label in the inactive tab."},"sceneAnimationEnabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether animation is enabled for scenes transitions in `shifting` mode.\\nBy default, the scenes cross-fade during tab change when `shifting` is enabled.\\nSpecify `sceneAnimationEnabled` as `false` to disable the animation.","defaultValue":{"value":"false","computed":false}},"sceneAnimationType":{"required":false,"tsType":{"name":"union","raw":"\'opacity\' | \'shifting\'","elements":[{"name":"literal","value":"\'opacity\'"},{"name":"literal","value":"\'shifting\'"}]},"description":"The scene animation effect. Specify `\'shifting\'` for a different effect.\\nBy default, \'opacity\' will be used.","defaultValue":{"value":"\'opacity\'","computed":false}},"sceneAnimationEasing":{"required":false,"tsType":{"name":"union","raw":"EasingFunction | undefined","elements":[{"name":"EasingFunction"},{"name":"undefined"}]},"description":"The scene animation Easing."},"keyboardHidesNavigationBar":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the bottom navigation bar is hidden when keyboard is shown.\\nOn Android, this works best when [`windowSoftInputMode`](https://developer.android.com/guide/topics/manifest/activity-element#wsoft) is set to `adjustResize`.","defaultValue":{"value":"Platform.OS === \'android\'","computed":false}},"safeAreaInsets":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n top?: number;\\n right?: number;\\n bottom?: number;\\n left?: number;\\n}","signature":{"properties":[{"key":"top","value":{"name":"number","required":false}},{"key":"right","value":{"name":"number","required":false}},{"key":"bottom","value":{"name":"number","required":false}},{"key":"left","value":{"name":"number","required":false}}]}},"description":"Safe area insets for the tab bar. This can be used to avoid elements like the navigation bar on Android and bottom safe area on iOS.\\nThe bottom insets for iOS is added by default. You can override the behavior with this option."},"barStyle":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":"Style for the bottom navigation bar. You can pass a custom background color here:\\n\\n```js\\nbarStyle={{ backgroundColor: \'#694fad\' }}\\n```"},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach.","defaultValue":{"value":"1","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"activeIndicatorStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'bottom-navigation\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/BottomNavigation/BottomNavigation.tsx"]},"BottomNavigation/BottomNavigationBar":{"filepath":"BottomNavigation/BottomNavigationBar.tsx","title":"BottomNavigation.Bar","description":"A navigation bar which can easily be integrated with [React Navigation\'s Bottom Tabs Navigator](https://reactnavigation.org/docs/bottom-tab-navigator/).\\n\\n## Usage\\n```js\\nimport React from \'react\';\\nimport { View, StyleSheet } from \'react-native\';\\n\\nimport { createBottomTabNavigator } from \'@react-navigation/bottom-tabs\';\\nimport { Text, BottomNavigation } from \'react-native-paper\';\\nimport Icon from \'react-native-vector-icons/MaterialCommunityIcons\';\\n\\nconst Tab = createBottomTabNavigator();\\n\\nexport default function MyComponent() {\\n return (\\n (\\n {\\n const event = navigation.emit({\\n type: \'tabPress\',\\n target: route.key,\\n canPreventDefault: true,\\n });\\n\\n if (event.defaultPrevented) {\\n preventDefault();\\n } else {\\n navigation.dispatch({\\n ...CommonActions.navigate(route.name, route.params),\\n target: state.key,\\n });\\n }\\n }}\\n renderIcon={({ route, focused, color }) => {\\n const { options } = descriptors[route.key];\\n if (options.tabBarIcon) {\\n return options.tabBarIcon({ focused, color, size: 24 });\\n }\\n\\n return null;\\n }}\\n getLabelText={({ route }) => {\\n const { options } = descriptors[route.key];\\n const label =\\n options.tabBarLabel !== undefined\\n ? options.tabBarLabel\\n : options.title !== undefined\\n ? options.title\\n : route.title;\\n\\n return label;\\n }}\\n />\\n )}\\n >\\n {\\n return ;\\n },\\n }}\\n />\\n {\\n return ;\\n },\\n }}\\n />\\n \\n );\\n}\\n\\nfunction HomeScreen() {\\n return (\\n \\n Home!\\n \\n );\\n}\\n\\nfunction SettingsScreen() {\\n return (\\n \\n Settings!\\n \\n );\\n}\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n justifyContent: \'center\',\\n alignItems: \'center\',\\n },\\n});\\n```","link":"bottom-navigation-bar","data":{"description":"A navigation bar which can easily be integrated with [React Navigation\'s Bottom Tabs Navigator](https://reactnavigation.org/docs/bottom-tab-navigator/).\\n\\n## Usage\\n```js\\nimport React from \'react\';\\nimport { View, StyleSheet } from \'react-native\';\\n\\nimport { createBottomTabNavigator } from \'@react-navigation/bottom-tabs\';\\nimport { Text, BottomNavigation } from \'react-native-paper\';\\nimport Icon from \'react-native-vector-icons/MaterialCommunityIcons\';\\n\\nconst Tab = createBottomTabNavigator();\\n\\nexport default function MyComponent() {\\n return (\\n (\\n {\\n const event = navigation.emit({\\n type: \'tabPress\',\\n target: route.key,\\n canPreventDefault: true,\\n });\\n\\n if (event.defaultPrevented) {\\n preventDefault();\\n } else {\\n navigation.dispatch({\\n ...CommonActions.navigate(route.name, route.params),\\n target: state.key,\\n });\\n }\\n }}\\n renderIcon={({ route, focused, color }) => {\\n const { options } = descriptors[route.key];\\n if (options.tabBarIcon) {\\n return options.tabBarIcon({ focused, color, size: 24 });\\n }\\n\\n return null;\\n }}\\n getLabelText={({ route }) => {\\n const { options } = descriptors[route.key];\\n const label =\\n options.tabBarLabel !== undefined\\n ? options.tabBarLabel\\n : options.title !== undefined\\n ? options.title\\n : route.title;\\n\\n return label;\\n }}\\n />\\n )}\\n >\\n {\\n return ;\\n },\\n }}\\n />\\n {\\n return ;\\n },\\n }}\\n />\\n \\n );\\n}\\n\\nfunction HomeScreen() {\\n return (\\n \\n Home!\\n \\n );\\n}\\n\\nfunction SettingsScreen() {\\n return (\\n \\n Settings!\\n \\n );\\n}\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n justifyContent: \'center\',\\n alignItems: \'center\',\\n },\\n});\\n```","displayName":"BottomNavigation.Bar","methods":[],"statics":[],"props":{"shifting":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won\'t have a label.\\n\\nBy default, this is `false` with theme version 3 and `true` when you have more than 3 tabs.\\nPass `shifting={false}` to explicitly disable this animation, or `shifting={true}` to always use this animation.\\nNote that you need at least 2 tabs be able to run this animation."},"labeled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show labels in tabs. When `false`, only icons will be displayed.","defaultValue":{"value":"true","computed":false}},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Whether tabs should be spread across the entire width."},"navigationState":{"required":true,"tsType":{"name":"signature","type":"object","raw":"{\\n index: number;\\n routes: Route[];\\n}","signature":{"properties":[{"key":"index","value":{"name":"number","required":true}},{"key":"routes","value":{"name":"Array","elements":[{"name":"Route"}],"raw":"Route[]","required":true}}]}},"description":"State for the bottom navigation. The state should contain the following properties:\\n\\n- `index`: a number representing the index of the active route in the `routes` array\\n- `routes`: an array containing a list of route objects used for rendering the tabs\\n\\nEach route object should contain the following properties:\\n\\n- `key`: a unique key to identify the route (required)\\n- `title`: title of the route to use as the tab label\\n- `focusedIcon`: icon to use as the focused tab icon, can be a string, an image source or a react component @renamed Renamed from \'icon\' to \'focusedIcon\' in v5.x\\n- `unfocusedIcon`: icon to use as the unfocused tab icon, can be a string, an image source or a react component @supported Available in v5.x with theme version 3\\n- `color`: color to use as background color for shifting bottom navigation @deprecatedProperty In v5.x works only with theme version 2.\\n- `badge`: badge to show on the tab icon, can be `true` to show a dot, `string` or `number` to show text.\\n- `accessibilityLabel`: accessibility label for the tab button\\n- `testID`: test id for the tab button\\n\\nExample:\\n\\n```js\\n{\\n index: 1,\\n routes: [\\n { key: \'music\', title: \'Favorites\', focusedIcon: \'heart\', unfocusedIcon: \'heart-outline\'},\\n { key: \'albums\', title: \'Albums\', focusedIcon: \'album\' },\\n { key: \'recents\', title: \'Recents\', focusedIcon: \'history\' },\\n { key: \'notifications\', title: \'Notifications\', focusedIcon: \'bell\', unfocusedIcon: \'bell-outline\' },\\n ]\\n}\\n```\\n\\n`BottomNavigation.Bar` is a controlled component, which means the `index` needs to be updated via the `onTabPress` callback."},"renderIcon":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: {\\n route: Route;\\n focused: boolean;\\n color: string;\\n}) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{\\n route: Route;\\n focused: boolean;\\n color: string;\\n}","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}},{"key":"focused","value":{"name":"boolean","required":true}},{"key":"color","value":{"name":"string","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React Element to be used as tab icon."},"renderLabel":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: {\\n route: Route;\\n focused: boolean;\\n color: string;\\n}) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{\\n route: Route;\\n focused: boolean;\\n color: string;\\n}","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}},{"key":"focused","value":{"name":"boolean","required":true}},{"key":"color","value":{"name":"string","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which React Element to be used as tab label."},"renderTouchable":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: TouchableProps) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"intersection","raw":"TouchableRippleProps & {\\n key: string;\\n route: Route;\\n children: React.ReactNode;\\n borderless?: boolean;\\n centered?: boolean;\\n rippleColor?: ColorValue;\\n}","elements":[{"name":"TouchableRippleProps"},{"name":"signature","type":"object","raw":"{\\n key: string;\\n route: Route;\\n children: React.ReactNode;\\n borderless?: boolean;\\n centered?: boolean;\\n rippleColor?: ColorValue;\\n}","signature":{"properties":[{"key":"key","value":{"name":"string","required":true}},{"key":"route","value":{"name":"Route","required":true}},{"key":"children","value":{"name":"ReactReactNode","raw":"React.ReactNode","required":true}},{"key":"borderless","value":{"name":"boolean","required":false}},{"key":"centered","value":{"name":"boolean","required":false}},{"key":"rippleColor","value":{"name":"ColorValue","required":false}}]}}]}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to be used as the touchable for the tab item.\\nRenders a `TouchableRipple` on Android and `Pressable` on iOS.","defaultValue":{"value":"(props: TouchableProps) => ","computed":false}},"getAccessibilityLabel":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\\nUses `route.accessibilityLabel` by default.","defaultValue":{"value":"({ route }: { route: Route }) =>\\nroute.accessibilityLabel","computed":false}},"getBadge":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => boolean | number | string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"boolean | number | string | undefined","elements":[{"name":"boolean"},{"name":"number"},{"name":"string"},{"name":"undefined"}]}}},"description":"Get badge for the tab, uses `route.badge` by default.","defaultValue":{"value":"({ route }: { route: Route }) => route.badge","computed":false}},"getColor":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get color for the tab, uses `route.color` by default.","defaultValue":{"value":"({ route }: { route: Route }) => route.color","computed":false}},"getLabelText":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get label text for the tab, uses `route.title` by default. Use `renderLabel` to replace label component.","defaultValue":{"value":"({ route }: { route: Route }) => route.title","computed":false}},"getTestID":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route }) => string | undefined","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}}}],"return":{"name":"union","raw":"string | undefined","elements":[{"name":"string"},{"name":"undefined"}]}}},"description":"Get the id to locate this tab button in tests, uses `route.testID` by default.","defaultValue":{"value":"({ route }: { route: Route }) => route.testID","computed":false}},"onTabPress":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route } & TabPressEvent) => void","signature":{"arguments":[{"name":"props","type":{"name":"intersection","raw":"{ route: Route } & TabPressEvent","elements":[{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}},{"name":"signature","type":"object","raw":"{\\n defaultPrevented: boolean;\\n preventDefault(): void;\\n}","signature":{"properties":[{"key":"defaultPrevented","value":{"name":"boolean","required":true}},{"key":"preventDefault","value":{"name":"void","required":true}}]}}]}}],"return":{"name":"void"}}},"description":"Function to execute on tab press. It receives the route for the pressed tab. Use this to update the navigation state."},"onTabLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { route: Route } & TabPressEvent) => void","signature":{"arguments":[{"name":"props","type":{"name":"intersection","raw":"{ route: Route } & TabPressEvent","elements":[{"name":"signature","type":"object","raw":"{ route: Route }","signature":{"properties":[{"key":"route","value":{"name":"Route","required":true}}]}},{"name":"signature","type":"object","raw":"{\\n defaultPrevented: boolean;\\n preventDefault(): void;\\n}","signature":{"properties":[{"key":"defaultPrevented","value":{"name":"boolean","required":true}},{"key":"preventDefault","value":{"name":"void","required":true}}]}}]}}],"return":{"name":"void"}}},"description":"Function to execute on tab long press. It receives the route for the pressed tab"},"activeColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for icon and label in the active tab."},"inactiveColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for icon and label in the inactive tab."},"animationEasing":{"required":false,"tsType":{"name":"union","raw":"EasingFunction | undefined","elements":[{"name":"EasingFunction"},{"name":"undefined"}]},"description":"The scene animation Easing."},"keyboardHidesNavigationBar":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the bottom navigation bar is hidden when keyboard is shown.\\nOn Android, this works best when [`windowSoftInputMode`](https://developer.android.com/guide/topics/manifest/activity-element#wsoft) is set to `adjustResize`.","defaultValue":{"value":"Platform.OS === \'android\'","computed":false}},"safeAreaInsets":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\\n top?: number;\\n right?: number;\\n bottom?: number;\\n left?: number;\\n}","signature":{"properties":[{"key":"top","value":{"name":"number","required":false}},{"key":"right","value":{"name":"number","required":false}},{"key":"bottom","value":{"name":"number","required":false}},{"key":"left","value":{"name":"number","required":false}}]}},"description":"Safe area insets for the tab bar. This can be used to avoid elements like the navigation bar on Android and bottom safe area on iOS.\\nThe bottom insets for iOS is added by default. You can override the behavior with this option."},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach.","defaultValue":{"value":"1","computed":false}},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"activeIndicatorStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'bottom-navigation-bar\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/BottomNavigation/BottomNavigationBar.tsx"],"group":"BottomNavigation"},"Button/Button":{"filepath":"Button/Button.tsx","title":"Button","description":"A button is component that the user can press to trigger an action.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Button } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"button","data":{"description":"A button is component that the user can press to trigger an action.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Button } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Button","methods":[],"statics":[],"props":{"mode":{"required":false,"tsType":{"name":"union","raw":"\'text\' | \'outlined\' | \'contained\' | \'elevated\' | \'contained-tonal\'","elements":[{"name":"literal","value":"\'text\'"},{"name":"literal","value":"\'outlined\'"},{"name":"literal","value":"\'contained\'"},{"name":"literal","value":"\'elevated\'"},{"name":"literal","value":"\'contained-tonal\'"}]},"description":"Mode of the button. You can change the mode to adjust the styling to give it desired emphasis.\\n- `text` - flat button without background or outline, used for the lowest priority actions, especially when presenting multiple options.\\n- `outlined` - button with an outline without background, typically used for important, but not primary action \u2013 represents medium emphasis.\\n- `contained` - button with a background color, used for important action, have the most visual impact and high emphasis.\\n- `elevated` - button with a background color and elevation, used when absolutely necessary e.g. button requires visual separation from a patterned background. @supported Available in v5.x with theme version 3\\n- `contained-tonal` - button with a secondary background color, an alternative middle ground between contained and outlined buttons. @supported Available in v5.x with theme version 3","defaultValue":{"value":"\'text\'","computed":false}},"dark":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the color is a dark color. A dark button will render light text and vice-versa. Only applicable for:\\n * `contained` mode for theme version 2\\n * `contained`, `contained-tonal` and `elevated` modes for theme version 3."},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"Use a compact look, useful for `text` buttons in a row."},"color":{"required":false,"tsType":{"name":"string"},"description":"@deprecated Deprecated in v5.x - use `buttonColor` or `textColor` instead.\\nCustom text color for flat button, or background color for contained button."},"buttonColor":{"required":false,"tsType":{"name":"string"},"description":"Custom button\'s background color."},"textColor":{"required":false,"tsType":{"name":"string"},"description":"Custom button\'s text color."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show a loading indicator."},"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon to display for the `Button`."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button is disabled. A disabled button is greyed out and `onPress` is not called on touch."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text of the button."},"uppercase":{"required":false,"tsType":{"name":"boolean"},"description":"Make the label text uppercased. Note that this won\'t work if you pass React elements as children."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button."},"accessibilityHint":{"required":false,"tsType":{"name":"string"},"description":"Accessibility hint for the button. This is read by the screen reader when the user taps the button."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"onPressIn":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute as soon as the touchable element is pressed and invoked even before onPress."},"onPressOut":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute as soon as the touch is released even before onPress."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on long press."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before executing `onLongPress`."},"contentStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style of button\'s inner content.\\nUse this prop to apply custom height and width and to set the icon on the right with `flexDirection: \'row-reverse\'`."},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"labelStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style for the button text."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests.","defaultValue":{"value":"\'button\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Button/Button.tsx"]},"Card/Card":{"filepath":"Card/Card.tsx","title":"Card","description":"A card is a sheet of material that serves as an entry point to more detailed information.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar, Button, Card, Text } from \'react-native-paper\';\\n\\nconst LeftContent = props => \\n\\nconst MyComponent = () => (\\n \\n \\n \\n Card title\\n Card content\\n \\n \\n \\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"card","data":{"description":"A card is a sheet of material that serves as an entry point to more detailed information.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar, Button, Card, Text } from \'react-native-paper\';\\n\\nconst LeftContent = props => \\n\\nconst MyComponent = () => (\\n \\n \\n \\n Card title\\n Card content\\n \\n \\n \\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Card","methods":[],"statics":[],"props":{"mode":{"required":false,"tsType":{"name":"union","raw":"\'elevated\' | \'outlined\' | \'contained\'","elements":[{"name":"literal","value":"\'elevated\'"},{"name":"literal","value":"\'outlined\'"},{"name":"literal","value":"\'contained\'"}]},"description":"Mode of the Card.\\n- `elevated` - Card with elevation.\\n- `contained` - Card without outline and elevation @supported Available in v5.x with theme version 3\\n- `outlined` - Card with an outline.","defaultValue":{"value":"\'elevated\'","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Card`."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Function to execute on long press."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"onPressIn":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute as soon as the touchable element is pressed and invoked even before onPress."},"onPressOut":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute as soon as the touch is released even before onPress."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before executing `onLongPress`."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"If true, disable all interactions for this component."},"elevation":{"required":false,"tsType":{"name":"union","raw":"0 | 1 | 2 | 3 | 4 | 5 | Animated.Value","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"1"},{"name":"literal","value":"2"},{"name":"literal","value":"3"},{"name":"literal","value":"4"},{"name":"literal","value":"5"},{"name":"Animated.Value"}]},"description":"Changes Card shadow and background on iOS and Android.","defaultValue":{"value":"1","computed":false}},"contentStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style of card\'s inner content."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"Pass down testID from card props to touchable","defaultValue":{"value":"\'card\'","computed":false}},"accessible":{"required":false,"tsType":{"name":"boolean"},"description":"Pass down accessible from card props to touchable"}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Card/Card.tsx"]},"Card/CardActions":{"filepath":"Card/CardActions.tsx","title":"Card.Actions","description":"A component to show a list of actions inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Card, Button } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"card-actions","data":{"description":"A component to show a list of actions inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Card, Button } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Card.Actions","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Items inside the `CardActions`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Card/CardActions.tsx"],"group":"Card"},"Card/CardContent":{"filepath":"Card/CardContent.tsx","title":"Card.Content","description":"A component to show content inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Card, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n Card title\\n Card content\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"card-content","data":{"description":"A component to show content inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Card, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n Card title\\n Card content\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Card.Content","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Items inside the `Card.Content`."},"index":{"required":false,"tsType":{"name":"number"},"description":"@internal"},"total":{"required":false,"tsType":{"name":"number"},"description":"@internal"},"siblings":{"required":false,"tsType":{"name":"Array","elements":[{"name":"string"}],"raw":"Array"},"description":"@internal"},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Card/CardContent.tsx"],"group":"Card"},"Card/CardCover":{"filepath":"Card/CardCover.tsx","title":"Card.Cover","description":"A component to show a cover image inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Card } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends Image props https://reactnative.dev/docs/image#props","link":"card-cover","data":{"description":"A component to show a cover image inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Card } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends Image props https://reactnative.dev/docs/image#props","displayName":"Card.Cover","methods":[],"statics":[],"props":{"index":{"required":false,"tsType":{"name":"number"},"description":"@internal"},"total":{"required":false,"tsType":{"name":"number"},"description":"@internal"},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Card/CardCover.tsx"],"group":"Card"},"Card/CardTitle":{"filepath":"Card/CardTitle.tsx","title":"Card.Title","description":"A component to show a title, subtitle and an avatar inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar, Card, IconButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n }\\n right={(props) => {}} />}\\n />\\n);\\n\\nexport default MyComponent;\\n```","link":"card-title","data":{"description":"A component to show a title, subtitle and an avatar inside a Card.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Avatar, Card, IconButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n }\\n right={(props) => {}} />}\\n />\\n);\\n\\nexport default MyComponent;\\n```","displayName":"Card.Title","methods":[],"statics":[],"props":{"title":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text for the title. Note that this will only accept a string or ``-based node."},"titleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style for the title."},"titleNumberOfLines":{"required":false,"tsType":{"name":"number"},"description":"Number of lines for the title.","defaultValue":{"value":"1","computed":false}},"titleVariant":{"required":false,"tsType":{"name":"unknown"},"description":"@supported Available in v5.x with theme version 3\\n\\nTitle text variant defines appropriate text styles for type role and its size.\\nAvailable variants:\\n\\n Display: `displayLarge`, `displayMedium`, `displaySmall`\\n\\n Headline: `headlineLarge`, `headlineMedium`, `headlineSmall`\\n\\n Title: `titleLarge`, `titleMedium`, `titleSmall`\\n\\n Label: `labelLarge`, `labelMedium`, `labelSmall`\\n\\n Body: `bodyLarge`, `bodyMedium`, `bodySmall`","defaultValue":{"value":"\'bodyLarge\'","computed":false}},"subtitle":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text for the subtitle. Note that this will only accept a string or ``-based node."},"subtitleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style for the subtitle."},"subtitleNumberOfLines":{"required":false,"tsType":{"name":"number"},"description":"Number of lines for the subtitle.","defaultValue":{"value":"1","computed":false}},"subtitleVariant":{"required":false,"tsType":{"name":"unknown"},"description":"@supported Available in v5.x with theme version 3\\n\\nSubtitle text variant defines appropriate text styles for type role and its size.\\nAvailable variants:\\n\\n Display: `displayLarge`, `displayMedium`, `displaySmall`\\n\\n Headline: `headlineLarge`, `headlineMedium`, `headlineSmall`\\n\\n Title: `titleLarge`, `titleMedium`, `titleSmall`\\n\\n Label: `labelLarge`, `labelMedium`, `labelSmall`\\n\\n Body: `bodyLarge`, `bodyMedium`, `bodySmall`","defaultValue":{"value":"\'bodyMedium\'","computed":false}},"left":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { size: number }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ size: number }","signature":{"properties":[{"key":"size","value":{"name":"number","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the left side."},"leftStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style for the left element wrapper."},"right":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { size: number }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ size: number }","signature":{"properties":[{"key":"size","value":{"name":"number","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the right side."},"rightStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style for the right element wrapper."},"index":{"required":false,"tsType":{"name":"number"},"description":"@internal"},"total":{"required":false,"tsType":{"name":"number"},"description":"@internal"},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach."},"subtitleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a subtitle font can reach."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Card/CardTitle.tsx"],"group":"Card"},"Checkbox/Checkbox":{"filepath":"Checkbox/Checkbox.tsx","title":"Checkbox","description":"Checkboxes allow the selection of multiple options from a set.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Checkbox } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [checked, setChecked] = React.useState(false);\\n\\n return (\\n {\\n setChecked(!checked);\\n }}\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"checkbox","data":{"description":"Checkboxes allow the selection of multiple options from a set.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Checkbox } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [checked, setChecked] = React.useState(false);\\n\\n return (\\n {\\n setChecked(!checked);\\n }}\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Checkbox","methods":[],"statics":[],"props":{"status":{"required":true,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\' | \'indeterminate\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"},{"name":"literal","value":"\'indeterminate\'"}]},"description":"Status of checkbox."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether checkbox is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"uncheckedColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for unchecked checkbox."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for checkbox."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Checkbox/Checkbox.tsx"]},"Checkbox/CheckboxAndroid":{"filepath":"Checkbox/CheckboxAndroid.tsx","title":"Checkbox.Android","description":"Checkboxes allow the selection of multiple options from a set.\\nThis component follows platform guidelines for Android, but can be used\\non any platform.","link":"checkbox-android","data":{"description":"Checkboxes allow the selection of multiple options from a set.\\nThis component follows platform guidelines for Android, but can be used\\non any platform.","displayName":"Checkbox.Android","methods":[],"statics":[],"props":{"status":{"required":true,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\' | \'indeterminate\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"},{"name":"literal","value":"\'indeterminate\'"}]},"description":"Status of checkbox."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether checkbox is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"uncheckedColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for unchecked checkbox."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for checkbox."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Checkbox/CheckboxAndroid.tsx"],"group":"Checkbox"},"Checkbox/CheckboxIOS":{"filepath":"Checkbox/CheckboxIOS.tsx","title":"Checkbox.IOS","description":"Checkboxes allow the selection of multiple options from a set.\\nThis component follows platform guidelines for iOS, but can be used\\non any platform.","link":"checkbox-ios","data":{"description":"Checkboxes allow the selection of multiple options from a set.\\nThis component follows platform guidelines for iOS, but can be used\\non any platform.","displayName":"Checkbox.IOS","methods":[],"statics":[],"props":{"status":{"required":true,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\' | \'indeterminate\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"},{"name":"literal","value":"\'indeterminate\'"}]},"description":"Status of checkbox."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether checkbox is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for checkbox."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Checkbox/CheckboxIOS.tsx"],"group":"Checkbox"},"Checkbox/CheckboxItem":{"filepath":"Checkbox/CheckboxItem.tsx","title":"Checkbox.Item","description":"Checkbox.Item allows you to press the whole row (item) instead of only the Checkbox.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Checkbox } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"checkbox-item","data":{"description":"Checkbox.Item allows you to press the whole row (item) instead of only the Checkbox.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Checkbox } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Checkbox.Item","methods":[],"statics":[],"props":{"status":{"required":true,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\' | \'indeterminate\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"},{"name":"literal","value":"\'indeterminate\'"}]},"description":"Status of checkbox."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether checkbox is disabled."},"label":{"required":true,"tsType":{"name":"string"},"description":"Label to be displayed on the item."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable.","defaultValue":{"value":"label","computed":true}},"uncheckedColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for unchecked checkbox."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for checkbox."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Additional styles for container View."},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach.","defaultValue":{"value":"1.5","computed":false}},"labelStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Label element."},"labelVariant":{"required":false,"tsType":{"name":"unknown"},"description":"@supported Available in v5.x with theme version 3\\n\\nLabel text variant defines appropriate text styles for type role and its size.\\nAvailable variants:\\n\\n Display: `displayLarge`, `displayMedium`, `displaySmall`\\n\\n Headline: `headlineLarge`, `headlineMedium`, `headlineSmall`\\n\\n Title: `titleLarge`, `titleMedium`, `titleSmall`\\n\\n Label: `labelLarge`, `labelMedium`, `labelSmall`\\n\\n Body: `bodyLarge`, `bodyMedium`, `bodySmall`","defaultValue":{"value":"\'bodyLarge\'","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."},"position":{"required":false,"tsType":{"name":"union","raw":"\'leading\' | \'trailing\'","elements":[{"name":"literal","value":"\'leading\'"},{"name":"literal","value":"\'trailing\'"}]},"description":"Checkbox control position.","defaultValue":{"value":"\'trailing\'","computed":false}},"mode":{"required":false,"tsType":{"name":"union","raw":"\'android\' | \'ios\'","elements":[{"name":"literal","value":"\'android\'"},{"name":"literal","value":"\'ios\'"}]},"description":"Whether `` or `` should be used.\\nLeft undefined `` will be used."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Checkbox/CheckboxItem.tsx"],"group":"Checkbox"},"Chip/Chip":{"filepath":"Chip/Chip.tsx","title":"Chip","description":"Chips are compact elements that can represent inputs, attributes, or actions.\\nThey can have an icon or avatar on the left, and a close button icon on the right.\\nThey are typically used to:\\n
    \\n
  • Present multiple options
    • \\n
  • Represent attributes active or chosen
    • \\n
  • Present filter options
    • \\n
  • Trigger actions related to primary content
    • \\n
\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Chip } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}>Example Chip\\n);\\n\\nexport default MyComponent;\\n```","link":"chip","data":{"description":"Chips are compact elements that can represent inputs, attributes, or actions.\\nThey can have an icon or avatar on the left, and a close button icon on the right.\\nThey are typically used to:\\n
    \\n
  • Present multiple options
    • \\n
  • Represent attributes active or chosen
    • \\n
  • Present filter options
    • \\n
  • Trigger actions related to primary content
    • \\n
\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Chip } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}>Example Chip\\n);\\n\\nexport default MyComponent;\\n```","displayName":"Chip","methods":[],"statics":[],"props":{"mode":{"required":false,"tsType":{"name":"union","raw":"\'flat\' | \'outlined\'","elements":[{"name":"literal","value":"\'flat\'"},{"name":"literal","value":"\'outlined\'"}]},"description":"Mode of the chip.\\n- `flat` - flat chip without outline.\\n- `outlined` - chip with an outline.","defaultValue":{"value":"\'flat\'","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text content of the `Chip`."},"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon to display for the `Chip`. Both icon and avatar cannot be specified."},"avatar":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Avatar to display for the `Chip`. Both icon and avatar cannot be specified."},"closeIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon to display as the close button for the `Chip`. The icon appears only when the onClose prop is specified."},"selected":{"required":false,"tsType":{"name":"boolean"},"description":"Whether chip is selected.","defaultValue":{"value":"false","computed":false}},"selectedColor":{"required":false,"tsType":{"name":"string"},"description":"Whether to style the chip color as selected.\\nNote: With theme version 3 `selectedColor` doesn\'t apply to the `icon`.\\n If you want specify custom color for the `icon`, render your own `Icon` component."},"showSelectedOverlay":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nWhether to display overlay on selected chip","defaultValue":{"value":"false","computed":false}},"showSelectedCheck":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to display default check icon on selected chip.\\nNote: Check will not be shown if `icon` is specified. If specified, `icon` will be shown regardless of `selected`.","defaultValue":{"value":"true","computed":false}},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the chip is disabled. A disabled chip is greyed out and `onPress` is not called on touch.","defaultValue":{"value":"false","computed":false}},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the chip. This is read by the screen reader when the user taps the chip."},"closeIconAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the close icon. This is read by the screen reader when the user taps the close icon.","defaultValue":{"value":"\'Close\'","computed":false}},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Function to execute on long press."},"onPressIn":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute as soon as the touchable element is pressed and invoked even before onPress."},"onPressOut":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute as soon as the touch is released even before onPress."},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Function to execute on close button press. The close button appears only when this prop is specified."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before executing `onLongPress`."},"compact":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nSets smaller horizontal paddings `12dp` around label, when there is only label."},"elevated":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nWhether chip should have the elevation.","defaultValue":{"value":"false","computed":false}},"textStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style of chip\'s text"},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"Pass down testID from chip props to touchable for Detox tests.","defaultValue":{"value":"\'chip\'","computed":false}},"ellipsizeMode":{"required":false,"tsType":{"name":"EllipsizeProp"},"description":"Ellipsize Mode for the children text"},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Chip/Chip.tsx"]},"DataTable/DataTable":{"filepath":"DataTable/DataTable.tsx","title":"DataTable","description":"Data tables allow displaying sets of data.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [page, setPage] = React.useState(0);\\n const [numberOfItemsPerPageList] = React.useState([2, 3, 4]);\\n const [itemsPerPage, onItemsPerPageChange] = React.useState(\\n numberOfItemsPerPageList[0]\\n );\\n\\n const [items] = React.useState([\\n {\\n key: 1,\\n name: \'Cupcake\',\\n calories: 356,\\n fat: 16,\\n },\\n {\\n key: 2,\\n name: \'Eclair\',\\n calories: 262,\\n fat: 16,\\n },\\n {\\n key: 3,\\n name: \'Frozen yogurt\',\\n calories: 159,\\n fat: 6,\\n },\\n {\\n key: 4,\\n name: \'Gingerbread\',\\n calories: 305,\\n fat: 3.7,\\n },\\n ]);\\n\\n const from = page * itemsPerPage;\\n const to = Math.min((page + 1) * itemsPerPage, items.length);\\n\\n React.useEffect(() => {\\n setPage(0);\\n }, [itemsPerPage]);\\n\\n return (\\n \\n \\n Dessert\\n Calories\\n Fat\\n \\n\\n {items.slice(from, to).map((item) => (\\n \\n {item.name}\\n {item.calories}\\n {item.fat}\\n \\n ))}\\n\\n setPage(page)}\\n label={`${from + 1}-${to} of ${items.length}`}\\n numberOfItemsPerPageList={numberOfItemsPerPageList}\\n numberOfItemsPerPage={itemsPerPage}\\n onItemsPerPageChange={onItemsPerPageChange}\\n showFastPaginationControls\\n selectPageDropdownLabel={\'Rows per page\'}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"data-table","data":{"description":"Data tables allow displaying sets of data.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [page, setPage] = React.useState(0);\\n const [numberOfItemsPerPageList] = React.useState([2, 3, 4]);\\n const [itemsPerPage, onItemsPerPageChange] = React.useState(\\n numberOfItemsPerPageList[0]\\n );\\n\\n const [items] = React.useState([\\n {\\n key: 1,\\n name: \'Cupcake\',\\n calories: 356,\\n fat: 16,\\n },\\n {\\n key: 2,\\n name: \'Eclair\',\\n calories: 262,\\n fat: 16,\\n },\\n {\\n key: 3,\\n name: \'Frozen yogurt\',\\n calories: 159,\\n fat: 6,\\n },\\n {\\n key: 4,\\n name: \'Gingerbread\',\\n calories: 305,\\n fat: 3.7,\\n },\\n ]);\\n\\n const from = page * itemsPerPage;\\n const to = Math.min((page + 1) * itemsPerPage, items.length);\\n\\n React.useEffect(() => {\\n setPage(0);\\n }, [itemsPerPage]);\\n\\n return (\\n \\n \\n Dessert\\n Calories\\n Fat\\n \\n\\n {items.slice(from, to).map((item) => (\\n \\n {item.name}\\n {item.calories}\\n {item.fat}\\n \\n ))}\\n\\n setPage(page)}\\n label={`${from + 1}-${to} of ${items.length}`}\\n numberOfItemsPerPageList={numberOfItemsPerPageList}\\n numberOfItemsPerPage={itemsPerPage}\\n onItemsPerPageChange={onItemsPerPageChange}\\n showFastPaginationControls\\n selectPageDropdownLabel={\'Rows per page\'}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"DataTable","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DataTable`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/DataTable/DataTable.tsx"]},"DataTable/DataTableCell":{"filepath":"DataTable/DataTableCell.tsx","title":"DataTable.Cell","description":"A component to show a single cell inside of a table.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n 1\\n 2\\n 3\\n 4\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\nIf you want to support multiline text, please use View instead, as multiline text doesn\'t comply with\\nMD Guidelines (https://github.com/callstack/react-native-paper/issues/2381).\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","link":"data-table-cell","data":{"description":"A component to show a single cell inside of a table.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n 1\\n 2\\n 3\\n 4\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\nIf you want to support multiline text, please use View instead, as multiline text doesn\'t comply with\\nMD Guidelines (https://github.com/callstack/react-native-paper/issues/2381).\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","displayName":"DataTable.Cell","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DataTableCell`."},"numeric":{"required":false,"tsType":{"name":"boolean"},"description":"Align the text to the right. Generally monetary or number fields are aligned to right."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"textStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Text content style of the `DataTableCell`."},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/DataTable/DataTableCell.tsx"],"group":"DataTable"},"DataTable/DataTableHeader":{"filepath":"DataTable/DataTableHeader.tsx","title":"DataTable.Header","description":"A component to display title in table header.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n Dessert\\n \\n Calories\\n Fat (g)\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"data-table-header","data":{"description":"A component to display title in table header.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n Dessert\\n \\n Calories\\n Fat (g)\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"DataTable.Header","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DataTableHeader`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/DataTable/DataTableHeader.tsx"],"group":"DataTable"},"DataTable/DataTablePagination":{"filepath":"DataTable/DataTablePagination.tsx","title":"DataTable.Pagination","description":"A component to show pagination for data table.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst numberOfItemsPerPageList = [2, 3, 4];\\n\\nconst items = [\\n {\\n key: 1,\\n name: \'Page 1\',\\n },\\n {\\n key: 2,\\n name: \'Page 2\',\\n },\\n {\\n key: 3,\\n name: \'Page 3\',\\n },\\n];\\n\\nconst MyComponent = () => {\\n const [page, setPage] = React.useState(0);\\n const [numberOfItemsPerPage, onItemsPerPageChange] = React.useState(numberOfItemsPerPageList[0]);\\n const from = page * numberOfItemsPerPage;\\n const to = Math.min((page + 1) * numberOfItemsPerPage, items.length);\\n\\n React.useEffect(() => {\\n setPage(0);\\n }, [numberOfItemsPerPage]);\\n\\n return (\\n \\n setPage(page)}\\n label={`${from + 1}-${to} of ${items.length}`}\\n showFastPaginationControls\\n numberOfItemsPerPageList={numberOfItemsPerPageList}\\n numberOfItemsPerPage={numberOfItemsPerPage}\\n onItemsPerPageChange={onItemsPerPageChange}\\n selectPageDropdownLabel={\'Rows per page\'}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"data-table-pagination","data":{"description":"A component to show pagination for data table.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst numberOfItemsPerPageList = [2, 3, 4];\\n\\nconst items = [\\n {\\n key: 1,\\n name: \'Page 1\',\\n },\\n {\\n key: 2,\\n name: \'Page 2\',\\n },\\n {\\n key: 3,\\n name: \'Page 3\',\\n },\\n];\\n\\nconst MyComponent = () => {\\n const [page, setPage] = React.useState(0);\\n const [numberOfItemsPerPage, onItemsPerPageChange] = React.useState(numberOfItemsPerPageList[0]);\\n const from = page * numberOfItemsPerPage;\\n const to = Math.min((page + 1) * numberOfItemsPerPage, items.length);\\n\\n React.useEffect(() => {\\n setPage(0);\\n }, [numberOfItemsPerPage]);\\n\\n return (\\n \\n setPage(page)}\\n label={`${from + 1}-${to} of ${items.length}`}\\n showFastPaginationControls\\n numberOfItemsPerPageList={numberOfItemsPerPageList}\\n numberOfItemsPerPage={numberOfItemsPerPage}\\n onItemsPerPageChange={onItemsPerPageChange}\\n selectPageDropdownLabel={\'Rows per page\'}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"DataTable.Pagination","methods":[],"statics":[],"props":{"page":{"required":true,"tsType":{"name":"number"},"description":"The currently visible page (starting with 0)."},"numberOfPages":{"required":true,"tsType":{"name":"number"},"description":"The total number of pages."},"onPageChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(page: number) => void","signature":{"arguments":[{"name":"page","type":{"name":"number"}}],"return":{"name":"void"}}},"description":"Function to execute on page change."},"showFastPaginationControls":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show fast forward and fast rewind buttons in pagination. False by default.","defaultValue":{"value":"false","computed":false}},"paginationControlRippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the pagination control ripple effect."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"numberOfItemsPerPage":{"required":false,"tsType":{"name":"number"},"description":"The current number of rows per page."},"numberOfItemsPerPageList":{"required":false,"tsType":{"name":"Array","elements":[{"name":"number"}],"raw":"Array"},"description":"Options for a number of rows per page to choose from."},"onItemsPerPageChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(numberOfItemsPerPage: number) => void","signature":{"arguments":[{"name":"numberOfItemsPerPage","type":{"name":"number"}}],"return":{"name":"void"}}},"description":"The function to set the number of rows per page."},"dropdownItemRippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the dropdown item ripple effect."},"selectPageDropdownRippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the select page dropdown ripple effect."},"selectPageDropdownLabel":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text for select page dropdown to display."},"selectPageDropdownAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"AccessibilityLabel for `selectPageDropdownLabel`."},"label":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text to display which indicates current pagination."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"AccessibilityLabel for `label`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/DataTable/DataTablePagination.tsx"],"group":"DataTable"},"DataTable/DataTableRow":{"filepath":"DataTable/DataTableRow.tsx","title":"DataTable.Row","description":"A component to show a single row inside of a table.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n 1\\n 2\\n 3\\n 4\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","link":"data-table-row","data":{"description":"A component to show a single row inside of a table.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n 1\\n 2\\n 3\\n 4\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","displayName":"DataTable.Row","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DataTableRow`."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"pointerEvents":{"required":false,"tsType":{"name":"ViewProps[\'pointerEvents\']","raw":"ViewProps[\'pointerEvents\']"},"description":"`pointerEvents` passed to the `View` container, which is wrapping children within `TouchableRipple`."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/DataTable/DataTableRow.tsx"],"group":"DataTable"},"DataTable/DataTableTitle":{"filepath":"DataTable/DataTableTitle.tsx","title":"DataTable.Title","description":"A component to display title in table header.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n Dessert\\n \\n Calories\\n Fat (g)\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"data-table-title","data":{"description":"A component to display title in table header.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { DataTable } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n Dessert\\n \\n Calories\\n Fat (g)\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"DataTable.Title","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text content of the `DataTableTitle`."},"numeric":{"required":false,"tsType":{"name":"boolean"},"description":"Align the text to the right. Generally monetary or number fields are aligned to right."},"sortDirection":{"required":false,"tsType":{"name":"union","raw":"\'ascending\' | \'descending\'","elements":[{"name":"literal","value":"\'ascending\'"},{"name":"literal","value":"\'descending\'"}]},"description":"Direction of sorting. An arrow indicating the direction is displayed when this is given."},"numberOfLines":{"required":false,"tsType":{"name":"number"},"description":"The number of lines to show.","defaultValue":{"value":"1","computed":false}},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"textStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Text content style of the `DataTableTitle`."},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/DataTable/DataTableTitle.tsx"],"group":"DataTable"},"Dialog/Dialog":{"filepath":"Dialog/Dialog.tsx","title":"Dialog","description":"Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks.\\nTo render the `Dialog` above other components, you\'ll need to wrap it with the [`Portal`](../../Portal) component.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Button, Dialog, Portal, PaperProvider, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const showDialog = () => setVisible(true);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n \\n \\n Alert\\n \\n This is simple dialog\\n \\n \\n \\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"dialog","data":{"description":"Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks.\\nTo render the `Dialog` above other components, you\'ll need to wrap it with the [`Portal`](../../Portal) component.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Button, Dialog, Portal, PaperProvider, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const showDialog = () => setVisible(true);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n \\n \\n Alert\\n \\n This is simple dialog\\n \\n \\n \\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Dialog","methods":[],"statics":[],"props":{"dismissable":{"required":false,"tsType":{"name":"boolean"},"description":"Determines whether clicking outside the dialog dismiss it.","defaultValue":{"value":"true","computed":false}},"dismissableBackButton":{"required":false,"tsType":{"name":"boolean"},"description":"Determines whether clicking Android hardware back button dismiss dialog.","defaultValue":{"value":"dismissable","computed":true}},"onDismiss":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Callback that is called when the user dismisses the dialog."},"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Determines Whether the dialog is visible.","defaultValue":{"value":"false","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Dialog`."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Dialog/Dialog.tsx"]},"Dialog/DialogActions":{"filepath":"Dialog/DialogActions.tsx","title":"Dialog.Actions","description":"A component to show a list of actions in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Button, Dialog, Portal } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"dialog-actions","data":{"description":"A component to show a list of actions in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Button, Dialog, Portal } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Dialog.Actions","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DialogActions`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Dialog/DialogActions.tsx"],"group":"Dialog"},"Dialog/DialogContent":{"filepath":"Dialog/DialogContent.tsx","title":"Dialog.Content","description":"A component to show content in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n This is simple dialog\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"dialog-content","data":{"description":"A component to show content in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n This is simple dialog\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Dialog.Content","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DialogContent`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Dialog/DialogContent.tsx"],"group":"Dialog"},"Dialog/DialogIcon":{"filepath":"Dialog/DialogIcon.tsx","title":"Dialog.Icon","description":"@supported Available in v5.x with theme version 3\\nA component to show an icon in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { StyleSheet } from \'react-native\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n This is a title\\n \\n This is simple dialog\\n \\n \\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n title: {\\n textAlign: \'center\',\\n },\\n})\\n\\nexport default MyComponent;\\n```","link":"dialog-icon","data":{"description":"@supported Available in v5.x with theme version 3\\nA component to show an icon in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { StyleSheet } from \'react-native\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n This is a title\\n \\n This is simple dialog\\n \\n \\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n title: {\\n textAlign: \'center\',\\n },\\n})\\n\\nexport default MyComponent;\\n```","displayName":"Dialog.Icon","methods":[],"statics":[],"props":{"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for action icon."},"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Name of the icon to show."},"size":{"required":false,"tsType":{"name":"number"},"description":"Optional icon size.","defaultValue":{"value":"24","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Dialog/DialogIcon.tsx"],"group":"Dialog"},"Dialog/DialogScrollArea":{"filepath":"Dialog/DialogScrollArea.tsx","title":"Dialog.ScrollArea","description":"A component to show a scrollable content in a Dialog. The component only provides appropriate styling.\\nFor the scrollable content you can use `ScrollView`, `FlatList` etc. depending on your requirement.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ScrollView } from \'react-native\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n \\n This is a scrollable area\\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"dialog-scroll-area","data":{"description":"A component to show a scrollable content in a Dialog. The component only provides appropriate styling.\\nFor the scrollable content you can use `ScrollView`, `FlatList` etc. depending on your requirement.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ScrollView } from \'react-native\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n \\n \\n This is a scrollable area\\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Dialog.ScrollArea","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `DialogScrollArea`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Dialog/DialogScrollArea.tsx"],"group":"Dialog"},"Dialog/DialogTitle":{"filepath":"Dialog/DialogTitle.tsx","title":"Dialog.Title","description":"A component to show a title in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n This is a title\\n \\n This is simple dialog\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"dialog-title","data":{"description":"A component to show a title in a Dialog.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Dialog, Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const hideDialog = () => setVisible(false);\\n\\n return (\\n \\n \\n This is a title\\n \\n This is simple dialog\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Dialog.Title","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Title text for the `DialogTitle`."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Dialog/DialogTitle.tsx"],"group":"Dialog"},"Divider":{"filepath":"Divider.tsx","title":"Divider","description":"A divider is a thin, lightweight separator that groups content in lists and page layouts.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Divider, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n Lemon\\n \\n Mango\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"divider","data":{"description":"A divider is a thin, lightweight separator that groups content in lists and page layouts.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Divider, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n Lemon\\n \\n Mango\\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Divider","methods":[],"statics":[],"props":{"leftInset":{"required":false,"tsType":{"name":"boolean"},"description":"@renamed Renamed from \'inset\' to \'leftInset` in v5.x\\nWhether divider has a left inset."},"horizontalInset":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\n Whether divider has a horizontal inset on both sides.","defaultValue":{"value":"false","computed":false}},"bold":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\n Whether divider should be bolded.","defaultValue":{"value":"false","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Divider.tsx"]},"Drawer/DrawerCollapsedItem":{"filepath":"Drawer/DrawerCollapsedItem.tsx","title":"Drawer.CollapsedItem","description":"Note: Available in v5.x with theme version 3\\n\\nCollapsed component used to show an action item with an icon and optionally label in a navigation drawer.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Drawer } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"drawer-collapsed-item","data":{"description":"Note: Available in v5.x with theme version 3\\n\\nCollapsed component used to show an action item with an icon and optionally label in a navigation drawer.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Drawer } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Drawer.CollapsedItem","methods":[],"statics":[],"props":{"label":{"required":false,"tsType":{"name":"string"},"description":"The label text of the item."},"badge":{"required":false,"tsType":{"name":"union","raw":"string | number | boolean","elements":[{"name":"string"},{"name":"number"},{"name":"boolean"}]},"description":"Badge to show on the icon, can be `true` to show a dot, `string` or `number` to show text.","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the item is disabled."},"focusedIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"@renamed Renamed from \'icon\' to \'focusedIcon\' in v5.x\\nIcon to use as the focused destination icon, can be a string, an image source or a react component"},"unfocusedIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"@renamed Renamed from \'icon\' to \'focusedIcon\' in v5.x\\nIcon to use as the unfocused destination icon, can be a string, an image source or a react component"},"active":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to highlight the drawer item as active."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'drawer-collapsed-item\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Drawer/DrawerCollapsedItem.tsx"],"group":"Drawer"},"Drawer/DrawerItem":{"filepath":"Drawer/DrawerItem.tsx","title":"Drawer.Item","description":"A component used to show an action item with an icon and a label in a navigation drawer.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Drawer } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"drawer-item","data":{"description":"A component used to show an action item with an icon and a label in a navigation drawer.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Drawer } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Drawer.Item","methods":[],"statics":[],"props":{"label":{"required":true,"tsType":{"name":"string"},"description":"The label text of the item."},"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon to display for the `DrawerItem`."},"active":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to highlight the drawer item as active."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the item is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button."},"right":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { color: string }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ color: string }","signature":{"properties":[{"key":"color","value":{"name":"string","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the right side. For instance a Badge."},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Drawer/DrawerItem.tsx"],"group":"Drawer"},"Drawer/DrawerSection":{"filepath":"Drawer/DrawerSection.tsx","title":"Drawer.Section","description":"A component to group content inside a navigation drawer.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Drawer } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [active, setActive] = React.useState(\'\');\\n\\n return (\\n \\n setActive(\'first\')}\\n />\\n setActive(\'second\')}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"drawer-section","data":{"description":"A component to group content inside a navigation drawer.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Drawer } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [active, setActive] = React.useState(\'\');\\n\\n return (\\n \\n setActive(\'first\')}\\n />\\n setActive(\'second\')}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Drawer.Section","methods":[],"statics":[],"props":{"title":{"required":false,"tsType":{"name":"string"},"description":"Title to show as the header for the section."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Drawer.Section`."},"showDivider":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show `Divider` at the end of the section. True by default.","defaultValue":{"value":"true","computed":false}},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Drawer/DrawerSection.tsx"],"group":"Drawer"},"FAB/FAB":{"filepath":"FAB/FAB.tsx","title":"FAB","description":"A floating action button represents the primary action on a screen. It appears in front of all screen content.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { StyleSheet } from \'react-native\';\\nimport { FAB } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}\\n />\\n);\\n\\nconst styles = StyleSheet.create({\\n fab: {\\n position: \'absolute\',\\n margin: 16,\\n right: 0,\\n bottom: 0,\\n },\\n})\\n\\nexport default MyComponent;\\n```","link":"fab","data":{"description":"A floating action button represents the primary action on a screen. It appears in front of all screen content.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { StyleSheet } from \'react-native\';\\nimport { FAB } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}\\n />\\n);\\n\\nconst styles = StyleSheet.create({\\n fab: {\\n position: \'absolute\',\\n margin: 16,\\n right: 0,\\n bottom: 0,\\n },\\n})\\n\\nexport default MyComponent;\\n```","displayName":"FAB","methods":[],"statics":[],"props":{"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon to display for the `FAB`. It\'s optional only if `label` is defined."},"label":{"required":false,"tsType":{"name":"string"},"description":"Optional label for extended `FAB`. It\'s optional only if `icon` is defined."},"uppercase":{"required":false,"tsType":{"name":"boolean"},"description":"Make the label text uppercased."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB.\\nUses `label` by default if specified.","defaultValue":{"value":"label","computed":true}},"accessibilityState":{"required":false,"tsType":{"name":"AccessibilityState"},"description":"Accessibility state for the FAB. This is read by the screen reader when the user taps the FAB."},"animated":{"required":false,"tsType":{"name":"boolean"},"description":"Whether an icon change is animated.","defaultValue":{"value":"true","computed":false}},"small":{"required":false,"tsType":{"name":"boolean"},"description":"@deprecated Deprecated in v.5x - use prop size=\\"small\\".\\n\\n Whether FAB is mini-sized, used to create visual continuity with other elements. This has no effect if `label` is specified."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for the icon and label of the `FAB`."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether `FAB` is disabled. A disabled button is greyed out and `onPress` is not called on touch."},"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Whether `FAB` is currently visible.","defaultValue":{"value":"true","computed":false}},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show a loading indicator."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on long press."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before executing `onLongPress`."},"size":{"required":false,"tsType":{"name":"union","raw":"\'small\' | \'medium\' | \'large\'","elements":[{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'medium\'"},{"name":"literal","value":"\'large\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nSize of the `FAB`.\\n- `small` - FAB with small height (40).\\n- `medium` - FAB with default medium height (56).\\n- `large` - FAB with large height (96).","defaultValue":{"value":"\'medium\'","computed":false}},"customSize":{"required":false,"tsType":{"name":"number"},"description":"Custom size for the `FAB`. This prop takes precedence over size prop"},"mode":{"required":false,"tsType":{"name":"union","raw":"\'flat\' | \'elevated\'","elements":[{"name":"literal","value":"\'flat\'"},{"name":"literal","value":"\'elevated\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nMode of the `FAB`. You can change the mode to adjust the the shadow:\\n- `flat` - button without a shadow.\\n- `elevated` - button with a shadow.","defaultValue":{"value":"\'elevated\'","computed":false}},"variant":{"required":false,"tsType":{"name":"union","raw":"\'primary\' | \'secondary\' | \'tertiary\' | \'surface\'","elements":[{"name":"literal","value":"\'primary\'"},{"name":"literal","value":"\'secondary\'"},{"name":"literal","value":"\'tertiary\'"},{"name":"literal","value":"\'surface\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nColor mappings variant for combinations of container and icon colors.","defaultValue":{"value":"\'primary\'","computed":false}},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'fab\'","computed":false}},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/FAB/FAB.tsx"]},"FAB/AnimatedFAB":{"filepath":"FAB/AnimatedFAB.tsx","title":"AnimatedFAB","description":"An animated, extending horizontally floating action button represents the primary action in an application.\\n\\n## Usage\\n```js\\nimport React from \'react\';\\nimport {\\n StyleProp,\\n ViewStyle,\\n Animated,\\n StyleSheet,\\n Platform,\\n ScrollView,\\n Text,\\n SafeAreaView,\\n I18nManager,\\n} from \'react-native\';\\nimport { AnimatedFAB } from \'react-native-paper\';\\n\\nconst MyComponent = ({\\n animatedValue,\\n visible,\\n extended,\\n label,\\n animateFrom,\\n style,\\n iconMode,\\n}) => {\\n const [isExtended, setIsExtended] = React.useState(true);\\n\\n const isIOS = Platform.OS === \'ios\';\\n\\n const onScroll = ({ nativeEvent }) => {\\n const currentScrollPosition =\\n Math.floor(nativeEvent?.contentOffset?.y) ?? 0;\\n\\n setIsExtended(currentScrollPosition <= 0);\\n };\\n\\n const fabStyle = { [animateFrom]: 16 };\\n\\n return (\\n \\n \\n {[...new Array(100).keys()].map((_, i) => (\\n {i}\\n ))}\\n \\n console.log(\'Pressed\')}\\n visible={visible}\\n animateFrom={\'right\'}\\n iconMode={\'static\'}\\n style={[styles.fabStyle, style, fabStyle]}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flexGrow: 1,\\n },\\n fabStyle: {\\n bottom: 16,\\n right: 16,\\n position: \'absolute\',\\n },\\n});\\n```","link":"animated-fab","data":{"description":"An animated, extending horizontally floating action button represents the primary action in an application.\\n\\n## Usage\\n```js\\nimport React from \'react\';\\nimport {\\n StyleProp,\\n ViewStyle,\\n Animated,\\n StyleSheet,\\n Platform,\\n ScrollView,\\n Text,\\n SafeAreaView,\\n I18nManager,\\n} from \'react-native\';\\nimport { AnimatedFAB } from \'react-native-paper\';\\n\\nconst MyComponent = ({\\n animatedValue,\\n visible,\\n extended,\\n label,\\n animateFrom,\\n style,\\n iconMode,\\n}) => {\\n const [isExtended, setIsExtended] = React.useState(true);\\n\\n const isIOS = Platform.OS === \'ios\';\\n\\n const onScroll = ({ nativeEvent }) => {\\n const currentScrollPosition =\\n Math.floor(nativeEvent?.contentOffset?.y) ?? 0;\\n\\n setIsExtended(currentScrollPosition <= 0);\\n };\\n\\n const fabStyle = { [animateFrom]: 16 };\\n\\n return (\\n \\n \\n {[...new Array(100).keys()].map((_, i) => (\\n {i}\\n ))}\\n \\n console.log(\'Pressed\')}\\n visible={visible}\\n animateFrom={\'right\'}\\n iconMode={\'static\'}\\n style={[styles.fabStyle, style, fabStyle]}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flexGrow: 1,\\n },\\n fabStyle: {\\n bottom: 16,\\n right: 16,\\n position: \'absolute\',\\n },\\n});\\n```","displayName":"AnimatedFAB","methods":[],"statics":[],"props":{"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Icon to display for the `FAB`."},"label":{"required":true,"tsType":{"name":"string"},"description":"Label for extended `FAB`."},"uppercase":{"required":false,"tsType":{"name":"boolean"},"description":"Make the label text uppercased."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB.\\nUses `label` by default if specified.","defaultValue":{"value":"label","computed":true}},"accessibilityState":{"required":false,"tsType":{"name":"AccessibilityState"},"description":"Accessibility state for the FAB. This is read by the screen reader when the user taps the FAB."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for the icon and label of the `FAB`."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether `FAB` is disabled. A disabled button is greyed out and `onPress` is not called on touch."},"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Whether `FAB` is currently visible.","defaultValue":{"value":"true","computed":false}},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on long press."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before executing `onLongPress`."},"iconMode":{"required":false,"tsType":{"name":"union","raw":"\'static\' | \'dynamic\'","elements":[{"name":"literal","value":"\'static\'"},{"name":"literal","value":"\'dynamic\'"}]},"description":"Whether icon should be translated to the end of extended `FAB` or be static and stay in the same place. The default value is `dynamic`.","defaultValue":{"value":"\'dynamic\'","computed":false}},"animateFrom":{"required":false,"tsType":{"name":"union","raw":"\'left\' | \'right\'","elements":[{"name":"literal","value":"\'left\'"},{"name":"literal","value":"\'right\'"}]},"description":"Indicates from which direction animation should be performed. The default value is `right`.","defaultValue":{"value":"\'right\'","computed":false}},"extended":{"required":false,"tsType":{"name":"boolean"},"description":"Whether `FAB` should start animation to extend.","defaultValue":{"value":"false","computed":false}},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach."},"variant":{"required":false,"tsType":{"name":"union","raw":"\'primary\' | \'secondary\' | \'tertiary\' | \'surface\'","elements":[{"name":"literal","value":"\'primary\'"},{"name":"literal","value":"\'secondary\'"},{"name":"literal","value":"\'tertiary\'"},{"name":"literal","value":"\'surface\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nColor mappings variant for combinations of container and icon colors.","defaultValue":{"value":"\'primary\'","computed":false}},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'animated-fab\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/FAB/AnimatedFAB.tsx"]},"FAB/FABGroup":{"filepath":"FAB/FABGroup.tsx","title":"FAB.Group","description":"A component to display a stack of FABs with related actions in a speed dial.\\nTo render the group above other components, you\'ll need to wrap it with the [`Portal`](../Portal) component.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { FAB, Portal, PaperProvider } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [state, setState] = React.useState({ open: false });\\n\\n const onStateChange = ({ open }) => setState({ open });\\n\\n const { open } = state;\\n\\n return (\\n \\n \\n console.log(\'Pressed add\') },\\n {\\n icon: \'star\',\\n label: \'Star\',\\n onPress: () => console.log(\'Pressed star\'),\\n },\\n {\\n icon: \'email\',\\n label: \'Email\',\\n onPress: () => console.log(\'Pressed email\'),\\n },\\n {\\n icon: \'bell\',\\n label: \'Remind\',\\n onPress: () => console.log(\'Pressed notifications\'),\\n },\\n ]}\\n onStateChange={onStateChange}\\n onPress={() => {\\n if (open) {\\n // do something if the speed dial is open\\n }\\n }}\\n />\\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"fab-group","data":{"description":"A component to display a stack of FABs with related actions in a speed dial.\\nTo render the group above other components, you\'ll need to wrap it with the [`Portal`](../Portal) component.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { FAB, Portal, PaperProvider } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [state, setState] = React.useState({ open: false });\\n\\n const onStateChange = ({ open }) => setState({ open });\\n\\n const { open } = state;\\n\\n return (\\n \\n \\n console.log(\'Pressed add\') },\\n {\\n icon: \'star\',\\n label: \'Star\',\\n onPress: () => console.log(\'Pressed star\'),\\n },\\n {\\n icon: \'email\',\\n label: \'Email\',\\n onPress: () => console.log(\'Pressed email\'),\\n },\\n {\\n icon: \'bell\',\\n label: \'Remind\',\\n onPress: () => console.log(\'Pressed notifications\'),\\n },\\n ]}\\n onStateChange={onStateChange}\\n onPress={() => {\\n if (open) {\\n // do something if the speed dial is open\\n }\\n }}\\n />\\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"FAB.Group","methods":[],"statics":[],"props":{"actions":{"required":true,"tsType":{"name":"Array","elements":[{"name":"signature","type":"object","raw":"{\\n icon: IconSource;\\n label?: string;\\n color?: string;\\n labelTextColor?: string;\\n accessibilityLabel?: string;\\n accessibilityHint?: string;\\n style?: Animated.WithAnimatedValue>;\\n containerStyle?: Animated.WithAnimatedValue>;\\n labelStyle?: StyleProp;\\n labelMaxFontSizeMultiplier?: number;\\n onPress: (e: GestureResponderEvent) => void;\\n size?: \'small\' | \'medium\';\\n testID?: string;\\n rippleColor?: ColorValue;\\n}","signature":{"properties":[{"key":"icon","value":{"name":"IconSource","required":true}},{"key":"label","value":{"name":"string","required":false}},{"key":"color","value":{"name":"string","required":false}},{"key":"labelTextColor","value":{"name":"string","required":false}},{"key":"accessibilityLabel","value":{"name":"string","required":false}},{"key":"accessibilityHint","value":{"name":"string","required":false}},{"key":"style","value":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>","required":false}},{"key":"containerStyle","value":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>","required":false}},{"key":"labelStyle","value":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp","required":false}},{"key":"labelMaxFontSizeMultiplier","value":{"name":"number","required":false}},{"key":"onPress","value":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}},"required":true}},{"key":"size","value":{"name":"union","raw":"\'small\' | \'medium\'","elements":[{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'medium\'"}],"required":false}},{"key":"testID","value":{"name":"string","required":false}},{"key":"rippleColor","value":{"name":"ColorValue","required":false}}]}}],"raw":"Array<{\\n icon: IconSource;\\n label?: string;\\n color?: string;\\n labelTextColor?: string;\\n accessibilityLabel?: string;\\n accessibilityHint?: string;\\n style?: Animated.WithAnimatedValue>;\\n containerStyle?: Animated.WithAnimatedValue>;\\n labelStyle?: StyleProp;\\n labelMaxFontSizeMultiplier?: number;\\n onPress: (e: GestureResponderEvent) => void;\\n size?: \'small\' | \'medium\';\\n testID?: string;\\n rippleColor?: ColorValue;\\n}>"},"description":"Action items to display in the form of a speed dial.\\nAn action item should contain the following properties:\\n- `icon`: icon to display (required)\\n- `label`: optional label text\\n- `color`: custom icon color of the action item\\n- `labelTextColor`: custom label text color of the action item\\n- `accessibilityLabel`: accessibility label for the action, uses label by default if specified\\n- `accessibilityHint`: accessibility hint for the action\\n- `style`: pass additional styles for the fab item, for example, `backgroundColor`\\n- `containerStyle`: pass additional styles for the fab item label container, for example, `backgroundColor` @supported Available in 5.x\\n- `labelStyle`: pass additional styles for the fab item label, for example, `fontSize`\\n- `labelMaxFontSizeMultiplier`: specifies the largest possible scale a title font can reach.\\n- `onPress`: callback that is called when `FAB` is pressed (required)\\n- `onLongPress`: callback that is called when `FAB` is long pressed\\n- `toggleStackOnLongPress`: callback that is called when `FAB` is long pressed\\n- `size`: size of action item. Defaults to `small`. @supported Available in v5.x\\n- `testID`: testID to be used on tests\\n- `rippleColor`: color of the ripple effect."},"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Icon to display for the `FAB`.\\nYou can toggle it based on whether the speed dial is open to display a different icon."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for the `FAB`."},"backdropColor":{"required":false,"tsType":{"name":"string"},"description":"Custom backdrop color for opened speed dial background."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on pressing the `FAB`."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on long pressing the `FAB`."},"toggleStackOnLongPress":{"required":false,"tsType":{"name":"boolean"},"description":"Makes actions stack appear on long press instead of on press."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"Changes the delay for long press reaction.","defaultValue":{"value":"200","computed":false}},"enableLongPressWhenStackOpened":{"required":false,"tsType":{"name":"boolean"},"description":"Allows for onLongPress when stack is opened.","defaultValue":{"value":"false","computed":false}},"open":{"required":true,"tsType":{"name":"boolean"},"description":"Whether the speed dial is open."},"onStateChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(state: { open: boolean }) => void","signature":{"arguments":[{"name":"state","type":{"name":"signature","type":"object","raw":"{ open: boolean }","signature":{"properties":[{"key":"open","value":{"name":"boolean","required":true}}]}}}],"return":{"name":"void"}}},"description":"Callback which is called on opening and closing the speed dial.\\nThe open state needs to be updated when it\'s called, otherwise the change is dropped."},"visible":{"required":true,"tsType":{"name":"boolean"},"description":"Whether `FAB` is currently visible."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style for the group. You can use it to pass additional styles if you need.\\nFor example, you can set an additional padding if you have a tab bar at the bottom."},"fabStyle":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":"Style for the FAB. It allows to pass the FAB button styles, such as backgroundColor."},"variant":{"required":false,"tsType":{"name":"union","raw":"\'primary\' | \'secondary\' | \'tertiary\' | \'surface\'","elements":[{"name":"literal","value":"\'primary\'"},{"name":"literal","value":"\'secondary\'"},{"name":"literal","value":"\'tertiary\'"},{"name":"literal","value":"\'surface\'"}]},"description":"@supported Available in v5.x with theme version 3\\n\\nColor mappings variant for combinations of container and icon colors.","defaultValue":{"value":"\'primary\'","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":"Optional label for `FAB`."},"testID":{"required":false,"tsType":{"name":"string"},"description":"Pass down testID from Group props to FAB."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/FAB/FABGroup.tsx"],"group":"FAB"},"HelperText/HelperText":{"filepath":"HelperText/HelperText.tsx","title":"HelperText","description":"Helper text is used in conjuction with input elements to provide additional hints for the user.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { HelperText, TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\'\');\\n\\n const onChangeText = text => setText(text);\\n\\n const hasErrors = () => {\\n return !text.includes(\'@\');\\n };\\n\\n return (\\n \\n \\n \\n Email address is invalid!\\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"helper-text","data":{"description":"Helper text is used in conjuction with input elements to provide additional hints for the user.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { HelperText, TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\'\');\\n\\n const onChangeText = text => setText(text);\\n\\n const hasErrors = () => {\\n return !text.includes(\'@\');\\n };\\n\\n return (\\n \\n \\n \\n Email address is invalid!\\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"HelperText","methods":[],"statics":[],"props":{"type":{"required":false,"tsType":{"name":"union","raw":"\'error\' | \'info\'","elements":[{"name":"literal","value":"\'error\'"},{"name":"literal","value":"\'info\'"}]},"description":"Type of the helper text.","defaultValue":{"value":"\'info\'","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text content of the HelperText."},"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to display the helper text.","defaultValue":{"value":"true","computed":false}},"padding":{"required":false,"tsType":{"name":"union","raw":"\'none\' | \'normal\'","elements":[{"name":"literal","value":"\'none\'"},{"name":"literal","value":"\'normal\'"}]},"description":"Whether to apply padding to the helper text.","defaultValue":{"value":"\'normal\'","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the text input tied with helper text is disabled."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes"}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/HelperText/HelperText.tsx"]},"IconButton/IconButton":{"filepath":"IconButton/IconButton.tsx","title":"IconButton","description":"An icon button is a button which displays only an icon without a label.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { IconButton, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}\\n />\\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","link":"icon-button","data":{"description":"An icon button is a button which displays only an icon without a label.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { IconButton, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}\\n />\\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","displayName":"IconButton","methods":[],"statics":[],"props":{"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Icon to display."},"mode":{"required":false,"tsType":{"name":"union","raw":"\'outlined\' | \'contained\' | \'contained-tonal\'","elements":[{"name":"literal","value":"\'outlined\'"},{"name":"literal","value":"\'contained\'"},{"name":"literal","value":"\'contained-tonal\'"}]},"description":"@supported Available in v5.x with theme version 3\\nMode of the icon button. By default there is no specified mode - only pressable icon will be rendered."},"iconColor":{"required":false,"tsType":{"name":"string"},"description":"@renamed Renamed from \'color\' to \'iconColor\' in v5.x\\nColor of the icon."},"containerColor":{"required":false,"tsType":{"name":"string"},"description":"Background color of the icon container."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"selected":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nWhether icon button is selected. A selected button receives alternative combination of icon and container colors.","defaultValue":{"value":"false","computed":false}},"size":{"required":false,"tsType":{"name":"number"},"description":"Size of the icon.","defaultValue":{"value":"24","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button is disabled. A disabled button is greyed out and `onPress` is not called on touch."},"animated":{"required":false,"tsType":{"name":"boolean"},"description":"Whether an icon change is animated.","defaultValue":{"value":"false","computed":false}},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'icon-button\'","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show a loading indicator.","defaultValue":{"value":"false","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/IconButton/IconButton.tsx"]},"Icon":{"filepath":"Icon.tsx","title":"Icon","description":"An icon component which renders icon from vector library.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Icon, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"icon","data":{"description":"An icon component which renders icon from vector library.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Icon, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Icon","methods":[],"statics":[],"props":{"size":{"required":true,"tsType":{"name":"number"},"description":"Size of icon."},"allowFontScaling":{"required":false,"tsType":{"name":"boolean"},"description":""},"source":{"required":true,"tsType":{"name":"any"},"description":"Icon to display."},"color":{"required":false,"tsType":{"name":"string"},"description":"Color of the icon."},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes"},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Icon.tsx"]},"List/ListAccordion":{"filepath":"List/ListAccordion.tsx","title":"List.Accordion","description":"A component used to display an expandable list item.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [expanded, setExpanded] = React.useState(true);\\n\\n const handlePress = () => setExpanded(!expanded);\\n\\n return (\\n \\n }>\\n \\n \\n \\n\\n }\\n expanded={expanded}\\n onPress={handlePress}>\\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"list-accordion","data":{"description":"A component used to display an expandable list item.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [expanded, setExpanded] = React.useState(true);\\n\\n const handlePress = () => setExpanded(!expanded);\\n\\n return (\\n \\n }>\\n \\n \\n \\n\\n }\\n expanded={expanded}\\n onPress={handlePress}>\\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"List.Accordion","methods":[],"statics":[],"props":{"title":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Title text for the list accordion."},"description":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Description text for the list accordion."},"left":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { color: string; style: Style }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ color: string; style: Style }","signature":{"properties":[{"key":"color","value":{"name":"string","required":true}},{"key":"style","value":{"name":"Style","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the left side."},"right":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { isExpanded: boolean }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ isExpanded: boolean }","signature":{"properties":[{"key":"isExpanded","value":{"name":"boolean","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the right side."},"expanded":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the accordion is expanded\\nIf this prop is provided, the accordion will behave as a \\"controlled component\\".\\nYou\'ll need to update this prop when you want to toggle the component or on `onPress`."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on long press."},"delayLongPress":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before executing `onLongPress`."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the section."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style that is passed to the wrapping TouchableRipple element."},"titleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Title element."},"descriptionStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Description element."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"titleNumberOfLines":{"required":false,"tsType":{"name":"number"},"description":"Truncate Title text such that the total number of lines does not\\nexceed this number.","defaultValue":{"value":"1","computed":false}},"descriptionNumberOfLines":{"required":false,"tsType":{"name":"number"},"description":"Truncate Description text such that the total number of lines does not\\nexceed this number.","defaultValue":{"value":"2","computed":false}},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach."},"descriptionMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a description font can reach."},"id":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"Id is used for distinguishing specific accordion when using List.AccordionGroup. Property is required when using List.AccordionGroup and has no impact on behavior when using standalone List.Accordion."},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes"},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the TouchableRipple. This is read by the screen reader when the user taps the touchable."},"pointerEvents":{"required":false,"tsType":{"name":"ViewProps[\'pointerEvents\']","raw":"ViewProps[\'pointerEvents\']"},"description":"`pointerEvents` passed to the `View` container","defaultValue":{"value":"\'none\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/List/ListAccordion.tsx"],"group":"List"},"List/ListAccordionGroup":{"filepath":"List/ListAccordionGroup.tsx","title":"List.AccordionGroup","description":"List.AccordionGroup allows to control a group of List Accordions. `id` prop for List.Accordion is required in order for group to work.\\nList.AccordionGroup can be a controlled or uncontrolled component. The example shows the uncontrolled version.\\nAt most one Accordion can be expanded at a given time.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View, Text } from \'react-native\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n List.Accordion can be wrapped because implementation uses React.Context.\\n \\n \\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"list-accordion-group","data":{"description":"List.AccordionGroup allows to control a group of List Accordions. `id` prop for List.Accordion is required in order for group to work.\\nList.AccordionGroup can be a controlled or uncontrolled component. The example shows the uncontrolled version.\\nAt most one Accordion can be expanded at a given time.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View, Text } from \'react-native\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n List.Accordion can be wrapped because implementation uses React.Context.\\n \\n \\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"List.AccordionGroup","methods":[],"statics":[],"props":{"onAccordionPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(expandedId: string | number) => void","signature":{"arguments":[{"name":"expandedId","type":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]}}],"return":{"name":"void"}}},"description":"Function to execute on selection change."},"expandedId":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"Id of the currently expanded list accordion"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"React elements containing list accordions"}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/List/ListAccordionGroup.tsx"],"group":"List"},"List/ListIcon":{"filepath":"List/ListIcon.tsx","title":"List.Icon","description":"A component to show an icon in a list item.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n <>\\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","link":"list-icon","data":{"description":"A component to show an icon in a list item.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n <>\\n \\n \\n \\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"List.Icon","methods":[],"statics":[],"props":{"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Icon to show."},"color":{"required":false,"tsType":{"name":"string"},"description":"Color for the icon."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/List/ListIcon.tsx"],"group":"List"},"List/ListItem":{"filepath":"List/ListItem.tsx","title":"ListItem","description":"A component to show tiles inside a List.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n }\\n />\\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","link":"list-item","data":{"description":"A component to show tiles inside a List.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n }\\n />\\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends TouchableRipple props https://callstack.github.io/react-native-paper/docs/components/TouchableRipple","displayName":"ListItem","methods":[],"statics":[],"props":{"title":{"required":true,"tsType":{"name":"union","raw":"| React.ReactNode\\n| ((props: {\\n selectable: boolean;\\n ellipsizeMode: EllipsizeProp | undefined;\\n color: string;\\n fontSize: number;\\n }) => React.ReactNode)","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"unknown"}]},"description":"Title text for the list item."},"description":{"required":false,"tsType":{"name":"union","raw":"| React.ReactNode\\n| ((props: {\\n selectable: boolean;\\n ellipsizeMode: EllipsizeProp | undefined;\\n color: string;\\n fontSize: number;\\n }) => React.ReactNode)","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"unknown"}]},"description":"Description text for the list item or callback which returns a React element to display the description."},"left":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { color: string; style: Style }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ color: string; style: Style }","signature":{"properties":[{"key":"color","value":{"name":"string","required":true}},{"key":"style","value":{"name":"Style","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the left side."},"right":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: { color: string; style?: Style }) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{ color: string; style?: Style }","signature":{"properties":[{"key":"color","value":{"name":"string","required":true}},{"key":"style","value":{"name":"Style","required":false}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback which returns a React element to display on the right side."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style that is passed to the wrapping TouchableRipple element."},"contentStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style that is passed to the container wrapping title and descripton."},"titleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Title element."},"descriptionStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Description element."},"titleNumberOfLines":{"required":false,"tsType":{"name":"number"},"description":"Truncate Title text such that the total number of lines does not\\nexceed this number.","defaultValue":{"value":"1","computed":false}},"descriptionNumberOfLines":{"required":false,"tsType":{"name":"number"},"description":"Truncate Description text such that the total number of lines does not\\nexceed this number.","defaultValue":{"value":"2","computed":false}},"titleEllipsizeMode":{"required":false,"tsType":{"name":"EllipsizeProp"},"description":"Ellipsize Mode for the Title. One of `\'head\'`, `\'middle\'`, `\'tail\'`, `\'clip\'`.\\n\\nSee [`ellipsizeMode`](https://reactnative.dev/docs/text#ellipsizemode)"},"descriptionEllipsizeMode":{"required":false,"tsType":{"name":"EllipsizeProp"},"description":"Ellipsize Mode for the Description. One of `\'head\'`, `\'middle\'`, `\'tail\'`, `\'clip\'`.\\n\\nSee [`ellipsizeMode`](https://reactnative.dev/docs/text#ellipsizemode)"},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach."},"descriptionMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a description font can reach."},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes"}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/List/ListItem.tsx"]},"List/ListSection":{"filepath":"List/ListSection.tsx","title":"List.Section","description":"A component used to group list items.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n Some title\\n } />\\n }\\n />\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"list-section","data":{"description":"A component used to group list items.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n Some title\\n } />\\n }\\n />\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"List.Section","methods":[],"statics":[],"props":{"title":{"required":false,"tsType":{"name":"string"},"description":"Title text for the section."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the section."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"titleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Title element."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/List/ListSection.tsx"],"group":"List"},"List/ListSubheader":{"filepath":"List/ListSubheader.tsx","title":"List.Subheader","description":"A component used to display a header in lists.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => My List Title;\\n\\nexport default MyComponent;\\n```","link":"list-subheader","data":{"description":"A component used to display a header in lists.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { List } from \'react-native-paper\';\\n\\nconst MyComponent = () => My List Title;\\n\\nexport default MyComponent;\\n```","displayName":"List.Subheader","methods":[],"statics":[],"props":{"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Text element."},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/List/ListSubheader.tsx"],"group":"List"},"Menu/Menu":{"filepath":"Menu/Menu.tsx","title":"Menu","description":"Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Button, Menu, Divider, PaperProvider } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const openMenu = () => setVisible(true);\\n\\n const closeMenu = () => setVisible(false);\\n\\n return (\\n \\n \\n Show menu}>\\n {}} title=\\"Item 1\\" />\\n {}} title=\\"Item 2\\" />\\n \\n {}} title=\\"Item 3\\" />\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```\\n\\n### Note\\nWhen using `Menu` within a React Native\'s `Modal` component, you need to wrap all\\n`Modal` contents within a `PaperProvider` in order for the menu to show. This\\nwrapping is not necessary if you use Paper\'s `Modal` instead.","link":"menu","data":{"description":"Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Button, Menu, Divider, PaperProvider } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const openMenu = () => setVisible(true);\\n\\n const closeMenu = () => setVisible(false);\\n\\n return (\\n \\n \\n Show menu}>\\n {}} title=\\"Item 1\\" />\\n {}} title=\\"Item 2\\" />\\n \\n {}} title=\\"Item 3\\" />\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```\\n\\n### Note\\nWhen using `Menu` within a React Native\'s `Modal` component, you need to wrap all\\n`Modal` contents within a `PaperProvider` in order for the menu to show. This\\nwrapping is not necessary if you use Paper\'s `Modal` instead.","displayName":"Menu","methods":[],"statics":[{"name":"Item","docblock":null,"type":{"name":"static","raw":"static"},"link":"menu-item.html"}],"props":{"visible":{"required":true,"tsType":{"name":"boolean"},"description":"Whether the Menu is currently visible."},"anchor":{"required":true,"tsType":{"name":"union","raw":"React.ReactNode | { x: number; y: number }","elements":[{"name":"ReactReactNode","raw":"React.ReactNode"},{"name":"signature","type":"object","raw":"{ x: number; y: number }","signature":{"properties":[{"key":"x","value":{"name":"number","required":true}},{"key":"y","value":{"name":"number","required":true}}]}}]},"description":"The anchor to open the menu from. In most cases, it will be a button that opens the menu."},"anchorPosition":{"required":false,"tsType":{"name":"union","raw":"\'top\' | \'bottom\'","elements":[{"name":"literal","value":"\'top\'"},{"name":"literal","value":"\'bottom\'"}]},"description":"Whether the menu should open at the top of the anchor or at its bottom.\\nApplied only when anchor is a node, not an x/y position."},"statusBarHeight":{"required":false,"tsType":{"name":"number"},"description":"Extra margin to add at the top of the menu to account for translucent status bar on Android.\\nIf you are using Expo, we assume translucent status bar and set a height for status bar automatically.\\nPass `0` or a custom value to and customize it.\\nThis is automatically handled on iOS.","defaultValue":{"value":"APPROX_STATUSBAR_HEIGHT","computed":true}},"onDismiss":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Callback called when Menu is dismissed. The `visible` prop needs to be updated when this is called."},"overlayAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the overlay. This is read by the screen reader when the user taps outside the menu.","defaultValue":{"value":"\'Close menu\'","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Menu`."},"contentStyle":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":"Style of menu\'s inner content."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":true,"tsType":{"name":"InternalTheme"},"description":""},"keyboardShouldPersistTaps":{"required":false,"tsType":{"name":"ScrollViewProps[\'keyboardShouldPersistTaps\']","raw":"ScrollViewProps[\'keyboardShouldPersistTaps\']"},"description":"Inner ScrollView prop"},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests.","defaultValue":{"value":"\'menu\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Menu/Menu.tsx"]},"Menu/MenuItem":{"filepath":"Menu/MenuItem.tsx","title":"Menu.Item","description":"A component to show a single list item inside a Menu.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Menu } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} title=\\"Redo\\" />\\n {}} title=\\"Undo\\" />\\n {}} title=\\"Cut\\" disabled />\\n {}} title=\\"Copy\\" disabled />\\n {}} title=\\"Paste\\" />\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"menu-item","data":{"description":"A component to show a single list item inside a Menu.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Menu } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} title=\\"Redo\\" />\\n {}} title=\\"Undo\\" />\\n {}} title=\\"Cut\\" disabled />\\n {}} title=\\"Copy\\" disabled />\\n {}} title=\\"Paste\\" />\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Menu.Item","methods":[],"statics":[],"props":{"title":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Title text for the `MenuItem`."},"leadingIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"@renamed Renamed from \'icon\' to \'leadingIcon\' in v5.x\\n\\nLeading icon to display for the `MenuItem`."},"trailingIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"@supported Available in v5.x with theme version 3\\n\\nTrailing icon to display for the `MenuItem`."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the \'item\' is disabled. A disabled \'item\' is greyed out and `onPress` is not called on touch."},"dense":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\n\\nSets min height with densed layout."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach.","defaultValue":{"value":"1.5","computed":false}},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"contentStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"titleStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":""},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'menu-item\'","computed":false}},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the Touchable. This is read by the screen reader when the user taps the component."},"accessibilityState":{"required":false,"tsType":{"name":"AccessibilityState"},"description":"Accessibility state for the Touchable. This is read by the screen reader when the user taps the component."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Menu/MenuItem.tsx"],"group":"Menu"},"Modal":{"filepath":"Modal.tsx","title":"Modal","description":"The Modal component is a simple way to present content above an enclosing view.\\nTo render the `Modal` above other components, you\'ll need to wrap it with the [`Portal`](./Portal) component.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Modal, Portal, Text, Button, PaperProvider } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const showModal = () => setVisible(true);\\n const hideModal = () => setVisible(false);\\n const containerStyle = {backgroundColor: \'white\', padding: 20};\\n\\n return (\\n \\n \\n \\n Example Modal. Click outside this area to dismiss.\\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"modal","data":{"description":"The Modal component is a simple way to present content above an enclosing view.\\nTo render the `Modal` above other components, you\'ll need to wrap it with the [`Portal`](./Portal) component.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Modal, Portal, Text, Button, PaperProvider } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const showModal = () => setVisible(true);\\n const hideModal = () => setVisible(false);\\n const containerStyle = {backgroundColor: \'white\', padding: 20};\\n\\n return (\\n \\n \\n \\n Example Modal. Click outside this area to dismiss.\\n \\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Modal","methods":[],"statics":[],"props":{"dismissable":{"required":false,"tsType":{"name":"boolean"},"description":"Determines whether clicking outside the modal dismiss it.","defaultValue":{"value":"true","computed":false}},"dismissableBackButton":{"required":false,"tsType":{"name":"boolean"},"description":"Determines whether clicking Android hardware back button dismiss dialog.","defaultValue":{"value":"dismissable","computed":true}},"onDismiss":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Callback that is called when the user dismisses the modal.","defaultValue":{"value":"() => {}","computed":false}},"overlayAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the overlay. This is read by the screen reader when the user taps outside the modal.","defaultValue":{"value":"\'Close modal\'","computed":false}},"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Determines Whether the modal is visible.","defaultValue":{"value":"false","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Modal`."},"contentContainerStyle":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":"Style for the content of the modal"},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style for the wrapper of the modal.\\nUse this prop to change the default wrapper style or to override safe area insets with marginTop and marginBottom."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests.","defaultValue":{"value":"\'modal\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Modal.tsx"]},"Portal/Portal":{"filepath":"Portal/Portal.tsx","title":"Portal","description":"Portal allows rendering a component at a different place in the parent tree.\\nYou can use it to render content which should appear above other elements, similar to `Modal`.\\nIt requires a [`Portal.Host`](PortalHost) component to be rendered somewhere in the parent tree.\\nNote that if you\'re using the `Provider` component, this already includes a `Portal.Host`.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n This is rendered at a different place\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"portal","data":{"description":"Portal allows rendering a component at a different place in the parent tree.\\nYou can use it to render content which should appear above other elements, similar to `Modal`.\\nIt requires a [`Portal.Host`](PortalHost) component to be rendered somewhere in the parent tree.\\nNote that if you\'re using the `Provider` component, this already includes a `Portal.Host`.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Portal, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n This is rendered at a different place\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Portal","methods":[],"statics":[{"name":"Host","docblock":null,"type":{"name":"static","raw":"static"},"link":"portal-host.html"}],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Portal`."},"theme":{"required":true,"tsType":{"name":"InternalTheme"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Portal/Portal.tsx"]},"Portal/PortalHost":{"filepath":"Portal/PortalHost.tsx","title":"Portal.Host","description":"Portal host renders all of its children `Portal` elements.\\nFor example, you can wrap a screen in `Portal.Host` to render items above the screen.\\nIf you\'re using the `Provider` component, it already includes `Portal.Host`.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Text } from \'react-native\';\\nimport { Portal } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n Content of the app\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\nHere any `Portal` elements under `` are rendered alongside `` and will appear above `` like a `Modal`.","link":"portal-host","data":{"description":"Portal host renders all of its children `Portal` elements.\\nFor example, you can wrap a screen in `Portal.Host` to render items above the screen.\\nIf you\'re using the `Provider` component, it already includes `Portal.Host`.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Text } from \'react-native\';\\nimport { Portal } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n Content of the app\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\nHere any `Portal` elements under `` are rendered alongside `` and will appear above `` like a `Modal`.","displayName":"Portal.Host","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Portal/PortalHost.tsx"],"group":"Portal"},"ProgressBar":{"filepath":"ProgressBar.tsx","title":"ProgressBar","description":"Progress bar is an indicator used to present progress of some activity in the app.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ProgressBar, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"progress-bar","data":{"description":"Progress bar is an indicator used to present progress of some activity in the app.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ProgressBar, MD3Colors } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"ProgressBar","methods":[],"statics":[],"props":{"animatedValue":{"required":false,"tsType":{"name":"number"},"description":"Animated value (between 0 and 1). This tells the progress bar to rely on this value to animate it.\\nNote: It should not be used in parallel with the `progress` prop."},"progress":{"required":false,"tsType":{"name":"number"},"description":"Progress value (between 0 and 1).\\nNote: It should not be used in parallel with the `animatedValue` prop.","defaultValue":{"value":"0","computed":false}},"color":{"required":false,"tsType":{"name":"string"},"description":"Color of the progress bar. The background color will be calculated based on this but you can change it by passing `backgroundColor` to `style` prop."},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"If the progress bar will show indeterminate progress."},"visible":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to show the ProgressBar (true, the default) or hide it (false).","defaultValue":{"value":"true","computed":false}},"fillStyle":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":"Style of filled part of the ProgresBar."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests.","defaultValue":{"value":"\'progress-bar\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/ProgressBar.tsx"]},"RadioButton/RadioButton":{"filepath":"RadioButton/RadioButton.tsx","title":"RadioButton","description":"Radio buttons allow the selection a single option from a set.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { RadioButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [checked, setChecked] = React.useState(\'first\');\\n\\n return (\\n \\n setChecked(\'first\')}\\n />\\n setChecked(\'second\')}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"radio-button","data":{"description":"Radio buttons allow the selection a single option from a set.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { RadioButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [checked, setChecked] = React.useState(\'first\');\\n\\n return (\\n \\n setChecked(\'first\')}\\n />\\n setChecked(\'second\')}\\n />\\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"RadioButton","methods":[],"statics":[],"props":{"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the radio button"},"status":{"required":false,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"}]},"description":"Status of radio button."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether radio is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"uncheckedColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for unchecked radio."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for radio."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/RadioButton/RadioButton.tsx"]},"RadioButton/RadioButtonAndroid":{"filepath":"RadioButton/RadioButtonAndroid.tsx","title":"RadioButton.Android","description":"Radio buttons allow the selection a single option from a set.\\nThis component follows platform guidelines for Android, but can be used\\non any platform.","link":"radio-button-android","data":{"description":"Radio buttons allow the selection a single option from a set.\\nThis component follows platform guidelines for Android, but can be used\\non any platform.","displayName":"RadioButton.Android","methods":[],"statics":[],"props":{"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the radio button"},"status":{"required":false,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"}]},"description":"Status of radio button."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether radio is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(param?: any) => void","signature":{"arguments":[{"name":"param","type":{"name":"any"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"uncheckedColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for unchecked radio."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for radio."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/RadioButton/RadioButtonAndroid.tsx"],"group":"RadioButton"},"RadioButton/RadioButtonGroup":{"filepath":"RadioButton/RadioButtonGroup.tsx","title":"RadioButton.Group","description":"Radio button group allows to control a group of radio buttons.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { RadioButton, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'first\');\\n\\n return (\\n setValue(newValue)} value={value}>\\n \\n First\\n \\n \\n \\n Second\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"radio-button-group","data":{"description":"Radio button group allows to control a group of radio buttons.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { RadioButton, Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'first\');\\n\\n return (\\n setValue(newValue)} value={value}>\\n \\n First\\n \\n \\n \\n Second\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"RadioButton.Group","methods":[],"statics":[],"props":{"onValueChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"name":"value","type":{"name":"string"}}],"return":{"name":"void"}}},"description":"Function to execute on selection change."},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the currently selected radio button."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"React elements containing radio buttons."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/RadioButton/RadioButtonGroup.tsx"],"group":"RadioButton"},"RadioButton/RadioButtonIOS":{"filepath":"RadioButton/RadioButtonIOS.tsx","title":"RadioButton.IOS","description":"Radio buttons allow the selection a single option from a set.\\nThis component follows platform guidelines for iOS, but can be used\\non any platform.","link":"radio-button-ios","data":{"description":"Radio buttons allow the selection a single option from a set.\\nThis component follows platform guidelines for iOS, but can be used\\non any platform.","displayName":"RadioButton.IOS","methods":[],"statics":[],"props":{"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the radio button"},"status":{"required":false,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"}]},"description":"Status of radio button."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether radio is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for radio."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/RadioButton/RadioButtonIOS.tsx"],"group":"RadioButton"},"RadioButton/RadioButtonItem":{"filepath":"RadioButton/RadioButtonItem.tsx","title":"RadioButton.Item","description":"RadioButton.Item allows you to press the whole row (item) instead of only the RadioButton.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { RadioButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'first\');\\n\\n return (\\n setValue(value)} value={value}>\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"radio-button-item","data":{"description":"RadioButton.Item allows you to press the whole row (item) instead of only the RadioButton.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { RadioButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'first\');\\n\\n return (\\n setValue(value)} value={value}>\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"RadioButton.Item","methods":[],"statics":[],"props":{"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the radio button."},"label":{"required":true,"tsType":{"name":"string"},"description":"Label to be displayed on the item."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether radio is disabled."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable.","defaultValue":{"value":"label","computed":true}},"uncheckedColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for unchecked radio."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for radio."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"status":{"required":false,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"}]},"description":"Status of radio button."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Additional styles for container View."},"labelStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to Label element."},"labelVariant":{"required":false,"tsType":{"name":"unknown"},"description":"@supported Available in v5.x with theme version 3\\n\\nLabel text variant defines appropriate text styles for type role and its size.\\nAvailable variants:\\n\\n Display: `displayLarge`, `displayMedium`, `displaySmall`\\n\\n Headline: `headlineLarge`, `headlineMedium`, `headlineSmall`\\n\\n Title: `titleLarge`, `titleMedium`, `titleSmall`\\n\\n Label: `labelLarge`, `labelMedium`, `labelSmall`\\n\\n Body: `bodyLarge`, `bodyMedium`, `bodySmall`","defaultValue":{"value":"\'bodyLarge\'","computed":false}},"labelMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a label font can reach."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."},"mode":{"required":false,"tsType":{"name":"union","raw":"\'android\' | \'ios\'","elements":[{"name":"literal","value":"\'android\'"},{"name":"literal","value":"\'ios\'"}]},"description":"Whether `` or `` should be used.\\nLeft undefined `` will be used."},"position":{"required":false,"tsType":{"name":"union","raw":"\'leading\' | \'trailing\'","elements":[{"name":"literal","value":"\'leading\'"},{"name":"literal","value":"\'trailing\'"}]},"description":"Radio button control position.","defaultValue":{"value":"\'trailing\'","computed":false}}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/RadioButton/RadioButtonItem.tsx"],"group":"RadioButton"},"Searchbar":{"filepath":"Searchbar.tsx","title":"Searchbar","description":"Searchbar is a simple input box where users can type search queries.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Searchbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [searchQuery, setSearchQuery] = React.useState(\'\');\\n\\n const onChangeSearch = query => setSearchQuery(query);\\n\\n return (\\n \\n );\\n};\\n\\nexport default MyComponent;\\n\\n```","link":"searchbar","data":{"description":"Searchbar is a simple input box where users can type search queries.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Searchbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [searchQuery, setSearchQuery] = React.useState(\'\');\\n\\n const onChangeSearch = query => setSearchQuery(query);\\n\\n return (\\n \\n );\\n};\\n\\nexport default MyComponent;\\n\\n```","displayName":"Searchbar","methods":[],"statics":[],"props":{"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Hint text shown when the input is empty."},"value":{"required":true,"tsType":{"name":"string"},"description":"The value of the text input."},"onChangeText":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(query: string) => void","signature":{"arguments":[{"name":"query","type":{"name":"string"}}],"return":{"name":"void"}}},"description":"Callback that is called when the text input\'s text changes."},"mode":{"required":false,"tsType":{"name":"union","raw":"\'bar\' | \'view\'","elements":[{"name":"literal","value":"\'bar\'"},{"name":"literal","value":"\'view\'"}]},"description":"@supported Available in v5.x with theme version 3\\nSearch layout mode, the default value is \\"bar\\".","defaultValue":{"value":"\'bar\'","computed":false}},"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"Icon name for the left icon button (see `onIconPress`)."},"iconColor":{"required":false,"tsType":{"name":"string"},"description":"Custom color for icon, default will be derived from theme"},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"onIconPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Callback to execute if we want the left icon to act as button."},"onClearIconPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Callback to execute if we want to add custom behaviour to close icon button."},"searchAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button.","defaultValue":{"value":"\'search\'","computed":false}},"clearIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"Custom icon for clear button, default will be icon close. It\'s visible when `loading` is set to `false`.\\nIn v5.x with theme version 3, `clearIcon` is visible only `right` prop is not defined."},"clearAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the button. This is read by the screen reader when the user taps the button.","defaultValue":{"value":"\'clear\'","computed":false}},"traileringIcon":{"required":false,"tsType":{"name":"IconSource"},"description":"@supported Available in v5.x with theme version 3\\nIcon name for the right trailering icon button.\\nWorks only when `mode` is set to \\"bar\\". It won\'t be displayed if `loading` is set to `true`."},"traileringIconColor":{"required":false,"tsType":{"name":"string"},"description":"@supported Available in v5.x with theme version 3\\nCustom color for the right trailering icon, default will be derived from theme"},"traileringRippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"@supported Available in v5.x with theme version 3\\nColor of the trailering icon ripple effect."},"onTraileringIconPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"@supported Available in v5.x with theme version 3\\nCallback to execute on the right trailering icon button press."},"traileringIconAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the right trailering icon button. This is read by the screen reader when the user taps the button."},"right":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: {\\n color: string;\\n style: Style;\\n testID: string;\\n}) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"signature","type":"object","raw":"{\\n color: string;\\n style: Style;\\n testID: string;\\n}","signature":{"properties":[{"key":"color","value":{"name":"string","required":true}},{"key":"style","value":{"name":"Style","required":true}},{"key":"testID","value":{"name":"string","required":true}}]}}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"@supported Available in v5.x with theme version 3\\nCallback which returns a React element to display on the right side.\\nWorks only when `mode` is set to \\"bar\\"."},"showDivider":{"required":false,"tsType":{"name":"boolean"},"description":"@supported Available in v5.x with theme version 3\\nWhether to show `Divider` at the bottom of the search.\\nWorks only when `mode` is set to \\"view\\". True by default.","defaultValue":{"value":"true","computed":false}},"elevation":{"required":false,"tsType":{"name":"union","raw":"0 | 1 | 2 | 3 | 4 | 5 | Animated.Value","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"1"},{"name":"literal","value":"2"},{"name":"literal","value":"3"},{"name":"literal","value":"4"},{"name":"literal","value":"5"},{"name":"Animated.Value"}]},"description":"@supported Available in v5.x with theme version 3\\nChanges Searchbar shadow and background on iOS and Android.","defaultValue":{"value":"0","computed":false}},"inputStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Set style of the TextInput component inside the searchbar"},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"loading":{"required":false,"tsType":{"name":"Boolean"},"description":"Custom flag for replacing clear button with activity indicator.","defaultValue":{"value":"false","computed":false}},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'search-bar\'","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Searchbar.tsx"]},"SegmentedButtons/SegmentedButtons":{"filepath":"SegmentedButtons/SegmentedButtons.tsx","title":"SegmentedButtons","description":"Segmented buttons can be used to select options, switch views or sort elements.
\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { SafeAreaView, StyleSheet } from \'react-native\';\\nimport { SegmentedButtons } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'\');\\n\\n return (\\n \\n \\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n alignItems: \'center\',\\n },\\n});\\n\\nexport default MyComponent;\\n```","link":"segmented-buttons","data":{"description":"Segmented buttons can be used to select options, switch views or sort elements.
\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { SafeAreaView, StyleSheet } from \'react-native\';\\nimport { SegmentedButtons } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'\');\\n\\n return (\\n \\n \\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n alignItems: \'center\',\\n },\\n});\\n\\nexport default MyComponent;\\n```","displayName":"SegmentedButtons","methods":[],"statics":[],"props":{"buttons":{"required":true,"tsType":{"name":"Array","elements":[{"name":"signature","type":"object","raw":"{\\n value: string;\\n icon?: IconSource;\\n disabled?: boolean;\\n accessibilityLabel?: string;\\n checkedColor?: string;\\n uncheckedColor?: string;\\n onPress?: (event: GestureResponderEvent) => void;\\n label?: string;\\n showSelectedCheck?: boolean;\\n style?: StyleProp;\\n labelStyle?: StyleProp;\\n testID?: string;\\n}","signature":{"properties":[{"key":"value","value":{"name":"string","required":true}},{"key":"icon","value":{"name":"IconSource","required":false}},{"key":"disabled","value":{"name":"boolean","required":false}},{"key":"accessibilityLabel","value":{"name":"string","required":false}},{"key":"checkedColor","value":{"name":"string","required":false}},{"key":"uncheckedColor","value":{"name":"string","required":false}},{"key":"onPress","value":{"name":"signature","type":"function","raw":"(event: GestureResponderEvent) => void","signature":{"arguments":[{"name":"event","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}},"required":false}},{"key":"label","value":{"name":"string","required":false}},{"key":"showSelectedCheck","value":{"name":"boolean","required":false}},{"key":"style","value":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp","required":false}},{"key":"labelStyle","value":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp","required":false}},{"key":"testID","value":{"name":"string","required":false}}]}}],"raw":"{\\n value: string;\\n icon?: IconSource;\\n disabled?: boolean;\\n accessibilityLabel?: string;\\n checkedColor?: string;\\n uncheckedColor?: string;\\n onPress?: (event: GestureResponderEvent) => void;\\n label?: string;\\n showSelectedCheck?: boolean;\\n style?: StyleProp;\\n labelStyle?: StyleProp;\\n testID?: string;\\n}[]"},"description":"Buttons to display as options in toggle button.\\nButton should contain the following properties:\\n- `value`: value of button (required)\\n- `icon`: icon to display for the item\\n- `disabled`: whether the button is disabled\\n- `accessibilityLabel`: acccessibility label for the button. This is read by the screen reader when the user taps the button.\\n- `checkedColor`: custom color for checked Text and Icon\\n- `uncheckedColor`: custom color for unchecked Text and Icon\\n- `onPress`: callback that is called when button is pressed\\n- `label`: label text of the button\\n- `showSelectedCheck`: show optional check icon to indicate selected state\\n- `style`: pass additional styles for the button\\n- `testID`: testID to be used on tests"},"density":{"required":false,"tsType":{"name":"union","raw":"\'regular\' | \'small\' | \'medium\' | \'high\'","elements":[{"name":"literal","value":"\'regular\'"},{"name":"literal","value":"\'small\'"},{"name":"literal","value":"\'medium\'"},{"name":"literal","value":"\'high\'"}]},"description":"Density is applied to the height, to allow usage in denser UIs"},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/SegmentedButtons/SegmentedButtons.tsx"]},"Snackbar":{"filepath":"Snackbar.tsx","title":"Snackbar","description":"Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it\'s wrapped.\\n\\nNote: To display it as a popup, regardless of the parent\'s position, wrap it with a `Portal` component \u2013 refer to the example in the \\"More Examples` section.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View, StyleSheet } from \'react-native\';\\nimport { Button, Snackbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const onToggleSnackBar = () => setVisible(!visible);\\n\\n const onDismissSnackBar = () => setVisible(false);\\n\\n return (\\n \\n \\n {\\n // Do something\\n },\\n }}>\\n Hey there! I\'m a Snackbar.\\n \\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n justifyContent: \'space-between\',\\n },\\n});\\n\\nexport default MyComponent;\\n```","link":"snackbar","data":{"description":"Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it\'s wrapped.\\n\\nNote: To display it as a popup, regardless of the parent\'s position, wrap it with a `Portal` component \u2013 refer to the example in the \\"More Examples` section.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View, StyleSheet } from \'react-native\';\\nimport { Button, Snackbar } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [visible, setVisible] = React.useState(false);\\n\\n const onToggleSnackBar = () => setVisible(!visible);\\n\\n const onDismissSnackBar = () => setVisible(false);\\n\\n return (\\n \\n \\n {\\n // Do something\\n },\\n }}>\\n Hey there! I\'m a Snackbar.\\n \\n \\n );\\n};\\n\\nconst styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n justifyContent: \'space-between\',\\n },\\n});\\n\\nexport default MyComponent;\\n```","displayName":"Snackbar","methods":[],"statics":[],"props":{"visible":{"required":true,"tsType":{"name":"boolean"},"description":"Whether the Snackbar is currently visible."},"action":{"required":false,"tsType":{"name":"intersection","raw":"$RemoveChildren & {\\n label: string;\\n}","elements":[{"name":"$RemoveChildren","elements":[{"name":"Button"}],"raw":"$RemoveChildren"},{"name":"signature","type":"object","raw":"{\\n label: string;\\n}","signature":{"properties":[{"key":"label","value":{"name":"string","required":true}}]}}]},"description":"Label and press callback for the action button. It should contain the following properties:\\n- `label` - Label of the action button\\n- `onPress` - Callback that is called when action button is pressed."},"icon":{"required":false,"tsType":{"name":"IconSource"},"description":"@supported Available in v5.x with theme version 3\\nIcon to display when `onIconPress` is defined. Default will be `close` icon."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"@supported Available in v5.x with theme version 3\\nColor of the ripple effect."},"onIconPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"@supported Available in v5.x with theme version 3\\nFunction to execute on icon button press. The icon button appears only when this prop is specified."},"iconAccessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"@supported Available in v5.x with theme version 3\\nAccessibility label for the icon button. This is read by the screen reader when the user taps the button.","defaultValue":{"value":"\'Close icon\'","computed":false}},"duration":{"required":false,"tsType":{"name":"number"},"description":"The duration for which the Snackbar is shown.","defaultValue":{"value":"7000","computed":false}},"onDismiss":{"required":true,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Callback called when Snackbar is dismissed. The `visible` prop needs to be updated when this is called."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text content of the Snackbar."},"elevation":{"required":false,"tsType":{"name":"union","raw":"0 | 1 | 2 | 3 | 4 | 5 | Animated.Value","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"1"},{"name":"literal","value":"2"},{"name":"literal","value":"3"},{"name":"literal","value":"4"},{"name":"literal","value":"5"},{"name":"Animated.Value"}]},"description":"@supported Available in v5.x with theme version 3\\nChanges Snackbar shadow and background on iOS and Android.","defaultValue":{"value":"2","computed":false}},"maxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a text font can reach."},"wrapperStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Style for the wrapper of the snackbar"},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes"}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Snackbar.tsx"]},"Surface":{"filepath":"Surface.tsx","title":"Surface","description":"Surface is a basic container that can give depth to an element with elevation shadow.\\nOn dark theme with `adaptive` mode, surface is constructed by also placing a semi-transparent white overlay over a component surface.\\nSee [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more information.\\nOverlay and shadow can be applied by specifying the `elevation` property both on Android and iOS.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Surface, Text } from \'react-native-paper\';\\nimport { StyleSheet } from \'react-native\';\\n\\nconst MyComponent = () => (\\n \\n Surface\\n \\n);\\n\\nexport default MyComponent;\\n\\nconst styles = StyleSheet.create({\\n surface: {\\n padding: 8,\\n height: 80,\\n width: 80,\\n alignItems: \'center\',\\n justifyContent: \'center\',\\n },\\n});\\n```","link":"surface","data":{"description":"Surface is a basic container that can give depth to an element with elevation shadow.\\nOn dark theme with `adaptive` mode, surface is constructed by also placing a semi-transparent white overlay over a component surface.\\nSee [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more information.\\nOverlay and shadow can be applied by specifying the `elevation` property both on Android and iOS.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Surface, Text } from \'react-native-paper\';\\nimport { StyleSheet } from \'react-native\';\\n\\nconst MyComponent = () => (\\n \\n Surface\\n \\n);\\n\\nexport default MyComponent;\\n\\nconst styles = StyleSheet.create({\\n surface: {\\n padding: 8,\\n height: 80,\\n width: 80,\\n alignItems: \'center\',\\n justifyContent: \'center\',\\n },\\n});\\n```","displayName":"Surface","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content of the `Surface`."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"elevation":{"required":false,"tsType":{"name":"union","raw":"0 | 1 | 2 | 3 | 4 | 5 | Animated.Value","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"1"},{"name":"literal","value":"2"},{"name":"literal","value":"3"},{"name":"literal","value":"4"},{"name":"literal","value":"5"},{"name":"Animated.Value"}]},"description":"@supported Available in v5.x with theme version 3\\nChanges shadows and background on iOS and Android.\\nUsed to create UI hierarchy between components.\\n\\nNote: If `mode` is set to `flat`, Surface doesn\'t have a shadow.\\n\\nNote: In version 2 the `elevation` prop was accepted via `style` prop i.e. `style={{ elevation: 4 }}`.\\nIt\'s no longer supported with theme version 3 and you should use `elevation` property instead.","defaultValue":{"value":"1","computed":false}},"mode":{"required":false,"tsType":{"name":"union","raw":"\'flat\' | \'elevated\'","elements":[{"name":"literal","value":"\'flat\'"},{"name":"literal","value":"\'elevated\'"}]},"description":"@supported Available in v5.x with theme version 3\\nMode of the Surface.\\n- `elevated` - Surface with a shadow and background color corresponding to set `elevation` value.\\n- `flat` - Surface without a shadow, with the background color corresponding to set `elevation` value.","defaultValue":{"value":"\'elevated\'","computed":false}},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"TestID used for testing purposes","defaultValue":{"value":"\'surface\'","computed":false}},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Surface.tsx"]},"Switch/Switch":{"filepath":"Switch/Switch.tsx","title":"Switch","description":"Switch is a visual toggle between two mutually exclusive states \u2014 on and off.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Switch } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [isSwitchOn, setIsSwitchOn] = React.useState(false);\\n\\n const onToggleSwitch = () => setIsSwitchOn(!isSwitchOn);\\n\\n return ;\\n};\\n\\nexport default MyComponent;\\n```","link":"switch","data":{"description":"Switch is a visual toggle between two mutually exclusive states \u2014 on and off.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Switch } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [isSwitchOn, setIsSwitchOn] = React.useState(false);\\n\\n const onToggleSwitch = () => setIsSwitchOn(!isSwitchOn);\\n\\n return ;\\n};\\n\\nexport default MyComponent;\\n```","displayName":"Switch","methods":[],"statics":[],"props":{"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disable toggling the switch."},"value":{"required":false,"tsType":{"name":"boolean"},"description":"Value of the switch, true means \'on\', false means \'off\'."},"color":{"required":false,"tsType":{"name":"string"},"description":"Custom color for switch."},"onValueChange":{"required":false,"tsType":{"name":"Function"},"description":"Callback called with the new value when it changes."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Switch/Switch.tsx"]},"TextInput/TextInput":{"filepath":"TextInput/TextInput.tsx","title":"TextInput","description":"A component to allow users to input text.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\\"\\");\\n\\n return (\\n setText(text)}\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```\\n\\n@extends TextInput props https://reactnative.dev/docs/textinput#props","link":"text-input","data":{"description":"A component to allow users to input text.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\\"\\");\\n\\n return (\\n setText(text)}\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```\\n\\n@extends TextInput props https://reactnative.dev/docs/textinput#props","displayName":"TextInput","methods":[],"statics":[],"props":{"mode":{"required":false,"tsType":{"name":"union","raw":"\'flat\' | \'outlined\'","elements":[{"name":"literal","value":"\'flat\'"},{"name":"literal","value":"\'outlined\'"}]},"description":"Mode of the TextInput.\\n- `flat` - flat input with an underline.\\n- `outlined` - input with an outline.\\n\\nIn `outlined` mode, the background color of the label is derived from `colors?.background` in theme or the `backgroundColor` style.\\nThis component render TextInputOutlined or TextInputFlat based on that props","defaultValue":{"value":"\'flat\'","computed":false}},"left":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"right":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"If true, user won\'t be able to interact with the component.","defaultValue":{"value":"false","computed":false}},"label":{"required":false,"tsType":{"name":"TextInputLabelProp"},"description":"The text or component to use for the floating label."},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder for the input."},"error":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to style the TextInput with error style.","defaultValue":{"value":"false","computed":false}},"onChangeText":{"required":false,"tsType":{"name":"Function"},"description":"Callback that is called when the text input\'s text changes. Changed text is passed as an argument to the callback handler."},"selectionColor":{"required":false,"tsType":{"name":"string"},"description":"Selection color of the input. On iOS, it sets both the selection color and cursor color.\\nOn Android, it sets only the selection color."},"cursorColor":{"required":false,"tsType":{"name":"string"},"description":"@platform Android only\\nCursor (or \\"caret\\") color of the input on Android.\\nThis property has no effect on iOS."},"underlineColor":{"required":false,"tsType":{"name":"string"},"description":"Inactive underline color of the input."},"activeUnderlineColor":{"required":false,"tsType":{"name":"string"},"description":"Active underline color of the input."},"outlineColor":{"required":false,"tsType":{"name":"string"},"description":"Inactive outline color of the input."},"activeOutlineColor":{"required":false,"tsType":{"name":"string"},"description":"Active outline color of the input."},"textColor":{"required":false,"tsType":{"name":"string"},"description":"Color of the text in the input."},"dense":{"required":false,"tsType":{"name":"boolean"},"description":"Sets min height with densed layout. For `TextInput` in `flat` mode\\nheight is `64dp` or in dense layout - `52dp` with label or `40dp` without label.\\nFor `TextInput` in `outlined` mode\\nheight is `56dp` or in dense layout - `40dp` regardless of label.\\nWhen you apply `height` prop in style the `dense` prop affects only `paddingVertical` inside `TextInput`","defaultValue":{"value":"false","computed":false}},"multiline":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the input can have multiple lines.","defaultValue":{"value":"false","computed":false}},"numberOfLines":{"required":false,"tsType":{"name":"number"},"description":"@platform Android only\\nThe number of lines to show in the input (Android only)."},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(args: any) => void","signature":{"arguments":[{"name":"args","type":{"name":"any"}}],"return":{"name":"void"}}},"description":"Callback that is called when the text input is focused."},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(args: any) => void","signature":{"arguments":[{"name":"args","type":{"name":"any"}}],"return":{"name":"void"}}},"description":"Callback that is called when the text input is blurred."},"render":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(props: RenderProps) => React.ReactNode","signature":{"arguments":[{"name":"props","type":{"name":"RenderProps"}}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Callback to render a custom input component such as `react-native-text-input-mask`\\ninstead of the default `TextInput` component from `react-native`.\\n\\nExample:\\n```js\\n\\n \\n }\\n/>\\n```","defaultValue":{"value":"(props: RenderProps) => ","computed":false}},"value":{"required":false,"tsType":{"name":"string"},"description":"Value of the text input."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Pass `fontSize` prop to modify the font size inside `TextInput`.\\nPass `height` prop to set `TextInput` height. When `height` is passed,\\n`dense` prop will affect only input\'s `paddingVertical`.\\nPass `paddingHorizontal` to modify horizontal padding.\\nThis can be used to get MD Guidelines v1 TextInput look."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."},"contentStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Pass custom style directly to the input itself.\\nOverrides input style\\nExample: `paddingLeft`, `backgroundColor`"},"outlineStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Pass style to override the default style of outlined wrapper.\\nOverrides style when mode is set to `outlined`\\nExample: `borderRadius`, `borderColor`"},"underlineStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":"Pass style to override the default style of underlined wrapper.\\nOverrides style when mode is set to `flat`\\nExample: `borderRadius`, `borderColor`"},"editable":{"defaultValue":{"value":"true","computed":false},"required":false,"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/TextInput/TextInput.tsx"]},"TextInput/Adornment/TextInputAffix":{"filepath":"TextInput/Adornment/TextInputAffix.tsx","title":"TextInput.Affix","description":"A component to render a leading / trailing text in the TextInput\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\'\');\\n\\n return (\\n }\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"text-input-affix","data":{"description":"A component to render a leading / trailing text in the TextInput\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\'\');\\n\\n return (\\n }\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"TextInput.Affix","methods":[],"statics":[],"props":{"text":{"required":true,"tsType":{"name":"string"},"description":"Text to show."},"onLayout":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: LayoutChangeEvent) => void","signature":{"arguments":[{"name":"event","type":{"name":"LayoutChangeEvent"}}],"return":{"name":"void"}}},"description":""},"textStyle":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":"Style that is passed to the Text element."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/TextInput/Adornment/TextInputAffix.tsx"],"group":"TextInput"},"TextInput/Adornment/TextInputIcon":{"filepath":"TextInput/Adornment/TextInputIcon.tsx","title":"TextInput.Icon","description":"A component to render a leading / trailing icon in the TextInput\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\'\');\\n\\n return (\\n }\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"text-input-icon","data":{"description":"A component to render a leading / trailing icon in the TextInput\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { TextInput } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [text, setText] = React.useState(\'\');\\n\\n return (\\n }\\n />\\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"TextInput.Icon","methods":[],"statics":[],"props":{"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"@renamed Renamed from \'name\' to \'icon` in v5.x\\nIcon to show."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"forceTextInputFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the TextInput will focus after onPress.","defaultValue":{"value":"true","computed":false}},"color":{"required":false,"tsType":{"name":"union","raw":"((isTextInputFocused: boolean) => string | undefined) | string","elements":[{"name":"unknown"},{"name":"string"}]},"description":"Color of the icon or a function receiving a boolean indicating whether the TextInput is focused and returning the color."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/TextInput/Adornment/TextInputIcon.tsx"],"group":"TextInput"},"ToggleButton/ToggleButton":{"filepath":"ToggleButton/ToggleButton.tsx","title":"ToggleButton","description":"Toggle buttons can be used to group related options. To emphasize groups of related toggle buttons,\\na group should share a common container.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ToggleButton } from \'react-native-paper\';\\n\\nconst ToggleButtonExample = () => {\\n const [status, setStatus] = React.useState(\'checked\');\\n\\n const onButtonToggle = value => {\\n setStatus(status === \'checked\' ? \'unchecked\' : \'checked\');\\n };\\n\\n return (\\n \\n );\\n};\\n\\nexport default ToggleButtonExample;\\n\\n```","link":"toggle-button","data":{"description":"Toggle buttons can be used to group related options. To emphasize groups of related toggle buttons,\\na group should share a common container.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ToggleButton } from \'react-native-paper\';\\n\\nconst ToggleButtonExample = () => {\\n const [status, setStatus] = React.useState(\'checked\');\\n\\n const onButtonToggle = value => {\\n setStatus(status === \'checked\' ? \'unchecked\' : \'checked\');\\n };\\n\\n return (\\n \\n );\\n};\\n\\nexport default ToggleButtonExample;\\n\\n```","displayName":"ToggleButton","methods":[],"statics":[],"props":{"icon":{"required":true,"tsType":{"name":"IconSource"},"description":"Icon to display for the `ToggleButton`."},"size":{"required":false,"tsType":{"name":"number"},"description":"Size of the icon."},"iconColor":{"required":false,"tsType":{"name":"string"},"description":"Custom text color for button."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the button is disabled."},"accessibilityLabel":{"required":false,"tsType":{"name":"string"},"description":"Accessibility label for the `ToggleButton`. This is read by the screen reader when the user taps the button."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(value?: GestureResponderEvent | string) => void","signature":{"arguments":[{"name":"value","type":{"name":"union","raw":"GestureResponderEvent | string","elements":[{"name":"GestureResponderEvent"},{"name":"string"}]}}],"return":{"name":"void"}}},"description":"Function to execute on press."},"value":{"required":false,"tsType":{"name":"string"},"description":"Value of button."},"status":{"required":false,"tsType":{"name":"union","raw":"\'checked\' | \'unchecked\'","elements":[{"name":"literal","value":"\'checked\'"},{"name":"literal","value":"\'unchecked\'"}]},"description":"Status of button."},"style":{"required":false,"tsType":{"name":"Animated.WithAnimatedValue","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"}],"raw":"Animated.WithAnimatedValue>"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"ref":{"required":false,"tsType":{"name":"ReactRefObject","raw":"React.RefObject","elements":[{"name":"View"}]},"description":""},"testID":{"required":false,"tsType":{"name":"string"},"description":"testID to be used on tests."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/ToggleButton/ToggleButton.tsx"]},"ToggleButton/ToggleButtonGroup":{"filepath":"ToggleButton/ToggleButtonGroup.tsx","title":"ToggleButton.Group","description":"Toggle group allows to control a group of toggle buttons.
\\nIt doesn\'t change the appearance of the toggle buttons. If you want to group them in a row, check out [ToggleButton.Row](ToggleButtonRow).\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ToggleButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'left\');\\n\\n return (\\n setValue(value)}\\n value={value}>\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","link":"toggle-button-group","data":{"description":"Toggle group allows to control a group of toggle buttons.
\\nIt doesn\'t change the appearance of the toggle buttons. If you want to group them in a row, check out [ToggleButton.Row](ToggleButtonRow).\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ToggleButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'left\');\\n\\n return (\\n setValue(value)}\\n value={value}>\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n```","displayName":"ToggleButton.Group","methods":[],"statics":[],"props":{"onValueChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(value: Value) => void","signature":{"arguments":[{"name":"value","type":{"name":"Value"}}],"return":{"name":"void"}}},"description":"Function to execute on selection change."},"value":{"required":true,"tsType":{"name":"union","raw":"Value | null","elements":[{"name":"Value"},{"name":"null"}]},"description":"Value of the currently selected toggle button."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"React elements containing toggle buttons."}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/ToggleButton/ToggleButtonGroup.tsx"],"group":"ToggleButton"},"ToggleButton/ToggleButtonRow":{"filepath":"ToggleButton/ToggleButtonRow.tsx","title":"ToggleButton.Row","description":"Toggle button row renders a group of toggle buttons in a row.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ToggleButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'left\');\\n\\n return (\\n setValue(value)} value={value}>\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n\\n```","link":"toggle-button-row","data":{"description":"Toggle button row renders a group of toggle buttons in a row.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { ToggleButton } from \'react-native-paper\';\\n\\nconst MyComponent = () => {\\n const [value, setValue] = React.useState(\'left\');\\n\\n return (\\n setValue(value)} value={value}>\\n \\n \\n \\n );\\n};\\n\\nexport default MyComponent;\\n\\n```","displayName":"ToggleButton.Row","methods":[],"statics":[],"props":{"onValueChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(value: string) => void","signature":{"arguments":[{"name":"value","type":{"name":"string"}}],"return":{"name":"void"}}},"description":"Function to execute on selection change."},"value":{"required":true,"tsType":{"name":"string"},"description":"Value of the currently selected toggle button."},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"React elements containing toggle buttons."},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/ToggleButton/ToggleButtonRow.tsx"],"group":"ToggleButton"},"Tooltip/Tooltip":{"filepath":"Tooltip/Tooltip.tsx","title":"Tooltip","description":"Tooltips display informative text when users hover over, focus on, or tap an element.\\n\\nPlain tooltips, when activated, display a text label identifying an element, such as a description of its function. Tooltips should include only short, descriptive text and avoid restating visible UI text.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { IconButton, Tooltip } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```","link":"tooltip","data":{"description":"Tooltips display informative text when users hover over, focus on, or tap an element.\\n\\nPlain tooltips, when activated, display a text label identifying an element, such as a description of its function. Tooltips should include only short, descriptive text and avoid restating visible UI text.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { IconButton, Tooltip } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n \\n {}} />\\n \\n);\\n\\nexport default MyComponent;\\n```","displayName":"Tooltip","methods":[],"statics":[],"props":{"children":{"required":true,"tsType":{"name":"ReactReactElement","raw":"React.ReactElement"},"description":"Tooltip reference element. Needs to be able to hold a ref."},"enterTouchDelay":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds a user must touch the element before showing the tooltip.","defaultValue":{"value":"500","computed":false}},"leaveTouchDelay":{"required":false,"tsType":{"name":"number"},"description":"The number of milliseconds after the user stops touching an element before hiding the tooltip.","defaultValue":{"value":"1500","computed":false}},"title":{"required":true,"tsType":{"name":"string"},"description":"Tooltip title"},"titleMaxFontSizeMultiplier":{"required":false,"tsType":{"name":"number"},"description":"Specifies the largest possible scale a title font can reach."},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Tooltip/Tooltip.tsx"]},"TouchableRipple/TouchableRipple":{"filepath":"TouchableRipple/TouchableRipple.tsx","title":"TouchableRipple","description":"A wrapper for views that should respond to touches.\\nProvides a material \\"ink ripple\\" interaction effect for supported platforms (>= Android Lollipop).\\nOn unsupported platforms, it falls back to a highlight effect.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Text, TouchableRipple } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}\\n rippleColor=\\"rgba(0, 0, 0, .32)\\"\\n >\\n Press anywhere\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends Pressable props https://reactnative.dev/docs/Pressable#props","link":"touchable-ripple","data":{"description":"A wrapper for views that should respond to touches.\\nProvides a material \\"ink ripple\\" interaction effect for supported platforms (>= Android Lollipop).\\nOn unsupported platforms, it falls back to a highlight effect.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { View } from \'react-native\';\\nimport { Text, TouchableRipple } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n console.log(\'Pressed\')}\\n rippleColor=\\"rgba(0, 0, 0, .32)\\"\\n >\\n Press anywhere\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends Pressable props https://reactnative.dev/docs/Pressable#props","displayName":"TouchableRipple","methods":[],"statics":[],"props":{"borderless":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to render the ripple outside the view bounds.","defaultValue":{"value":"false","computed":false}},"background":{"required":false,"tsType":{"name":"Object"},"description":"Type of background drawabale to display the feedback (Android).\\nhttps://reactnative.dev/docs/pressable#rippleconfig"},"centered":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to start the ripple at the center (Web)."},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Whether to prevent interaction with the touchable."},"onPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on press. If not set, will cause the touchable to be disabled."},"onLongPress":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute on long press."},"onPressIn":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute immediately when a touch is engaged, before `onPressOut` and `onPress`."},"onPressOut":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: GestureResponderEvent) => void","signature":{"arguments":[{"name":"e","type":{"name":"GestureResponderEvent"}}],"return":{"name":"void"}}},"description":"Function to execute when a touch is released."},"rippleColor":{"required":false,"tsType":{"name":"ColorValue"},"description":"Color of the ripple effect (Android >= 5.0 and Web)."},"underlayColor":{"required":false,"tsType":{"name":"string"},"description":"Color of the underlay for the highlight effect (Android < 5.0 and iOS)."},"children":{"required":true,"tsType":{"name":"union","raw":"| ((state: PressableStateCallbackType) => React.ReactNode)\\n| React.ReactNode","elements":[{"name":"unknown"},{"name":"ReactReactNode","raw":"React.ReactNode"}]},"description":"Content of the `TouchableRipple`."},"style":{"required":false,"tsType":{"name":"union","raw":"| StyleProp\\n| ((state: PressableStateCallbackType) => StyleProp)\\n| undefined","elements":[{"name":"StyleProp","elements":[{"name":"ViewStyle"}],"raw":"StyleProp"},{"name":"unknown"},{"name":"undefined"}]},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/TouchableRipple/TouchableRipple.tsx"]},"Typography/Text":{"filepath":"Typography/Text.tsx","title":"Text","description":"Typography component showing styles complied with passed `variant` prop and supported by the type system.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n <>\\n Display Large\\n Display Medium\\n Display small\\n\\n Headline Large\\n Headline Medium\\n Headline Small\\n\\n Title Large\\n Title Medium\\n Title Small\\n\\n Body Large\\n Body Medium\\n Body Small\\n\\n Label Large\\n Label Medium\\n Label Small\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends Text props https://reactnative.dev/docs/text#props","link":"text","data":{"description":"Typography component showing styles complied with passed `variant` prop and supported by the type system.\\n\\n## Usage\\n```js\\nimport * as React from \'react\';\\nimport { Text } from \'react-native-paper\';\\n\\nconst MyComponent = () => (\\n <>\\n Display Large\\n Display Medium\\n Display small\\n\\n Headline Large\\n Headline Medium\\n Headline Small\\n\\n Title Large\\n Title Medium\\n Title Small\\n\\n Body Large\\n Body Medium\\n Body Small\\n\\n Label Large\\n Label Medium\\n Label Small\\n \\n);\\n\\nexport default MyComponent;\\n```\\n\\n@extends Text props https://reactnative.dev/docs/text#props","displayName":"Text","methods":[],"statics":[],"props":{"variant":{"required":false,"tsType":{"name":"VariantProp","elements":[{"name":"T"}],"raw":"VariantProp"},"description":"@supported Available in v5.x with theme version 3\\n\\nVariant defines appropriate text styles for type role and its size.\\nAvailable variants:\\n\\n Display: `displayLarge`, `displayMedium`, `displaySmall`\\n\\n Headline: `headlineLarge`, `headlineMedium`, `headlineSmall`\\n\\n Title: `titleLarge`, `titleMedium`, `titleSmall`\\n\\n Label: `labelLarge`, `labelMedium`, `labelSmall`\\n\\n Body: `bodyLarge`, `bodyMedium`, `bodySmall`"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"theme":{"required":false,"tsType":{"name":"ThemeProp"},"description":""},"style":{"required":false,"tsType":{"name":"StyleProp","elements":[{"name":"TextStyle"}],"raw":"StyleProp"},"description":""}}},"type":"component","dependencies":["/home/circleci/react-native-paper/src/components/Typography/Text.tsx"]}}}},"docusaurus-plugin-content-docs":{"default":{"path":"/react-native-paper/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/react-native-paper/docs","mainDocId":"guides/getting-started","docs":[{"id":"components/ActivityIndicator","path":"/react-native-paper/docs/components/ActivityIndicator","sidebar":"components"},{"id":"components/Appbar/Appbar","path":"/react-native-paper/docs/components/Appbar/","sidebar":"components"},{"id":"components/Appbar/AppbarAction","path":"/react-native-paper/docs/components/Appbar/AppbarAction","sidebar":"components"},{"id":"components/Appbar/AppbarBackAction","path":"/react-native-paper/docs/components/Appbar/AppbarBackAction","sidebar":"components"},{"id":"components/Appbar/AppbarContent","path":"/react-native-paper/docs/components/Appbar/AppbarContent","sidebar":"components"},{"id":"components/Appbar/AppbarHeader","path":"/react-native-paper/docs/components/Appbar/AppbarHeader","sidebar":"components"},{"id":"components/Avatar/AvatarIcon","path":"/react-native-paper/docs/components/Avatar/AvatarIcon","sidebar":"components"},{"id":"components/Avatar/AvatarImage","path":"/react-native-paper/docs/components/Avatar/AvatarImage","sidebar":"components"},{"id":"components/Avatar/AvatarText","path":"/react-native-paper/docs/components/Avatar/AvatarText","sidebar":"components"},{"id":"components/Badge","path":"/react-native-paper/docs/components/Badge","sidebar":"components"},{"id":"components/Banner","path":"/react-native-paper/docs/components/Banner","sidebar":"components"},{"id":"components/BottomNavigation/BottomNavigation","path":"/react-native-paper/docs/components/BottomNavigation/","sidebar":"components"},{"id":"components/BottomNavigation/BottomNavigationBar","path":"/react-native-paper/docs/components/BottomNavigation/BottomNavigationBar","sidebar":"components"},{"id":"components/Button/Button","path":"/react-native-paper/docs/components/Button/","sidebar":"components"},{"id":"components/Card/Card","path":"/react-native-paper/docs/components/Card/","sidebar":"components"},{"id":"components/Card/CardActions","path":"/react-native-paper/docs/components/Card/CardActions","sidebar":"components"},{"id":"components/Card/CardContent","path":"/react-native-paper/docs/components/Card/CardContent","sidebar":"components"},{"id":"components/Card/CardCover","path":"/react-native-paper/docs/components/Card/CardCover","sidebar":"components"},{"id":"components/Card/CardTitle","path":"/react-native-paper/docs/components/Card/CardTitle","sidebar":"components"},{"id":"components/Checkbox/Checkbox","path":"/react-native-paper/docs/components/Checkbox/","sidebar":"components"},{"id":"components/Checkbox/CheckboxAndroid","path":"/react-native-paper/docs/components/Checkbox/CheckboxAndroid","sidebar":"components"},{"id":"components/Checkbox/CheckboxIOS","path":"/react-native-paper/docs/components/Checkbox/CheckboxIOS","sidebar":"components"},{"id":"components/Checkbox/CheckboxItem","path":"/react-native-paper/docs/components/Checkbox/CheckboxItem","sidebar":"components"},{"id":"components/Chip/Chip","path":"/react-native-paper/docs/components/Chip/","sidebar":"components"},{"id":"components/DataTable/DataTable","path":"/react-native-paper/docs/components/DataTable/","sidebar":"components"},{"id":"components/DataTable/DataTableCell","path":"/react-native-paper/docs/components/DataTable/DataTableCell","sidebar":"components"},{"id":"components/DataTable/DataTableHeader","path":"/react-native-paper/docs/components/DataTable/DataTableHeader","sidebar":"components"},{"id":"components/DataTable/DataTablePagination","path":"/react-native-paper/docs/components/DataTable/DataTablePagination","sidebar":"components"},{"id":"components/DataTable/DataTableRow","path":"/react-native-paper/docs/components/DataTable/DataTableRow","sidebar":"components"},{"id":"components/DataTable/DataTableTitle","path":"/react-native-paper/docs/components/DataTable/DataTableTitle","sidebar":"components"},{"id":"components/Dialog/Dialog","path":"/react-native-paper/docs/components/Dialog/","sidebar":"components"},{"id":"components/Dialog/DialogActions","path":"/react-native-paper/docs/components/Dialog/DialogActions","sidebar":"components"},{"id":"components/Dialog/DialogContent","path":"/react-native-paper/docs/components/Dialog/DialogContent","sidebar":"components"},{"id":"components/Dialog/DialogIcon","path":"/react-native-paper/docs/components/Dialog/DialogIcon","sidebar":"components"},{"id":"components/Dialog/DialogScrollArea","path":"/react-native-paper/docs/components/Dialog/DialogScrollArea","sidebar":"components"},{"id":"components/Dialog/DialogTitle","path":"/react-native-paper/docs/components/Dialog/DialogTitle","sidebar":"components"},{"id":"components/Divider","path":"/react-native-paper/docs/components/Divider","sidebar":"components"},{"id":"components/Drawer/DrawerCollapsedItem","path":"/react-native-paper/docs/components/Drawer/DrawerCollapsedItem","sidebar":"components"},{"id":"components/Drawer/DrawerItem","path":"/react-native-paper/docs/components/Drawer/DrawerItem","sidebar":"components"},{"id":"components/Drawer/DrawerSection","path":"/react-native-paper/docs/components/Drawer/DrawerSection","sidebar":"components"},{"id":"components/FAB/AnimatedFAB","path":"/react-native-paper/docs/components/FAB/AnimatedFAB","sidebar":"components"},{"id":"components/FAB/FAB","path":"/react-native-paper/docs/components/FAB/","sidebar":"components"},{"id":"components/FAB/FABGroup","path":"/react-native-paper/docs/components/FAB/FABGroup","sidebar":"components"},{"id":"components/HelperText/HelperText","path":"/react-native-paper/docs/components/HelperText/","sidebar":"components"},{"id":"components/Icon","path":"/react-native-paper/docs/components/Icon","sidebar":"components"},{"id":"components/IconButton/IconButton","path":"/react-native-paper/docs/components/IconButton/","sidebar":"components"},{"id":"components/List/ListAccordion","path":"/react-native-paper/docs/components/List/ListAccordion","sidebar":"components"},{"id":"components/List/ListAccordionGroup","path":"/react-native-paper/docs/components/List/ListAccordionGroup","sidebar":"components"},{"id":"components/List/ListIcon","path":"/react-native-paper/docs/components/List/ListIcon","sidebar":"components"},{"id":"components/List/ListItem","path":"/react-native-paper/docs/components/List/ListItem","sidebar":"components"},{"id":"components/List/ListSection","path":"/react-native-paper/docs/components/List/ListSection","sidebar":"components"},{"id":"components/List/ListSubheader","path":"/react-native-paper/docs/components/List/ListSubheader","sidebar":"components"},{"id":"components/Menu/Menu","path":"/react-native-paper/docs/components/Menu/","sidebar":"components"},{"id":"components/Menu/MenuItem","path":"/react-native-paper/docs/components/Menu/MenuItem","sidebar":"components"},{"id":"components/Modal","path":"/react-native-paper/docs/components/Modal","sidebar":"components"},{"id":"components/Portal/Portal","path":"/react-native-paper/docs/components/Portal/","sidebar":"components"},{"id":"components/Portal/PortalHost","path":"/react-native-paper/docs/components/Portal/PortalHost","sidebar":"components"},{"id":"components/ProgressBar","path":"/react-native-paper/docs/components/ProgressBar","sidebar":"components"},{"id":"components/RadioButton/RadioButton","path":"/react-native-paper/docs/components/RadioButton/","sidebar":"components"},{"id":"components/RadioButton/RadioButtonAndroid","path":"/react-native-paper/docs/components/RadioButton/RadioButtonAndroid","sidebar":"components"},{"id":"components/RadioButton/RadioButtonGroup","path":"/react-native-paper/docs/components/RadioButton/RadioButtonGroup","sidebar":"components"},{"id":"components/RadioButton/RadioButtonIOS","path":"/react-native-paper/docs/components/RadioButton/RadioButtonIOS","sidebar":"components"},{"id":"components/RadioButton/RadioButtonItem","path":"/react-native-paper/docs/components/RadioButton/RadioButtonItem","sidebar":"components"},{"id":"components/Searchbar","path":"/react-native-paper/docs/components/Searchbar","sidebar":"components"},{"id":"components/SegmentedButtons/SegmentedButtons","path":"/react-native-paper/docs/components/SegmentedButtons/","sidebar":"components"},{"id":"components/Snackbar","path":"/react-native-paper/docs/components/Snackbar","sidebar":"components"},{"id":"components/Surface","path":"/react-native-paper/docs/components/Surface","sidebar":"components"},{"id":"components/Switch/Switch","path":"/react-native-paper/docs/components/Switch/","sidebar":"components"},{"id":"components/Text/Text","path":"/react-native-paper/docs/components/Text/","sidebar":"components"},{"id":"components/TextInput/TextInput","path":"/react-native-paper/docs/components/TextInput/","sidebar":"components"},{"id":"components/TextInput/TextInputAffix","path":"/react-native-paper/docs/components/TextInput/TextInputAffix","sidebar":"components"},{"id":"components/TextInput/TextInputIcon","path":"/react-native-paper/docs/components/TextInput/TextInputIcon","sidebar":"components"},{"id":"components/ToggleButton/ToggleButton","path":"/react-native-paper/docs/components/ToggleButton/","sidebar":"components"},{"id":"components/ToggleButton/ToggleButtonGroup","path":"/react-native-paper/docs/components/ToggleButton/ToggleButtonGroup","sidebar":"components"},{"id":"components/ToggleButton/ToggleButtonRow","path":"/react-native-paper/docs/components/ToggleButton/ToggleButtonRow","sidebar":"components"},{"id":"components/Tooltip/Tooltip","path":"/react-native-paper/docs/components/Tooltip/","sidebar":"components"},{"id":"components/TouchableRipple/TouchableRipple","path":"/react-native-paper/docs/components/TouchableRipple/","sidebar":"components"},{"id":"guides/bottom-navigation","path":"/react-native-paper/docs/guides/bottom-navigation","sidebar":"tutorialSidebar"},{"id":"guides/contributing","path":"/react-native-paper/docs/guides/contributing","sidebar":"tutorialSidebar"},{"id":"guides/fonts","path":"/react-native-paper/docs/guides/fonts","sidebar":"tutorialSidebar"},{"id":"guides/getting-started","path":"/react-native-paper/docs/guides/getting-started","sidebar":"tutorialSidebar"},{"id":"guides/icons","path":"/react-native-paper/docs/guides/icons","sidebar":"tutorialSidebar"},{"id":"guides/migration-guide-to-5.0","path":"/react-native-paper/docs/guides/migration-guide-to-5.0","sidebar":"tutorialSidebar"},{"id":"guides/react-native-web","path":"/react-native-paper/docs/guides/react-native-web","sidebar":"tutorialSidebar"},{"id":"guides/react-navigation","path":"/react-native-paper/docs/guides/react-navigation","sidebar":"tutorialSidebar"},{"id":"guides/recommended-libraries","path":"/react-native-paper/docs/guides/recommended-libraries","sidebar":"tutorialSidebar"},{"id":"guides/ripple-effect","path":"/react-native-paper/docs/guides/ripple-effect","sidebar":"tutorialSidebar"},{"id":"guides/theming","path":"/react-native-paper/docs/guides/theming","sidebar":"tutorialSidebar"},{"id":"guides/theming-with-react-navigation","path":"/react-native-paper/docs/guides/theming-with-react-navigation","sidebar":"tutorialSidebar"},{"id":"showcase","path":"/react-native-paper/docs/showcase"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/react-native-paper/docs/guides/getting-started","label":"guides/getting-started"}},"components":{"link":{"path":"/react-native-paper/docs/components/ActivityIndicator","label":"components/ActivityIndicator"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(57529);const l=JSON.parse('{"docusaurusVersion":"2.3.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.3.1"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.3.1"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.3.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.3.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.3.1"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"2.3.1"},"component-docs-plugin":{"type":"project"},"docusaurus-react-native-plugin":{"type":"local"}}}'),c={siteConfig:r.Z,siteMetadata:l,globalData:o,i18n:i,codeTranslations:s},u=a.createContext(c);function p(e){let{children:t}=e;return a.createElement(u.Provider,{value:c},t)}},44763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var a=n(67294),r=n(10412),o=n(35742),i=n(54774);function s(e){let{error:t,tryAgain:n}=e;return a.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"50vh",width:"100%",fontSize:"20px"}},a.createElement("h1",null,"This page crashed."),a.createElement("p",null,t.message),a.createElement("button",{type:"button",onClick:n},"Try again"))}function l(e){let{error:t,tryAgain:n}=e;return a.createElement(u,{fallback:()=>a.createElement(s,{error:t,tryAgain:n})},a.createElement(o.Z,null,a.createElement("title",null,"Page Error")),a.createElement(i.Z,null,a.createElement(s,{error:t,tryAgain:n})))}const c=e=>a.createElement(l,e);class u extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??c)(e)}return e??null}}},10412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},35742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(67294),r=n(70405);function o(e){return a.createElement(r.ql,e)}},39960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var a=n(87462),r=n(67294),o=n(73727),i=n(18780),s=n(52263),l=n(13919),c=n(10412);const u=r.createContext({collectLink:()=>{}});var p=n(44996);function d(e,t){var n;let{isNavLink:d,to:m,href:f,activeClassName:h,isActive:g,"data-noBrokenLinkCheck":b,autoAddBaseUrl:y=!0,...v}=e;const{siteConfig:{trailingSlash:w,baseUrl:T}}=(0,s.Z)(),{withBaseUrl:S}=(0,p.C)(),x=(0,r.useContext)(u),k=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>k.current));const C=m||f;const A=(0,l.Z)(C),R=null==C?void 0:C.replace("pathname://","");let P=void 0!==R?(E=R,y&&(e=>e.startsWith("/"))(E)?S(E):E):void 0;var E;P&&A&&(P=(0,i.applyTrailingSlash)(P,{trailingSlash:w,baseUrl:T}));const I=(0,r.useRef)(!1),D=d?o.OL:o.rU,B=c.Z.canUseIntersectionObserver,L=(0,r.useRef)(),M=()=>{I.current||null==P||(window.docusaurus.preload(P),I.current=!0)};(0,r.useEffect)((()=>(!B&&A&&null!=P&&window.docusaurus.prefetch(P),()=>{B&&L.current&&L.current.disconnect()})),[L,P,B,A]);const q=(null==(n=P)?void 0:n.startsWith("#"))??!1,_=!P||!A||q;return _||b||x.collectLink(P),_?r.createElement("a",(0,a.Z)({ref:k,href:P},C&&!A&&{target:"_blank",rel:"noopener noreferrer"},v)):r.createElement(D,(0,a.Z)({},v,{onMouseEnter:M,onTouchStart:M,innerRef:e=>{k.current=e,B&&e&&A&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),L.current.observe(e))},to:P},d&&{isActive:g,activeClassName:h}))}const m=r.forwardRef(d)},95999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l,I:()=>s});var a=n(67294);function r(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=null==t?void 0:t[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var o=n(57529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return o[t??n]??n??t}function s(e,t){let{message:n,id:a}=e;return r(i({message:n,id:a}),t)}function l(e){let{children:t,id:n,values:o}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");const s=i({message:t,id:n});return a.createElement(a.Fragment,null,r(s,o))}},29935:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},13919:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},44996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>s});var a=n(67294),r=n(52263),o=n(13919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},52263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(67294),r=n(58940);function o(){return(0,a.useContext)(r._)}},28084:(e,t,n)=>{"use strict";n.d(t,{OD:()=>o,eZ:()=>i});var a=n(52263),r=n(29935);function o(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,a.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}function i(e,t,n){void 0===t&&(t=r.m),void 0===n&&(n={});const a=o(e),i=null==a?void 0:a[t];if(!i&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return i}},72389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(67294),r=n(98934);function o(){return(0,a.useContext)(r._)}},99670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});function a(e){const t={};return function e(n,a){Object.entries(n).forEach((n=>{let[r,o]=n;const i=a?`${a}.${r}`:r;var s;"object"==typeof(s=o)&&s&&Object.keys(s).length>0?e(o,i):t[i]=o}))}(e),t}},30226:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,z:()=>o});var a=n(67294);const r=a.createContext(null);function o(e){let{children:t,value:n}=e;const o=a.useContext(r),i=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...null==n?void 0:n.data};return{plugin:t.plugin,data:a}}({parent:o,value:n})),[o,n]);return a.createElement(r.Provider,{value:i},t)}},94104:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>h,gA:()=>p,WS:()=>d,_r:()=>c,Jo:()=>g,zh:()=>u,yW:()=>f,gB:()=>m});var a=n(76775),r=n(28084);const o=e=>e.versions.find((e=>e.isLast));function i(e,t){const n=o(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}function s(e,t){const n=i(e,t),r=null==n?void 0:n.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const l={},c=()=>(0,r.OD)("docusaurus-plugin-content-docs")??l,u=e=>(0,r.eZ)("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){void 0===e&&(e={});const t=c(),{pathname:n}=(0,a.TH)();return function(e,t,n){void 0===n&&(n={});const r=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,a.LX)(t,{path:n.path,exact:!1,strict:!1})})),o=r?{pluginId:r[0],pluginData:r[1]}:void 0;if(!o&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return o}(t,n,e)}function d(e){void 0===e&&(e={});const t=p(e),{pathname:n}=(0,a.TH)();if(!t)return;return{activePlugin:t,activeVersion:i(t.pluginData,n)}}function m(e){return u(e).versions}function f(e){const t=u(e);return o(t)}function h(e){const t=u(e),{pathname:n}=(0,a.TH)();return s(t,n)}function g(e){const t=u(e),{pathname:n}=(0,a.TH)();return function(e,t){const n=o(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},18320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(74865),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var a=n(87410),r=n(36809);!function(e){const{themeConfig:{prism:t}}=r.Z,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{n(6726)(`./prism-${e}`)})),delete globalThis.Prism}(a.Z)},39471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(67294);const r="iconExternalLink_nPIU";function o(e){let{width:t=13.5,height:n=13.5}=e;return a.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r},a.createElement("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"}))}},54774:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Rt});var a=n(67294),r=n(86010),o=n(44763),i=n(10833),s=n(87462),l=n(76775),c=n(95999),u=n(85936);const p="docusaurus_skipToContent_fallback";function d(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function m(){const e=(0,a.useRef)(null),{action:t}=(0,l.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(p);t&&d(t)}),[]);return(0,u.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&d(e.current)})),{containerRef:e,onClick:n}}const f=(0,c.I)({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 h(e){const t=e.children??f,{containerRef:n,onClick:r}=m();return a.createElement("div",{ref:n,role:"region","aria-label":f},a.createElement("a",(0,s.Z)({},e,{href:`#${p}`,onClick:r}),t))}var g=n(35281),b=n(19727);const y="skipToContent_fXgn";function v(){return a.createElement(h,{className:y})}var w=n(86668),T=n(59689);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:i,...l}=e;return a.createElement("svg",(0,s.Z)({viewBox:"0 0 15 15",width:t,height:n},l),a.createElement("g",{stroke:r,strokeWidth:o},a.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const x="closeButton_CVFx";function k(e){return a.createElement("button",(0,s.Z)({type:"button","aria-label":(0,c.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,r.Z)("clean-btn close",x,e.className)}),a.createElement(S,{width:14,height:14,strokeWidth:3.1}))}const C="content_knG7";function A(e){const{announcementBar:t}=(0,w.L)(),{content:n}=t;return a.createElement("div",(0,s.Z)({},e,{className:(0,r.Z)(C,e.className),dangerouslySetInnerHTML:{__html:n}}))}const R="announcementBar_mb4j",P="announcementBarPlaceholder_vyr4",E="announcementBarClose_gvF7",I="announcementBarContent_xLdY";function D(){const{announcementBar:e}=(0,w.L)(),{isActive:t,close:n}=(0,T.nT)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:i}=e;return a.createElement("div",{className:R,style:{backgroundColor:r,color:o},role:"banner"},i&&a.createElement("div",{className:P}),a.createElement(A,{className:I}),i&&a.createElement(k,{onClick:n,className:E}))}var B=n(93163),L=n(12466);var M=n(902),q=n(13102);const _=a.createContext(null);function N(e){let{children:t}=e;const n=function(){const e=(0,B.e)(),t=(0,q.HY)(),[n,r]=(0,a.useState)(!1),o=null!==t.component,i=(0,M.D9)(o);return(0,a.useEffect)((()=>{o&&!i&&r(!0)}),[o,i]),(0,a.useEffect)((()=>{o?e.shown||r(!0):r(!1)}),[e.shown,o]),(0,a.useMemo)((()=>[n,r]),[n])}();return a.createElement(_.Provider,{value:n},t)}function O(e){if(e.component){const t=e.component;return a.createElement(t,e.props)}}function V(){const e=(0,a.useContext)(_);if(!e)throw new M.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,r=(0,a.useCallback)((()=>n(!1)),[n]),o=(0,q.HY)();return(0,a.useMemo)((()=>({shown:t,hide:r,content:O(o)})),[r,o,t])}function F(e){let{header:t,primaryMenu:n,secondaryMenu:o}=e;const{shown:i}=V();return a.createElement("div",{className:"navbar-sidebar"},t,a.createElement("div",{className:(0,r.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},a.createElement("div",{className:"navbar-sidebar__item menu"},n),a.createElement("div",{className:"navbar-sidebar__item menu"},o)))}var j=n(92949),U=n(72389);function z(e){return a.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("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 G(e){return a.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("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 H={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function $(e){let{className:t,value:n,onChange:o}=e;const i=(0,U.Z)(),s=(0,c.I)({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"===n?(0,c.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return a.createElement("div",{className:(0,r.Z)(H.toggle,t)},a.createElement("button",{className:(0,r.Z)("clean-btn",H.toggleButton,!i&&H.toggleButtonDisabled),type:"button",onClick:()=>o("dark"===n?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite"},a.createElement(z,{className:(0,r.Z)(H.toggleIcon,H.lightToggleIcon)}),a.createElement(G,{className:(0,r.Z)(H.toggleIcon,H.darkToggleIcon)})))}const W=a.memo($);function Z(e){let{className:t}=e;const n=(0,w.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,j.I)();return n?null:a.createElement(W,{className:t,value:r,onChange:o})}var Y=n(21327);function K(){return a.createElement(Y.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,B.e)();return a.createElement("button",{type:"button","aria-label":(0,c.I)({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()},a.createElement(S,{color:"var(--ifm-color-emphasis-600)"}))}function X(){return a.createElement("div",{className:"navbar-sidebar__brand"},a.createElement(K,null),a.createElement(Z,{className:"margin-right--md"}),a.createElement(Q,null))}var J=n(39960),ee=n(44996),te=n(13919),ne=n(98022),ae=n(39471);function re(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:i,html:l,isDropdownLink:c,prependBaseUrlToHref:u,...p}=e;const d=(0,ee.Z)(r),m=(0,ee.Z)(t),f=(0,ee.Z)(o,{forcePrependBaseUrl:!0}),h=i&&o&&!(0,te.Z)(o),g=l?{dangerouslySetInnerHTML:{__html:l}}:{children:a.createElement(a.Fragment,null,i,h&&a.createElement(ae.Z,c&&{width:12,height:12}))};return o?a.createElement(J.Z,(0,s.Z)({href:u?f:o},p,g)):a.createElement(J.Z,(0,s.Z)({to:d,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?(0,ne.F)(n,t.pathname):t.pathname.startsWith(m)},p,g))}function oe(e){let{className:t,isDropdownItem:n=!1,...o}=e;const i=a.createElement(re,(0,s.Z)({className:(0,r.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},o));return n?a.createElement("li",null,i):i}function ie(e){let{className:t,isDropdownItem:n,...o}=e;return a.createElement("li",{className:"menu__list-item"},a.createElement(re,(0,s.Z)({className:(0,r.Z)("menu__link",t)},o)))}function se(e){let{mobile:t=!1,position:n,...r}=e;const o=t?ie:oe;return a.createElement(o,(0,s.Z)({},r,{activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var le=n(86043),ce=n(48596),ue=n(52263);function pe(e,t){return e.some((e=>function(e,t){return!!(0,ce.Mg)(e.to,t)||!!(0,ne.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const c=(0,a.useRef)(null),[u,p]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&p(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[c]),a.createElement("div",{ref:c,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":u})},a.createElement(re,(0,s.Z)({"aria-haspopup":"true","aria-expanded":u,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o)},l,{onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),p(!u))}}),l.children??l.label),a.createElement("ul",{className:"dropdown__menu"},t.map(((e,n)=>a.createElement(He,(0,s.Z)({isDropdownItem:!0,onKeyDown:e=>{if(n===t.length-1&&"Tab"===e.key){e.preventDefault(),p(!1);const t=c.current.nextElementSibling;if(t){(t instanceof HTMLAnchorElement?t:t.querySelector("a")).focus()}}},activeClassName:"dropdown__link--active"},e,{key:n}))))))}function me(e){let{items:t,className:n,position:o,onClick:i,...c}=e;const u=function(){const{siteConfig:{baseUrl:e}}=(0,ue.Z)(),{pathname:t}=(0,l.TH)();return t.replace(e,"/")}(),p=pe(t,u),{collapsed:d,toggleCollapsed:m,setCollapsed:f}=(0,le.u)({initialState:()=>!p});return(0,a.useEffect)((()=>{p&&f(!p)}),[u,p,f]),a.createElement("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":d})},a.createElement(re,(0,s.Z)({role:"button",className:(0,r.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},c,{onClick:e=>{e.preventDefault(),m()}}),c.children??c.label),a.createElement(le.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:d},t.map(((e,t)=>a.createElement(He,(0,s.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function fe(e){let{mobile:t=!1,...n}=e;const r=t?me:de;return a.createElement(r,n)}var he=n(94711);function ge(e){let{width:t=20,height:n=20,...r}=e;return a.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},r),a.createElement("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 be="iconLanguage_nlXk";function ye(){return a.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},a.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var ve=n(20830),we=["translations"];function Te(){return Te=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,a=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Ce="Ctrl";var Ae=a.forwardRef((function(e,t){var n=e.translations,r=void 0===n?{}:n,o=ke(e,we),i=r.buttonText,s=void 0===i?"Search":i,l=r.buttonAriaLabel,c=void 0===l?"Search":l,u=Se((0,a.useState)(null),2),p=u[0],d=u[1];return(0,a.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?d("\u2318"):d(Ce))}),[]),a.createElement("button",Te({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},o,{ref:t}),a.createElement("span",{className:"DocSearch-Button-Container"},a.createElement(ve.W,null),a.createElement("span",{className:"DocSearch-Button-Placeholder"},s)),a.createElement("span",{className:"DocSearch-Button-Keys"},null!==p&&a.createElement(a.Fragment,null,a.createElement("kbd",{className:"DocSearch-Button-Key"},p===Ce?a.createElement(ye,null):p),a.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),Re=n(35742),Pe=n(66177),Ee=n(239),Ie=n(43320);var De=n(73935);const Be={button:{buttonText:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,c.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,c.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,c.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,c.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,c.I)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,c.I)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,c.I)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,c.I)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,c.I)({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,c.I)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,c.I)({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,c.I)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,c.I)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,c.I)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,c.I)({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,c.I)({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,c.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,c.I)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Le=null;function Me(e){let{hit:t,children:n}=e;return a.createElement(J.Z,{to:t.url},n)}function qe(e){let{state:t,onClose:n}=e;const{generateSearchPageLink:r}=(0,Pe.O)();return a.createElement(J.Z,{to:r(t.query),onClick:n},a.createElement(c.Z,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits}},"See all {count} results"))}function _e(e){var t;let{contextualSearch:r,externalUrlRegex:o,...i}=e;const{siteMetadata:c}=(0,ue.Z)(),u=(0,Ee.l)(),p=function(){const{locale:e,tags:t}=(0,Ie._q)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=(null==(t=i.searchParameters)?void 0:t.facetFilters)??[],m=r?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(p,d):d,f={...i.searchParameters,facetFilters:m},h=(0,l.k6)(),g=(0,a.useRef)(null),b=(0,a.useRef)(null),[y,v]=(0,a.useState)(!1),[w,T]=(0,a.useState)(void 0),S=(0,a.useCallback)((()=>Le?Promise.resolve():Promise.all([n.e(6780).then(n.bind(n,76780)),Promise.all([n.e(532),n.e(6945)]).then(n.bind(n,46945)),Promise.all([n.e(532),n.e(8894)]).then(n.bind(n,18894))]).then((e=>{let[{DocSearchModal:t}]=e;Le=t}))),[]),x=(0,a.useCallback)((()=>{S().then((()=>{g.current=document.createElement("div"),document.body.insertBefore(g.current,document.body.firstChild),v(!0)}))}),[S,v]),k=(0,a.useCallback)((()=>{var e;v(!1),null==(e=g.current)||e.remove()}),[v]),C=(0,a.useCallback)((e=>{S().then((()=>{v(!0),T(e.key)}))}),[S,v,T]),A=(0,a.useRef)({navigate(e){let{itemUrl:t}=e;(0,ne.F)(o,t)?window.location.href=t:h.push(t)}}).current,R=(0,a.useRef)((e=>i.transformItems?i.transformItems(e):e.map((e=>({...e,url:u(e.url)}))))).current,P=(0,a.useMemo)((()=>e=>a.createElement(qe,(0,s.Z)({},e,{onClose:k}))),[k]),E=(0,a.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",c.docusaurusVersion),e)),[c.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,r=e.onClose,o=e.onInput,i=e.searchButtonRef;a.useEffect((function(){function e(e){(27===e.keyCode&&t||"k"===e.key&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?r():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&o&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&o(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,r,o,i])}({isOpen:y,onOpen:x,onClose:k,onInput:C,searchButtonRef:b}),a.createElement(a.Fragment,null,a.createElement(Re.Z,null,a.createElement("link",{rel:"preconnect",href:`https://${i.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})),a.createElement(Ae,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:x,ref:b,translations:Be.button}),y&&Le&&g.current&&(0,De.createPortal)(a.createElement(Le,(0,s.Z)({onClose:k,initialScrollY:window.scrollY,initialQuery:w,navigator:A,transformItems:R,hitComponent:Me,transformSearchClient:E},i.searchPagePath&&{resultsFooterComponent:P},i,{searchParameters:f,placeholder:Be.placeholder,translations:Be.modal})),g.current))}function Ne(){const{siteConfig:e}=(0,ue.Z)();return a.createElement(_e,e.themeConfig.algolia)}const Oe="searchBox_ZlJk";function Ve(e){let{children:t,className:n}=e;return a.createElement("div",{className:(0,r.Z)(n,Oe)},t)}var Fe=n(94104),je=n(53438);var Ue=n(60373);const ze=e=>e.docs.find((t=>t.id===e.mainDocId));const Ge={default:se,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,...o}=e;const{i18n:{currentLocale:i,locales:u,localeConfigs:p}}=(0,ue.Z)(),d=(0,he.l)(),{search:m,hash:f}=(0,l.TH)(),h=[...n,...u.map((e=>{const n=`${`pathname://${d.createUrl({locale:e,fullyQualified:!1})}`}${m}${f}`;return{label:p[e].label,lang:p[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,c.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):p[i].label;return a.createElement(fe,(0,s.Z)({},o,{mobile:t,label:a.createElement(a.Fragment,null,a.createElement(ge,{className:be}),g),items:h}))},search:function(e){let{mobile:t,className:n}=e;return t?null:a.createElement(Ve,{className:n},a.createElement(Ne,null))},dropdown:fe,html:function(e){let{value:t,className:n,mobile:o=!1,isDropdownItem:i=!1}=e;const s=i?"li":"div";return a.createElement(s,{className:(0,r.Z)({navbar__item:!o&&!i,"menu__list-item":o},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:i}=(0,Fe.Iw)(r),l=(0,je.vY)(t,r);return null===l?null:a.createElement(se,(0,s.Z)({exact:!0},o,{isActive:()=>(null==i?void 0:i.path)===l.path||!(null==i||!i.sidebar)&&i.sidebar===l.sidebar,label:n??l.id,to:l.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:i}=(0,Fe.Iw)(r),l=(0,je.oz)(t,r).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return a.createElement(se,(0,s.Z)({exact:!0},o,{isActive:()=>(null==i?void 0:i.sidebar)===t,label:n??l.label,to:l.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const i=(0,je.lO)(r)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return a.createElement(se,(0,s.Z)({},o,{label:l,to:c}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:i,...u}=e;const{search:p,hash:d}=(0,l.TH)(),m=(0,Fe.Iw)(n),f=(0,Fe.gB)(n),{savePreferredVersionName:h}=(0,Ue.J)(n),g=[...o,...f.map((e=>{const t=m.alternateDocVersions[e.name]??ze(e);return{label:e.label,to:`${t.path}${p}${d}`,isActive:()=>e===m.activeVersion,onClick:()=>h(e.name)}})),...i],b=(0,je.lO)(n)[0],y=t&&g.length>1?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):b.label,v=t&&g.length>1?void 0:ze(b).path;return g.length<=1?a.createElement(se,(0,s.Z)({},u,{mobile:t,label:y,to:v,isActive:r?()=>!1:void 0})):a.createElement(fe,(0,s.Z)({},u,{mobile:t,label:y,to:v,items:g,isActive:r?()=>!1:void 0}))}};function He(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Ge[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return a.createElement(o,n)}function $e(){const e=(0,B.e)(),t=(0,w.L)().navbar.items;return a.createElement("ul",{className:"menu__list"},t.map(((t,n)=>a.createElement(He,(0,s.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function We(e){return a.createElement("button",(0,s.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),a.createElement(c.Z,{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)"},"\u2190 Back to main menu"))}function Ze(){const e=0===(0,w.L)().navbar.items.length,t=V();return a.createElement(a.Fragment,null,!e&&a.createElement(We,{onClick:()=>t.hide()}),t.content)}function Ye(){const e=(0,B.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?a.createElement(F,{header:a.createElement(X,null),primaryMenu:a.createElement($e,null),secondaryMenu:a.createElement(Ze,null)}):null}const Ke="navbarHideable_m1mJ",Qe="navbarHidden_jGov";function Xe(e){return a.createElement("div",(0,s.Z)({role:"presentation"},e,{className:(0,r.Z)("navbar-sidebar__backdrop",e.className)}))}function Je(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,w.L)(),i=(0,B.e)(),{navbarRef:s,isNavbarVisible:l}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i=s?n(!1):i+c{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return a.createElement("nav",{ref:s,"aria-label":(0,c.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,r.Z)("navbar","navbar--fixed-top",n&&[Ke,!l&&Qe],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":i.shown})},t,a.createElement(Xe,{onClick:i.toggle}),a.createElement(Ye,null))}function et(e){let{width:t=30,height:n=30,className:r,...o}=e;return a.createElement("svg",(0,s.Z)({className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},o),a.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function tt(){const{toggle:e,shown:t}=(0,B.e)();return a.createElement("button",{onClick:e,"aria-label":(0,c.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},a.createElement(et,null))}const nt="colorModeToggle_DEke";function at(e){let{items:t}=e;return a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(He,(0,s.Z)({},e,{key:t})))))}function rt(e){let{left:t,right:n}=e;return a.createElement("div",{className:"navbar__inner"},a.createElement("div",{className:"navbar__items"},t),a.createElement("div",{className:"navbar__items navbar__items--right"},n))}function ot(){const e=(0,B.e)(),t=(0,w.L)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??"right")}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return a.createElement(rt,{left:a.createElement(a.Fragment,null,!e.disabled&&a.createElement(tt,null),a.createElement(K,null),a.createElement(at,{items:n})),right:a.createElement(a.Fragment,null,a.createElement(at,{items:r}),a.createElement(Z,{className:nt}),!o&&a.createElement(Ve,null,a.createElement(Ne,null)))})}function it(){return a.createElement(Je,null,a.createElement(ot,null))}function st(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:i,...l}=t,c=(0,ee.Z)(n),u=(0,ee.Z)(r,{forcePrependBaseUrl:!0});return a.createElement(J.Z,(0,s.Z)({className:"footer__link-item"},r?{href:i?u:r}:{to:c},l),o,r&&!(0,te.Z)(r)&&a.createElement(ae.Z,null))}function lt(e){let{item:t}=e;return t.html?a.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement("li",{key:t.href??t.to,className:"footer__item"},a.createElement(st,{item:t}))}function ct(e){let{column:t}=e;return a.createElement("div",{className:"col footer__col"},a.createElement("div",{className:"footer__title"},t.title),a.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>a.createElement(lt,{key:t,item:e})))))}function ut(e){let{columns:t}=e;return a.createElement("div",{className:"row footer__links"},t.map(((e,t)=>a.createElement(ct,{key:t,column:e}))))}function pt(){return a.createElement("span",{className:"footer__link-separator"},"\xb7")}function dt(e){let{item:t}=e;return t.html?a.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement(st,{item:t})}function mt(e){let{links:t}=e;return a.createElement("div",{className:"footer__links text--center"},a.createElement("div",{className:"footer__links"},t.map(((e,n)=>a.createElement(a.Fragment,{key:n},a.createElement(dt,{item:e}),t.length!==n+1&&a.createElement(pt,null))))))}function ft(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?a.createElement(ut,{columns:t}):a.createElement(mt,{links:t})}var ht=n(50941);const gt="footerLogoLink_BH7S";function bt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,ee.C)(),o={light:n(t.src),dark:n(t.srcDark??t.src)};return a.createElement(ht.Z,{className:(0,r.Z)("footer__logo",t.className),alt:t.alt,sources:o,width:t.width,height:t.height,style:t.style})}function yt(e){let{logo:t}=e;return t.href?a.createElement(J.Z,{href:t.href,className:gt,target:t.target},a.createElement(bt,{logo:t})):a.createElement(bt,{logo:t})}function vt(e){let{copyright:t}=e;return a.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function wt(e){let{style:t,links:n,logo:o,copyright:i}=e;return a.createElement("footer",{className:(0,r.Z)("footer",{"footer--dark":"dark"===t})},a.createElement("div",{className:"container container-fluid"},n,(o||i)&&a.createElement("div",{className:"footer__bottom text--center"},o&&a.createElement("div",{className:"margin-bottom--sm"},o),i)))}function Tt(){const{footer:e}=(0,w.L)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return a.createElement(wt,{style:o,links:n&&n.length>0&&a.createElement(ft,{links:n}),logo:r&&a.createElement(yt,{logo:r}),copyright:t&&a.createElement(vt,{copyright:t})})}const St=a.memo(Tt),xt=(0,M.Qc)([j.S,T.pl,L.OC,Ue.L5,i.VC,function(e){let{children:t}=e;return a.createElement(q.n2,null,a.createElement(B.M,null,a.createElement(N,null,t)))}]);function kt(e){let{children:t}=e;return a.createElement(xt,null,t)}function Ct(e){let{error:t,tryAgain:n}=e;return a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(c.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),a.createElement("p",null,t.message),a.createElement("div",null,a.createElement("button",{type:"button",onClick:n},a.createElement(c.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again when the page crashed"},"Try again"))))))}const At="mainWrapper_z2l0";function Rt(e){const{children:t,noFooter:n,wrapperClassName:s,title:l,description:c}=e;return(0,b.t)(),a.createElement(kt,null,a.createElement(i.d,{title:l,description:c}),a.createElement(v,null),a.createElement(D,null),a.createElement(it,null),a.createElement("div",{id:p,className:(0,r.Z)(g.k.wrapper.main,At,s)},a.createElement(o.Z,{fallback:e=>a.createElement(Ct,e)},t)),!n&&a.createElement(St,null))}},21327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var a=n(87462),r=n(67294),o=n(39960),i=n(44996),s=n(52263),l=n(86668),c=n(50941);function u(e){let{logo:t,alt:n,imageClassName:a}=e;const o={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},s=r.createElement(c.Z,{className:t.className,sources:o,height:t.height,width:t.width,alt:n,style:t.style});return a?r.createElement("div",{className:a},s):s}function p(e){const{siteConfig:{title:t}}=(0,s.Z)(),{navbar:{title:n,logo:c}}=(0,l.L)(),{imageClassName:p,titleClassName:d,...m}=e,f=(0,i.Z)((null==c?void 0:c.href)||"/"),h=n?"":t,g=(null==c?void 0:c.alt)??h;return r.createElement(o.Z,(0,a.Z)({to:f},m,(null==c?void 0:c.target)&&{target:c.target}),c&&r.createElement(u,{logo:c,alt:g,imageClassName:p}),null!=n&&r.createElement("b",{className:d},n))}},90197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(67294),r=n(35742);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return a.createElement(r.Z,null,t&&a.createElement("meta",{name:"docusaurus_locale",content:t}),n&&a.createElement("meta",{name:"docusaurus_version",content:n}),o&&a.createElement("meta",{name:"docusaurus_tag",content:o}),i&&a.createElement("meta",{name:"docsearch:language",content:i}),n&&a.createElement("meta",{name:"docsearch:version",content:n}),o&&a.createElement("meta",{name:"docsearch:docusaurus_tag",content:o}))}},50941:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var a=n(87462),r=n(67294),o=n(86010),i=n(72389),s=n(92949);const l={themedImage:"themedImage_ToTc","themedImage--light":"themedImage--light_HNdA","themedImage--dark":"themedImage--dark_i4oU"};function c(e){const t=(0,i.Z)(),{colorMode:n}=(0,s.I)(),{sources:c,className:u,alt:p,...d}=e,m=t?"dark"===n?["dark"]:["light"]:["light","dark"];return r.createElement(r.Fragment,null,m.map((e=>r.createElement("img",(0,a.Z)({key:e,src:c[e],alt:p,className:(0,o.Z)(l.themedImage,l[`themedImage--${e}`],u)},d)))))}},86043:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,z:()=>f});var a=n(87462),r=n(67294),o=n(10412);function i(e){let{initialState:t}=e;const[n,a]=(0,r.useState)(t??!1),o=(0,r.useCallback)((()=>{a((e=>!e))}),[]);return{collapsed:n,setCollapsed:a,toggleCollapsed:o}}const s={display:"none",overflow:"hidden",height:"0px"},l={display:"block",overflow:"visible",height:"auto"};function c(e,t){const n=t?s:l;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function u(e){let{collapsibleRef:t,collapsed:n,animation:a}=e;const o=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=(null==a?void 0:a.duration)??function(e){const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${(null==a?void 0:a.easing)??"ease-in-out"}`,height:`${t}px`}}function i(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return c(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(i(),requestAnimationFrame((()=>{e.style.height=s.height,e.style.overflow=s.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,a])}function p(e){if(!o.Z.canUseDOM)return e?s:l}function d(e){let{as:t="div",collapsed:n,children:a,animation:o,onCollapseTransitionEnd:i,className:s,disableSSRStyle:l}=e;const d=(0,r.useRef)(null);return u({collapsibleRef:d,collapsed:n,animation:o}),r.createElement(t,{ref:d,style:l?void 0:p(n),onTransitionEnd:e=>{"height"===e.propertyName&&(c(d.current,n),null==i||i(n))},className:s},a)}function m(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[s,l]=(0,r.useState)(t);return(0,r.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,r.useLayoutEffect)((()=>{o&&l(t)}),[o,t]),o?r.createElement(d,(0,a.Z)({},n,{collapsed:s})):null}function f(e){let{lazy:t,...n}=e;const a=t?m:d;return r.createElement(a,n)}},59689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>f,pl:()=>m});var a=n(67294),r=n(72389),o=n(50012),i=n(902),s=n(86668);const l=(0,o.WA)("docusaurus.announcement.dismiss"),c=(0,o.WA)("docusaurus.announcement.id"),u=()=>"true"===l.get(),p=e=>l.set(String(e)),d=a.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&u()));(0,a.useEffect)((()=>{o(u())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=c.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;c.set(t),a&&p(!1),!a&&u()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return a.createElement(d.Provider,{value:n},t)}function f(){const e=(0,a.useContext)(d);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},92949:(e,t,n)=>{"use strict";n.d(t,{I:()=>g,S:()=>h});var a=n(67294),r=n(10412),o=n(902),i=n(50012),s=n(86668);const l=a.createContext(void 0),c="theme",u=(0,i.WA)(c),p="light",d="dark",m=e=>e===d?d:p;function f(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.L)(),[o,i]=(0,a.useState)((e=>r.Z.canUseDOM?m(document.documentElement.getAttribute("data-theme")):m(e))(e));(0,a.useEffect)((()=>{t&&u.del()}),[t]);const l=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(i(t),r&&(e=>{u.set(m(e))})(t)):(i(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d:p:e),u.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",m(o))}),[o]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==c)return;const t=u.get();null!==t&&l(m(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,l]);const f=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||f.current?f.current=window.matchMedia("print").matches:l(null)};return e.addListener(a),()=>e.removeListener(a)}),[l,t,n]),(0,a.useMemo)((()=>({colorMode:o,setColorMode:l,get isDarkTheme(){return o===d},setLightTheme(){l(p)},setDarkTheme(){l(d)}})),[o,l])}function h(e){let{children:t}=e;const n=f();return a.createElement(l.Provider,{value:n},t)}function g(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},60373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b,Oh:()=>w});var a=n(67294),r=n(94104),o=n(29935),i=n(86668),s=n(53438),l=n(902),c=n(50012);const u=e=>`docs-preferred-version-${e}`,p=(e,t,n)=>{(0,c.WA)(u(e),{persistence:t}).set(n)},d=(e,t)=>(0,c.WA)(u(e),{persistence:t}).get(),m=(e,t)=>{(0,c.WA)(u(e),{persistence:t}).del()};const f=a.createContext(null);function h(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,s]=(0,a.useState)((()=>(e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}]))))(n)));(0,a.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=d(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(m(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=h();return a.createElement(f.Provider,{value:n},t)}function b(e){let{children:t}=e;return s.cE?a.createElement(g,null,t):a.createElement(a.Fragment,null,t)}function y(){const e=(0,a.useContext)(f);if(!e)throw new l.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function w(){const e=(0,r._r)(),[t]=y();function n(n){const a=e[n],{preferredVersionName:r}=t[n];return a.versions.find((e=>e.name===r))??null}const a=Object.keys(e);return Object.fromEntries(a.map((e=>[e,n(e)])))}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,b:()=>s});var a=n(67294),r=n(902);const o=Symbol("EmptyContext"),i=a.createContext(o);function s(e){let{children:t,name:n,items:r}=e;const o=(0,a.useMemo)((()=>n&&r?{name:n,items:r}:null),[n,r]);return a.createElement(i.Provider,{value:o},t)}function l(){const e=(0,a.useContext)(i);if(e===o)throw new r.i6("DocsSidebarProvider");return e}},93163:(e,t,n)=>{"use strict";n.d(t,{M:()=>p,e:()=>d});var a=n(67294),r=n(13102),o=n(87524),i=n(91980),s=n(86668),l=n(902);const c=a.createContext(void 0);function u(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,s.L)().navbar;return 0===t.length&&!e.component}(),t=(0,o.i)(),n=!e&&"mobile"===t,[l,c]=(0,a.useState)(!1);(0,i.Rb)((()=>{if(l)return c(!1),!1}));const u=(0,a.useCallback)((()=>{c((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=u();return a.createElement(c.Provider,{value:n},t)}function d(){const e=a.useContext(c);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},13102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,Zo:()=>l,n2:()=>i});var a=n(67294),r=n(902);const o=a.createContext(null);function i(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return a.createElement(o.Provider,{value:n},t)}function s(){const e=(0,a.useContext)(o);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}function l(e){let{component:t,props:n}=e;const i=(0,a.useContext)(o);if(!i)throw new r.i6("NavbarSecondaryMenuContentProvider");const[,s]=i,l=(0,r.Ql)(n);return(0,a.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,a.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},19727:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(67294);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},66177:(e,t,n)=>{"use strict";n.d(t,{O:()=>s});var a=n(67294),r=n(76775),o=n(52263);const i="q";function s(){const e=(0,r.k6)(),{siteConfig:{baseUrl:t,themeConfig:n}}=(0,o.Z)(),{algolia:{searchPagePath:s}}=n,[l,c]=(0,a.useState)("");(0,a.useEffect)((()=>{const e=new URLSearchParams(window.location.search).get(i)??"";c(e)}),[]);return{searchQuery:l,setSearchQuery:(0,a.useCallback)((t=>{const n=new URLSearchParams(window.location.search);t?n.set(i,t):n.delete(i),e.replace({search:n.toString()}),c(t)}),[e]),generateSearchPageLink:(0,a.useCallback)((e=>`${t}${s}?q=${encodeURIComponent(e)}`),[t,s])}}},87524:(e,t,n)=>{"use strict";n.d(t,{i:()=>c});var a=n(67294),r=n(10412);const o="desktop",i="mobile",s="ssr";function l(){return r.Z.canUseDOM?window.innerWidth>996?o:i:s}function c(){const[e,t]=(0,a.useState)((()=>l()));return(0,a.useEffect)((()=>{function e(){t(l())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(undefined)}}),[]),e}},35281:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={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",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:{}}},53438:(e,t,n)=>{"use strict";n.d(t,{Wl:()=>d,_F:()=>f,cE:()=>p,hI:()=>w,lO:()=>b,oz:()=>y,s1:()=>g,vY:()=>v});var a=n(67294),r=n(76775),o=n(18790),i=n(94104),s=n(60373),l=n(1116),c=n(67392),u=n(48596);const p=!!i._r;function d(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=d(t);if(e)return e}}}const m=(e,t)=>void 0!==e&&(0,u.Mg)(e,t);function f(e,t){return"link"===e.type?m(e.href,t):"category"===e.type&&(m(e.href,t)||((e,t)=>e.some((e=>f(e,t))))(e.items,t))}function h(e){let{sidebarItems:t,pathname:n,onlyCategories:a=!1}=e;const r=[];return function e(t){for(const o of t)if("category"===o.type&&((0,u.Mg)(o.href,n)||e(o.items))||"link"===o.type&&(0,u.Mg)(o.href,n)){return a&&"category"!==o.type||r.unshift(o),!0}return!1}(t),r}function g(){var e;const t=(0,l.V)(),{pathname:n}=(0,r.TH)();return!1!==(null==(e=(0,i.gA)())?void 0:e.pluginData.breadcrumbs)&&t?h({sidebarItems:t.items,pathname:n}):null}function b(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,s.J)(e),r=(0,i.yW)(e);return(0,a.useMemo)((()=>(0,c.j)([t,n,r].filter(Boolean))),[t,n,r])}function y(e,t){const n=b(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\n Available sidebar ids are:\n - ${Object.keys(t).join("\n- ")}`);return a[1]}),[e,n])}function v(e,t){const n=b(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`DocNavbarItem: couldn't find any doc with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,c.j)(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}function w(e){let{route:t,versionMetadata:n}=e;const a=(0,r.TH)(),i=t.routes,s=i.find((e=>(0,r.LX)(a.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?n.docsSidebars[l]:void 0;return{docElement:(0,o.H)(i),sidebarName:l,sidebarItems:c}}},82128:(e,t,n)=>{"use strict";n.d(t,{p:()=>r});var a=n(52263);function r(e){const{siteConfig:t}=(0,a.Z)(),{title:n,titleDelimiter:r}=t;return null!=e&&e.trim().length?`${e.trim()} ${r} ${n}`:n}},91980:(e,t,n)=>{"use strict";n.d(t,{Rb:()=>s,_X:()=>l});var a=n(67294),r=n(76775),o=n(61688),i=n(902);function s(e){!function(e){const t=(0,r.k6)(),n=(0,i.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function l(e){return function(e){const t=(0,r.k6)();return(0,o.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}},67392:(e,t,n)=>{"use strict";function a(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,a)=>e.findIndex((e=>t(e,n)))!==a))}function r(e){return Array.from(new Set(e))}n.d(t,{j:()=>r,l:()=>a})},10833:(e,t,n)=>{"use strict";n.d(t,{FG:()=>d,d:()=>u,VC:()=>m});var a=n(67294),r=n(86010),o=n(35742),i=n(30226);function s(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(44996),c=n(82128);function u(e){let{title:t,description:n,keywords:r,image:i,children:s}=e;const u=(0,c.p)(t),{withBaseUrl:p}=(0,l.C)(),d=i?p(i,{absolute:!0}):void 0;return a.createElement(o.Z,null,t&&a.createElement("title",null,u),t&&a.createElement("meta",{property:"og:title",content:u}),n&&a.createElement("meta",{name:"description",content:n}),n&&a.createElement("meta",{property:"og:description",content:n}),r&&a.createElement("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),d&&a.createElement("meta",{property:"og:image",content:d}),d&&a.createElement("meta",{name:"twitter:image",content:d}),s)}const p=a.createContext(void 0);function d(e){let{className:t,children:n}=e;const i=a.useContext(p),s=(0,r.Z)(i,t);return a.createElement(p.Provider,{value:s},a.createElement(o.Z,null,a.createElement("html",{className:s})),n)}function m(e){let{children:t}=e;const n=s(),o=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return a.createElement(d,{className:(0,r.Z)(o,i)},t)}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>c,Ql:()=>l,i6:()=>s,zX:()=>o});var a=n(67294);const r=n(10412).Z.canUseDOM?a.useLayoutEffect:a.useEffect;function o(e){const t=(0,a.useRef)(e);return r((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,a.useRef)();return r((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){var n,a,r;super(),this.name="ReactContextError",this.message=`Hook ${(null==(n=this.stack)||null==(a=n.split("\n")[1])||null==(r=a.match(/at (?:\w+\.)?(?\w+)/))?void 0:r.groups.name)??""} is called outside the <${e}>. ${t??""}`}}function l(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function c(e){return t=>{let{children:n}=t;return a.createElement(a.Fragment,null,e.reduceRight(((e,t)=>a.createElement(t,null,e)),n))}}},98022:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},48596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>s});var a=n(67294),r=n(723),o=n(52263);function i(e,t){const n=e=>{var t;return null==(t=!e||e.endsWith("/")?e:`${e}/`)?void 0:t.toLowerCase()};return n(e)===n(t)}function s(){const{baseUrl:e}=(0,o.Z)().siteConfig;return(0,a.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function a(e){return e.path===t&&!0===e.exact}function r(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(a)||e(t.filter(r).flatMap((e=>e.routes??[])))}(n)}({routes:r.Z,baseUrl:e})),[e])}},12466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>m,OC:()=>l,RF:()=>p,o5:()=>d});var a=n(67294),r=n(10412),o=n(72389),i=n(902);const s=a.createContext(void 0);function l(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return a.createElement(s.Provider,{value:n},t)}function c(){const e=(0,a.useContext)(s);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),o=(0,i.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();o(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[o,n,...t])}function d(){const e=c(),t=function(){const e=(0,a.useRef)({elem:null,top:0}),t=(0,a.useCallback)((t=>{e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,a.useCallback)((()=>{const{current:{elem:t,top:n}}=e;if(!t)return{restored:!1};const a=t.getBoundingClientRect().top-n;return a&&window.scrollBy({left:0,top:a}),e.current={elem:null,top:0},{restored:0!==a}}),[]);return(0,a.useMemo)((()=>({save:t,restore:n})),[n,t])}(),n=(0,a.useRef)(void 0),r=(0,a.useCallback)((a=>{t.save(a),e.disableScrollEvents(),n.current=()=>{const{restored:a}=t.restore();if(n.current=void 0,a){const t=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",t)};window.addEventListener("scroll",t)}else e.enableScrollEvents()}}),[e,t]);return(0,a.useLayoutEffect)((()=>{queueMicrotask((()=>null==n.current?void 0:n.current()))})),{blockElementScrollPositionUntilNextRender:r}}function m(){const e=(0,a.useRef)(null),t=(0,o.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function a(){const r=document.documentElement.scrollTop;(n&&r>e||!n&&rt&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>null==e.current?void 0:e.current()}}},43320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>i,_q:()=>l,os:()=>s});var a=n(94104),r=n(52263),o=n(60373);const i="default";function s(e,t){return`docs-${e}-${t}`}function l(){const{i18n:e}=(0,r.Z)(),t=(0,a._r)(),n=(0,a.WS)(),l=(0,o.Oh)();const c=[i,...Object.keys(t).map((function(e){const a=(null==n?void 0:n.activePlugin.pluginId)===e?n.activeVersion:void 0,r=l[e],o=t[e].versions.find((e=>e.isLast));return s(e,(a??r??o).name)}))];return{locale:e.currentLocale,tags:c}}},50012:(e,t,n)=>{"use strict";n.d(t,{Nk:()=>p,WA:()=>u});var a=n(67294),r=n(61688);const o="localStorage";function i(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}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(n){return t=n,l||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}let l=!1;const c={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function u(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=s(null==t?void 0:t.persistence);return null===n?c:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),i({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),i({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}function p(e,t){const n=(0,a.useRef)((()=>null===e?c:u(e,t))).current(),o=(0,a.useCallback)((e=>"undefined"==typeof window?()=>{}:n.listen(e)),[n]);return[(0,r.useSyncExternalStore)(o,(()=>"undefined"==typeof window?null:n.get()),(()=>null)),n]}},94711:(e,t,n)=>{"use strict";n.d(t,{l:()=>o});var a=n(52263),r=n(76775);function o(){const{siteConfig:{baseUrl:e,url:t},i18n:{defaultLocale:n,currentLocale:o}}=(0,a.Z)(),{pathname:i}=(0,r.TH)(),s=o===n?e:e.replace(`/${o}/`,"/"),l=i.replace(e,"");return{createUrl:function(e){let{locale:a,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===n?`${s}`:`${s}${e}/`}(a)}${l}`}}}},85936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(67294),r=n(76775),o=n(902);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},86668:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(52263);function r(){return(0,a.Z)().siteConfig.themeConfig}},6278:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(52263);function r(){const{siteConfig:{themeConfig:e}}=(0,a.Z)();return e}},239:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var a=n(67294),r=n(98022),o=n(44996),i=n(6278);function s(){const{withBaseUrl:e}=(0,o.C)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.L)();return(0,a.useCallback)((a=>{const o=new URL(a);if((0,r.F)(t,o.href))return a;const i=`${o.pathname+o.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},18780:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="post-content";var r=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}})},86010:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;tr});const r=function(){for(var e,t,n=0,r="";n{"use strict";n.d(t,{lX:()=>w,q_:()=>A,ob:()=>m,PP:()=>P,Ep:()=>d});var a=n(87462);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a=0;d--){var m=i[d];"."===m?o(i,d):".."===m?(o(i,d),p++):p&&(o(i,d),p--)}if(!c)for(;p--;p)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var f=i.join("/");return n&&"/"!==f.substr(-1)&&(f+="/"),f};var s=n(2177);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function d(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function m(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function f(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;at?n.splice(t,n.length-t,r):n.push(r),p({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=m(e,t,h(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,p({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var a=n(59864),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return a.isMemo(e)?i:s[e.$$typeof]||r}s[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,p=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,f=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(f){var r=m(n);r&&r!==f&&e(t,r,a)}var i=u(n);p&&(i=i.concat(p(n)));for(var s=l(t),h=l(n),g=0;g{"use strict";e.exports=function(e,t,n,a,r,o,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},32497:(e,t,n)=>{"use strict";n.r(t)},52295:(e,t,n)=>{"use strict";n.r(t)},74865:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function r(e,t,n){return en?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,p=a.easing;return o.offsetWidth,s((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),l(c,i(e,u,p)),1===e?(l(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){l(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),s=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&m(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){p(document.documentElement,"nprogress-busy"),p(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&m(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:d(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=d(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function p(e,t){var n,a=d(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function d(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function m(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},27418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function r(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(r){return!1}}()?Object.assign:function(e,o){for(var i,s,l=r(e),c=1;c{"use strict";n.d(t,{Z:()=>o});var a=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/=p.reach);x+=S.value.length,S=S.next){var k=S.value;if(t.length>e.length)return;if(!(k instanceof r)){var C,A=1;if(y){if(!(C=o(T,x,e,b))||C.index>=e.length)break;var R=C.index,P=C.index+C[0].length,E=x;for(E+=S.value.length;R>=E;)E+=(S=S.next).value.length;if(x=E-=S.value.length,S.value instanceof r)continue;for(var I=S;I!==t.tail&&(Ep.reach&&(p.reach=M);var q=S.prev;if(B&&(q=l(t,q,B),x+=B.length),c(t,q,A),S=l(t,q,new r(d,g?a.tokenize(D,g):D,v,D)),L&&l(t,S,L),A>1){var _={cause:d+","+f,reach:M};i(e,t,n,S.prev,x,_),p&&_.reach>p.reach&&(p.reach=_.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r"+o.content+""},a}(),r=a;a.default=a,r.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\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://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"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},r.languages.markup.tag.inside["attr-value"].inside.entity=r.languages.markup.entity,r.languages.markup.doctype.inside["internal-subset"].inside=r.languages.markup,r.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))})),Object.defineProperty(r.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^$)/i,lookbehind:!0,inside:r.languages[t]},n.cdata=/^$/i;var a={"included-cdata":{pattern://i,inside:n}};a["language-"+t]={pattern:/[\s\S]+/,inside:r.languages[t]};var o={};o[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:a},r.languages.insertBefore("markup","cdata",o)}}),Object.defineProperty(r.languages.markup.tag,"addAttribute",{value:function(e,t){r.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:r.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),r.languages.html=r.languages.markup,r.languages.mathml=r.languages.markup,r.languages.svg=r.languages.markup,r.languages.xml=r.languages.extend("markup",{}),r.languages.ssml=r.languages.xml,r.languages.atom=r.languages.xml,r.languages.rss=r.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|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|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|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var r=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],o=a.variable[1].inside,i=0;i]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},r.languages.c=r.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|[?:~]|[-+*/%&|^!=<>]=?/}),r.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),r.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},r.languages.c.string],char:r.languages.c.char,comment:r.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:r.languages.c}}}}),r.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 r.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(r),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(r),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+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=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var a={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},r={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|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:a,number:r,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:a,number:r})}(r),r.languages.javascript=r.languages.extend("clike",{"class-name":[r.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}|\?\?=?|\?\.?|[~:]/}),r.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,r.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:r.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:r.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:r.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:r.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:r.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),r.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:r.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"}}),r.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),r.languages.markup&&(r.languages.markup.tag.addInlined("script","javascript"),r.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")),r.languages.js=r.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(r),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return a})).replace(/<>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return a})).replace(/<>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(r),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(//g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;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("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(r),r.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:r.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+/},r.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n0)){var s=d(/^\{$/,/^\}$/);if(-1===s)continue;for(var l=n;l=0&&m(c,"variable-input")}}}}function u(e){return t[n+e]}function p(e,t){t=t||0;for(var n=0;n?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function l(t,n,a){var r={code:t,grammar:n,language:a};return e.hooks.run("before-tokenize",r),r.tokens=e.tokenize(r.code,r.grammar),e.hooks.run("after-tokenize",r),r.tokens}function c(t){var n={};n["interpolation-punctuation"]=r;var o=e.tokenize(t,n);if(3===o.length){var i=[1,1];i.push.apply(i,l(o[1],e.languages.javascript,"javascript")),o.splice.apply(o,i)}return new e.Token("interpolation",o,a.alias,t)}function u(t,n,a){var r=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),i=0,u={},p=l(r.map((function(e){if("string"==typeof e)return e;for(var n,r=e.content;-1!==t.indexOf(n=s(i++,a)););return u[n]=r,n})).join(""),n,a),d=Object.keys(u);return i=0,function e(t){for(var n=0;n=d.length)return;var a=t[n];if("string"==typeof a||"string"==typeof a.content){var r=d[i],o="string"==typeof a?a:a.content,s=o.indexOf(r);if(-1!==s){++i;var l=o.substring(0,s),p=c(u[r]),m=o.substring(s+r.length),f=[];if(l&&f.push(l),f.push(p),m){var h=[m];e(h),f.push.apply(f,h)}"string"==typeof a?(t.splice.apply(t,[n,1].concat(f)),n+=f.length-1):a.content=f}}else{var g=a.content;Array.isArray(g)?e(g):e([g])}}}(p),new e.Token(a,p,"language-"+a,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var p={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function d(e){return"string"==typeof e?e:Array.isArray(e)?e.map(d).join(""):d(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in p&&function t(n){for(var a=0,r=n.length;a]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(r),function(e){function t(e,t){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a*\.{3}(?:[^{}]|)*\})/.source;function o(e,t){return e=e.replace(//g,(function(){return n})).replace(//g,(function(){return a})).replace(//g,(function(){return r})),RegExp(e,t)}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=/.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(""):""},s=function(t){for(var n=[],a=0;a0&&n[n.length-1].tagName===i(r.content[0].content[1])&&n.pop():"/>"===r.content[r.content.length-1].content||n.push({tagName:i(r.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&n.length>0&&0===n[n.length-1].openedBraces){var l=i(r);a0&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(l=i(t[a-1])+l,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",l,null,l)}r.content&&"string"!=typeof r.content&&s(r.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(r),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var a=t[n],r=[];/^\w+$/.test(n)||r.push(/\w+/.exec(n)[0]),"diff"===n&&r.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+a+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:r,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(r),r.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},r.languages.go=r.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/}),r.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete r.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,s=i.length;-1!==n.code.indexOf(r=t(a,s));)++s;return i[s]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(s){for(var l=0;l=o.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],p=n.tokenStack[u],d="string"==typeof c?c:c.content,m=t(a,u),f=d.indexOf(m);if(f>-1){++r;var h=d.substring(0,f),g=new e.Token(a,e.tokenize(p,n.grammar),"language-"+a,p),b=d.substring(f+m.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(r),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(r),r.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"}},r.languages.webmanifest=r.languages.json,r.languages.less=r.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),r.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),r.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},r.languages.objectivec=r.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 r.languages.objectivec["class-name"],r.languages.objc=r.languages.objectivec,r.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},r.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:/[{}[\];(),.:]/},r.languages.python["string-interpolation"].inside.interpolation.inside.rest=r.languages.python,r.languages.py=r.languages.python,r.languages.reason=r.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/}),r.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 r.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(r),r.languages.scss=r.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),r.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),r.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),r.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),r.languages.scss.atrule.inside.rest=r.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},a={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?: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|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)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};a.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:a}},a.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:a}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:a}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:a}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:a}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:a.interpolation}},rest:a}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:a.interpolation,comment:a.comment,punctuation:/[{},]/}},func:a.func,string:a.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:a.interpolation,punctuation:/[{}()\[\];:.]/}}(r),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(r),r.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const o=r},29901:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:(e,t,n)=>{const a=n(29901),r=n(39642),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(16500).resolve(t)],delete Prism.languages[e],n(16500)(t),o.add(e)}))}i.silent=!1,e.exports=i},6726:(e,t,n)=>{var a={"./":2885};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=6726},16500:(e,t,n)=>{var a={"./":2885};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=16500},39642:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n "));var s={},l=e[a];if(l){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in s))for(var i in r(t,o),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[a]=s,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,s){var l=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),p=n(s);i.forEach((function e(n){var a=l[n];t(a&&a.require,(function(t){t in p||(u[t]=!0,e(t))}))}));for(var d,m=a(l),f=u;r(f);){for(var h in d={},f){var g=l[h];t(g&&g.modify,(function(e){e in p&&(d[e]=!0)}))}for(var b in p)if(!(b in u))for(var y in m(b))if(y in u){d[b]=!0;break}for(var v in f=d)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var r,u=[];for(var p in t(e))p in n&&u.push(p);if(0===u.length)r=a(e);else{var d=i(u.map((function(e){var t=c(e);return delete l[e],t})));o?r=o(d,(function(){return a(e)})):a(e)}return s[e]=r}for(var u in n)c(u);var p=[];for(var d in l)p.push(s[d]);return i(p)}(m,u,t,n)}};return w}}();e.exports=t},92703:(e,t,n)=>{"use strict";var a=n(50414);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},45697:(e,t,n)=>{e.exports=n(92703)()},50414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},64448:(e,t,n)=>{"use strict";var a=n(67294),r=n(27418),o=n(63840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n