diff --git a/404.html b/404.html index 3fdbe6d..2547fb2 100644 --- a/404.html +++ b/404.html @@ -1,4 +1,4 @@ -Not Found • React \ No newline at end of file + \ No newline at end of file diff --git a/500.html b/500.html index 4940e3e..ddfa546 100644 --- a/500.html +++ b/500.html @@ -1,4 +1,4 @@ -Something Went Wrong • React \ No newline at end of file + \ No newline at end of file diff --git a/_next/data/325bkyb1KTL4yXT3aGYI5/index.json b/_next/data/325bkyb1KTL4yXT3aGYI5/index.json new file mode 100644 index 0000000..e39abd6 --- /dev/null +++ b/_next/data/325bkyb1KTL4yXT3aGYI5/index.json @@ -0,0 +1 @@ +{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"8\",{\"children\":[[\"$r\",\"HomepageHero\",null,{}],\"\\n\",[\"$r\",\"h1\",null,{\"id\":\"what-is-reactunity\",\"children\":\"What is ReactUnity?\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"ReactUnity is a UI Framework for Unity, that lets you code in React and CSS. It runs this code inside a JavaScript engine and outputs Unity components to directly render them inside Unity. The goal of ReactUnity is to provide Unity developers a declarative way to build user interfaces, similar to web technologies like React and HTML.\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"Here is a sample \",[\"$r\",\"em\",null,{\"children\":\"Todo App\"}],\" to show off some React and CSS features of ReactUnity.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"import { render } from '@reactunity/renderer';\\nimport { useRef, useState } from 'react';\\n\\nexport function TodoItem(props) {\\n return \\n \\n {props.item.text}\\n \\n\\n \\n ;\\n}\\n\\nexport function TodoPage() {\\n const lastId = useRef(3);\\n const [items, setItems] = useState([\\n { id: 0, text: 'Take a walk' },\\n { id: 1, text: 'Buy groceries' },\\n { id: 2, text: 'Prepare dinner' },\\n ]);\\n\\n const inputRef = useRef();\\n\\n function addTodo(item) {\\n inputRef.current.Value = '';\\n setItems(oldItems => {\\n const newItems = [...oldItems];\\n newItems.push({ id: lastId.current++, text: item });\\n return newItems;\\n });\\n }\\n\\n function removeTodo(id) {\\n setItems(oldItems => oldItems.filter(x => x.id !== id));\\n }\\n\\n return \\n \\n TODO app example\\n \\n\\n \\n addTodo(sender.Value)} />\\n\\n \\n \\n\\n \\n {items.map((item) =>\\n )}\\n \\n ;\\n}\\n\\nrender();\\n\"}]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-css\",\"children\":\".todo-root {\\n flex-direction: column;\\n align-self: center;\\n align-items: stretch;\\n margin: 16px;\\n padding: 32px;\\n\\n background-color: #dedede;\\n border-radius: 8px;\\n box-shadow: 1px 1px 6px -2px black;\\n}\\n\\n.todo-header {\\n color: cornflowerblue;\\n font-size: 30px;\\n font-weight: bold;\\n margin-bottom: 18px;\\n text-align: center;\\n}\\n\\n.todo-input-section {\\n flex-direction: row;\\n align-items: stretch;\\n width: 360px;\\n margin-bottom: 18px;\\n}\\n\\n.todo-input {\\n flex-shrink: 1;\\n flex-grow: 1;\\n}\\n\\n.todo-item {\\n flex-direction: row;\\n align-items: center;\\n transition: rotate var(--item-animation-duration), margin-bottom var(--item-animation-duration);\\n rotate: 0 0 0;\\n width: 360px;\\n padding: 4px 0 4px 8px;\\n margin-bottom: 0px;\\n transform-origin: top;\\n\\n background-color: white;\\n border: 1px solid #dedede;\\n border-radius: 8px;\\n\\n --item-animation-duration: 400ms;\\n}\\n\\n.todo-item:not(:first-child) {\\n margin-top: 10px;\\n}\\n\\n.todo-item:enter {\\n rotate: 90deg 0 0;\\n margin-bottom: -66px;\\n}\\n\\n.todo-item:leave {\\n rotate: 90deg 0 0;\\n margin-bottom: -66px;\\n pointer-events: none;\\n state-duration: var(--item-animation-duration);\\n}\\n\\n.todo-item-name {\\n flex-shrink: 1;\\n flex-grow: 1;\\n}\\n\\n.todo-add-button,\\n.todo-remove-button {\\n width: 50px;\\n height: 50px;\\n margin-left: 8px;\\n}\\n\"}]}]]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"how-does-reactunity-work\",\"children\":\"How does ReactUnity work?\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"React library is built in a way so that the React paradigm can be used in different platforms. In fact, all platforms which can run Javascript can have a framework like ReactUnity. There are actually more \",[\"$r\",\"a\",null,{\"href\":\"https://github.com/chentsulin/awesome-react-renderer\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":\"Awesome React Renderers\"}],\" you probably haven’t heard of.\"]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"The same way you use \",[\"$r\",\"code\",null,{\"children\":\"react-dom\"}],\" for web applications, and React Native for mobile applications; you can use ReactUnity for Unity UIs.\"]}],\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"how-can-i-learn-reactunity\",\"children\":\"How can I learn ReactUnity?\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"To learn ReactUnity, you need to learn React first. You can start by the \",[\"$r\",\"a\",null,{\"href\":\"https://reactjs.org/\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":\"official React documentation\"}],\". If you already feel confident with React, you can keep reading this documentation.\"]}]]}]]","toc":"[]","meta":{"id":"home","layout":"Home","title":"ReactUnity Docs","permalink":"index.html"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/debug.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/debug.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/debug.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/debug.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/extending.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/extending.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/extending.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/extending.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/fonts.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/fonts.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/fonts.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/fonts.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/interop.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/interop.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/howto/interop.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/howto/interop.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/about.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/about.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/about.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/about.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/faq.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/faq.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/faq.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/faq.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/showcase.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/showcase.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/showcase.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/showcase.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/sponsors.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/sponsors.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/misc/sponsors.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/misc/sponsors.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/learn/ui-backends.json b/_next/data/325bkyb1KTL4yXT3aGYI5/learn/ui-backends.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/learn/ui-backends.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/learn/ui-backends.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/api/render.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/api/render.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/api/render.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/api/render.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/api/useglobals.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/api/useglobals.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/api/useglobals.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/api/useglobals.json diff --git a/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components.json new file mode 100644 index 0000000..7382942 --- /dev/null +++ b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components.json @@ -0,0 +1 @@ +{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"last\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"This page lists the Components supported by ReactUnity in alphabetical order.\"}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"components-index\",\"children\":\"Components Index\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":\"anchor\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"button\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"html\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"icon\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"image\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"input\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"prefab\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"portal\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"object\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"rawimage\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"render\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"richtext\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"script\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"scroll\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"style\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"svg\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"svgimage\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"toggle\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"video\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"view\"}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#components-index\",\"depth\":3,\"text\":\"Components Index\"}]","meta":{"title":"Components","layout":"API"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/anchor.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/anchor.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/anchor.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/anchor.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/button.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/button.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/button.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/button.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/html.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/html.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/html.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/html.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/icon.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/icon.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/icon.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/icon.json diff --git a/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/image.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/image.json new file mode 100644 index 0000000..17f4bb6 --- /dev/null +++ b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/image.json @@ -0,0 +1 @@ +{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\"}],\" creates an image component. Alternatively, \",[\"$r\",\"code\",null,{\"children\":\"\"}],\" creates a raw image component and \",[\"$r\",\"code\",null,{\"children\":\"\"}],\" creates a svg image component (requires \",[\"$r\",\"code\",null,{\"children\":\"Unity.VectorGraphics\"}],\" package).\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n const imageAddress = 'https://picsum.photos/200';\\n return ;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"properties\",\"children\":\"Properties\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"source\"}],\": Source of the image. Can be a url, a resource path (e.g. ‘res:/path/to/file’), the \",[\"$r\",\"code\",null,{\"children\":\"Texture2D\"}],\" object or the \",[\"$r\",\"code\",null,{\"children\":\"Sprite\"}],\" object.\"]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"fit\"}],\": Determines how to position the image inside the element.\"]}],\"\\n\"]}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"notes\",\"children\":\"Notes\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"The css \",[\"$r\",\"code\",null,{\"children\":\"color\"}],\" property can be used to tint the image.\"]}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#properties\",\"depth\":3,\"text\":\"Properties\"},{\"url\":\"#notes\",\"depth\":3,\"text\":\"Notes\"}]","meta":{"title":"","layout":"API"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/input.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/input.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/input.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/input.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/rawimage.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/rawimage.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/rawimage.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/rawimage.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/render.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/render.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/render.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/render.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/script.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/script.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/script.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/script.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/scroll.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/scroll.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/scroll.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/scroll.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/style.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/style.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/style.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/style.json diff --git a/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/svg.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/svg.json new file mode 100644 index 0000000..f032ac9 --- /dev/null +++ b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/svg.json @@ -0,0 +1 @@ +{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"4\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\"}],\" can be used to render inline SVG. It requires the \",[\"$r\",\"code\",null,{\"children\":\"Unity.VectorGraphics\"}],\" package.\"]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"Can be used with \",[\"$r\",\"a\",null,{\"href\":\"https://react-icons.github.io/react-icons/\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":\"React Icons\"}],\" or similar libraries too.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n return \\n \\n \\n};\\n\"}]}]}]]","toc":"[]","meta":{"title":"","layout":"API"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/text.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/text.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/text.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/text.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/toggle.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/toggle.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/toggle.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/toggle.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/video.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/video.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/video.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/video.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/view.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/components/view.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/components/view.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/components/view.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/animation.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/animation.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/animation.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/animation.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/appearance.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/appearance.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/appearance.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/appearance.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/audio.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/audio.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/audio.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/audio.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/background-color.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/background-color.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/background-color.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/background-color.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/background-image.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/background-image.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/background-image.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/background-image.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/border-color.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/border-color.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/border-color.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/border-color.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/border-radius.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/border-radius.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/border-radius.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/border-radius.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/border-width.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/border-width.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/border-width.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/border-width.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/box-shadow.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/box-shadow.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/box-shadow.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/box-shadow.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/color.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/color.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/color.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/color.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/content.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/content.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/content.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/content.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/cursor.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/cursor.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/cursor.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/cursor.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/mask-image.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/mask-image.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/mask-image.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/mask-image.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/opacity.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/opacity.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/opacity.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/opacity.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/pointer-events.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/pointer-events.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/pointer-events.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/pointer-events.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/rotate.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/rotate.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/rotate.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/rotate.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/scale.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/scale.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/scale.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/scale.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/transform-origin.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/transform-origin.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/transform-origin.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/transform-origin.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/transition.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/transition.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/transition.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/transition.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/translate.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/translate.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/translate.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/translate.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/visibility.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/visibility.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/visibility.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/visibility.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/css/z-index.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/css/z-index.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/css/z-index.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/css/z-index.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/accordion.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/accordion.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/accordion.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/accordion.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/button.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/button.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/button.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/button.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/card.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/card.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/card.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/card.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/dialogs.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/dialogs.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/dialogs.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/dialogs.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/paper.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/paper.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/paper.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/paper.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/select.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/select.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/select.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/select.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/slider.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/slider.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/slider.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/slider.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/text-field.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/text-field.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/text-field.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/text-field.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/toggle.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/toggle.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/toggle.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/toggle.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/tooltip.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/tooltip.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/tooltip.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/tooltip.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/material/virtual-scroll.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/material/virtual-scroll.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/material/virtual-scroll.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/material/virtual-scroll.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/media-queries.json b/_next/data/325bkyb1KTL4yXT3aGYI5/reference/media-queries.json similarity index 100% rename from _next/data/41xC1mcDIRp0x7_S1KItx/reference/media-queries.json rename to _next/data/325bkyb1KTL4yXT3aGYI5/reference/media-queries.json diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/index.json b/_next/data/41xC1mcDIRp0x7_S1KItx/index.json deleted file mode 100644 index 7376a03..0000000 --- a/_next/data/41xC1mcDIRp0x7_S1KItx/index.json +++ /dev/null @@ -1 +0,0 @@ -{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"8\",{\"children\":[[\"$r\",\"HomepageHero\",null,{}],\"\\n\",[\"$r\",\"h1\",null,{\"id\":\"what-is-reactunity\",\"children\":\"What is ReactUnity?\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"ReactUnity is a UI Framework for Unity, that lets you code in React and CSS. It runs this code inside a JavaScript engine and outputs Unity components to directly render them inside Unity. The goal of ReactUnity is to provide Unity developers a declarative way to build user interfaces, similar to web technologies like React and HTML.\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"Here is a sample \",[\"$r\",\"em\",null,{\"children\":\"Todo App\"}],\" to show off some React and CSS features of ReactUnity.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"import { render } from '@reactunity/renderer';\\nimport { useRef, useState } from 'react';\\n\\nexport function TodoItem(props) {\\n return \\n \\n {props.item.text}\\n \\n\\n \\n ;\\n}\\n\\nexport function TodoPage() {\\n const lastId = useRef(3);\\n const [items, setItems] = useState([\\n { id: 0, text: 'Walk the dog' },\\n { id: 1, text: 'Buy groceries' },\\n { id: 2, text: 'Prepare dinner' },\\n ]);\\n\\n const inputRef = useRef();\\n\\n function addTodo(item) {\\n inputRef.current.Value = '';\\n setItems(oldItems => {\\n const newItems = [...oldItems];\\n newItems.push({ id: lastId.current++, text: item });\\n return newItems;\\n });\\n }\\n\\n function removeTodo(id) {\\n setItems(oldItems => oldItems.filter(x => x.id !== id));\\n }\\n\\n return \\n \\n TODO app example\\n \\n\\n \\n \\n\\n \\n {items.map((item) =>\\n )}\\n \\n ;\\n}\\n\\nrender();\\n\"}]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-css\",\"children\":\".todo-root {\\n flex-direction: column;\\n align-self: center;\\n align-items: stretch;\\n margin: 16px;\\n padding: 32px;\\n\\n background-color: #dedede;\\n border-radius: 8px;\\n box-shadow: 1px 1px 6px -2px black;\\n}\\n\\n.todo-header {\\n color: cornflowerblue;\\n font-size: 30px;\\n font-weight: bold;\\n margin-bottom: 18px;\\n text-align: center;\\n}\\n\\n.todo-input-section {\\n flex-direction: row;\\n align-items: stretch;\\n width: 360px;\\n margin-bottom: 18px;\\n}\\n\\n.todo-input {\\n flex-shrink: 1;\\n flex-grow: 1;\\n}\\n\\n.todo-item {\\n flex-direction: row;\\n align-items: center;\\n transition: rotate var(--item-animation-duration), margin-bottom var(--item-animation-duration);\\n rotate: 0 0 0;\\n width: 360px;\\n padding: 4px 0 4px 8px;\\n margin-bottom: 0px;\\n transform-origin: top;\\n\\n background-color: white;\\n border: 1px solid #dedede;\\n border-radius: 8px;\\n\\n --item-animation-duration: 400ms;\\n}\\n\\n.todo-item:not(:first-child) {\\n margin-top: 10px;\\n}\\n\\n.todo-item:enter {\\n rotate: 90deg 0 0;\\n margin-bottom: -66px;\\n}\\n\\n.todo-item:leave {\\n rotate: 90deg 0 0;\\n margin-bottom: -66px;\\n pointer-events: none;\\n state-duration: var(--item-animation-duration);\\n}\\n\\n.todo-item-name {\\n flex-shrink: 1;\\n flex-grow: 1;\\n}\\n\\n.todo-add-button,\\n.todo-remove-button {\\n width: 50px;\\n height: 50px;\\n margin-left: 8px;\\n}\\n\"}]}]]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"how-does-reactunity-work\",\"children\":\"How does ReactUnity work?\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"React library is built in a way so that the React paradigm can be used in different platforms. In fact, all platforms which can run Javascript can have a framework like ReactUnity. There are actually more \",[\"$r\",\"a\",null,{\"href\":\"https://github.com/chentsulin/awesome-react-renderer\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":\"Awesome React Renderers\"}],\" you probably haven’t heard of.\"]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"The same way you use \",[\"$r\",\"code\",null,{\"children\":\"react-dom\"}],\" for web applications, and React Native for mobile applications; you can use ReactUnity for Unity UIs.\"]}],\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"how-can-i-learn-reactunity\",\"children\":\"How can I learn ReactUnity?\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"To learn ReactUnity, you need to learn React first. You can start by the \",[\"$r\",\"a\",null,{\"href\":\"https://reactjs.org/\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":\"official React documentation\"}],\". If you already feel confident with React, you can keep reading this documentation.\"]}]]}]]","toc":"[]","meta":{"id":"home","layout":"Home","title":"ReactUnity Docs","permalink":"index.html"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components.json b/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components.json deleted file mode 100644 index 153f33c..0000000 --- a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components.json +++ /dev/null @@ -1 +0,0 @@ -{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"last\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"This page lists the Components supported by ReactUnity in alphabetical order.\"}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"components-index\",\"children\":\"Components Index\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":\"anchor\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"button\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"html\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"icon\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"image\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"input\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"rawimage\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"render\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"script\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"scroll\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"style\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"toggle\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"video\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"view\"}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#components-index\",\"depth\":3,\"text\":\"Components Index\"}]","meta":{"title":"Components","layout":"API"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/image.json b/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/image.json deleted file mode 100644 index ffb704d..0000000 --- a/_next/data/41xC1mcDIRp0x7_S1KItx/reference/components/image.json +++ /dev/null @@ -1 +0,0 @@ -{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\"}],\" creates an image component. Alternatively, \",[\"$r\",\"code\",null,{\"children\":\"\"}],\" creates a raw image component and \",[\"$r\",\"code\",null,{\"children\":\"\"}],\" creates a svg image component (requires \",[\"$r\",\"code\",null,{\"children\":\"Unity.VectorGraphics\"}],\" package).\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n const imageAddress = 'https://picsum.photos/200';\\n return ;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"properties\",\"children\":\"Properties\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"source\"}],\": Source of the image. Can be a url, a resource path (e.g. ‘res:/path/to/file’), the \",[\"$r\",\"code\",null,{\"children\":\"Texture2D\"}],\" object or the \",[\"$r\",\"code\",null,{\"children\":\"Sprite\"}],\" object.\"]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"fit\"}],\": Determines how to position the image inside the element.\"]}],\"\\n\"]}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"notes\",\"children\":\"Notes\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"The css \",[\"$r\",\"code\",null,{\"children\":\"color\"}],\" property can be used to tint the image.\"]}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#properties\",\"depth\":3,\"text\":\"Properties\"},{\"url\":\"#notes\",\"depth\":3,\"text\":\"Notes\"}]","meta":{"title":"","layout":"API"}},"__N_SSG":true} \ No newline at end of file diff --git a/_next/static/325bkyb1KTL4yXT3aGYI5/_buildManifest.js b/_next/static/325bkyb1KTL4yXT3aGYI5/_buildManifest.js new file mode 100644 index 0000000..bb6a6b2 --- /dev/null +++ b/_next/static/325bkyb1KTL4yXT3aGYI5/_buildManifest.js @@ -0,0 +1 @@ +self.__BUILD_MANIFEST=function(s,a){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/404":[s,a,"static/chunks/pages/404-e0543ed390c2e470.js"],"/500":[s,a,"static/chunks/pages/500-0d8fee62349d0599.js"],"/_error":["static/chunks/pages/_error-a4ba2246ff8fb532.js"],"/[[...markdownPath]]":[s,a,"static/chunks/pages/[[...markdownPath]]-510e1442ce529210.js"],sortedPages:["/404","/500","/_app","/_error","/[[...markdownPath]]"]}}("static/chunks/148-a76e582d740522f5.js","static/chunks/996-e71ad1e27e8f31fe.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/_next/static/41xC1mcDIRp0x7_S1KItx/_ssgManifest.js b/_next/static/325bkyb1KTL4yXT3aGYI5/_ssgManifest.js similarity index 100% rename from _next/static/41xC1mcDIRp0x7_S1KItx/_ssgManifest.js rename to _next/static/325bkyb1KTL4yXT3aGYI5/_ssgManifest.js diff --git a/_next/static/41xC1mcDIRp0x7_S1KItx/_buildManifest.js b/_next/static/41xC1mcDIRp0x7_S1KItx/_buildManifest.js deleted file mode 100644 index e6f2bf3..0000000 --- a/_next/static/41xC1mcDIRp0x7_S1KItx/_buildManifest.js +++ /dev/null @@ -1 +0,0 @@ -self.__BUILD_MANIFEST=function(a,s){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/404":[a,s,"static/chunks/pages/404-e0543ed390c2e470.js"],"/500":[a,s,"static/chunks/pages/500-0d8fee62349d0599.js"],"/_error":["static/chunks/pages/_error-a4ba2246ff8fb532.js"],"/[[...markdownPath]]":[a,s,"static/chunks/pages/[[...markdownPath]]-510e1442ce529210.js"],sortedPages:["/404","/500","/_app","/_error","/[[...markdownPath]]"]}}("static/chunks/148-a76e582d740522f5.js","static/chunks/996-e7bba1c7506cb4ab.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/_next/static/chunks/800.13b2131f3c9f5067.js b/_next/static/chunks/800.65b1bd2eef8dfca1.js similarity index 86% rename from _next/static/chunks/800.13b2131f3c9f5067.js rename to _next/static/chunks/800.65b1bd2eef8dfca1.js index 4f83702..8ed61ef 100644 --- a/_next/static/chunks/800.13b2131f3c9f5067.js +++ b/_next/static/chunks/800.65b1bd2eef8dfca1.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[800],{7800:function(e,t,r){function n(){var e=[];return{add:function(t){return e.push(t),t.finally((function(){e=e.filter((function(e){return e!==t}))}))},cancelAll:function(){e.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===e.length}}}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t,r){var c=t.initialState;return{getState:function(){return c},dispatch:function(n,i){var l=function(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var z=null,Q=function(){var e=-1,t=-1,r=void 0;return function(n){var o=++e;return Promise.resolve(n).then((function(e){return r&&o=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var te=/((gt|sm)-|galaxy nexus)|samsung[- ]/i;var re=["props","refresh","store"],ne=["inputElement","formElement","panelElement"],oe=["inputElement"],ae=["inputElement","maxLength"],ce=["item","source"];function ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function le(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function fe(e){var t=e.props,r=e.refresh,n=e.store,o=ue(e,re);return{getEnvironmentProps:function(e){var r=e.inputElement,o=e.formElement,a=e.panelElement;function c(e){!n.getState().isOpen&&n.pendingRequests.isEmpty()||e.target===r||!1===[o,a].some((function(t){return r=t,n=e.target,r===n||r.contains(n);var r,n}))&&(n.dispatch("blur",null),t.debug||n.pendingRequests.cancelAll())}return le({onTouchStart:c,onMouseDown:c,onTouchMove:function(e){!1!==n.getState().isOpen&&r===t.environment.document.activeElement&&e.target!==r&&r.blur()}},ue(e,ne))},getRootProps:function(e){return le({role:"combobox","aria-expanded":n.getState().isOpen,"aria-haspopup":"listbox","aria-owns":n.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){e.inputElement;return le({action:"",noValidate:!0,role:"search",onSubmit:function(a){var c;a.preventDefault(),t.onSubmit(le({event:a,refresh:r,state:n.getState()},o)),n.dispatch("submit",null),null===(c=e.inputElement)||void 0===c||c.blur()},onReset:function(a){var c;a.preventDefault(),t.onReset(le({event:a,refresh:r,state:n.getState()},o)),n.dispatch("reset",null),null===(c=e.inputElement)||void 0===c||c.focus()}},ue(e,oe))},getLabelProps:function(e){return le({htmlFor:"".concat(t.id,"-input"),id:"".concat(t.id,"-label")},e)},getInputProps:function(e){var a;function c(e){(t.openOnFocus||Boolean(n.getState().query))&&W(le({event:e,props:t,query:n.getState().completion||n.getState().query,refresh:r,store:n},o)),n.dispatch("focus",null)}var i=e||{},l=(i.inputElement,i.maxLength),s=void 0===l?512:l,u=ue(i,ae),f=B(n.getState()),m=function(e){return Boolean(e&&e.match(te))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),d=null!==f&&void 0!==f&&f.itemUrl&&!m?"go":"search";return le({"aria-autocomplete":"both","aria-activedescendant":n.getState().isOpen&&null!==n.getState().activeItemId?"".concat(t.id,"-item-").concat(n.getState().activeItemId):void 0,"aria-controls":n.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:n.getState().completion||n.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:d,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:s,type:"search",onChange:function(e){W(le({event:e,props:t,query:e.currentTarget.value.slice(0,s),refresh:r,store:n},o))},onKeyDown:function(e){!function(e){var t=e.event,r=e.props,n=e.refresh,o=e.store,a=ee(e,Z);if("ArrowUp"===t.key||"ArrowDown"===t.key){var c=function(){var e=r.environment.document.getElementById("".concat(r.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},i=function(){var e=B(o.getState());if(null!==o.getState().activeItemId&&e){var r=e.item,c=e.itemInputValue,i=e.itemUrl,l=e.source;l.onActive(G({event:t,item:r,itemInputValue:c,itemUrl:i,refresh:n,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(r.openOnFocus||Boolean(o.getState().query))?W(G({event:t,props:r,query:o.getState().query,refresh:n,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:r.defaultActiveItemId}),i(),setTimeout(c,0)})):(o.dispatch(t.key,{}),i(),c())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(r.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=B(o.getState()),s=l.item,u=l.itemInputValue,f=l.itemUrl,m=l.source;if(t.metaKey||t.ctrlKey)void 0!==f&&(m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a)),r.navigator.navigateNewTab({itemUrl:f,item:s,state:o.getState()}));else if(t.shiftKey)void 0!==f&&(m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a)),r.navigator.navigateNewWindow({itemUrl:f,item:s,state:o.getState()}));else if(t.altKey);else{if(void 0!==f)return m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a)),void r.navigator.navigate({itemUrl:f,item:s,state:o.getState()});W(G({event:t,nextState:{isOpen:!1},props:r,query:u,refresh:n,store:o},a)).then((function(){m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a))}))}}}(le({event:e,props:t,refresh:r,store:n},o))},onFocus:c,onBlur:p,onClick:function(r){e.inputElement!==t.environment.document.activeElement||n.getState().isOpen||c(r)}},u)},getPanelProps:function(e){return le({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){n.dispatch("mouseleave",null)}},e)},getListProps:function(e){return le({role:"listbox","aria-labelledby":"".concat(t.id,"-label"),id:"".concat(t.id,"-list")},e)},getItemProps:function(e){var a=e.item,c=e.source,i=ue(e,ce);return le({id:"".concat(t.id,"-item-").concat(a.__autocomplete_id),role:"option","aria-selected":n.getState().activeItemId===a.__autocomplete_id,onMouseMove:function(e){if(a.__autocomplete_id!==n.getState().activeItemId){n.dispatch("mousemove",a.__autocomplete_id);var t=B(n.getState());if(null!==n.getState().activeItemId&&t){var c=t.item,i=t.itemInputValue,l=t.itemUrl,s=t.source;s.onActive(le({event:e,item:c,itemInputValue:i,itemUrl:l,refresh:r,source:s,state:n.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var i=c.getItemInputValue({item:a,state:n.getState()}),l=c.getItemUrl({item:a,state:n.getState()});(l?Promise.resolve():W(le({event:e,nextState:{isOpen:!1},props:t,query:i,refresh:r,store:n},o))).then((function(){c.onSelect(le({event:e,item:a,itemInputValue:i,itemUrl:l,refresh:r,source:c,state:n.getState()},o))}))}},i)}}}var me=[{segment:"autocomplete-core",version:"1.7.4"}];function pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function de(e){for(var t=1;t=r?null===n?null:0:o}function be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Oe(e){for(var t=1;t0},reshape:function(e){return e.sources}},e),{},{id:null!==(r=e.id)&&void 0!==r?r:"autocomplete-".concat(m++),plugins:o,initialState:O({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var r;null===(r=e.onStateChange)||void 0===r||r.call(e,t),o.forEach((function(e){var r;return null===(r=e.onStateChange)||void 0===r?void 0:r.call(e,t)}))},onSubmit:function(t){var r;null===(r=e.onSubmit)||void 0===r||r.call(e,t),o.forEach((function(e){var r;return null===(r=e.onSubmit)||void 0===r?void 0:r.call(e,t)}))},onReset:function(t){var r;null===(r=e.onReset)||void 0===r||r.call(e,t),o.forEach((function(e){var r;return null===(r=e.onReset)||void 0===r?void 0:r.call(e,t)}))},getSources:function(r){return Promise.all([].concat(y(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return v(e,r)}))).then((function(e){return i(e)})).then((function(e){return e.map((function(e){return O(O({},e),{},{onSelect:function(r){e.onSelect(r),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,r)}))},onActive:function(r){e.onActive(r),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,r)}))}})}))}))},navigator:O({navigate:function(e){var t=e.itemUrl;n.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,r=n.open(t,"_blank","noopener");null===r||void 0===r||r.focus()},navigateNewWindow:function(e){var t=e.itemUrl;n.open(t,"_blank","noopener")}},e.navigator)})}(e,t),n=c(Ee,r,(function(e){var t=e.prevState,n=e.state;r.onStateChange(we({prevState:t,state:n,refresh:l},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var r=0,n=e.map((function(e){return s(s({},e),{},{items:i(e.items).map((function(e){return s(s({},e),{},{__autocomplete_id:r++})}))})}));t.dispatch("setCollections",n)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:n}),a=fe(we({props:r,refresh:l,store:n},o));function l(){return W(we({event:new Event("input"),nextState:{isOpen:n.getState().isOpen},props:r,query:n.getState().query,refresh:l,store:n},o))}return r.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,we(we({},o),{},{refresh:l,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})}}))})),function(e){var t,r,n=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(r=t.userAgent)||void 0===r?void 0:r.includes("Algolia Crawler")){var a=o.document.createElement("meta"),c=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(n),c.appendChild(a)}),0)}}({metadata:ve({plugins:r.plugins,options:e}),environment:r.environment}),we(we({refresh:l},a),o)}var De=r(7294);function ke(e){var t=e.translations,r=(void 0===t?{}:t).searchByText,n=void 0===r?"Search by":r;return De.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},De.createElement("span",{className:"DocSearch-Label"},n),De.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},De.createElement("defs",null,De.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),De.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),De.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),De.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),De.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),De.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),De.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),De.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),De.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),De.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function Ce(e){return De.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},De.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function xe(e){var t=e.translations,r=void 0===t?{}:t,n=r.selectText,o=void 0===n?"to select":n,a=r.selectKeyAriaLabel,c=void 0===a?"Enter key":a,i=r.navigateText,l=void 0===i?"to navigate":i,s=r.navigateUpKeyAriaLabel,u=void 0===s?"Arrow up":s,f=r.navigateDownKeyAriaLabel,m=void 0===f?"Arrow down":f,p=r.closeText,d=void 0===p?"to close":p,h=r.closeKeyAriaLabel,v=void 0===h?"Escape key":h,y=r.searchByText,g=void 0===y?"Search by":y;return De.createElement(De.Fragment,null,De.createElement("div",{className:"DocSearch-Logo"},De.createElement(ke,{translations:{searchByText:g}})),De.createElement("ul",{className:"DocSearch-Commands"},De.createElement("li",null,De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:c},De.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),De.createElement("span",{className:"DocSearch-Label"},o)),De.createElement("li",null,De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:m},De.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:u},De.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),De.createElement("span",{className:"DocSearch-Label"},l)),De.createElement("li",null,De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:v},De.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),De.createElement("span",{className:"DocSearch-Label"},d))))}function Ae(e){var t=e.hit,r=e.children;return De.createElement("a",{href:t.url},r)}function Ne(){return De.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},De.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Re(e){var t=e.translations,r=void 0===t?{}:t,n=r.titleText,o=void 0===n?"Unable to fetch results":n,a=r.helpText,c=void 0===a?"You might want to check your network connection.":a;return De.createElement("div",{className:"DocSearch-ErrorScreen"},De.createElement("div",{className:"DocSearch-Screen-Icon"},De.createElement(Ne,null)),De.createElement("p",{className:"DocSearch-Title"},o),De.createElement("p",{className:"DocSearch-Help"},c))}function _e(){return De.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},De.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}var qe=["translations"];function Te(e){return function(e){if(Array.isArray(e))return Le(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"===typeof e)return Le(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Le(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function He(e){var t=e.translations,r=void 0===t?{}:t,n=Me(e,qe),o=r.noResultsText,a=void 0===o?"No results for":o,c=r.suggestedQueryText,i=void 0===c?"Try searching for":c,l=r.reportMissingResultsText,s=void 0===l?"Believe this query should return results?":l,u=r.reportMissingResultsLinkText,f=void 0===u?"Let us know.":u,m=n.state.context.searchSuggestions;return De.createElement("div",{className:"DocSearch-NoResults"},De.createElement("div",{className:"DocSearch-Screen-Icon"},De.createElement(_e,null)),De.createElement("p",{className:"DocSearch-Title"},a,' "',De.createElement("strong",null,n.state.query),'"'),m&&m.length>0&&De.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},De.createElement("p",{className:"DocSearch-Help"},i,":"),De.createElement("ul",null,m.slice(0,3).reduce((function(e,t){return[].concat(Te(e),[De.createElement("li",{key:t},De.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){n.setQuery(t.toLowerCase()+" "),n.refresh(),n.inputRef.current.focus()}},t))])}),[]))),n.getMissingResultsUrl&&De.createElement("p",{className:"DocSearch-Help"},"".concat(s," "),De.createElement("a",{href:n.getMissingResultsUrl({query:n.state.query}),target:"_blank",rel:"noopener noreferrer"},f)))}var Fe=function(){return De.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Be(e){switch(e.type){case"lvl1":return De.createElement(Fe,null);case"content":return De.createElement(Ve,null);default:return De.createElement(Ue,null)}}function Ue(){return De.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Ve(){return De.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Ke(){return De.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},De.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),De.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Je=["hit","attribute","tagName"];function $e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ze(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ze(e,t){return t.split(".").reduce((function(e,t){return null!==e&&void 0!==e&&e[t]?e[t]:null}),e)}function Ye(e){var t=e.hit,r=e.attribute,n=e.tagName,o=void 0===n?"span":n,a=We(e,Je);return(0,De.createElement)(o,ze(ze({},a),{},{dangerouslySetInnerHTML:{__html:Ze(t,"_snippetResult.".concat(r,".value"))||Ze(t,r)}}))}function Ge(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,o,a=[],c=!0,i=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);c=!0);}catch(l){i=!0,o=l}finally{try{c||null==r.return||r.return()}finally{if(i)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return Xe(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Xe(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r|<\/mark>)/g,ot=RegExp(nt.source);function at(e){var t,r,n,o,a,c=e;if(!c.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var i=((c.__docsearch_parent?null===(t=c.__docsearch_parent)||void 0===t||null===(r=t._highlightResult)||void 0===r||null===(n=r.hierarchy)||void 0===n?void 0:n.lvl0:null===(o=e._highlightResult)||void 0===o||null===(a=o.hierarchy)||void 0===a?void 0:a.lvl0)||{}).value;return i&&ot.test(i)?i.replace(nt,""):i}function ct(){return ct=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function dt(e){var t=e.translations,r=void 0===t?{}:t,n=pt(e,ft),o=r.recentSearchesTitle,a=void 0===o?"Recent":o,c=r.noRecentSearchesText,i=void 0===c?"No recent searches":c,l=r.saveRecentSearchButtonTitle,s=void 0===l?"Save this search":l,u=r.removeRecentSearchButtonTitle,f=void 0===u?"Remove this search from history":u,m=r.favoriteSearchesTitle,p=void 0===m?"Favorite":m,d=r.removeFavoriteSearchButtonTitle,h=void 0===d?"Remove this search from favorites":d;return"idle"===n.state.status&&!1===n.hasCollections?n.disableUserPersonalization?null:De.createElement("div",{className:"DocSearch-StartScreen"},De.createElement("p",{className:"DocSearch-Help"},i)):!1===n.hasCollections?null:De.createElement("div",{className:"DocSearch-Dropdown-Container"},De.createElement(tt,mt({},n,{title:a,collection:n.state.collections[0],renderIcon:function(){return De.createElement("div",{className:"DocSearch-Hit-icon"},De.createElement(lt,null))},renderAction:function(e){var t=e.item,r=e.runFavoriteTransition,o=e.runDeleteTransition;return De.createElement(De.Fragment,null,De.createElement("div",{className:"DocSearch-Hit-action"},De.createElement("button",{className:"DocSearch-Hit-action-button",title:s,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),r((function(){n.favoriteSearches.add(t),n.recentSearches.remove(t),n.refresh()}))}},De.createElement(st,null))),De.createElement("div",{className:"DocSearch-Hit-action"},De.createElement("button",{className:"DocSearch-Hit-action-button",title:f,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),o((function(){n.recentSearches.remove(t),n.refresh()}))}},De.createElement(ut,null))))}})),De.createElement(tt,mt({},n,{title:p,collection:n.state.collections[1],renderIcon:function(){return De.createElement("div",{className:"DocSearch-Hit-icon"},De.createElement(st,null))},renderAction:function(e){var t=e.item,r=e.runDeleteTransition;return De.createElement("div",{className:"DocSearch-Hit-action"},De.createElement("button",{className:"DocSearch-Hit-action-button",title:h,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),r((function(){n.favoriteSearches.remove(t),n.refresh()}))}},De.createElement(ut,null)))}})))}var ht=["translations"];function vt(){return vt=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var gt=De.memo((function(e){var t=e.translations,r=void 0===t?{}:t,n=yt(e,ht);if("error"===n.state.status)return De.createElement(Re,{translations:null===r||void 0===r?void 0:r.errorScreen});var o=n.state.collections.some((function(e){return e.items.length>0}));return n.state.query?!1===o?De.createElement(He,vt({},n,{translations:null===r||void 0===r?void 0:r.noResultsScreen})):De.createElement(it,n):De.createElement(dt,vt({},n,{hasCollections:o,translations:null===r||void 0===r?void 0:r.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status}));function bt(){return De.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},De.createElement("g",{fill:"none",fillRule:"evenodd"},De.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},De.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),De.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},De.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function Ot(){return De.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},De.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"}))}var St=["translations"];function Et(){return Et=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function wt(e){var t=e.translations,r=void 0===t?{}:t,n=jt(e,St),o=r.resetButtonTitle,a=void 0===o?"Clear the query":o,c=r.resetButtonAriaLabel,i=void 0===c?"Clear the query":c,l=r.cancelButtonText,s=void 0===l?"Cancel":l,u=r.cancelButtonAriaLabel,f=void 0===u?"Cancel":u,m=n.getFormProps({inputElement:n.inputRef.current}).onReset;return De.useEffect((function(){n.autoFocus&&n.inputRef.current&&n.inputRef.current.focus()}),[n.autoFocus,n.inputRef]),De.useEffect((function(){n.isFromSelection&&n.inputRef.current&&n.inputRef.current.select()}),[n.isFromSelection,n.inputRef]),De.createElement(De.Fragment,null,De.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:m},De.createElement("label",Et({className:"DocSearch-MagnifierLabel"},n.getLabelProps()),De.createElement(Ot,null)),De.createElement("div",{className:"DocSearch-LoadingIndicator"},De.createElement(bt,null)),De.createElement("input",Et({className:"DocSearch-Input",ref:n.inputRef},n.getInputProps({inputElement:n.inputRef.current,autoFocus:n.autoFocus,maxLength:64}))),De.createElement("button",{type:"reset",title:a,className:"DocSearch-Reset","aria-label":i,hidden:!n.state.query},De.createElement(ut,null))),De.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":f,onClick:n.onClose},s))}var Pt=["_highlightResult","_snippetResult"];function It(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Dt(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(t){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}function kt(e){var t=e.key,r=e.limit,n=void 0===r?5:r,o=Dt(t),a=o.getItem().slice(0,n);return{add:function(e){var t=e,r=(t._highlightResult,t._snippetResult,It(t,Pt)),c=a.findIndex((function(e){return e.objectID===r.objectID}));c>-1&&a.splice(c,1),a.unshift(r),a=a.slice(0,n),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function Ct(e){const t=`algoliasearch-client-js-${e.key}`;let r;const n=()=>(void 0===r&&(r=e.localStorage||window.localStorage),r),o=()=>JSON.parse(n().getItem(t)||"{}"),a=e=>{n().setItem(t,JSON.stringify(e))};return{get:(t,r,n={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,r=o(),n=Object.fromEntries(Object.entries(r).filter((([,e])=>void 0!==e.timestamp)));if(a(n),!t)return;const c=Object.fromEntries(Object.entries(n).filter((([,e])=>{const r=(new Date).getTime();return!(e.timestamp+tPromise.all([e?e.value:r(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||n.miss(e)]))).then((([e])=>e)),set:(e,r)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:r},n().setItem(t,JSON.stringify(a)),r})),delete:e=>Promise.resolve().then((()=>{const r=o();delete r[JSON.stringify(e)],n().setItem(t,JSON.stringify(r))})),clear:()=>Promise.resolve().then((()=>{n().removeItem(t)}))}}function xt(e){const t=[...e.caches],r=t.shift();return void 0===r?{get:(e,t,r={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,r.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,n,o={miss:()=>Promise.resolve()})=>r.get(e,n,o).catch((()=>xt({caches:t}).get(e,n,o))),set:(e,n)=>r.set(e,n).catch((()=>xt({caches:t}).set(e,n))),delete:e=>r.delete(e).catch((()=>xt({caches:t}).delete(e))),clear:()=>r.clear().catch((()=>xt({caches:t}).clear()))}}function At(e={serializable:!0}){let t={};return{get(r,n,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(r);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const c=n(),i=o&&o.miss||(()=>Promise.resolve());return c.then((e=>i(e))).then((()=>c))},set:(r,n)=>(t[JSON.stringify(r)]=e.serializable?JSON.stringify(n):n,Promise.resolve(n)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function Nt(e){let t=e.length-1;for(;t>0;t--){const r=Math.floor(Math.random()*(t+1)),n=e[t];e[t]=e[r],e[r]=n}return e}function Rt(e,t){return t?(Object.keys(t).forEach((r=>{e[r]=t[r](e)})),e):e}function _t(e,...t){let r=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[r++])))}const qt="4.22.1",Tt={WithinQueryParameters:0,WithinHeaders:1};function Lt(e,t){const r=e||{},n=r.data||{};return Object.keys(r).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(n[e]=r[e])})),{data:Object.entries(n).length>0?n:void 0,timeout:r.timeout||t,headers:r.headers||{},queryParameters:r.queryParameters||{},cacheable:r.cacheable}}const Mt={Read:1,Write:2,Any:3},Ht=1,Ft=2,Bt=3,Ut=12e4;function Vt(e,t=Ht){return{...e,status:t,lastUpdate:Date.now()}}function Kt(e){return"string"===typeof e?{protocol:"https",url:e,accept:Mt.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||Mt.Any}}const Jt="GET",$t="POST";function zt(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(Vt(t))))))).then((e=>{const r=e.filter((e=>function(e){return e.status===Ht||Date.now()-e.lastUpdate>Ut}(e))),n=e.filter((e=>function(e){return e.status===Bt&&Date.now()-e.lastUpdate<=Ut}(e))),o=[...r,...n];return{getTimeout:(e,t)=>(0===n.length&&0===e?1:n.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>Kt(e))):t}}))}function Qt(e,t,r,n){const o=[],a=function(e,t){if(e.method===Jt||void 0===e.data&&void 0===t.data)return;const r=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(r)}(r,n),c=function(e,t){const r={...e.headers,...t.headers},n={};return Object.keys(r).forEach((e=>{const t=r[e];n[e.toLowerCase()]=t})),n}(e,n),i=r.method,l=r.method!==Jt?{}:{...r.data,...n.data},s={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...n.queryParameters};let u=0;const f=(t,l)=>{const m=t.pop();if(void 0===m)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:Gt(o)};const p={data:a,headers:c,method:i,url:Zt(m,r.path,s),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,n.timeout)},d=e=>{const r={request:p,response:e,host:m,triesLeft:t.length};return o.push(r),r},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(r){const n=d(r);return r.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",Xt(n)),e.hostsCache.set(m,Vt(m,r.isTimedOut?Bt:Ft))]).then((()=>f(t,l)))},onFail(e){throw d(e),function({content:e,status:t},r){let n=e;try{n=JSON.parse(e).message}catch(o){}return function(e,t,r){return{name:"ApiError",message:e,status:t,transporterStackTrace:r}}(n,t,r)}(e,Gt(o))}};return e.requester.send(p).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&0===~~t)(e)||2!==~~(t/100)&&4!==~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2===~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return zt(e.hostsCache,t).then((e=>f([...e.statelessHosts].reverse(),e.getTimeout)))}function Wt(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const r=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(r)&&(t.value=`${t.value}${r}`),t}};return t}function Zt(e,t,r){const n=Yt(r);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return n.length&&(o+=`?${n}`),o}function Yt(e){return Object.keys(e).map((t=>{return _t("%s=%s",t,(r=e[t],"[object Object]"===Object.prototype.toString.call(r)||"[object Array]"===Object.prototype.toString.call(r)?JSON.stringify(e[t]):e[t]));var r})).join("&")}function Gt(e){return e.map((e=>Xt(e)))}function Xt(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const er=e=>{const t=e.appId,r=function(e,t,r){const n={"x-algolia-api-key":r,"x-algolia-application-id":t};return{headers:()=>e===Tt.WithinHeaders?n:{},queryParameters:()=>e===Tt.WithinQueryParameters?n:{}}}(void 0!==e.authMode?e.authMode:Tt.WithinHeaders,t,e.apiKey),n=function(e){const{hostsCache:t,logger:r,requester:n,requestsCache:o,responsesCache:a,timeouts:c,userAgent:i,hosts:l,queryParameters:s,headers:u}=e,f={hostsCache:t,logger:r,requester:n,requestsCache:o,responsesCache:a,timeouts:c,userAgent:i,headers:u,queryParameters:s,hosts:l.map((e=>Kt(e))),read(e,t){const r=Lt(t,f.timeouts.read),n=()=>Qt(f,f.hosts.filter((e=>0!==(e.accept&Mt.Read))),e,r);if(!0!==(void 0!==r.cacheable?r.cacheable:e.cacheable))return n();const o={request:e,mappedRequestOptions:r,transporter:{queryParameters:f.queryParameters,headers:f.headers}};return f.responsesCache.get(o,(()=>f.requestsCache.get(o,(()=>f.requestsCache.set(o,n()).then((e=>Promise.all([f.requestsCache.delete(o),e])),(e=>Promise.all([f.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>f.responsesCache.set(o,e)})},write:(e,t)=>Qt(f,f.hosts.filter((e=>0!==(e.accept&Mt.Write))),e,Lt(t,f.timeouts.write))};return f}({hosts:[{url:`${t}-dsn.algolia.net`,accept:Mt.Read},{url:`${t}.algolia.net`,accept:Mt.Write}].concat(Nt([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...r.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...r.queryParameters(),...e.queryParameters}}),o={transporter:n,appId:t,addAlgoliaAgent(e,t){n.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([n.requestsCache.clear(),n.responsesCache.clear()]).then((()=>{}))};return Rt(o,e.methods)},tr=e=>(t,r)=>t.method===Jt?e.transporter.read(t,r):e.transporter.write(t,r),rr=e=>(t,r={})=>Rt({transporter:e.transporter,appId:e.appId,indexName:t},r.methods),nr=e=>(t,r)=>{const n=t.map((e=>({...e,params:Yt(e.params||{})})));return e.transporter.read({method:$t,path:"1/indexes/*/queries",data:{requests:n},cacheable:!0},r)},or=e=>(t,r)=>Promise.all(t.map((t=>{const{facetName:n,facetQuery:o,...a}=t.params;return rr(e)(t.indexName,{methods:{searchForFacetValues:ir}}).searchForFacetValues(n,o,{...r,...a})}))),ar=e=>(t,r,n)=>e.transporter.read({method:$t,path:_t("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:r},cacheable:!0},n),cr=e=>(t,r)=>e.transporter.read({method:$t,path:_t("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},r),ir=e=>(t,r,n)=>e.transporter.read({method:$t,path:_t("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:r},cacheable:!0},n),lr=1,sr=2,ur=3;function fr(e,t,r){const n={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const r=new XMLHttpRequest;r.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>r.setRequestHeader(t,e.headers[t])));const n=(e,n)=>setTimeout((()=>{r.abort(),t({status:0,content:n,isTimedOut:!0})}),1e3*e),o=n(e.connectTimeout,"Connection timeout");let a;r.onreadystatechange=()=>{r.readyState>r.OPENED&&void 0===a&&(clearTimeout(o),a=n(e.responseTimeout,"Socket timeout"))},r.onerror=()=>{0===r.status&&(clearTimeout(o),clearTimeout(a),t({content:r.responseText||"Network request failed",status:r.status,isTimedOut:!1}))},r.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:r.responseText,status:r.status,isTimedOut:!1})},r.send(e.data)}))},logger:(o=ur,{debug:(e,t)=>(lr>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(sr>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:At(),requestsCache:At({serializable:!1}),hostsCache:xt({caches:[Ct({key:`4.22.1-${e}`}),At()]}),userAgent:Wt(qt).add({segment:"Browser",version:"lite"}),authMode:Tt.WithinQueryParameters};var o;return er({...n,...r,methods:{search:nr,searchForFacetValues:or,multipleQueries:nr,multipleSearchForFacetValues:or,customRequest:tr,initIndex:e=>t=>rr(e)(t,{methods:{search:cr,searchForFacetValues:ir,findAnswers:ar}})}})}fr.version=qt;var mr=fr,pr="3.3.2";function dr(){}function hr(e){return e}function vr(e,t){return e.reduce((function(e,r){var n=t(r);return e.hasOwnProperty(n)||(e[n]=[]),e[n].length<5&&e[n].push(r),e}),{})}var yr=["footer","searchBox"];function gr(){return gr=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Pr(e){var t=e.appId,r=e.apiKey,n=e.indexName,o=e.placeholder,a=void 0===o?"Search docs":o,c=e.searchParameters,i=e.onClose,l=void 0===i?dr:i,s=e.transformItems,u=void 0===s?hr:s,f=e.hitComponent,m=void 0===f?Ae:f,p=e.resultsFooterComponent,d=void 0===p?function(){return null}:p,h=e.navigator,v=e.initialScrollY,y=void 0===v?0:v,g=e.transformSearchClient,b=void 0===g?hr:g,O=e.disableUserPersonalization,S=void 0!==O&&O,E=e.initialQuery,j=void 0===E?"":E,w=e.translations,P=void 0===w?{}:w,I=e.getMissingResultsUrl,D=P.footer,k=P.searchBox,C=wr(P,yr),x=Er(De.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),A=x[0],N=x[1],R=De.useRef(null),_=De.useRef(null),q=De.useRef(null),T=De.useRef(null),L=De.useRef(null),M=De.useRef(10),H=De.useRef("undefined"!==typeof window?window.getSelection().toString().slice(0,64):"").current,F=De.useRef(j||H).current,B=function(e,t,r){return De.useMemo((function(){var n=mr(e,t);return n.addAlgoliaAgent("docsearch",pr),!1===/docsearch.js \(.*\)/.test(n.transporter.userAgent.value)&&n.addAlgoliaAgent("docsearch-react",pr),r(n)}),[e,t,r])}(t,r,b),U=De.useRef(kt({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(n),limit:10})).current,V=De.useRef(kt({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(n),limit:0===U.getAll().length?7:4})).current,K=De.useCallback((function(e){if(!S){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===U.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&V.add(t)}}),[U,V,S]),J=De.useMemo((function(){return Ie({id:"docsearch",defaultActiveItemId:0,placeholder:a,openOnFocus:!0,initialState:{query:F,context:{searchSuggestions:[]}},navigator:h,onStateChange:function(e){N(e.state)},getSources:function(e){var t=e.query,r=e.state,o=e.setContext,a=e.setStatus;return t?B.search([{query:t,indexName:n,params:Or({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(M.current),"hierarchy.lvl2:".concat(M.current),"hierarchy.lvl3:".concat(M.current),"hierarchy.lvl4:".concat(M.current),"hierarchy.lvl5:".concat(M.current),"hierarchy.lvl6:".concat(M.current),"content:".concat(M.current)],snippetEllipsisText:"\u2026",highlightPreTag:"",highlightPostTag:"",hitsPerPage:20},c)}]).catch((function(e){throw"RetryError"===e.name&&a("error"),e})).then((function(e){var t=e.results[0],n=t.hits,a=t.nbHits,c=vr(n,(function(e){return at(e)}));return r.context.searchSuggestions.length0&&(Q(),L.current&&L.current.focus())}),[F,Q]),De.useEffect((function(){function e(){if(_.current){var e=.01*window.innerHeight;_.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),De.createElement("div",gr({ref:R},z({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===A.status&&"DocSearch-Container--Stalled","error"===A.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&l()}}),De.createElement("div",{className:"DocSearch-Modal",ref:_},De.createElement("header",{className:"DocSearch-SearchBar",ref:q},De.createElement(wt,gr({},J,{state:A,autoFocus:0===F.length,inputRef:L,isFromSelection:Boolean(F)&&F===H,translations:k,onClose:l}))),De.createElement("div",{className:"DocSearch-Dropdown",ref:T},De.createElement(gt,gr({},J,{indexName:n,state:A,hitComponent:m,resultsFooterComponent:d,disableUserPersonalization:S,recentSearches:V,favoriteSearches:U,inputRef:L,translations:C,getMissingResultsUrl:I,onItemClick:function(e){K(e),l()}}))),De.createElement("footer",{className:"DocSearch-Footer"},De.createElement(xe,{translations:D}))))}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[800],{7800:function(e,t,r){function n(){var e=[];return{add:function(t){return e.push(t),t.finally((function(){e=e.filter((function(e){return e!==t}))}))},cancelAll:function(){e.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===e.length}}}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t,r){var c=t.initialState;return{getState:function(){return c},dispatch:function(n,i){var l=function(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var z=null,Q=function(){var e=-1,t=-1,r=void 0;return function(n){var o=++e;return Promise.resolve(n).then((function(e){return r&&o=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var te=/((gt|sm)-|galaxy nexus)|samsung[- ]/i;var re=["props","refresh","store"],ne=["inputElement","formElement","panelElement"],oe=["inputElement"],ae=["inputElement","maxLength"],ce=["item","source"];function ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function le(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function fe(e){var t=e.props,r=e.refresh,n=e.store,o=ue(e,re);return{getEnvironmentProps:function(e){var r=e.inputElement,o=e.formElement,a=e.panelElement;function c(e){!n.getState().isOpen&&n.pendingRequests.isEmpty()||e.target===r||!1===[o,a].some((function(t){return r=t,n=e.target,r===n||r.contains(n);var r,n}))&&(n.dispatch("blur",null),t.debug||n.pendingRequests.cancelAll())}return le({onTouchStart:c,onMouseDown:c,onTouchMove:function(e){!1!==n.getState().isOpen&&r===t.environment.document.activeElement&&e.target!==r&&r.blur()}},ue(e,ne))},getRootProps:function(e){return le({role:"combobox","aria-expanded":n.getState().isOpen,"aria-haspopup":"listbox","aria-owns":n.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){e.inputElement;return le({action:"",noValidate:!0,role:"search",onSubmit:function(a){var c;a.preventDefault(),t.onSubmit(le({event:a,refresh:r,state:n.getState()},o)),n.dispatch("submit",null),null===(c=e.inputElement)||void 0===c||c.blur()},onReset:function(a){var c;a.preventDefault(),t.onReset(le({event:a,refresh:r,state:n.getState()},o)),n.dispatch("reset",null),null===(c=e.inputElement)||void 0===c||c.focus()}},ue(e,oe))},getLabelProps:function(e){return le({htmlFor:"".concat(t.id,"-input"),id:"".concat(t.id,"-label")},e)},getInputProps:function(e){var a;function c(e){(t.openOnFocus||Boolean(n.getState().query))&&W(le({event:e,props:t,query:n.getState().completion||n.getState().query,refresh:r,store:n},o)),n.dispatch("focus",null)}var i=e||{},l=(i.inputElement,i.maxLength),s=void 0===l?512:l,u=ue(i,ae),f=B(n.getState()),m=function(e){return Boolean(e&&e.match(te))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),d=null!==f&&void 0!==f&&f.itemUrl&&!m?"go":"search";return le({"aria-autocomplete":"both","aria-activedescendant":n.getState().isOpen&&null!==n.getState().activeItemId?"".concat(t.id,"-item-").concat(n.getState().activeItemId):void 0,"aria-controls":n.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:n.getState().completion||n.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:d,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:s,type:"search",onChange:function(e){W(le({event:e,props:t,query:e.currentTarget.value.slice(0,s),refresh:r,store:n},o))},onKeyDown:function(e){!function(e){var t=e.event,r=e.props,n=e.refresh,o=e.store,a=ee(e,Z);if("ArrowUp"===t.key||"ArrowDown"===t.key){var c=function(){var e=r.environment.document.getElementById("".concat(r.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},i=function(){var e=B(o.getState());if(null!==o.getState().activeItemId&&e){var r=e.item,c=e.itemInputValue,i=e.itemUrl,l=e.source;l.onActive(G({event:t,item:r,itemInputValue:c,itemUrl:i,refresh:n,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(r.openOnFocus||Boolean(o.getState().query))?W(G({event:t,props:r,query:o.getState().query,refresh:n,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:r.defaultActiveItemId}),i(),setTimeout(c,0)})):(o.dispatch(t.key,{}),i(),c())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(r.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=B(o.getState()),s=l.item,u=l.itemInputValue,f=l.itemUrl,m=l.source;if(t.metaKey||t.ctrlKey)void 0!==f&&(m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a)),r.navigator.navigateNewTab({itemUrl:f,item:s,state:o.getState()}));else if(t.shiftKey)void 0!==f&&(m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a)),r.navigator.navigateNewWindow({itemUrl:f,item:s,state:o.getState()}));else if(t.altKey);else{if(void 0!==f)return m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a)),void r.navigator.navigate({itemUrl:f,item:s,state:o.getState()});W(G({event:t,nextState:{isOpen:!1},props:r,query:u,refresh:n,store:o},a)).then((function(){m.onSelect(G({event:t,item:s,itemInputValue:u,itemUrl:f,refresh:n,source:m,state:o.getState()},a))}))}}}(le({event:e,props:t,refresh:r,store:n},o))},onFocus:c,onBlur:p,onClick:function(r){e.inputElement!==t.environment.document.activeElement||n.getState().isOpen||c(r)}},u)},getPanelProps:function(e){return le({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){n.dispatch("mouseleave",null)}},e)},getListProps:function(e){return le({role:"listbox","aria-labelledby":"".concat(t.id,"-label"),id:"".concat(t.id,"-list")},e)},getItemProps:function(e){var a=e.item,c=e.source,i=ue(e,ce);return le({id:"".concat(t.id,"-item-").concat(a.__autocomplete_id),role:"option","aria-selected":n.getState().activeItemId===a.__autocomplete_id,onMouseMove:function(e){if(a.__autocomplete_id!==n.getState().activeItemId){n.dispatch("mousemove",a.__autocomplete_id);var t=B(n.getState());if(null!==n.getState().activeItemId&&t){var c=t.item,i=t.itemInputValue,l=t.itemUrl,s=t.source;s.onActive(le({event:e,item:c,itemInputValue:i,itemUrl:l,refresh:r,source:s,state:n.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var i=c.getItemInputValue({item:a,state:n.getState()}),l=c.getItemUrl({item:a,state:n.getState()});(l?Promise.resolve():W(le({event:e,nextState:{isOpen:!1},props:t,query:i,refresh:r,store:n},o))).then((function(){c.onSelect(le({event:e,item:a,itemInputValue:i,itemUrl:l,refresh:r,source:c,state:n.getState()},o))}))}},i)}}}var me=[{segment:"autocomplete-core",version:"1.7.4"}];function pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function de(e){for(var t=1;t=r?null===n?null:0:o}function be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Oe(e){for(var t=1;t0},reshape:function(e){return e.sources}},e),{},{id:null!==(r=e.id)&&void 0!==r?r:"autocomplete-".concat(m++),plugins:o,initialState:O({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var r;null===(r=e.onStateChange)||void 0===r||r.call(e,t),o.forEach((function(e){var r;return null===(r=e.onStateChange)||void 0===r?void 0:r.call(e,t)}))},onSubmit:function(t){var r;null===(r=e.onSubmit)||void 0===r||r.call(e,t),o.forEach((function(e){var r;return null===(r=e.onSubmit)||void 0===r?void 0:r.call(e,t)}))},onReset:function(t){var r;null===(r=e.onReset)||void 0===r||r.call(e,t),o.forEach((function(e){var r;return null===(r=e.onReset)||void 0===r?void 0:r.call(e,t)}))},getSources:function(r){return Promise.all([].concat(y(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return v(e,r)}))).then((function(e){return i(e)})).then((function(e){return e.map((function(e){return O(O({},e),{},{onSelect:function(r){e.onSelect(r),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,r)}))},onActive:function(r){e.onActive(r),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,r)}))}})}))}))},navigator:O({navigate:function(e){var t=e.itemUrl;n.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,r=n.open(t,"_blank","noopener");null===r||void 0===r||r.focus()},navigateNewWindow:function(e){var t=e.itemUrl;n.open(t,"_blank","noopener")}},e.navigator)})}(e,t),n=c(Ee,r,(function(e){var t=e.prevState,n=e.state;r.onStateChange(we({prevState:t,state:n,refresh:l},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var r=0,n=e.map((function(e){return s(s({},e),{},{items:i(e.items).map((function(e){return s(s({},e),{},{__autocomplete_id:r++})}))})}));t.dispatch("setCollections",n)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:n}),a=fe(we({props:r,refresh:l,store:n},o));function l(){return W(we({event:new Event("input"),nextState:{isOpen:n.getState().isOpen},props:r,query:n.getState().query,refresh:l,store:n},o))}return r.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,we(we({},o),{},{refresh:l,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})}}))})),function(e){var t,r,n=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(r=t.userAgent)||void 0===r?void 0:r.includes("Algolia Crawler")){var a=o.document.createElement("meta"),c=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(n),c.appendChild(a)}),0)}}({metadata:ve({plugins:r.plugins,options:e}),environment:r.environment}),we(we({refresh:l},a),o)}var De=r(7294);function ke(e){var t=e.translations,r=(void 0===t?{}:t).searchByText,n=void 0===r?"Search by":r;return De.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},De.createElement("span",{className:"DocSearch-Label"},n),De.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},De.createElement("defs",null,De.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),De.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),De.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),De.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),De.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),De.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),De.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),De.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),De.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),De.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function Ce(e){return De.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},De.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function xe(e){var t=e.translations,r=void 0===t?{}:t,n=r.selectText,o=void 0===n?"to select":n,a=r.selectKeyAriaLabel,c=void 0===a?"Enter key":a,i=r.navigateText,l=void 0===i?"to navigate":i,s=r.navigateUpKeyAriaLabel,u=void 0===s?"Arrow up":s,f=r.navigateDownKeyAriaLabel,m=void 0===f?"Arrow down":f,p=r.closeText,d=void 0===p?"to close":p,h=r.closeKeyAriaLabel,v=void 0===h?"Escape key":h,y=r.searchByText,g=void 0===y?"Search by":y;return De.createElement(De.Fragment,null,De.createElement("div",{className:"DocSearch-Logo"},De.createElement(ke,{translations:{searchByText:g}})),De.createElement("ul",{className:"DocSearch-Commands"},De.createElement("li",null,De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:c},De.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),De.createElement("span",{className:"DocSearch-Label"},o)),De.createElement("li",null,De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:m},De.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:u},De.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),De.createElement("span",{className:"DocSearch-Label"},l)),De.createElement("li",null,De.createElement("kbd",{className:"DocSearch-Commands-Key"},De.createElement(Ce,{ariaLabel:v},De.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),De.createElement("span",{className:"DocSearch-Label"},d))))}function Ae(e){var t=e.hit,r=e.children;return De.createElement("a",{href:t.url},r)}function Ne(){return De.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},De.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Re(e){var t=e.translations,r=void 0===t?{}:t,n=r.titleText,o=void 0===n?"Unable to fetch results":n,a=r.helpText,c=void 0===a?"You might want to check your network connection.":a;return De.createElement("div",{className:"DocSearch-ErrorScreen"},De.createElement("div",{className:"DocSearch-Screen-Icon"},De.createElement(Ne,null)),De.createElement("p",{className:"DocSearch-Title"},o),De.createElement("p",{className:"DocSearch-Help"},c))}function _e(){return De.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},De.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}var qe=["translations"];function Te(e){return function(e){if(Array.isArray(e))return Le(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"===typeof e)return Le(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Le(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function He(e){var t=e.translations,r=void 0===t?{}:t,n=Me(e,qe),o=r.noResultsText,a=void 0===o?"No results for":o,c=r.suggestedQueryText,i=void 0===c?"Try searching for":c,l=r.reportMissingResultsText,s=void 0===l?"Believe this query should return results?":l,u=r.reportMissingResultsLinkText,f=void 0===u?"Let us know.":u,m=n.state.context.searchSuggestions;return De.createElement("div",{className:"DocSearch-NoResults"},De.createElement("div",{className:"DocSearch-Screen-Icon"},De.createElement(_e,null)),De.createElement("p",{className:"DocSearch-Title"},a,' "',De.createElement("strong",null,n.state.query),'"'),m&&m.length>0&&De.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},De.createElement("p",{className:"DocSearch-Help"},i,":"),De.createElement("ul",null,m.slice(0,3).reduce((function(e,t){return[].concat(Te(e),[De.createElement("li",{key:t},De.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){n.setQuery(t.toLowerCase()+" "),n.refresh(),n.inputRef.current.focus()}},t))])}),[]))),n.getMissingResultsUrl&&De.createElement("p",{className:"DocSearch-Help"},"".concat(s," "),De.createElement("a",{href:n.getMissingResultsUrl({query:n.state.query}),target:"_blank",rel:"noopener noreferrer"},f)))}var Fe=function(){return De.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Be(e){switch(e.type){case"lvl1":return De.createElement(Fe,null);case"content":return De.createElement(Ve,null);default:return De.createElement(Ue,null)}}function Ue(){return De.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Ve(){return De.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Ke(){return De.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},De.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},De.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),De.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Je=["hit","attribute","tagName"];function $e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ze(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ze(e,t){return t.split(".").reduce((function(e,t){return null!==e&&void 0!==e&&e[t]?e[t]:null}),e)}function Ye(e){var t=e.hit,r=e.attribute,n=e.tagName,o=void 0===n?"span":n,a=We(e,Je);return(0,De.createElement)(o,ze(ze({},a),{},{dangerouslySetInnerHTML:{__html:Ze(t,"_snippetResult.".concat(r,".value"))||Ze(t,r)}}))}function Ge(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,o,a=[],c=!0,i=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);c=!0);}catch(l){i=!0,o=l}finally{try{c||null==r.return||r.return()}finally{if(i)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return Xe(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Xe(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r|<\/mark>)/g,ot=RegExp(nt.source);function at(e){var t,r,n,o,a,c=e;if(!c.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var i=((c.__docsearch_parent?null===(t=c.__docsearch_parent)||void 0===t||null===(r=t._highlightResult)||void 0===r||null===(n=r.hierarchy)||void 0===n?void 0:n.lvl0:null===(o=e._highlightResult)||void 0===o||null===(a=o.hierarchy)||void 0===a?void 0:a.lvl0)||{}).value;return i&&ot.test(i)?i.replace(nt,""):i}function ct(){return ct=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function dt(e){var t=e.translations,r=void 0===t?{}:t,n=pt(e,ft),o=r.recentSearchesTitle,a=void 0===o?"Recent":o,c=r.noRecentSearchesText,i=void 0===c?"No recent searches":c,l=r.saveRecentSearchButtonTitle,s=void 0===l?"Save this search":l,u=r.removeRecentSearchButtonTitle,f=void 0===u?"Remove this search from history":u,m=r.favoriteSearchesTitle,p=void 0===m?"Favorite":m,d=r.removeFavoriteSearchButtonTitle,h=void 0===d?"Remove this search from favorites":d;return"idle"===n.state.status&&!1===n.hasCollections?n.disableUserPersonalization?null:De.createElement("div",{className:"DocSearch-StartScreen"},De.createElement("p",{className:"DocSearch-Help"},i)):!1===n.hasCollections?null:De.createElement("div",{className:"DocSearch-Dropdown-Container"},De.createElement(tt,mt({},n,{title:a,collection:n.state.collections[0],renderIcon:function(){return De.createElement("div",{className:"DocSearch-Hit-icon"},De.createElement(lt,null))},renderAction:function(e){var t=e.item,r=e.runFavoriteTransition,o=e.runDeleteTransition;return De.createElement(De.Fragment,null,De.createElement("div",{className:"DocSearch-Hit-action"},De.createElement("button",{className:"DocSearch-Hit-action-button",title:s,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),r((function(){n.favoriteSearches.add(t),n.recentSearches.remove(t),n.refresh()}))}},De.createElement(st,null))),De.createElement("div",{className:"DocSearch-Hit-action"},De.createElement("button",{className:"DocSearch-Hit-action-button",title:f,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),o((function(){n.recentSearches.remove(t),n.refresh()}))}},De.createElement(ut,null))))}})),De.createElement(tt,mt({},n,{title:p,collection:n.state.collections[1],renderIcon:function(){return De.createElement("div",{className:"DocSearch-Hit-icon"},De.createElement(st,null))},renderAction:function(e){var t=e.item,r=e.runDeleteTransition;return De.createElement("div",{className:"DocSearch-Hit-action"},De.createElement("button",{className:"DocSearch-Hit-action-button",title:h,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),r((function(){n.favoriteSearches.remove(t),n.refresh()}))}},De.createElement(ut,null)))}})))}var ht=["translations"];function vt(){return vt=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var gt=De.memo((function(e){var t=e.translations,r=void 0===t?{}:t,n=yt(e,ht);if("error"===n.state.status)return De.createElement(Re,{translations:null===r||void 0===r?void 0:r.errorScreen});var o=n.state.collections.some((function(e){return e.items.length>0}));return n.state.query?!1===o?De.createElement(He,vt({},n,{translations:null===r||void 0===r?void 0:r.noResultsScreen})):De.createElement(it,n):De.createElement(dt,vt({},n,{hasCollections:o,translations:null===r||void 0===r?void 0:r.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status}));function bt(){return De.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},De.createElement("g",{fill:"none",fillRule:"evenodd"},De.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},De.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),De.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},De.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function Ot(){return De.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},De.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"}))}var St=["translations"];function Et(){return Et=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function wt(e){var t=e.translations,r=void 0===t?{}:t,n=jt(e,St),o=r.resetButtonTitle,a=void 0===o?"Clear the query":o,c=r.resetButtonAriaLabel,i=void 0===c?"Clear the query":c,l=r.cancelButtonText,s=void 0===l?"Cancel":l,u=r.cancelButtonAriaLabel,f=void 0===u?"Cancel":u,m=n.getFormProps({inputElement:n.inputRef.current}).onReset;return De.useEffect((function(){n.autoFocus&&n.inputRef.current&&n.inputRef.current.focus()}),[n.autoFocus,n.inputRef]),De.useEffect((function(){n.isFromSelection&&n.inputRef.current&&n.inputRef.current.select()}),[n.isFromSelection,n.inputRef]),De.createElement(De.Fragment,null,De.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:m},De.createElement("label",Et({className:"DocSearch-MagnifierLabel"},n.getLabelProps()),De.createElement(Ot,null)),De.createElement("div",{className:"DocSearch-LoadingIndicator"},De.createElement(bt,null)),De.createElement("input",Et({className:"DocSearch-Input",ref:n.inputRef},n.getInputProps({inputElement:n.inputRef.current,autoFocus:n.autoFocus,maxLength:64}))),De.createElement("button",{type:"reset",title:a,className:"DocSearch-Reset","aria-label":i,hidden:!n.state.query},De.createElement(ut,null))),De.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":f,onClick:n.onClose},s))}var Pt=["_highlightResult","_snippetResult"];function It(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Dt(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(t){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}function kt(e){var t=e.key,r=e.limit,n=void 0===r?5:r,o=Dt(t),a=o.getItem().slice(0,n);return{add:function(e){var t=e,r=(t._highlightResult,t._snippetResult,It(t,Pt)),c=a.findIndex((function(e){return e.objectID===r.objectID}));c>-1&&a.splice(c,1),a.unshift(r),a=a.slice(0,n),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function Ct(e){const t=`algoliasearch-client-js-${e.key}`;let r;const n=()=>(void 0===r&&(r=e.localStorage||window.localStorage),r),o=()=>JSON.parse(n().getItem(t)||"{}"),a=e=>{n().setItem(t,JSON.stringify(e))};return{get:(t,r,n={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,r=o(),n=Object.fromEntries(Object.entries(r).filter((([,e])=>void 0!==e.timestamp)));if(a(n),!t)return;const c=Object.fromEntries(Object.entries(n).filter((([,e])=>{const r=(new Date).getTime();return!(e.timestamp+tPromise.all([e?e.value:r(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||n.miss(e)]))).then((([e])=>e)),set:(e,r)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:r},n().setItem(t,JSON.stringify(a)),r})),delete:e=>Promise.resolve().then((()=>{const r=o();delete r[JSON.stringify(e)],n().setItem(t,JSON.stringify(r))})),clear:()=>Promise.resolve().then((()=>{n().removeItem(t)}))}}function xt(e){const t=[...e.caches],r=t.shift();return void 0===r?{get:(e,t,r={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,r.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,n,o={miss:()=>Promise.resolve()})=>r.get(e,n,o).catch((()=>xt({caches:t}).get(e,n,o))),set:(e,n)=>r.set(e,n).catch((()=>xt({caches:t}).set(e,n))),delete:e=>r.delete(e).catch((()=>xt({caches:t}).delete(e))),clear:()=>r.clear().catch((()=>xt({caches:t}).clear()))}}function At(e={serializable:!0}){let t={};return{get(r,n,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(r);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const c=n(),i=o&&o.miss||(()=>Promise.resolve());return c.then((e=>i(e))).then((()=>c))},set:(r,n)=>(t[JSON.stringify(r)]=e.serializable?JSON.stringify(n):n,Promise.resolve(n)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function Nt(e){let t=e.length-1;for(;t>0;t--){const r=Math.floor(Math.random()*(t+1)),n=e[t];e[t]=e[r],e[r]=n}return e}function Rt(e,t){return t?(Object.keys(t).forEach((r=>{e[r]=t[r](e)})),e):e}function _t(e,...t){let r=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[r++])))}const qt="4.23.2",Tt={WithinQueryParameters:0,WithinHeaders:1};function Lt(e,t){const r=e||{},n=r.data||{};return Object.keys(r).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(n[e]=r[e])})),{data:Object.entries(n).length>0?n:void 0,timeout:r.timeout||t,headers:r.headers||{},queryParameters:r.queryParameters||{},cacheable:r.cacheable}}const Mt={Read:1,Write:2,Any:3},Ht=1,Ft=2,Bt=3,Ut=12e4;function Vt(e,t=Ht){return{...e,status:t,lastUpdate:Date.now()}}function Kt(e){return"string"===typeof e?{protocol:"https",url:e,accept:Mt.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||Mt.Any}}const Jt="GET",$t="POST";function zt(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(Vt(t))))))).then((e=>{const r=e.filter((e=>function(e){return e.status===Ht||Date.now()-e.lastUpdate>Ut}(e))),n=e.filter((e=>function(e){return e.status===Bt&&Date.now()-e.lastUpdate<=Ut}(e))),o=[...r,...n];return{getTimeout:(e,t)=>(0===n.length&&0===e?1:n.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>Kt(e))):t}}))}function Qt(e,t,r,n){const o=[],a=function(e,t){if(e.method===Jt||void 0===e.data&&void 0===t.data)return;const r=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(r)}(r,n),c=function(e,t){const r={...e.headers,...t.headers},n={};return Object.keys(r).forEach((e=>{const t=r[e];n[e.toLowerCase()]=t})),n}(e,n),i=r.method,l=r.method!==Jt?{}:{...r.data,...n.data},s={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...n.queryParameters};let u=0;const f=(t,l)=>{const m=t.pop();if(void 0===m)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:Gt(o)};const p={data:a,headers:c,method:i,url:Zt(m,r.path,s),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,n.timeout)},d=e=>{const r={request:p,response:e,host:m,triesLeft:t.length};return o.push(r),r},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(r){const n=d(r);return r.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",Xt(n)),e.hostsCache.set(m,Vt(m,r.isTimedOut?Bt:Ft))]).then((()=>f(t,l)))},onFail(e){throw d(e),function({content:e,status:t},r){let n=e;try{n=JSON.parse(e).message}catch(o){}return function(e,t,r){return{name:"ApiError",message:e,status:t,transporterStackTrace:r}}(n,t,r)}(e,Gt(o))}};return e.requester.send(p).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&0===~~t)(e)||2!==~~(t/100)&&4!==~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2===~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return zt(e.hostsCache,t).then((e=>f([...e.statelessHosts].reverse(),e.getTimeout)))}function Wt(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const r=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(r)&&(t.value=`${t.value}${r}`),t}};return t}function Zt(e,t,r){const n=Yt(r);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return n.length&&(o+=`?${n}`),o}function Yt(e){return Object.keys(e).map((t=>{return _t("%s=%s",t,(r=e[t],"[object Object]"===Object.prototype.toString.call(r)||"[object Array]"===Object.prototype.toString.call(r)?JSON.stringify(e[t]):e[t]));var r})).join("&")}function Gt(e){return e.map((e=>Xt(e)))}function Xt(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const er=e=>{const t=e.appId,r=function(e,t,r){const n={"x-algolia-api-key":r,"x-algolia-application-id":t};return{headers:()=>e===Tt.WithinHeaders?n:{},queryParameters:()=>e===Tt.WithinQueryParameters?n:{}}}(void 0!==e.authMode?e.authMode:Tt.WithinHeaders,t,e.apiKey),n=function(e){const{hostsCache:t,logger:r,requester:n,requestsCache:o,responsesCache:a,timeouts:c,userAgent:i,hosts:l,queryParameters:s,headers:u}=e,f={hostsCache:t,logger:r,requester:n,requestsCache:o,responsesCache:a,timeouts:c,userAgent:i,headers:u,queryParameters:s,hosts:l.map((e=>Kt(e))),read(e,t){const r=Lt(t,f.timeouts.read),n=()=>Qt(f,f.hosts.filter((e=>0!==(e.accept&Mt.Read))),e,r);if(!0!==(void 0!==r.cacheable?r.cacheable:e.cacheable))return n();const o={request:e,mappedRequestOptions:r,transporter:{queryParameters:f.queryParameters,headers:f.headers}};return f.responsesCache.get(o,(()=>f.requestsCache.get(o,(()=>f.requestsCache.set(o,n()).then((e=>Promise.all([f.requestsCache.delete(o),e])),(e=>Promise.all([f.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>f.responsesCache.set(o,e)})},write:(e,t)=>Qt(f,f.hosts.filter((e=>0!==(e.accept&Mt.Write))),e,Lt(t,f.timeouts.write))};return f}({hosts:[{url:`${t}-dsn.algolia.net`,accept:Mt.Read},{url:`${t}.algolia.net`,accept:Mt.Write}].concat(Nt([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...r.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...r.queryParameters(),...e.queryParameters}}),o={transporter:n,appId:t,addAlgoliaAgent(e,t){n.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([n.requestsCache.clear(),n.responsesCache.clear()]).then((()=>{}))};return Rt(o,e.methods)},tr=e=>(t,r)=>t.method===Jt?e.transporter.read(t,r):e.transporter.write(t,r),rr=e=>(t,r={})=>Rt({transporter:e.transporter,appId:e.appId,indexName:t},r.methods),nr=e=>(t,r)=>{const n=t.map((e=>({...e,params:Yt(e.params||{})})));return e.transporter.read({method:$t,path:"1/indexes/*/queries",data:{requests:n},cacheable:!0},r)},or=e=>(t,r)=>Promise.all(t.map((t=>{const{facetName:n,facetQuery:o,...a}=t.params;return rr(e)(t.indexName,{methods:{searchForFacetValues:ir}}).searchForFacetValues(n,o,{...r,...a})}))),ar=e=>(t,r,n)=>e.transporter.read({method:$t,path:_t("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:r},cacheable:!0},n),cr=e=>(t,r)=>e.transporter.read({method:$t,path:_t("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},r),ir=e=>(t,r,n)=>e.transporter.read({method:$t,path:_t("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:r},cacheable:!0},n),lr=1,sr=2,ur=3;const fr=e=>(t,r)=>{const n=t.map((e=>({...e,threshold:e.threshold||0})));return e.transporter.read({method:$t,path:"1/indexes/*/recommendations",data:{requests:n},cacheable:!0},r)};function mr(e,t,r){const n={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const r=new XMLHttpRequest;r.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>r.setRequestHeader(t,e.headers[t])));const n=(e,n)=>setTimeout((()=>{r.abort(),t({status:0,content:n,isTimedOut:!0})}),1e3*e),o=n(e.connectTimeout,"Connection timeout");let a;r.onreadystatechange=()=>{r.readyState>r.OPENED&&void 0===a&&(clearTimeout(o),a=n(e.responseTimeout,"Socket timeout"))},r.onerror=()=>{0===r.status&&(clearTimeout(o),clearTimeout(a),t({content:r.responseText||"Network request failed",status:r.status,isTimedOut:!1}))},r.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:r.responseText,status:r.status,isTimedOut:!1})},r.send(e.data)}))},logger:(o=ur,{debug:(e,t)=>(lr>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(sr>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:At(),requestsCache:At({serializable:!1}),hostsCache:xt({caches:[Ct({key:`4.23.2-${e}`}),At()]}),userAgent:Wt(qt).add({segment:"Browser",version:"lite"}),authMode:Tt.WithinQueryParameters};var o;return er({...n,...r,methods:{search:nr,searchForFacetValues:or,multipleQueries:nr,multipleSearchForFacetValues:or,customRequest:tr,initIndex:e=>t=>rr(e)(t,{methods:{search:cr,searchForFacetValues:ir,findAnswers:ar}}),getRecommendations:fr}})}mr.version=qt;var pr=mr,dr="3.3.2";function hr(){}function vr(e){return e}function yr(e,t){return e.reduce((function(e,r){var n=t(r);return e.hasOwnProperty(n)||(e[n]=[]),e[n].length<5&&e[n].push(r),e}),{})}var gr=["footer","searchBox"];function br(){return br=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ir(e){var t=e.appId,r=e.apiKey,n=e.indexName,o=e.placeholder,a=void 0===o?"Search docs":o,c=e.searchParameters,i=e.onClose,l=void 0===i?hr:i,s=e.transformItems,u=void 0===s?vr:s,f=e.hitComponent,m=void 0===f?Ae:f,p=e.resultsFooterComponent,d=void 0===p?function(){return null}:p,h=e.navigator,v=e.initialScrollY,y=void 0===v?0:v,g=e.transformSearchClient,b=void 0===g?vr:g,O=e.disableUserPersonalization,S=void 0!==O&&O,E=e.initialQuery,j=void 0===E?"":E,w=e.translations,P=void 0===w?{}:w,I=e.getMissingResultsUrl,D=P.footer,k=P.searchBox,C=Pr(P,gr),x=jr(De.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),A=x[0],N=x[1],R=De.useRef(null),_=De.useRef(null),q=De.useRef(null),T=De.useRef(null),L=De.useRef(null),M=De.useRef(10),H=De.useRef("undefined"!==typeof window?window.getSelection().toString().slice(0,64):"").current,F=De.useRef(j||H).current,B=function(e,t,r){return De.useMemo((function(){var n=pr(e,t);return n.addAlgoliaAgent("docsearch",dr),!1===/docsearch.js \(.*\)/.test(n.transporter.userAgent.value)&&n.addAlgoliaAgent("docsearch-react",dr),r(n)}),[e,t,r])}(t,r,b),U=De.useRef(kt({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(n),limit:10})).current,V=De.useRef(kt({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(n),limit:0===U.getAll().length?7:4})).current,K=De.useCallback((function(e){if(!S){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===U.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&V.add(t)}}),[U,V,S]),J=De.useMemo((function(){return Ie({id:"docsearch",defaultActiveItemId:0,placeholder:a,openOnFocus:!0,initialState:{query:F,context:{searchSuggestions:[]}},navigator:h,onStateChange:function(e){N(e.state)},getSources:function(e){var t=e.query,r=e.state,o=e.setContext,a=e.setStatus;return t?B.search([{query:t,indexName:n,params:Sr({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(M.current),"hierarchy.lvl2:".concat(M.current),"hierarchy.lvl3:".concat(M.current),"hierarchy.lvl4:".concat(M.current),"hierarchy.lvl5:".concat(M.current),"hierarchy.lvl6:".concat(M.current),"content:".concat(M.current)],snippetEllipsisText:"\u2026",highlightPreTag:"",highlightPostTag:"",hitsPerPage:20},c)}]).catch((function(e){throw"RetryError"===e.name&&a("error"),e})).then((function(e){var t=e.results[0],n=t.hits,a=t.nbHits,c=yr(n,(function(e){return at(e)}));return r.context.searchSuggestions.length0&&(Q(),L.current&&L.current.focus())}),[F,Q]),De.useEffect((function(){function e(){if(_.current){var e=.01*window.innerHeight;_.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),De.createElement("div",br({ref:R},z({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===A.status&&"DocSearch-Container--Stalled","error"===A.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&l()}}),De.createElement("div",{className:"DocSearch-Modal",ref:_},De.createElement("header",{className:"DocSearch-SearchBar",ref:q},De.createElement(wt,br({},J,{state:A,autoFocus:0===F.length,inputRef:L,isFromSelection:Boolean(F)&&F===H,translations:k,onClose:l}))),De.createElement("div",{className:"DocSearch-Dropdown",ref:T},De.createElement(gt,br({},J,{indexName:n,state:A,hitComponent:m,resultsFooterComponent:d,disableUserPersonalization:S,recentSearches:V,favoriteSearches:U,inputRef:L,translations:C,getMissingResultsUrl:I,onItemClick:function(e){K(e),l()}}))),De.createElement("footer",{className:"DocSearch-Footer"},De.createElement(xe,{translations:D}))))}}}]); \ No newline at end of file diff --git a/_next/static/chunks/996-e7bba1c7506cb4ab.js b/_next/static/chunks/996-e71ad1e27e8f31fe.js similarity index 97% rename from _next/static/chunks/996-e7bba1c7506cb4ab.js rename to _next/static/chunks/996-e71ad1e27e8f31fe.js index 62bf8f2..4324a5e 100644 --- a/_next/static/chunks/996-e7bba1c7506cb4ab.js +++ b/_next/static/chunks/996-e71ad1e27e8f31fe.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[996],{2508:function(e,t,r){r.d(t,{d:function(){return i}});var n=r(1799),l=r(9396),a=r(9534),s=r(5893);function i(e){var{href:t,target:r,children:i}=e,o=(0,a.Z)(e,["href","target","children"]);return(0,s.jsx)("a",(0,l.Z)((0,n.Z)({href:t,target:null!==r&&void 0!==r?r:"_blank",rel:"noopener"},o),{children:i}))}},4624:function(e,t,r){r.d(t,{g:function(){return i}});var n=r(5893),l=r(7294),a=r(3967),s=r.n(a);const i=(0,l.memo)((function(e){let{className:t,displayDirection:r}=e;const l=s()({"rotate-0":"down"===r,"rotate-90":"left"===r,"rotate-180":"up"===r,"-rotate-90":"right"===r},t);return(0,n.jsx)("svg",{className:l,xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-446 -398)",children:[(0,n.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M95.8838835,240.366117 C95.3957281,239.877961 94.6042719,239.877961 94.1161165,240.366117 C93.6279612,240.854272 93.6279612,241.645728 94.1161165,242.133883 L98.6161165,246.633883 C99.1042719,247.122039 99.8957281,247.122039 100.383883,246.633883 L104.883883,242.133883 C105.372039,241.645728 105.372039,240.854272 104.883883,240.366117 C104.395728,239.877961 103.604272,239.877961 103.116117,240.366117 L99.5,243.982233 L95.8838835,240.366117 Z",transform:"translate(356.5 164.5)"}),(0,n.jsx)("polygon",{points:"446 418 466 418 466 398 446 398"})]})})}))},8077:function(e,t,r){r.d(t,{s:function(){return i}});var n=r(5893),l=r(7294),a=r(3967),s=r.n(a);const i=(0,l.memo)((function(e){let{displayDirection:t="right",className:r}=e;const l=s()("duration-100 ease-in transition",{"rotate-0":"down"===t,"-rotate-90":"right"===t,"rotate-90":"left"===t},r);return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",className:l,style:{minWidth:20,minHeight:20},children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-446 -398)",children:[(0,n.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M95.8838835,240.366117 C95.3957281,239.877961 94.6042719,239.877961 94.1161165,240.366117 C93.6279612,240.854272 93.6279612,241.645728 94.1161165,242.133883 L98.6161165,246.633883 C99.1042719,247.122039 99.8957281,247.122039 100.383883,246.633883 L104.883883,242.133883 C105.372039,241.645728 105.372039,240.854272 104.883883,240.366117 C104.395728,239.877961 103.604272,239.877961 103.116117,240.366117 L99.5,243.982233 L95.8838835,240.366117 Z",transform:"translate(356.5 164.5)"}),(0,n.jsx)("polygon",{points:"446 418 466 418 466 398 446 398"})]})})}))},3491:function(e,t,r){r.d(t,{T:function(){return he}});var n=r(5893),l=r(1664),a=r.n(l),s=r(7294),i=r(3967),o=r.n(i),c=r(8077);function d(e,t){var r,n;return(null===(r=e.route)||void 0===r?void 0:r.path)===(null===(n=t.route)||void 0===n?void 0:n.path)}const h=(0,s.memo)((function(e){let{nextRoute:t,prevRoute:r,route:l}=e;return!l||(null===l||void 0===l?void 0:l.heading)?null:(0,n.jsx)(n.Fragment,{children:(null===r||void 0===r?void 0:r.path)||(null===t||void 0===t?void 0:t.path)?(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-4 py-4 md:py-12",children:[(null===r||void 0===r?void 0:r.path)?(0,n.jsx)(x,{type:"Previous",title:r.title,href:r.path}):(0,n.jsx)("div",{}),(null===t||void 0===t?void 0:t.path)?(0,n.jsx)(x,{type:"Next",title:t.title,href:t.path}):(0,n.jsx)("div",{})]})}):null})}),d);function x(e){let{href:t,title:r,type:l}=e;return(0,n.jsx)(a(),{href:t,children:(0,n.jsxs)("a",{className:o()("flex gap-x-4 md:gap-x-6 items-center w-full md:w-80 px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-80",{"flex-row-reverse justify-self-end text-right":"Next"===l}),children:[(0,n.jsx)(c.s,{className:"text-gray-30 dark:text-gray-50 inline group-focus:text-link dark:group-focus:text-link-dark",displayDirection:"Previous"===l?"left":"right"}),(0,n.jsxs)("span",{children:[(0,n.jsx)("span",{className:"block no-underline text-sm tracking-wide text-secondary dark:text-secondary-dark uppercase font-bold group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100",children:l}),(0,n.jsx)("span",{className:"block text-lg group-hover:underline",children:r})]})]})})}var m=function(e){let{breadcrumbs:t}=e;return(0,n.jsx)("div",{className:"flex flex-wrap",children:t.map(((e,t)=>e.path&&(0,n.jsx)("div",{className:"flex mb-3 mt-0.5 items-center",children:(0,n.jsxs)(s.Fragment,{children:[(0,n.jsx)(a(),{href:e.path,children:(0,n.jsx)("a",{className:"text-link dark:text-link-dark text-sm tracking-wide font-bold uppercase mr-1 hover:underline",children:e.title})}),(0,n.jsx)("span",{className:"inline-block mr-1 text-link dark:text-link-dark text-lg",children:(0,n.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M6.86612 13.6161C6.37796 14.1043 6.37796 14.8957 6.86612 15.3839C7.35427 15.872 8.14572 15.872 8.63388 15.3839L13.1339 10.8839C13.622 10.3957 13.622 9.60428 13.1339 9.11612L8.63388 4.61612C8.14572 4.12797 7.35427 4.12797 6.86612 4.61612C6.37796 5.10428 6.37796 5.89573 6.86612 6.38388L10.4822 10L6.86612 13.6161Z",fill:"currentColor"})})})]},e.path)},t)))})};const u={foundation:{name:"Foundation",classes:"bg-yellow-50 text-white"},intermediate:{name:"Intermediate",classes:"bg-purple-40 text-white"},advanced:{name:"Advanced",classes:"bg-green-40 text-white"},experimental:{name:"Experimental",classes:"bg-ui-orange text-white"},deprecated:{name:"Deprecated",classes:"bg-red-40 text-white"}};var p=function(e){let{text:t,variant:r,className:l}=e;const{name:a,classes:s}=u[r];return(0,n.jsx)("span",{className:o()("mr-2",l),children:(0,n.jsx)("span",{className:o()("inline font-bold text-sm uppercase py-1 px-2 rounded",s),children:t||a})})},g=r(2937);var f=function(e){let{title:t,status:r,description:l,tags:a=[],breadcrumbs:s}=e;return(0,n.jsx)("div",{className:"px-5 sm:px-12 pt-8 sm:pt-7 lg:pt-5",children:(0,n.jsxs)("div",{className:"max-w-4xl ml-0 2xl:mx-auto",children:[s?(0,n.jsx)(m,{breadcrumbs:s}):null,(0,n.jsxs)(g.H1,{className:"mt-0 text-primary dark:text-primary-dark -mx-.5 break-words",children:[t,r?(0,n.jsxs)("em",{children:["\u2014",r]}):""]}),l&&(0,n.jsx)("p",{className:"mt-4 mb-6 text-primary dark:text-primary-dark text-xl text-gray-90 leading-large",children:l}),(null===a||void 0===a?void 0:a.length)>0&&(0,n.jsx)("div",{className:"mt-4",children:a.map((e=>(0,n.jsx)(p,{variant:e},e)))})]})})},b=r(9008),v=r.n(b),j=r(1163),k=r.n(j);const y=(0,j.withRouter)((e=>{let{title:t="ReactUnity",description:r="A JavaScript library for building user interfaces in Unity",image:l="/images/logo.png",router:a,children:s,isHomePage:i}=e;return(0,n.jsxs)(v(),{children:[(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),null!=t&&(0,n.jsx)("title",{children:t+(i?"":" \u2022 React")},"title"),null!=r&&(0,n.jsx)("meta",{name:"description",content:r},"description"),(0,n.jsx)("meta",{property:"fb:app_id",content:"623268441017527"}),(0,n.jsx)("meta",{property:"og:type",content:"website"},"og:type"),(0,n.jsx)("meta",{property:"og:url",content:"https://reactunity.github.io".concat(a.asPath.split(/[\?\#]/)[0])},"og:url"),null!=t&&(0,n.jsx)("meta",{property:"og:title",content:t},"og:title"),null!=r&&(0,n.jsx)("meta",{property:"og:description",content:r},"og:description"),(0,n.jsx)("meta",{property:"og:image",content:"https://reactunity.github.io".concat(l)},"og:image"),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,n.jsx)("meta",{name:"twitter:site",content:"@reactjs"},"twitter:site"),(0,n.jsx)("meta",{name:"twitter:creator",content:"@reactjs"},"twitter:creator"),null!=t&&(0,n.jsx)("meta",{name:"twitter:title",content:t},"twitter:title"),null!=r&&(0,n.jsx)("meta",{name:"twitter:description",content:r},"twitter:description"),(0,n.jsx)("meta",{name:"twitter:image",content:"https://reactunity.github.io".concat(l)},"twitter:image"),(0,n.jsx)("link",{rel:"preload",href:"/fonts/Source-Code-Pro-Regular.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),(0,n.jsx)("link",{rel:"preload",href:"https://reactunity.github.io/fonts/Optimistic_Display_W_Md.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),(0,n.jsx)("link",{rel:"preload",href:"https://reactunity.github.io/fonts/Optimistic_Display_W_Bd.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),s]})}));var w=r(8369),C=r(2508);const N="https://github.com/ReactUnity/core/discussions/82",L={appId:"3Q7HZJV4X0",apiKey:"e23d435fea6f37c1637cf2898c1d4050",indexName:"reactunity"};function Z(){return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"self-stretch w-full",children:(0,n.jsx)("footer",{className:"text-secondary dark:text-secondary-dark py-12 px-5 sm:px-12 md:px-12 sm:py-12 md:py-16 lg:py-14",children:(0,n.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-3 gap-x-12 gap-y-8 max-w-7xl mx-auto ",children:[(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(H,{href:"/",isHeader:!0,children:"Community"}),(0,n.jsx)(H,{href:"https://github.com/ReactUnity",children:"GitHub"}),(0,n.jsx)(H,{href:"https://discord.gg/UY2EFW5ZKG",children:"Discord"}),(0,n.jsx)(H,{href:"/acknowledgements",children:"Acknowledgements"}),(0,n.jsx)(H,{href:N,children:"Leave Feedback"})]}),(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(H,{href:"/learn",isHeader:!0,children:"Learn ReactUnity"}),(0,n.jsx)(H,{href:"/learn/",children:"Quick Start"})]}),(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(H,{href:"/reference",isHeader:!0,children:"API Reference"}),(0,n.jsx)(H,{href:"/reference",children:"ReactUnity APIs"}),(0,n.jsx)(H,{href:"/reference/components",children:"Components"}),(0,n.jsx)(H,{href:"/reference/css",children:"CSS Reference"}),(0,n.jsx)(H,{href:"/reference/material",children:"Material Design"})]})]})})})})}function H(e){let{href:t,children:r,isHeader:l=!1}=e;const s=o()("border-b inline-block border-transparent",{"text-sm text-primary dark:text-primary-dark":!l,"text-md text-secondary dark:text-secondary-dark my-2 font-bold":l,"hover:border-gray-10":t});return t?t.startsWith("https://")?(0,n.jsx)("div",{children:(0,n.jsx)(C.d,{href:t,className:s,children:r})}):(0,n.jsx)("div",{children:(0,n.jsx)(a(),{href:t,children:(0,n.jsx)("a",{className:s,children:r})})}):(0,n.jsx)("div",{className:s,children:r})}var R=r(1799),M=r(9396);function S(e,t){const r=T(e,t);return(0,M.Z)((0,R.Z)({},E(e,t,{})),{breadcrumbs:r.length>0?r:[t]})}function E(e,t,r){const{routes:n}=t;if(r.route&&!r.nextRoute&&(r.nextRoute=t),t.path===e&&(r.route=t),r.route||(r.prevRoute=t),!n)return r;for(const l of n)E(e,l,r);return r}function T(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];if(t.path===e)return r;if(!t.routes)return[];for(const n of t.routes){const l=T(e,n,[...r,t]);if(null===l||void 0===l?void 0:l.length)return l}return[]}var P=r(8509);const V=(0,s.memo)((function(e){return(0,n.jsxs)("svg",(0,M.Z)((0,R.Z)({xmlns:"http://www.w3.org/2000/svg",width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e),{children:[(0,n.jsx)("line",{x1:18,y1:6,x2:6,y2:18}),(0,n.jsx)("line",{x1:6,y1:6,x2:18,y2:18})]}))})),I=(0,s.memo)((function(e){return(0,n.jsxs)("svg",(0,M.Z)((0,R.Z)({width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},e),{children:[(0,n.jsx)("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),(0,n.jsx)("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),(0,n.jsx)("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}))})),D=(0,s.memo)((function(e){return(0,n.jsx)("svg",(0,M.Z)((0,R.Z)({width:"1em",height:"1em",viewBox:"0 0 20 20"},e),{children:(0,n.jsx)("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",strokeWidth:"2",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"})}))}));var B=r(3935);function z(e){let{hit:t,children:r}=e;return(0,n.jsx)(a(),{href:t.url.replace(),children:(0,n.jsx)("a",{children:r})})}function A(e){return(0,n.jsx)("kbd",(0,R.Z)({className:"h-6 w-6 border border-transparent mr-1 bg-wash dark:bg-wash-dark text-gray-30 align-middle p-0 inline-flex justify-center items-center text-xs text-center rounded"},e))}const F={appId:L.appId,apiKey:L.apiKey,indexName:L.indexName};let _=null;function U(e){let{searchParameters:t={hitsPerPage:5}}=e;const{0:l,1:a}=(0,s.useState)(!1),i=(0,s.useCallback)((function(){return _?Promise.resolve():r.e(800).then(r.bind(r,7800)).then((e=>{let{DocSearchModal:t}=e;_=t}))}),[]),o=(0,s.useCallback)((function(){i().then((()=>{a(!0)}))}),[i,a]),c=(0,s.useCallback)((function(){a(!1)}),[a]);return function(e){let{isOpen:t,onOpen:r,onClose:n}=e;(0,s.useEffect)((()=>{function e(e){(27===e.keyCode&&t||"k"===e.key&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,r=t.tagName;return t.isContentEditable||"INPUT"===r||"SELECT"===r||"TEXTAREA"===r}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?n():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||r())}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,r,n])}({isOpen:l,onOpen:o,onClose:c}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v(),{children:(0,n.jsx)("link",{rel:"preconnect",href:"https://".concat(F.appId,"-dsn.algolia.net")})}),(0,n.jsx)("button",{"aria-label":"Search",type:"button",className:"inline-flex md:hidden items-center text-lg p-1 ml-4 lg:ml-6",onClick:o,children:(0,n.jsx)(D,{className:"align-middle"})}),(0,n.jsxs)("button",{type:"button",className:"hidden md:flex relative pl-4 pr-1 py-1 h-10 bg-secondary-button dark:bg-gray-80 outline-none focus:ring focus:outline-none betterhover:hover:bg-opacity-80 pointer items-center shadow-inner text-left w-full text-gray-30 rounded-md align-middle text-sm",onClick:o,children:[(0,n.jsx)(D,{className:"mr-3 align-middle text-gray-30 shrink-0 group-betterhover:hover:text-gray-70"}),"Search",(0,n.jsxs)("span",{className:"ml-auto hidden sm:flex item-center",children:[(0,n.jsx)(A,{children:"\u2318"}),(0,n.jsx)(A,{children:"K"})]})]}),l&&(0,B.createPortal)((0,n.jsx)(_,(0,M.Z)((0,R.Z)({},F),{initialScrollY:window.scrollY,searchParameters:t,onClose:c,navigator:{navigate(e){let{itemUrl:t}=e;k().push(t)}},transformItems:e=>e.map((e=>{const t=new URL(e.url);return(0,M.Z)((0,R.Z)({},e),{url:e.url.replace(t.origin,"").replace("#__next","")})})),hitComponent:z})),document.body)]})}var O=r(1458),W=r(1387),G=r(4608);function Y(e){let{onSubmit:t=(()=>{})}=e;const{asPath:r}=(0,j.useRouter)(),l=r.split(/[\?\#]/)[0];return(0,n.jsx)(Q,{onSubmit:t},l)}const q=(0,n.jsx)("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36603 0.384603C9.36605 0.384617 9.36601 0.384588 9.36603 0.384603L9.45902 0.453415C9.99732 0.851783 10.3873 1.42386 10.5654 2.07648C10.7435 2.72909 10.6993 3.42385 10.44 4.04763L9.27065 6.86008H12.6316C13.5249 6.86008 14.3817 7.22121 15.0134 7.86402C15.6451 8.50683 16 9.37868 16 10.2877V13.7154C16 14.8518 15.5564 15.9416 14.7668 16.7451C13.9771 17.5486 12.9062 18 11.7895 18H5.05263C3.71259 18 2.42743 17.4583 1.47988 16.4941C0.532325 15.5299 0 14.2221 0 12.8585V11.2511C2.40928e-06 9.87711 0.463526 8.54479 1.31308 7.47688L6.66804 0.745592C6.98662 0.345136 7.44414 0.08434 7.94623 0.0171605C8.4483 -0.0500155 8.95656 0.0815891 9.36603 0.384603ZM8.37542 1.77064C8.31492 1.72587 8.23987 1.70646 8.16579 1.71637C8.09171 1.72628 8.02415 1.76477 7.97708 1.82393L2.62213 8.55522C2.0153 9.31801 1.68421 10.2697 1.68421 11.2511V12.8585C1.68421 13.7676 2.03909 14.6394 2.67079 15.2822C3.30249 15.925 4.15927 16.2862 5.05263 16.2862H11.7895C12.4595 16.2862 13.1021 16.0153 13.5759 15.5332C14.0496 15.0511 14.3158 14.3972 14.3158 13.7154V10.2877C14.3158 9.83321 14.1383 9.39729 13.8225 9.07588C13.5066 8.75448 13.0783 8.57392 12.6316 8.57392H8C7.71763 8.57392 7.45405 8.4299 7.29806 8.19039C7.14206 7.95087 7.11442 7.64774 7.22445 7.38311L8.88886 3.37986C9 3.11253 9.01896 2.81477 8.94262 2.53507C8.8663 2.25541 8.69921 2.01027 8.46853 1.83954L8.37542 1.77064Z",fill:"currentColor"})}),K=(0,n.jsx)("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.63397 17.6154C6.63395 17.6154 6.63399 17.6154 6.63397 17.6154L6.54098 17.5466C6.00268 17.1482 5.61269 16.5761 5.43458 15.9235C5.25648 15.2709 5.30069 14.5761 5.56004 13.9524L6.72935 11.1399L3.36842 11.1399C2.47506 11.1399 1.61829 10.7788 0.986585 10.136C0.354883 9.49316 8.1991e-07 8.62132 8.99384e-07 7.71225L1.19904e-06 4.28458C1.29838e-06 3.14824 0.443605 2.05844 1.23323 1.25492C2.02286 0.451403 3.09383 -1.12829e-06 4.21053 -1.03067e-06L10.9474 -4.41715e-07C12.2874 -3.24565e-07 13.5726 0.541687 14.5201 1.50591C15.4677 2.47013 16 3.77789 16 5.1415L16 6.74893C16 8.12289 15.5365 9.45521 14.6869 10.5231L9.33196 17.2544C9.01338 17.6549 8.55586 17.9157 8.05377 17.9828C7.5517 18.05 7.04344 17.9184 6.63397 17.6154ZM7.62458 16.2294C7.68508 16.2741 7.76013 16.2935 7.83421 16.2836C7.90829 16.2737 7.97585 16.2352 8.02292 16.1761L13.3779 9.44478C13.9847 8.68199 14.3158 7.73033 14.3158 6.74892L14.3158 5.1415C14.3158 4.23242 13.9609 3.36058 13.3292 2.71777C12.6975 2.07496 11.8407 1.71383 10.9474 1.71383L4.21053 1.71383C3.5405 1.71383 2.89793 1.98468 2.42415 2.46679C1.95038 2.94889 1.68421 3.60277 1.68421 4.28458L1.68421 7.71225C1.68421 8.16679 1.86166 8.60271 2.1775 8.92411C2.49335 9.24552 2.92174 9.42608 3.36842 9.42608L8 9.42608C8.28237 9.42608 8.54595 9.5701 8.70195 9.80961C8.85794 10.0491 8.88558 10.3523 8.77555 10.6169L7.11114 14.6201C7 14.8875 6.98105 15.1852 7.05738 15.4649C7.1337 15.7446 7.30079 15.9897 7.53147 16.1605L7.62458 16.2294Z",fill:"currentColor"})});function X(e){var t;null===(t=window.gtag)||void 0===t||t.call(window,"event","feedback",{value:e?1:0})}function Q(e){let{onSubmit:t}=e;const{0:r,1:l}=(0,s.useState)(!1);return(0,n.jsxs)("div",{className:"max-w-xs w-80 lg:w-auto py-3 shadow-lg rounded-lg m-4 bg-wash dark:bg-gray-95 px-4 flex",children:[(0,n.jsx)("p",{className:"w-full font-bold text-primary dark:text-primary-dark text-lg mr-4",children:r?"Thank you for your feedback!":"Is this page useful?"}),!r&&(0,n.jsx)("button",{"aria-label":"Yes",className:"bg-secondary-button dark:bg-secondary-button-dark rounded-lg text-primary dark:text-primary-dark px-3 mr-2",onClick:()=>{l(!0),t(),X(!0)},children:q}),!r&&(0,n.jsx)("button",{"aria-label":"No",className:"bg-secondary-button dark:bg-secondary-button-dark rounded-lg text-primary dark:text-primary-dark px-3",onClick:()=>{l(!0),t(),X(!1)},children:K})]})}function J(e){let{href:t,selected:r=!1,title:l,wip:i,level:d,heading:h=!1,isExpanded:x,isBreadcrumb:m,hideArrow:u,isPending:p}=e;const g=(0,s.useRef)(null);(0,s.useEffect)((()=>{r&&g&&g.current&&"function"===typeof g.current.scrollIntoViewIfNeeded&&g.current.scrollIntoViewIfNeeded()}),[g,r]);let f="";return t.startsWith("https://")&&(f="_blank"),(0,n.jsx)(a(),{href:t,children:(0,n.jsxs)("a",{ref:g,title:l,target:f,"aria-current":r?"page":void 0,className:o()("p-2 pr-2 w-full rounded-none lg:rounded-r-lg text-left hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between",{"my-6":h,"text-primary dark:text-primary-dark":h&&!m,"text-sm pl-6":d>0,"pl-5":d<2,"text-base font-bold":0===d,"dark:text-primary-dark text-primary ":0===d&&!r,"text-base text-link dark:text-link-dark":1===d&&r,"dark:text-primary-dark text-primary":h,"text-base text-secondary dark:text-secondary-dark":!r&&!h,"text-base text-link dark:text-link-dark bg-highlight dark:bg-highlight-dark border-blue-40 hover:bg-highlight hover:text-link dark:hover:bg-highlight-dark dark:hover:text-link-dark":r,"dark:bg-gray-70 bg-gray-3 dark:hover:bg-gray-70 hover:bg-gray-3":p}),children:[(0,n.jsx)("span",{className:o()({"text-gray-400 dark:text-gray-500":i}),children:l}),null!=x&&!h&&!u&&(0,n.jsx)("span",{className:o()("pr-1",{"text-link":x,"text-gray-30":!x}),children:(0,n.jsx)(c.s,{displayDirection:x?"down":"right"})})]})})}var $=r(704);var ee=()=>{const{events:e}=(0,j.useRouter)(),{0:t,1:r}=(0,s.useState)(null),n=(0,s.useRef)(null);return(0,s.useEffect)((()=>{let t=null;const l=e=>{clearTimeout(t),t=setTimeout((()=>{n.current!==e&&(n.current=e,r(e))}),100)},a=()=>{r(null),clearTimeout(t)};return e.on("routeChangeStart",l),e.on("routeChangeComplete",a),()=>{e.off("routeChangeStart",l),e.off("routeChangeComplete",a),clearTimeout(t)}}),[e]),t};function te(e){let{isExpanded:t,duration:r,children:l}=e;const a=(0,s.useRef)(null),i=(0,s.useRef)(null),{getCollapseProps:c}=(0,$.Z)({isExpanded:t,duration:r}),d=(0,s.useRef)(t);return(0,s.useLayoutEffect)((()=>{if(d.current!==t&&(d.current=t,null!==a.current)){const e=a.current;e.style.pointerEvents="none",null!==i.current&&window.clearTimeout(i.current),i.current=window.setTimeout((()=>{e.style.pointerEvents=""}),r+100)}})),(0,n.jsx)("div",{ref:a,className:o()(t?"opacity-100":"opacity-50"),style:{transition:"opacity ".concat(r,"ms ease-in-out")},children:(0,n.jsx)("div",(0,M.Z)((0,R.Z)({},c()),{children:l}))})}function re(e){let{isForceExpanded:t,breadcrumbs:r,routeTree:l,level:a=0}=e;const i=(0,j.useRouter)().asPath.split(/[\?\#]/)[0],c=ee(),d=l.routes;return(0,n.jsx)("ul",{children:d.map(((e,l)=>{let{path:d,title:h,routes:x,wip:m,heading:u,hasSectionHeader:p,sectionHeader:g}=e;const f=i===d;let b=null;if(d&&d&&!u)if(x){const e=r.length>1&&r[r.length-1].path===d,l=t||e||f;b=(0,n.jsxs)("li",{children:[(0,n.jsx)(J,{href:d,isPending:c===d,selected:f,level:a,title:h,wip:m,isExpanded:l,isBreadcrumb:e,hideArrow:t},"".concat(h,"-").concat(d,"-").concat(a,"-link")),(0,n.jsx)(te,{duration:250,isExpanded:l,children:(0,n.jsx)(re,{isForceExpanded:t,routeTree:{title:h,routes:x},breadcrumbs:r,level:a+1})})]},"".concat(h,"-").concat(d,"-").concat(a,"-heading"))}else b=(0,n.jsx)("li",{children:(0,n.jsx)(J,{isPending:c===d,href:d,selected:f,level:a,title:h,wip:m})},"".concat(h,"-").concat(d,"-").concat(a,"-link"));else b=(0,n.jsx)(re,{level:a+1,isForceExpanded:t,routeTree:{title:h,routes:x},breadcrumbs:[]});return p?(0,n.jsxs)(s.Fragment,{children:[0!==l&&(0,n.jsx)("li",{role:"separator",className:"mt-4 mb-2 ml-5 border-b border-border dark:border-border-dark"}),(0,n.jsx)("h3",{className:o()("mb-1 text-sm font-bold ml-5 text-gray-400 dark:text-gray-500",0!==l&&"mt-2"),children:g})]},"".concat(g,"-").concat(a,"-separator")):b}))})}function ne(e){let{href:t,children:r,isActive:l}=e;const s=o()({"text-link border-link dark:text-link-dark dark:border-link-dark font-bold":l},{"border-transparent":!l},"inline-flex w-full items-center border-b-2 justify-center text-base leading-9 px-3 py-0.5 hover:text-link dark:hover:text-link-dark whitespace-nowrap");return t.startsWith("https://")?(0,n.jsx)(C.d,{href:t,className:s,children:r}):(0,n.jsx)(a(),{href:t,children:(0,n.jsx)("a",{className:s,children:r})})}const le=(0,n.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.41477 2.29921C8.41479 2.29923 8.41476 2.2992 8.41477 2.29921L8.48839 2.35275C8.91454 2.66267 9.22329 3.10774 9.36429 3.61547C9.50529 4.12319 9.47029 4.6637 9.26497 5.14899L8.33926 7.33703H11C11.7072 7.33703 12.3855 7.61798 12.8856 8.11807C13.3857 8.61817 13.6667 9.29645 13.6667 10.0037V12.6704C13.6667 13.5544 13.3155 14.4023 12.6904 15.0274C12.0652 15.6525 11.2174 16.0037 10.3333 16.0037H5C3.93914 16.0037 2.92172 15.5823 2.17157 14.8321C1.42142 14.082 1 13.0646 1 12.0037V10.7531C1 9.68422 1.36696 8.6477 2.03953 7.81688L6.27886 2.58006C6.53107 2.26851 6.89328 2.06562 7.29077 2.01335C7.68823 1.96109 8.09061 2.06347 8.41477 2.29921ZM7.63054 3.37753C7.58264 3.34269 7.52323 3.32759 7.46459 3.33531C7.40594 3.34302 7.35245 3.37296 7.31519 3.41899L3.07585 8.65581C2.59545 9.24925 2.33333 9.98963 2.33333 10.7531V12.0037C2.33333 12.7109 2.61428 13.3892 3.11438 13.8893C3.61448 14.3894 4.29275 14.6704 5 14.6704H10.3333C10.8638 14.6704 11.3725 14.4596 11.7475 14.0846C12.1226 13.7095 12.3333 13.2008 12.3333 12.6704V10.0037C12.3333 9.65007 12.1929 9.31093 11.9428 9.06088C11.6928 8.81084 11.3536 8.67036 11 8.67036H7.33333C7.10979 8.67036 6.90112 8.55832 6.77763 8.37198C6.65413 8.18564 6.63225 7.94981 6.71936 7.74393L8.03701 4.62947C8.125 4.42149 8.14001 4.18984 8.07958 3.97224C8.01916 3.75467 7.88687 3.56396 7.70425 3.43113L7.63054 3.37753Z",fill:"currentColor"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.2517 25.7047C19.2517 25.7047 19.2517 25.7047 19.2517 25.7047L19.1781 25.6512C18.752 25.3412 18.4432 24.8962 18.3022 24.3884C18.1612 23.8807 18.1962 23.3402 18.4015 22.8549L19.3272 20.6669L16.6665 20.6669C15.9593 20.6669 15.281 20.3859 14.7809 19.8858C14.2808 19.3857 13.9998 18.7075 13.9998 18.0002L13.9998 15.3335C13.9998 14.4495 14.351 13.6016 14.9761 12.9765C15.6013 12.3514 16.4491 12.0002 17.3332 12.0002L22.6665 12.0002C23.7274 12.0002 24.7448 12.4216 25.4949 13.1718C26.2451 13.9219 26.6665 14.9393 26.6665 16.0002L26.6665 17.2508C26.6665 18.3197 26.2995 19.3562 25.627 20.187L21.3876 25.4238C21.1354 25.7354 20.7732 25.9383 20.3757 25.9906C19.9783 26.0428 19.5759 25.9404 19.2517 25.7047ZM20.036 24.6264C20.0839 24.6612 20.1433 24.6763 20.2019 24.6686C20.2606 24.6609 20.3141 24.6309 20.3513 24.5849L24.5907 19.3481C25.0711 18.7547 25.3332 18.0143 25.3332 17.2508L25.3332 16.0002C25.3332 15.293 25.0522 14.6147 24.5521 14.1146C24.052 13.6145 23.3738 13.3335 22.6665 13.3335L17.3332 13.3335C16.8027 13.3335 16.294 13.5443 15.919 13.9193C15.5439 14.2944 15.3332 14.8031 15.3332 15.3335L15.3332 18.0002C15.3332 18.3538 15.4736 18.693 15.7237 18.943C15.9737 19.1931 16.3129 19.3335 16.6665 19.3335L20.3332 19.3335C20.5567 19.3335 20.7654 19.4456 20.8889 19.6319C21.0124 19.8183 21.0343 20.0541 20.9471 20.26L19.6295 23.3744C19.5415 23.5824 19.5265 23.8141 19.5869 24.0317C19.6473 24.2492 19.7796 24.4399 19.9623 24.5728L20.036 24.6264Z",fill:"currentColor"})]}),ae=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-444 -204)",children:[(0,n.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M102,21 C102,18.1017141 103.307179,15.4198295 105.51735,13.6246624 C106.001939,13.2310647 105.821611,12.4522936 105.21334,12.3117518 C104.322006,12.1058078 103.414758,12 102.5,12 C95.8722864,12 90.5,17.3722864 90.5,24 C90.5,30.6277136 95.8722864,36 102.5,36 C106.090868,36 109.423902,34.4109093 111.690274,31.7128995 C112.091837,31.2348572 111.767653,30.5041211 111.143759,30.4810139 C106.047479,30.2922628 102,26.1097349 102,21 Z M102.5,34.5 C96.7007136,34.5 92,29.7992864 92,24 C92,18.2007136 96.7007136,13.5 102.5,13.5 C102.807386,13.5 103.113925,13.5136793 103.419249,13.5407785 C101.566047,15.5446378 100.5,18.185162 100.5,21 C100.5,26.3198526 104.287549,30.7714322 109.339814,31.7756638 L109.516565,31.8092927 C107.615276,33.5209452 105.138081,34.5 102.5,34.5 Z",transform:"translate(354.5 192)"}),(0,n.jsx)("polygon",{points:"444 228 468 228 468 204 444 204"})]})}),se=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-444 -204)",children:[(0,n.jsxs)("g",{fill:"currentColor",transform:"translate(354 144)",children:[(0,n.jsx)("path",{fillRule:"nonzero",d:"M108.5 24C108.5 27.5902136 105.590214 30.5 102 30.5 98.4097864 30.5 95.5 27.5902136 95.5 24 95.5 20.4097864 98.4097864 17.5 102 17.5 105.590214 17.5 108.5 20.4097864 108.5 24zM107 24C107 21.2382136 104.761786 19 102 19 99.2382136 19 97 21.2382136 97 24 97 26.7617864 99.2382136 29 102 29 104.761786 29 107 26.7617864 107 24zM101 12.75L101 14.75C101 15.1642136 101.335786 15.5 101.75 15.5 102.164214 15.5 102.5 15.1642136 102.5 14.75L102.5 12.75C102.5 12.3357864 102.164214 12 101.75 12 101.335786 12 101 12.3357864 101 12.75zM95.7255165 14.6323616L96.7485165 16.4038616C96.9556573 16.7625614 97.4143618 16.8854243 97.7730616 16.6782835 98.1317614 16.4711427 98.2546243 16.0124382 98.0474835 15.6537384L97.0244835 13.8822384C96.8173427 13.5235386 96.3586382 13.4006757 95.9999384 13.6078165 95.6412386 13.8149573 95.5183757 14.2736618 95.7255165 14.6323616zM91.8822384 19.0244835L93.6537384 20.0474835C94.0124382 20.2546243 94.4711427 20.1317614 94.6782835 19.7730616 94.8854243 19.4143618 94.7625614 18.9556573 94.4038616 18.7485165L92.6323616 17.7255165C92.2736618 17.5183757 91.8149573 17.6412386 91.6078165 17.9999384 91.4006757 18.3586382 91.5235386 18.8173427 91.8822384 19.0244835zM90.75 25L92.75 25C93.1642136 25 93.5 24.6642136 93.5 24.25 93.5 23.8357864 93.1642136 23.5 92.75 23.5L90.75 23.5C90.3357864 23.5 90 23.8357864 90 24.25 90 24.6642136 90.3357864 25 90.75 25zM92.6323616 30.2744835L94.4038616 29.2514835C94.7625614 29.0443427 94.8854243 28.5856382 94.6782835 28.2269384 94.4711427 27.8682386 94.0124382 27.7453757 93.6537384 27.9525165L91.8822384 28.9755165C91.5235386 29.1826573 91.4006757 29.6413618 91.6078165 30.0000616 91.8149573 30.3587614 92.2736618 30.4816243 92.6323616 30.2744835zM97.0244835 34.1177616L98.0474835 32.3462616C98.2546243 31.9875618 98.1317614 31.5288573 97.7730616 31.3217165 97.4143618 31.1145757 96.9556573 31.2374386 96.7485165 31.5961384L95.7255165 33.3676384C95.5183757 33.7263382 95.6412386 34.1850427 95.9999384 34.3921835 96.3586382 34.5993243 96.8173427 34.4764614 97.0244835 34.1177616zM103 35.25L103 33.25C103 32.8357864 102.664214 32.5 102.25 32.5 101.835786 32.5 101.5 32.8357864 101.5 33.25L101.5 35.25C101.5 35.6642136 101.835786 36 102.25 36 102.664214 36 103 35.6642136 103 35.25zM108.274483 33.3676384L107.251483 31.5961384C107.044343 31.2374386 106.585638 31.1145757 106.226938 31.3217165 105.868239 31.5288573 105.745376 31.9875618 105.952517 32.3462616L106.975517 34.1177616C107.182657 34.4764614 107.641362 34.5993243 108.000062 34.3921835 108.358761 34.1850427 108.481624 33.7263382 108.274483 33.3676384zM112.117762 28.9755165L110.346262 27.9525165C109.987562 27.7453757 109.528857 27.8682386 109.321717 28.2269384 109.114576 28.5856382 109.237439 29.0443427 109.596138 29.2514835L111.367638 30.2744835C111.726338 30.4816243 112.185043 30.3587614 112.392183 30.0000616 112.599324 29.6413618 112.476461 29.1826573 112.117762 28.9755165zM113.25 23L111.25 23C110.835786 23 110.5 23.3357864 110.5 23.75 110.5 24.1642136 110.835786 24.5 111.25 24.5L113.25 24.5C113.664214 24.5 114 24.1642136 114 23.75 114 23.3357864 113.664214 23 113.25 23zM111.367638 17.7255165L109.596138 18.7485165C109.237439 18.9556573 109.114576 19.4143618 109.321717 19.7730616 109.528857 20.1317614 109.987562 20.2546243 110.346262 20.0474835L112.117762 19.0244835C112.476461 18.8173427 112.599324 18.3586382 112.392183 17.9999384 112.185043 17.6412386 111.726338 17.5183757 111.367638 17.7255165zM106.975517 13.8822384L105.952517 15.6537384C105.745376 16.0124382 105.868239 16.4711427 106.226938 16.6782835 106.585638 16.8854243 107.044343 16.7625614 107.251483 16.4038616L108.274483 14.6323616C108.481624 14.2736618 108.358761 13.8149573 108.000062 13.6078165 107.641362 13.4006757 107.182657 13.5235386 106.975517 13.8822384z",transform:"translate(0 48)"}),(0,n.jsx)("path",{d:"M98.6123,60.1372 C98.6123,59.3552 98.8753,58.6427 99.3368,58.0942 C99.5293,57.8657 99.3933,57.5092 99.0943,57.5017 C99.0793,57.5012 99.0633,57.5007 99.0483,57.5007 C97.1578,57.4747 95.5418,59.0312 95.5008,60.9217 C95.4578,62.8907 97.0408,64.5002 98.9998,64.5002 C99.7793,64.5002 100.4983,64.2452 101.0798,63.8142 C101.3183,63.6372 101.2358,63.2627 100.9478,63.1897 C99.5923,62.8457 98.6123,61.6072 98.6123,60.1372",transform:"translate(3 11)"})]}),(0,n.jsx)("polygon",{points:"444 228 468 228 468 204 444 204"})]})});function ie(e){let{routeTree:t,breadcrumbs:r,section:l}=e;const{0:i,1:c}=(0,s.useState)(!1),{0:d,1:h}=(0,s.useState)(!1),x=(0,s.useRef)(null),m=(0,s.useRef)(null),{asPath:u}=(0,j.useRouter)(),p=(0,s.useRef)(null),{0:g,1:f}=(0,s.useState)(l),{0:b,1:v}=(0,s.useState)(l);if(b!==l&&(v(l),f(l)),i)if("reference"===g)t=W;else t=O;function k(e){f(e),x.current.scrollTop=0}return 1===t.routes.length&&(t=t.routes[0]),(0,s.useEffect)((()=>{if(i){const e=x.current;return(0,P.Qp)(e),()=>(0,P.tG)(e)}}),[i]),(0,s.useEffect)((()=>{c(!1)}),[u]),(0,s.useEffect)((()=>{const e=window.matchMedia("(max-width: 1023px)");function t(){e.matches||c(!1)}return t(),e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}}),[]),(0,s.useEffect)((()=>{if(d)return document.addEventListener("click",e,{capture:!0}),()=>document.removeEventListener("click",e,{capture:!0});function e(e){p.current.contains(e.target)||(e.stopPropagation(),e.preventDefault(),h(!1))}}),[d]),(0,n.jsxs)("div",{className:o()("sticky top-0 lg:bottom-0 lg:h-screen flex flex-col",i&&"h-screen"),children:[(0,n.jsxs)("nav",{className:"items-center w-full flex lg:block justify-between bg-wash dark:bg-wash-dark pt-0 lg:pt-4 pr-5 lg:px-5 z-50",children:[(0,n.jsxs)("div",{className:"xl:w-full xl:max-w-xs flex items-center",children:[(0,n.jsx)("button",{type:"button","aria-label":"Menu",onClick:()=>c(!i),className:o()("flex lg:hidden items-center h-full px-4",{"text-link dark:text-link-dark mr-0":i}),children:i?(0,n.jsx)(V,{}):(0,n.jsx)(I,{})}),(0,n.jsx)(a(),{href:"/",children:(0,n.jsxs)("a",{className:"inline-flex text-l font-normal items-center text-primary dark:text-primary-dark py-1 mr-0 sm:mr-3 whitespace-nowrap",children:[(0,n.jsx)(G.T,{className:"text-sm mr-2 w-8 h-8 text-link dark:text-link-dark"}),"ReactUnity Docs"]})}),(0,n.jsx)("div",{className:"block dark:hidden",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Dark Mode",onClick:()=>{window.__setPreferredTheme("dark")},className:"hidden lg:flex items-center h-full pr-2",children:ae})}),(0,n.jsx)("div",{className:"hidden dark:block",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Light Mode",onClick:()=>{window.__setPreferredTheme("light")},className:"hidden lg:flex items-center h-full pr-2",children:se})})]}),!i&&(0,n.jsx)("div",{className:"hidden lg:block sm:pt-10 lg:pt-4",children:(0,n.jsx)(U,{})}),(0,n.jsxs)("div",{className:"px-0 pt-2 w-full 2xl:max-w-xs hidden lg:flex items-center self-center border-b-0 lg:border-b border-border dark:border-border-dark",children:[(0,n.jsx)(ne,{href:"/learn",isActive:"learn"===l,children:"Learn"}),(0,n.jsx)(ne,{href:"/reference",isActive:"reference"===l,children:"Reference"})]}),(0,n.jsxs)("div",{className:"flex my-4 h-10 mx-0 w-full lg:hidden justify-end lg:max-w-sm",children:[(0,n.jsx)(U,{}),(0,n.jsx)("button",{"aria-label":"Give feedback",type:"button",className:o()("inline-flex lg:hidden items-center rounded-full px-1.5 ml-4 lg:ml-6 relative top-px",{"bg-card dark:bg-card-dark":d}),onClick:function(){clearTimeout(m.current),h(!d)},children:le}),(0,n.jsx)("div",{className:"block dark:hidden",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Dark Mode",onClick:()=>{window.__setPreferredTheme("dark")},className:"flex lg:hidden items-center p-1 h-full ml-4 lg:ml-6",children:ae})}),(0,n.jsx)("div",{ref:p,className:o()("fixed top-12 right-0",d?"block":"hidden"),children:(0,n.jsx)(Y,{onSubmit:()=>{clearTimeout(m.current),m.current=setTimeout((()=>{h(!1)}),1e3)}})}),(0,n.jsx)("div",{className:"hidden dark:block",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Light Mode",onClick:()=>{window.__setPreferredTheme("light")},className:"flex lg:hidden items-center p-1 h-full ml-4 lg:ml-6",children:se})})]})]}),i&&(0,n.jsxs)("div",{className:"bg-wash dark:bg-wash-dark px-5 flex justify-end border-b border-border dark:border-border-dark items-center self-center w-full z-10",children:[(0,n.jsx)(oe,{isActive:"learn"===g,onClick:()=>k("learn"),children:"Learn"}),(0,n.jsx)(oe,{isActive:"reference"===g,onClick:()=>k("reference"),children:"Reference"})]}),(0,n.jsx)("div",{ref:x,className:"overflow-y-scroll no-bg-scrollbar lg:w-[336px] grow bg-wash dark:bg-wash-dark",children:(0,n.jsxs)("aside",{className:o()("lg:grow lg:flex flex-col w-full pb-8 lg:pb-0 lg:max-w-xs z-10",i?"block z-40":"hidden lg:block"),children:[(0,n.jsxs)("nav",{role:"navigation",style:{"--bg-opacity":".2"},className:"w-full lg:h-auto grow pr-0 lg:pr-5 pt-6 lg:py-6 md:pt-4 lg:pt-4 scrolling-touch scrolling-gpu",children:[(0,n.jsx)(s.Suspense,{fallback:null,children:(0,n.jsx)(re,{routeTree:t,breadcrumbs:r,isForceExpanded:i},i?"mobile-overlay":"desktop-or-hidden")}),(0,n.jsx)("div",{className:"h-20"})]}),(0,n.jsx)("div",{className:"fixed bottom-0 hidden lg:block",children:(0,n.jsx)(Y,{})})]})})]})}function oe(e){let{children:t,onClick:r,isActive:l}=e;const a=o()("inline-flex items-center w-full border-b-2 justify-center text-base leading-9 px-3 pb-0.5 hover:text-link hover:gray-5",{"text-link dark:text-link-dark dark:border-link-dark border-link font-bold":l,"border-transparent":!l});return(0,n.jsx)("button",{className:a,onClick:r,children:t})}function ce(){const{0:e,1:t}=(0,s.useState)(0),r=(0,s.useRef)(null);return(0,s.useEffect)((()=>{function e(){const e=document.body.scrollHeight,r=window.scrollY+window.innerHeight,n=Array.prototype.filter.call(document.getElementsByClassName("mdx-header-anchor"),(function(e){return"H1"===e.parentNode.nodeName||"H2"===e.parentNode.nodeName||"H3"===e.parentNode.nodeName}));if(r>=0&&e-r<=75)return void t(n.length-1);let l=-1;for(;l=75)break;l+=1}t(Math.max(l,0))}function n(){null===r.current&&(r.current=window.setTimeout((()=>{r.current=null,e()}),100))}return document.addEventListener("scroll",n),document.addEventListener("resize",n),e(),()=>{null!=r.current&&(clearTimeout(r.current),r.current=null),document.removeEventListener("scroll",n),document.removeEventListener("resize",n)}}),[]),{currentIndex:e}}function de(e){let{headings:t}=e;const{currentIndex:r}=ce(),l=Math.min(r,t.length-1);return(0,n.jsxs)("nav",{role:"navigation",className:"pt-[22px] sticky top-0 right-0",children:[t.length>0&&(0,n.jsx)("h2",{className:"mb-3 lg:mb-3 uppercase tracking-wide font-bold text-sm text-secondary dark:text-secondary-dark px-4 w-full",children:"On this page"}),(0,n.jsx)("div",{className:"h-full overflow-y-auto pl-4 max-h-[calc(100vh-7.5rem)]",children:(0,n.jsx)("ul",{className:"space-y-2 pb-16",children:t.length>0&&t.map(((e,t)=>(null==e.url&&console.error("Heading does not have URL"),(0,n.jsx)("li",{className:o()("text-sm px-2 rounded-l-lg",l===t?"bg-highlight dark:bg-highlight-dark":null,{"pl-4":3===(null===e||void 0===e?void 0:e.depth),hidden:e.depth&&e.depth>3}),children:(0,n.jsx)("a",{className:o()(l===t?"text-link dark:text-link-dark font-bold":"text-secondary dark:text-secondary-dark","block hover:text-link dark:hover:text-link-dark leading-normal py-2"),href:e.url,children:e.text})},"heading-".concat(e.url,"-").concat(t)))))})})]})}function he(e){let{children:t,toc:r,routeTree:l,meta:a,section:i}=e;const{asPath:o}=(0,j.useRouter)(),c=o.split(/[\?\#]/)[0],{route:d,nextRoute:x,prevRoute:m,breadcrumbs:u}=S(c,l),p=a.title||(null===d||void 0===d?void 0:d.title)||"",g=a.description||(null===d||void 0===d?void 0:d.description)||"",b="/"===c;return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"grid grid-cols-only-content lg:grid-cols-sidebar-content 2xl:grid-cols-sidebar-content-toc",children:[(0,n.jsx)("div",{className:"fixed lg:sticky top-0 left-0 right-0 py-0 shadow lg:shadow-none z-50",children:(0,n.jsx)(ie,{routeTree:l,breadcrumbs:u,section:i})}),(0,n.jsx)(s.Suspense,{fallback:null,children:(0,n.jsxs)("main",{className:"min-w-0",children:[(0,n.jsx)("div",{className:"lg:hidden h-16 mb-2"}),(0,n.jsx)("article",{className:"break-words",children:(0,n.jsxs)("div",{className:"pl-0",children:[(0,n.jsx)(y,{title:p,isHomePage:b}),!b&&(0,n.jsx)(f,{title:p,description:g,tags:null===d||void 0===d?void 0:d.tags,breadcrumbs:u}),(0,n.jsxs)("div",{className:"px-5 sm:px-12",children:[(0,n.jsx)("div",{className:"max-w-7xl mx-auto",children:(0,n.jsx)(w.d.Provider,{value:r,children:t})}),(0,n.jsx)(h,{route:d,nextRoute:x,prevRoute:m})]})]})},o),(0,n.jsx)(Z,{})]})}),(0,n.jsx)("div",{className:"hidden lg:max-w-xs 2xl:block",children:r.length>0&&(0,n.jsx)(de,{headings:r},o)})]})})}Promise.all([r.e(762),r.e(967),r.e(972)]).then(r.bind(r,7033))},4608:function(e,t,r){r.d(t,{T:function(){return a}});var n=r(1799),l=r(5893);function a(e){return(0,l.jsx)("img",(0,n.Z)({height:"100%",alt:"Logo",src:"/images/logo.png"},e))}},2937:function(e,t,r){r.d(t,{H1:function(){return x},H2:function(){return m},H3:function(){return u},H4:function(){return p}});var n=r(1799),l=r(9396),a=r(9534),s=r(5893),i=r(3967),o=r.n(i),c=r(7294);const d=(h=function(e,t){var{as:r="div",className:i,children:c,id:d,isPageAnchor:h=!0}=e,x=(0,a.Z)(e,["as","className","children","id","isPageAnchor"]);let m="Link for this heading";return"string"===typeof c&&(m="Link for "+c),(0,s.jsxs)(r,(0,l.Z)((0,n.Z)({id:d},x),{ref:t,className:o()("mdx-heading",i),children:[c,h&&(0,s.jsx)("a",{href:"#".concat(d),"aria-label":m,title:m,className:o()("mdx-header-anchor","h1"===r?"hidden":"inline-block"),children:(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 13 13",xmlns:"http://www.w3.org/2000/svg",className:"text-gray-70 ml-2 h-5 w-5",children:(0,s.jsxs)("g",{fill:"currentColor",fillRule:"evenodd",children:[(0,s.jsx)("path",{d:"M7.778 7.975a2.5 2.5 0 0 0 .347-3.837L6.017 2.03a2.498 2.498 0 0 0-3.542-.007 2.5 2.5 0 0 0 .006 3.543l1.153 1.15c.07-.29.154-.563.25-.773.036-.077.084-.16.14-.25L3.18 4.85a1.496 1.496 0 0 1 .002-2.12 1.496 1.496 0 0 1 2.12 0l2.124 2.123a1.496 1.496 0 0 1-.333 2.37c.16.246.42.504.685.752z"}),(0,s.jsx)("path",{d:"M5.657 4.557a2.5 2.5 0 0 0-.347 3.837l2.108 2.108a2.498 2.498 0 0 0 3.542.007 2.5 2.5 0 0 0-.006-3.543L9.802 5.815c-.07.29-.154.565-.25.774-.036.076-.084.16-.14.25l.842.84c.585.587.59 1.532 0 2.122-.587.585-1.532.59-2.12 0L6.008 7.68a1.496 1.496 0 0 1 .332-2.372c-.16-.245-.42-.503-.685-.75z"})]})})})]}))},c.forwardRef(h));var h;const x=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h1",className:o()(t,"text-5xl font-bold leading-tight")},r))},m=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h2",className:o()("text-3xl leading-10 text-primary dark:text-primary-dark font-bold my-6",t)},r))},u=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h3",className:o()(t,"text-2xl leading-9 text-primary dark:text-primary-dark font-bold my-6")},r))},p=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h4",className:o()(t,"text-xl font-bold leading-9 my-4")},r))}},4656:function(e,t,r){r.d(t,{t:function(){return fe}});var n=r(1799),l=r(9396),a=r(9534),s=r(5893),i=r(3967),o=r.n(i),c=r(7294),d=r(1664),h=r.n(d);var x=function(e){var{href:t,className:r,children:i,type:c="primary",size:d="md",label:x,target:m="_self"}=e,u=(0,a.Z)(e,["href","className","children","type","size","label","target"]);const p=o()(r,"inline-flex font-bold items-center border-2 border-transparent outline-none focus:ring-1 focus:ring-offset-2 focus:ring-link active:bg-link active:text-white active:ring-0 active:ring-offset-0 leading-normal",{"bg-link text-white hover:bg-opacity-80":"primary"===c,"bg-secondary-button dark:bg-secondary-button-dark text-primary dark:text-primary-dark hover:text-link focus:bg-link focus:text-white focus:border-link focus:border-2":"secondary"===c,"text-lg rounded-lg p-4":"lg"===d,"text-base rounded-lg px-4 py-1.5":"md"===d});return(0,s.jsx)(h(),{href:t,children:(0,s.jsx)("a",(0,l.Z)((0,n.Z)({className:p},u),{"aria-label":x,target:m,children:i}))})};var m=r(8077),u=r(2937);function p(e){let{children:t,onClick:r,active:n,className:l,style:a}=e;return(0,s.jsx)("button",{style:a,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:r,className:o()(l,"text-base leading-tight font-bold border rounded-lg py-2 px-4 focus:ring-1 focus:ring-offset-2 focus:ring-link active:bg-link active:border-link active:text-white active:ring-0 active:ring-offset-0 outline-none inline-flex items-center my-1",{"bg-link border-link text-white hover:bg-link focus:bg-link active:bg-link":n,"bg-transparent text-secondary dark:text-secondary-dark bg-secondary-button dark:bg-secondary-button-dark hover:text-link focus:text-link border-transparent":!n}),children:t})}p.defaultProps={active:!1,style:{}};const g=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:o()("inline -mt-0.5",t),width:"12",height:"14",viewBox:"0 0 12 15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M4.53487 11H5.21954V7.66665H6.55287V11H7.23754C7.32554 10.1986 7.7342 9.53732 8.39754 8.81532C8.47287 8.73398 8.9522 8.23732 9.00887 8.16665C9.47973 7.5784 9.77486 6.86913 9.86028 6.1205C9.9457 5.37187 9.81794 4.61434 9.4917 3.93514C9.16547 3.25594 8.65402 2.6827 8.01628 2.28143C7.37853 1.88016 6.64041 1.66719 5.88692 1.66703C5.13344 1.66686 4.39523 1.87953 3.75731 2.28052C3.11939 2.68152 2.60771 3.25454 2.28118 3.9336C1.95465 4.61266 1.82656 5.37014 1.91167 6.1188C1.99677 6.86747 2.2916 7.57687 2.7622 8.16532C2.81954 8.23665 3.3002 8.73398 3.3742 8.81465C4.0382 9.53732 4.44687 10.1986 4.53487 11ZM4.55287 12.3333V13H7.21954V12.3333H4.55287ZM1.7222 8.99998C1.09433 8.21551 0.700836 7.26963 0.587047 6.2713C0.473258 5.27296 0.643804 4.26279 1.07904 3.35715C1.51428 2.4515 2.19649 1.68723 3.04711 1.15237C3.89772 0.617512 4.88213 0.333824 5.88692 0.333984C6.89172 0.334145 7.87604 0.61815 8.72648 1.15328C9.57692 1.68841 10.2589 2.4529 10.6938 3.35869C11.1288 4.26447 11.299 5.27469 11.1849 6.27299C11.0708 7.27129 10.677 8.21705 10.0489 9.00132C9.63554 9.51598 8.55287 10.3333 8.55287 11.3333V13C8.55287 13.3536 8.41239 13.6927 8.16235 13.9428C7.9123 14.1928 7.57316 14.3333 7.21954 14.3333H4.55287C4.19925 14.3333 3.86011 14.1928 3.61006 13.9428C3.36001 13.6927 3.21954 13.3536 3.21954 13V11.3333C3.21954 10.3333 2.1362 9.51598 1.7222 8.99998Z",fill:"currentColor"})})})),f=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:o()("inline",t),width:"0.75em",height:"0.75em",viewBox:"0 0 13 13",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M2.21908 8.74479V12.7448H0.885742V0.078125H7.14041C7.26418 0.0781911 7.3855 0.112714 7.49076 0.177827C7.59602 0.242939 7.68108 0.336071 7.73641 0.446792L8.21908 1.41146H12.2191C12.3959 1.41146 12.5655 1.4817 12.6905 1.60672C12.8155 1.73174 12.8857 1.90131 12.8857 2.07812V9.41146C12.8857 9.58827 12.8155 9.75784 12.6905 9.88286C12.5655 10.0079 12.3959 10.0781 12.2191 10.0781H7.96441C7.84063 10.0781 7.71932 10.0435 7.61406 9.97842C7.50879 9.91331 7.42374 9.82018 7.36841 9.70946L6.88574 8.74479H2.21908ZM2.21908 1.41146V7.41146H7.70974L8.37641 8.74479H11.5524V2.74479H7.39508L6.72841 1.41146H2.21908Z",fill:"currentColor"})})})),b=(0,c.memo)((function(e){var{displayDirection:t,className:r}=e,i=(0,a.Z)(e,["displayDirection","className"]);const c=o()(r,{"rotate-180":"left"===t,"rotate-90":"down"===t});return(0,s.jsx)("svg",(0,l.Z)((0,n.Z)({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:c},i),{children:(0,s.jsx)("path",{d:"M6.86612 13.6161C6.37796 14.1043 6.37796 14.8957 6.86612 15.3839C7.35427 15.872 8.14572 15.872 8.63388 15.3839L13.1339 10.8839C13.622 10.3957 13.622 9.60428 13.1339 9.11612L8.63388 4.61612C8.14572 4.12797 7.35427 4.12797 6.86612 4.61612C6.37796 5.10428 6.37796 5.89573 6.86612 6.38388L10.4822 10L6.86612 13.6161Z",fill:"currentColor"})}))}));function v(e){let{isRecipes:t,totalChallenges:r,currentChallenge:n,hasNextChallenge:l,handleClickNextChallenge:a}=e;const{0:i,1:d}=(0,c.useState)(!1),{0:h,1:x}=(0,c.useState)(!1),m=()=>{i&&!h&&d(!1),x((e=>!e))};return(0,s.jsxs)("div",{className:"p-5 sm:py-8 sm:px-8",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(u.H4,{className:"text-xl text-primary dark:text-primary-dark mb-2 mt-0 font-medium",id:n.id,children:[(0,s.jsxs)("div",{className:"font-bold block md:inline",children:[t?"Example":"Challenge"," ",n.order," of"," ",r,(0,s.jsx)("span",{className:"text-primary dark:text-primary-dark",children:": "})]}),n.name]}),n.content]}),(0,s.jsxs)("div",{className:"flex justify-between items-center mt-4",children:[n.hint?(0,s.jsxs)("div",{children:[(0,s.jsxs)(p,{className:"mr-2",onClick:()=>{h&&!i&&x(!1),d((e=>!e))},active:i,children:[(0,s.jsx)(g,{className:"mr-1.5"})," ",i?"Hide hint":"Show hint"]}),(0,s.jsxs)(p,{className:"mr-2",onClick:m,active:h,children:[(0,s.jsx)(f,{className:"mr-1.5"})," ",h?"Hide solution":"Show solution"]})]}):!t&&(0,s.jsxs)(p,{className:"mr-2",onClick:m,active:h,children:[(0,s.jsx)(f,{className:"mr-1.5"})," ",h?"Hide solution":"Show solution"]}),l&&(0,s.jsxs)(p,{className:o()(t?"bg-purple-50 border-purple-50 hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-50":"bg-link dark:bg-link-dark"),onClick:a,active:!0,children:["Next ",t?"Example":"Challenge",(0,s.jsx)(b,{displayDirection:"right",className:"block ml-1.5"})]})]}),i&&n.hint,h&&(0,s.jsxs)("div",{className:"mt-6",children:[(0,s.jsx)("h3",{className:"text-2xl font-bold text-primary dark:text-primary-dark",children:"Solution"}),n.solution,(0,s.jsxs)("div",{className:"flex justify-between items-center mt-4",children:[(0,s.jsx)(p,{onClick:()=>x(!1),children:"Close solution"}),l&&(0,s.jsxs)(p,{className:o()(t?"bg-purple-50":"bg-link dark:bg-link-dark"),onClick:a,active:!0,children:["Next Challenge",(0,s.jsx)(b,{displayDirection:"right",className:"block ml-1.5"})]})]})]})]})}var j=r(4624),k=r(296);function y(e){let{challenges:t,handleChange:r,currentChallenge:n,isRecipes:l}=e;const a=(0,c.useRef)(null),i=(0,c.useRef)(t.map((()=>(0,c.createRef)()))),d=n.order-1,h=d>0,x=d{if(a.current){var e;a.current.scrollLeft=(null===(e=i.current[d].current)||void 0===e?void 0:e.offsetLeft)||0}}),[a,i,d]);return(0,c.useEffect)((()=>{m();const e=(0,k.debounce)(m,200);return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[m]),(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("div",{className:"overflow-hidden",children:(0,s.jsx)("div",{ref:a,className:"flex relative transition-transform content-box overflow-x-auto",children:t.map(((e,t)=>{let{name:c,id:d,order:h}=e;return(0,s.jsxs)("button",{className:o()("py-2 mr-4 text-base border-b-4 duration-100 ease-in transition whitespace-nowrap text-ellipsis",l&&n.id===d&&"text-purple-50 border-purple-50 hover:text-purple-50 dark:text-purple-30 dark:border-purple-30 dark:hover:text-purple-30",!l&&n.id===d&&"text-link border-link hover:text-link dark:text-link-dark dark:border-link-dark dark:hover:text-link-dark"),onClick:()=>(e=>{const t=i.current[e].current;a.current&&(a.current.scrollLeft=(null===t||void 0===t?void 0:t.offsetLeft)||0),r(e)})(t),ref:i.current[t],children:[h,". ",c]},"button-".concat(d))}))})}),(0,s.jsxs)("div",{className:"flex z-10 pb-2 pl-2",children:[(0,s.jsx)("button",{onClick:()=>{if(d>0){const e=i.current[d-1].current;if(!e)return;a.current&&(a.current.scrollLeft=e.offsetLeft),r(d-1)}},"aria-label":"Scroll left",className:o()("bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l border-gray-20 border-r",{"text-primary dark:text-primary-dark":h,"text-gray-30":!h}),children:(0,s.jsx)(j.g,{displayDirection:"left"})}),(0,s.jsx)("button",{onClick:()=>{if(d{const t=[];if(!e)return t;let r={},n=[];return c.Children.forEach(e,(e=>{const{props:l,type:a}=e;switch(a.mdxName){case"Solution":r.solution=e,r.content=n,t.push(r),r={},n=[];break;case"Hint":r.hint=e;break;case"h4":r.order=t.length+1,r.name=l.children,r.id=l.id;break;default:n.push(e)}})),t})(t),d=i.length,h=(0,c.useRef)(null),x=(0,c.useRef)(C.INIT),{0:m,1:p}=(0,c.useState)(0),g=i[m],{asPath:f}=(0,w.useRouter)();(0,c.useEffect)((()=>{if(x.current===C.INIT){const e=i.findIndex((e=>e.id===f.split("#")[1]));-1===e?x.current=void 0:e!==m&&p(e)}x.current&&(h.current.scrollIntoView((0,n.Z)({block:"start"},x.current===C.NEXT&&{behavior:"smooth"})),x.current=void 0)}),[m,f,i]);const b=r?u.H4:u.H2;return(0,s.jsx)("div",{className:"max-w-7xl mx-auto py-4",children:(0,s.jsxs)("div",{className:o()("border-gray-10 bg-card dark:bg-card-dark shadow-inner rounded-none -mx-5 sm:mx-auto sm:rounded-lg"),children:[(0,s.jsxs)("div",{ref:h,className:"py-2 px-5 sm:px-8 pb-0 md:pb-0",children:[(0,s.jsx)(b,{id:a,className:o()("mb-2 leading-10 relative",r?"text-xl text-purple-50 dark:text-purple-30":"text-3xl text-link"),children:l}),d>1&&(0,s.jsx)(y,{currentChallenge:g,challenges:i,handleChange:e=>{p(e)},isRecipes:r})]}),(0,s.jsx)(v,{isRecipes:r,currentChallenge:g,totalChallenges:d,hasNextChallenge:m{p((e=>e+1)),x.current=C.NEXT}},g.id)]})})}!function(e){e.INIT="init",e.NEXT="next"}(C||(C={}));const L=(0,c.lazy)((()=>Promise.all([r.e(762),r.e(967),r.e(972)]).then(r.bind(r,7033))));var Z=(0,c.memo)((function(e){const{children:t,isFromPackageImport:r}=e;return(0,s.jsx)(c.Suspense,{fallback:(0,s.jsx)("pre",{className:o()("rounded-lg leading-6 h-full w-full overflow-x-auto flex items-center bg-wash dark:bg-gray-95 shadow-lg text-[13.6px] overflow-hidden",!r&&"my-8"),children:(0,s.jsx)("div",{className:"py-[18px] pl-5 font-normal ",children:(0,s.jsx)("p",{className:"sp-pre-placeholder overflow-hidden",children:t})})}),children:(0,s.jsx)(L,(0,n.Z)({},e))})}));const H=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{fill:"none",d:"M0 0h24v24H0z"}),(0,s.jsx)("path",{d:"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z",fill:"currentColor"})]})})})),R=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsxs)("svg",{className:t,width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("circle",{cx:"10.1626",cy:"9.99951",r:"9.47021",fill:"currentColor"}),(0,s.jsx)("path",{d:"M6.22705 5.95996L14.2798 14.0127",stroke:"white"}),(0,s.jsx)("path",{d:"M14.2798 5.95996L6.22705 14.0127",stroke:"white"})]})})),M=e=>{let{width:t="60px",height:r="17px",className:l,customStyles:a}=e;return(0,s.jsx)("div",{className:l,style:(0,n.Z)({width:t,height:r},a)})};var S=function(e){let t,{level:r="error",children:n}=e;return"string"===typeof n?t=n:(0,c.isValidElement)(n)&&(t=n.props.children),(0,s.jsxs)("div",{className:"mb-4 text-secondary",translate:"no",children:[(0,s.jsxs)("div",{className:"flex w-full rounded-t-lg bg-gray-200 dark:bg-gray-80",children:[(0,s.jsx)("div",{className:"px-4 py-2 border-gray-300 dark:border-gray-90 border-r",children:(0,s.jsx)(M,{className:"bg-gray-300 dark:bg-gray-90",width:"15px"})}),(0,s.jsxs)("div",{className:"flex text-sm px-4",children:[(0,s.jsx)("div",{className:"border-b-2 border-gray-300 dark:border-gray-90",children:"Console"}),(0,s.jsxs)("div",{className:"px-4 py-2 flex",children:[(0,s.jsx)(M,{className:"mr-2 bg-gray-300 dark:bg-gray-90"}),(0,s.jsx)(M,{className:"mr-2 hidden md:block bg-gray-300 dark:bg-gray-90"}),(0,s.jsx)(M,{className:"hidden md:block bg-gray-300 dark:bg-gray-90"})]})]})]}),(0,s.jsxs)("div",{className:o()("flex px-4 pt-4 pb-6 items-center content-center font-mono text-code rounded-b-md",{"bg-red-30 text-red-50 dark:text-red-30 bg-opacity-5":"error"===r,"bg-yellow-5 text-yellow-50":"warning"===r,"bg-gray-5 text-secondary dark:text-secondary-dark":"info"===r}),children:["error"===r&&(0,s.jsx)(R,{className:"self-start mt-1.5"}),"warning"===r&&(0,s.jsx)(H,{className:"self-start mt-1"}),(0,s.jsx)("div",{className:"px-3",children:t})]})]})},E=r(5675),T=r.n(E);function P(e){let{text:t}=e;return(0,s.jsx)("div",{className:"w-full table",children:(0,s.jsx)("figcaption",{className:"p-1 sm:p-2 mt-0 sm:mt-0 text-gray-40 text-base lg:text-lg text-center leading-tight table-caption",children:t})})}var V=function(e){let{name:t,alt:r,height:n,width:l,children:a,captionPosition:i}=e;return(0,s.jsxs)("figure",{className:"flex flex-col px-0 p-0 sm:p-10 first:mt-0 mt-10 sm:mt-0 justify-center items-center",children:["top"===i&&(0,s.jsx)(P,{text:a}),(0,s.jsx)("div",{className:"dark-image",children:(0,s.jsx)(T(),{src:"/images/docs/diagrams/".concat(t,".dark.png"),alt:r,height:n,width:l})}),(0,s.jsx)("div",{className:"light-image",children:(0,s.jsx)(T(),{src:"/images/docs/diagrams/".concat(t,".png"),alt:r,height:n,width:l})}),(!i||"bottom"===i)&&(0,s.jsx)(P,{text:a})]})};var I=function(e){let{children:t}=e;return(0,s.jsx)("div",{className:"flex flex-col sm:flex-row py-2 sm:p-0 sm:space-y-0 justify-center items-start sm:items-center w-full",children:t})};const D=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1em",height:"1.05em",viewBox:"0 0 18 19",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M18 12.2632L12 18.2592L1.002 18.2632C0.737486 18.2642 0.483369 18.1603 0.295486 17.9741C0.107603 17.7879 0.00132309 17.5347 0 17.2702V1.25618C0 0.708184 0.445 0.263184 0.993 0.263184H17.007C17.555 0.263184 18 0.719183 18 1.26518V12.2632ZM16 2.26318H2V16.2632H10V11.2632C10 11.0183 10.09 10.7818 10.2527 10.5988C10.4155 10.4158 10.6397 10.2988 10.883 10.2702L11 10.2632L16 10.2622V2.26318ZM15.171 12.2622L12 12.2632V15.4322L15.171 12.2622Z",fill:"currentColor"})})})),B={deprecated:{title:"Deprecated",Icon:H,containerClasses:"bg-red-5 dark:bg-red-60 dark:bg-opacity-20",textColor:"text-red-50 dark:text-red-40",overlayGradient:"linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)"},note:{title:"Note",Icon:D,containerClasses:"bg-green-5 dark:bg-green-60 dark:bg-opacity-20 text-primary dark:text-primary-dark text-lg",textColor:"text-green-60 dark:text-green-40",overlayGradient:"linear-gradient(rgba(245, 249, 248, 0), rgba(245, 249, 248, 1)"},pitfall:{title:"Pitfall",Icon:(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1.11em",height:"1.11em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M19 0.398926C19.552 0.398926 20 0.846926 20 1.39893V15.3989C20 15.9509 19.552 16.3989 19 16.3989H4.455L0 19.8989V1.39893C0 0.846926 0.448 0.398926 1 0.398926H19ZM18 2.39893H2V15.7839L3.763 14.3989H18V2.39893ZM8.515 4.81093L8.962 5.49893C7.294 6.40193 7.323 7.85093 7.323 8.16293C7.478 8.14293 7.641 8.13893 7.803 8.15393C8.705 8.23793 9.416 8.97893 9.416 9.89893C9.416 10.8649 8.632 11.6489 7.666 11.6489C7.129 11.6489 6.616 11.4039 6.292 11.0589C5.777 10.5129 5.5 9.89893 5.5 8.90393C5.5 7.15393 6.728 5.58593 8.515 4.81093ZM13.515 4.81093L13.962 5.49893C12.294 6.40193 12.323 7.85093 12.323 8.16293C12.478 8.14293 12.641 8.13893 12.803 8.15393C13.705 8.23793 14.416 8.97893 14.416 9.89893C14.416 10.8649 13.632 11.6489 12.666 11.6489C12.129 11.6489 11.616 11.4039 11.292 11.0589C10.777 10.5129 10.5 9.89893 10.5 8.90393C10.5 7.15393 11.728 5.58593 13.515 4.81093Z",fill:"currentColor"})})})),containerClasses:"bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20",textColor:"text-yellow-50 dark:text-yellow-40",overlayGradient:"linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)"},wip:{title:"Under Construction",Icon:D,containerClasses:"bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20",textColor:"text-yellow-50 dark:text-yellow-40",overlayGradient:"linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)"}};function z(e){let{children:t,type:r}=e;const n=(0,c.useRef)(null),l=B[r];return(0,s.jsxs)("div",{className:o()("expandable-callout","pt-8 pb-4 px-5 sm:px-8 my-8 relative rounded-none shadow-inner -mx-5 sm:mx-auto sm:rounded-lg",l.containerClasses),children:[(0,s.jsxs)("h3",{className:o()("mb-2 text-2xl font-bold",l.textColor),children:[(0,s.jsx)(l.Icon,{className:o()("inline mr-3 mb-1 text-lg",l.textColor)}),l.title]}),(0,s.jsx)("div",{className:"relative",children:(0,s.jsx)("div",{ref:n,className:"py-2",children:t})})]})}z.defaultProps={type:"note"};var A=z;const F=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"0.78em",height:"0.78em",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M7.62728 12.3491V13.6825H6.29395V12.3491H0.960612C0.783801 12.3491 0.614232 12.2789 0.489207 12.1539C0.364183 12.0288 0.293945 11.8593 0.293945 11.6825V1.01579C0.293945 0.838979 0.364183 0.669409 0.489207 0.544385C0.614232 0.419361 0.783801 0.349123 0.960612 0.349123H4.96061C5.339 0.348674 5.71313 0.42896 6.05803 0.584621C6.40292 0.740282 6.71063 0.967734 6.96061 1.25179C7.2106 0.967734 7.51831 0.740282 7.8632 0.584621C8.20809 0.42896 8.58222 0.348674 8.96061 0.349123H12.9606C13.1374 0.349123 13.307 0.419361 13.432 0.544385C13.557 0.669409 13.6273 0.838979 13.6273 1.01579V11.6825C13.6273 11.8593 13.557 12.0288 13.432 12.1539C13.307 12.2789 13.1374 12.3491 12.9606 12.3491H7.62728ZM12.2939 11.0158V1.68246H8.96061C8.60699 1.68246 8.26785 1.82293 8.0178 2.07298C7.76776 2.32303 7.62728 2.66217 7.62728 3.01579V11.0158H12.2939ZM6.29395 11.0158V3.01579C6.29395 2.66217 6.15347 2.32303 5.90342 2.07298C5.65337 1.82293 5.31423 1.68246 4.96061 1.68246H1.62728V11.0158H6.29395Z",fill:"currentColor"})})})),_=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1.33em",height:"1em",viewBox:"0 0 24 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M24 9L18.343 14.657L16.929 13.243L21.172 9L16.929 4.757L18.343 3.343L24 9ZM2.828 9L7.071 13.243L5.657 14.657L0 9L5.657 3.343L7.07 4.757L2.828 9ZM9.788 18H7.66L14.212 0H16.34L9.788 18Z",fill:"currentColor"})})}));var U=function(e){let{children:t,excerpt:r,type:n}=e;if(!Array.isArray(t)||"h4"!==t[0].type.mdxName)throw Error("Expandable content ".concat(n," is missing a corresponding title at the beginning"));const l="DeepDive"===n,a="Example"===n,i=t[0].props.id,{asPath:d}=(0,w.useRouter)(),h=i===d.split("#")[1],x=(0,c.useRef)(h),{0:m,1:g}=(0,c.useState)(!1);return(0,c.useEffect)((()=>{x.current&&(x.current=!1,g(!0))}),[]),(0,s.jsxs)("details",{open:m,onToggle:e=>{g(e.currentTarget.open)},className:o()("my-12 rounded-lg shadow-inner relative",{"dark:bg-opacity-20 dark:bg-purple-60 bg-purple-5":l,"dark:bg-opacity-20 dark:bg-yellow-60 bg-yellow-5":a}),children:[(0,s.jsxs)("summary",{className:"list-none p-8",tabIndex:-1,onClick:e=>{e.target instanceof SVGElement||e.preventDefault()},children:[(0,s.jsxs)("h5",{className:o()("mb-4 uppercase font-bold flex items-center text-sm",{"dark:text-purple-30 text-purple-50":l,"dark:text-yellow-30 text-yellow-60":a}),children:[l&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(F,{className:"inline mr-2 dark:text-purple-30 text-purple-40"}),"Deep Dive"]}),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_,{className:"inline mr-2 dark:text-yellow-30 text-yellow-50"}),"Example"]})]}),(0,s.jsxs)("div",{className:"mb-4",children:[(0,s.jsx)(u.H4,{id:i,className:"text-xl font-bold text-primary dark:text-primary-dark",children:t[0].props.children}),r&&(0,s.jsx)("div",{children:r})]}),(0,s.jsxs)(p,{active:!0,className:o()({"bg-purple-50 border-purple-50 hover:bg-purple-40 focus:bg-purple-50 active:bg-purple-50":l,"bg-yellow-50 border-yellow-50 hover:bg-yellow-40 focus:bg-yellow-50 active:bg-yellow-50":a}),onClick:()=>g((e=>!e)),children:[(0,s.jsx)("span",{className:"mr-1",children:(0,s.jsx)(j.g,{displayDirection:m?"up":"down"})}),m?"Hide Details":"Show Details"]})]}),(0,s.jsx)("div",{className:o()("p-8 border-t",{"dark:border-purple-60 border-purple-10 ":l,"dark:border-yellow-60 border-yellow-50":a}),children:t.slice(1)})]})},O=r(4608);var W=function(e){let{title:t,path:r,children:n}=e;return(0,s.jsxs)("div",{className:"flex flex-col h-full bg-card dark:bg-card-dark shadow-inner justify-between rounded-lg pb-8 p-6 xl:p-8 mt-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h4",{className:"text-primary dark:text-primary-dark font-bold text-2xl leading-tight",children:t}),(0,s.jsx)("div",{className:"my-4",children:n})]}),(0,s.jsx)("div",{children:(0,s.jsxs)(x,{href:r,className:"mt-1",type:"primary",size:"md",label:t,children:["Read More",(0,s.jsx)(m.s,{displayDirection:"right",className:"inline ml-1"})]})})]})};var G=function(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mt-8 lg:mt-10 mb-0 sm:mt-8 sm:mb-8 lg:mb-6 flex-col sm:flex-row flex grow items-start sm:items-center justify-start mx-auto max-w-4xl",children:[(0,s.jsx)(O.T,{className:"text-link dark:text-link-dark w-20 sm:w-28 mr-4 mb-4 sm:mb-0 h-auto"}),(0,s.jsx)("div",{className:"flex flex-wrap",children:(0,s.jsx)("h1",{className:"text-5xl mr-4 -mt-1 flex wrap font-bold leading-tight text-primary dark:text-primary-dark",children:"ReactUnity Docs"})})]}),(0,s.jsxs)("section",{className:"my-8 sm:my-10 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[(0,s.jsx)("div",{className:"flex flex-col justify-center",children:(0,s.jsx)(W,{title:"Learn ReactUnity",path:"/learn",children:(0,s.jsx)("p",{children:"Learn how to use ReactUnity with tutorials step-by-step."})})}),(0,s.jsx)("div",{className:"flex flex-col justify-center",children:(0,s.jsx)(W,{title:"API Reference",path:"/reference",children:(0,s.jsx)("p",{children:"Look up the features of ReactUnity, and see how they work in live code examples."})})})]})]})};var Y=function(e){var{isLink:t}=e,r=(0,a.Z)(e,["isLink"]);return(0,s.jsx)("code",(0,n.Z)({className:o()("inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline",{"bg-gray-30 bg-opacity-10 py-px":!t,"bg-highlight dark:bg-highlight-dark py-0":t})},r))};var q=function(e){let{children:t}=e;return(0,s.jsx)("div",{className:"text-xl text-primary dark:text-primary-dark leading-relaxed",children:t})},K=r(2508);var X=function(e){var{href:t,className:r,children:i}=e,d=(0,a.Z)(e,["href","className","children"]);const x="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal",m=c.Children.toArray(i).map((e=>{var t,r;return(null===(t=e.type)||void 0===t?void 0:t.mdxName)&&"inlineCode"===(null===(r=e.type)||void 0===r?void 0:r.mdxName)?(0,c.cloneElement)(e,{isLink:!0}):e}));return t?(0,s.jsx)(s.Fragment,{children:t.startsWith("https://")?(0,s.jsx)(K.d,(0,l.Z)((0,n.Z)({href:t,className:o()(x,r)},d),{children:m})):t.startsWith("#")?(0,s.jsx)("a",(0,l.Z)((0,n.Z)({className:o()(x,r),href:t},d),{children:m})):(0,s.jsx)(h(),{href:t,children:(0,s.jsx)("a",(0,l.Z)((0,n.Z)({className:o()(x,r)},d),{children:m}))})}):(0,s.jsx)("a",(0,n.Z)({href:t,className:r},d))};var Q=function(e){let{children:t}=e;return(0,s.jsxs)("section",{children:[(0,s.jsx)(u.H2,{isPageAnchor:!0,id:"recap",children:"Recap"}),t]})},J=r(5981);const $=(0,c.lazy)((()=>Promise.all([r.e(762),r.e(33),r.e(967),r.e(20),r.e(432)]).then(r.bind(r,6092)))),ee=e=>{let{code:t}=e;return(0,s.jsx)("div",{className:"sandpack sandpack--playground my-8",children:(0,s.jsx)("div",{className:"sp-wrapper",children:(0,s.jsxs)("div",{className:"shadow-lg dark:shadow-lg-dark rounded-lg",children:[(0,s.jsxs)("div",{className:"bg-wash h-10 dark:bg-card-dark flex justify-between items-center relative z-10 border-b border-border dark:border-border-dark rounded-t-lg rounded-b-none",children:[(0,s.jsx)("div",{className:"px-4 lg:px-6",children:(0,s.jsx)("div",{className:"sp-tabs"})}),(0,s.jsx)("div",{className:"px-3 flex items-center justify-end grow text-right"})]}),(0,s.jsxs)("div",{className:"sp-layout min-h-[216px] flex items-stretch flex-wrap",children:[(0,s.jsx)("div",{className:"sp-stack sp-editor max-h-[406px] h-auto overflow-auto",children:(0,s.jsx)("div",{className:"sp-code-editor",children:(0,s.jsx)("div",{className:"sp-cm sp-pristine",children:(0,s.jsx)("div",{className:"cm-editor",children:(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"cm-gutters pl-9 sticky min-h-[192px]",children:(0,s.jsx)("div",{className:"cm-gutter cm-lineNumbers whitespace-pre sp-pre-placeholder",children:t})})})})})})}),(0,s.jsx)("div",{className:"sp-stack order-last xl:order-2 max-h-[406px] h-auto",children:(0,s.jsx)("div",{className:"p-0 sm:p-2 md:p-4 lg:p-8 bg-card dark:bg-wash-dark h-full relative rounded-b-lg lg:rounded-b-none overflow-auto"})}),t.split("\n").length>16&&(0,s.jsx)("div",{className:"flex h-[45px] text-base justify-between dark:border-card-dark bg-wash dark:bg-card-dark items-center z-10 rounded-t-none p-1 w-full order-2 xl:order-last border-b-1 relative top-0"})]})]})})})};var te=(0,c.memo)((function(e){const t=(0,J.b)(c.Children.toArray(e.children));let r,l=Object.keys(t).filter((e=>{var r,n;return!0===(null===(r=t[e])||void 0===r?void 0:r.active)&&!1===(null===(n=t[e])||void 0===n?void 0:n.hidden)}));var a,i,o;l.length?r=t[l[0]].code:r=null!==(o=null===(a=t["/App.js"])||void 0===a?void 0:a.code)&&void 0!==o?o:null===(i=t["/index.html"])||void 0===i?void 0:i.code;return(0,s.jsx)(c.Suspense,{fallback:(0,s.jsx)(ee,{code:r}),children:(0,s.jsx)($,(0,n.Z)({},e))})}));var re=function(e){let{title:t,children:r,className:n}=e;return(0,s.jsxs)("div",{className:o()("p-6 xl:p-8 pb-4 xl:pb-6 bg-card dark:bg-card-dark rounded-lg shadow-inner text-base text-secondary dark:text-secondary-dark my-8",n),children:[(0,s.jsx)(u.H3,{className:"text-primary dark:text-primary-dark mt-0 mb-3 leading-tight",isPageAnchor:!1,children:t}),r]})};const ne=(0,c.memo)((function(e){return(0,s.jsx)("svg",(0,l.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",width:"1.33em",height:"1.33em",viewBox:"0 -2 24 24",fill:"currentColor"},e),{children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"})}))})),le=(0,c.memo)((function(e){return(0,s.jsx)("svg",(0,l.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",width:"1.33em",height:"1.33em",viewBox:"0 -2 24 24",fill:"currentColor"},e),{children:(0,s.jsx)("path",{d:"M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"})}))})),ae=(0,c.memo)((function(e){return(0,s.jsxs)("svg",(0,l.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"1.33em",height:"1.33em",fill:"currentColor"},e),{children:[(0,s.jsx)("path",{fill:"none",d:"M0 0h24v24H0z"}),(0,s.jsx)("path",{d:"M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"})]}))}));const se=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M2.40299 2.61279H14.403C14.5798 2.61279 14.7494 2.68303 14.8744 2.80806C14.9994 2.93308 15.0697 3.10265 15.0697 3.27946V13.9461C15.0697 14.1229 14.9994 14.2925 14.8744 14.4175C14.7494 14.5426 14.5798 14.6128 14.403 14.6128H2.40299C2.22618 14.6128 2.05661 14.5426 1.93159 14.4175C1.80657 14.2925 1.73633 14.1229 1.73633 13.9461V3.27946C1.73633 3.10265 1.80657 2.93308 1.93159 2.80806C2.05661 2.68303 2.22618 2.61279 2.40299 2.61279ZM8.403 10.6128V11.9461H12.403V10.6128H8.403ZM6.01233 8.61279L4.12699 10.4981L5.06966 11.4415L7.89833 8.61279L5.06966 5.78413L4.12699 6.72746L6.01233 8.61279Z",fill:"currentColor"})})})),ie=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsxs)("svg",{className:t,width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.40382 15.3671C5.03332 15.1901 4.70081 14.9381 4.42481 14.6286C4.34831 14.5431 4.23931 14.5001 4.12981 14.5206L3.66181 14.6081C3.33531 14.6691 3.02032 14.4361 2.96232 14.0876L1.30981 4.12512C1.28181 3.95662 1.31731 3.7861 1.40981 3.6456C1.50231 3.5051 1.64082 3.41162 1.79932 3.38162L3.22131 3.00012C3.37681 2.97062 3.48981 2.82761 3.48981 2.65961V1.9101C3.48981 1.8276 3.49381 1.74561 3.49931 1.66461C3.50931 1.53461 3.35181 1.57211 3.35181 1.57211L1.64381 2.0076C1.18481 2.0936 0.751316 2.32662 0.451316 2.70612C0.0808162 3.17362 -0.0686885 3.77259 0.0293115 4.36459L1.68231 14.3281C1.84531 15.3081 2.65031 16.0001 3.55631 16.0001C3.66531 16.0001 3.77631 15.9896 3.88731 15.9691L5.36632 15.6916C5.52332 15.6626 5.54982 15.4366 5.40382 15.3671ZM14.9331 4.55801H12.9116C12.1351 4.55801 11.5001 3.91502 11.5001 3.12952V1.06802C11.5001 0.480524 11.0196 0 10.4321 0H7.44161C6.36911 0 5.50011 0.879508 5.50011 1.96451V12.1665C5.50011 13.179 6.33412 14 7.36262 14H14.1371C15.1661 14 16.0001 13.179 16.0001 12.1665V5.625C16.0001 5.038 15.5201 4.55801 14.9331 4.55801Z",fill:"currentColor"})," ",(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5888 0.0914385C12.4493 0.00843847 12.5158 0.252449 12.5158 0.252449C12.5653 0.428449 12.5918 0.613451 12.5918 0.804451V2.90296C12.5918 3.17646 12.8158 3.40046 13.0903 3.40046H15.1718C15.3883 3.40046 15.5968 3.43495 15.7918 3.49845C15.7918 3.49845 15.9373 3.50844 15.9008 3.43494C15.8383 3.33744 15.7673 3.24494 15.6833 3.16044L12.8303 0.289467C12.7558 0.214467 12.6743 0.149438 12.5888 0.0914385Z",fill:"currentColor"})]})}));function oe(e){let{type:t}=e;switch(t){case"warning":return(0,s.jsx)("span",{className:"text-yellow-50 bg-none mr-1",children:"Warning: "});case"error":return(0,s.jsx)("span",{className:"text-red-40 mr-1",children:"Error: "});default:return null}}var ce=function(e){let t,{level:r="info",children:n}=e;if("string"===typeof n)t=n;else{if(!(0,c.isValidElement)(n)||"string"!==typeof n.props.children)throw Error("Expected TerminalBlock children to be a plain string.");t=n.props.children}const{0:l,1:a}=(0,c.useState)(!1);return(0,c.useEffect)((()=>{if(l){const e=setTimeout((()=>{a(!1)}),2e3);return()=>clearTimeout(e)}}),[l]),(0,s.jsxs)("div",{className:"rounded-lg bg-secondary dark:bg-gray-50 h-full",children:[(0,s.jsx)("div",{className:"bg-gray-90 dark:bg-gray-60 w-full rounded-t-lg",children:(0,s.jsxs)("div",{className:"text-primary-dark dark:text-primary-dark flex text-sm px-4 py-0.5 relative justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(se,{className:"inline-flex mr-2 self-center"})," Terminal"]}),(0,s.jsx)("div",{children:(0,s.jsxs)("button",{className:"w-full text-left text-primary-dark dark:text-primary-dark ",onClick:()=>{window.navigator.clipboard.writeText(null!==t&&void 0!==t?t:""),a(!0)},children:[(0,s.jsx)(ie,{className:"inline-flex mr-2 self-center"})," ",l?"Copied":"Copy"]})})]})}),(0,s.jsxs)("div",{className:"px-8 pt-4 pb-6 text-primary-dark dark:text-primary-dark font-mono text-code whitespace-pre",children:[(0,s.jsx)(oe,{type:r}),t]})]})},de=r(8369);const he=e=>(0,s.jsx)("li",(0,n.Z)({className:"leading-relaxed mb-1"},e)),xe=e=>(0,s.jsx)("ul",(0,n.Z)({className:"ml-6 my-3 list-disc"},e));function me(e){let{author:t="Gokhan Kurt",authorLink:r="https://gkurt.com/"}=e;return(0,s.jsx)("div",{className:"sr-only group-hover:not-sr-only group-focus-within:not-sr-only hover:sr-only",children:(0,s.jsx)("p",{className:"bg-card dark:bg-card-dark text-center text-sm text-secondary dark:text-secondary-dark leading-tight p-2 rounded-lg absolute left-1/2 top-0 -translate-x-1/2 -translate-y-full group-hover:flex group-hover:opacity-100 after:content-[''] after:absolute after:left-1/2 after:top-[95%] after:-translate-x-1/2 after:border-8 after:border-x-transparent after:border-b-transparent after:border-t-card after:dark:border-t-card-dark opacity-0 transition-opacity duration-300",children:(0,s.jsxs)("cite",{children:["Illustrated by"," ",r?(0,s.jsx)("a",{target:"_blank",rel:"noreferrer",className:"text-link dark:text-link-dark",href:r,children:t}):t]})})})}const ue=c.createContext({isInBlock:!1});const pe={isInBlock:!0};function ge(e){let{items:t}=e;return(0,s.jsx)(xe,{children:t.map((e=>(0,s.jsxs)(he,{children:[(0,s.jsx)(X,{href:e.item.url,children:e.item.text}),e.children.length>0&&(0,s.jsx)(ge,{items:e.children})]},e.item.url)))})}const fe={p:e=>(0,s.jsx)("p",(0,n.Z)({className:"whitespace-pre-wrap my-4"},e)),strong:e=>(0,s.jsx)("strong",(0,n.Z)({className:"font-bold"},e)),blockquote:e=>{var{children:t}=e,r=(0,a.Z)(e,["children"]);return(0,s.jsx)("blockquote",(0,l.Z)((0,n.Z)({className:"mdx-blockquote py-4 px-8 my-8 shadow-inner bg-highlight dark:bg-highlight-dark bg-opacity-50 rounded-lg leading-6 flex relative"},r),{children:(0,s.jsx)("span",{className:"block relative",children:t})}))},ol:e=>(0,s.jsx)("ol",(0,n.Z)({className:"ml-6 my-3 list-decimal"},e)),ul:xe,li:he,h1:u.H1,h2:u.H2,h3:u.H3,h4:u.H4,hr:()=>(0,s.jsx)("hr",{className:"my-6 block border-b border-t-0 border-border dark:border-border-dark"}),a:X,code:Y,pre:Z,CodeDiagram:function(e){let{children:t,flip:r=!1}=e;const a=c.Children.toArray(t).filter((e=>"img"===e.type)),i=c.Children.toArray(t).map(((e,t)=>{var r;let a=null;return a="pre"===(null===(r=e.type)||void 0===r?void 0:r.mdxName)?(0,s.jsx)(Z,(0,l.Z)((0,n.Z)({},e.props),{noMargin:!0,noMarkers:!0})):"img"===e.type?null:e,(0,s.jsx)(c.Fragment,{children:a},t)}));return r?(0,s.jsxs)("section",{className:"my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[a,(0,s.jsx)("div",{className:"flex flex-col justify-center",children:i})]}):(0,s.jsxs)("section",{className:"my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[(0,s.jsx)("div",{className:"flex flex-col justify-center",children:i}),(0,s.jsx)("div",{className:"py-4",children:a})]})},ConsoleBlock:S,DeepDive:e=>(0,s.jsx)(U,(0,l.Z)((0,n.Z)({},e),{type:"DeepDive"})),Diagram:V,DiagramGroup:I,FullWidth(e){let{children:t}=e;return t},MaxWidth(e){let{children:t}=e;return(0,s.jsx)("div",{className:"max-w-4xl ml-0 2xl:mx-auto",children:t})},Pitfall:e=>{let{children:t}=e;return(0,s.jsx)(A,{type:"pitfall",children:t})},Deprecated:e=>{let{children:t}=e;return(0,s.jsx)(A,{type:"deprecated",children:t})},Wip:e=>{let{children:t}=e;return(0,s.jsx)(A,{type:"wip",children:t})},HomepageHero:G,Illustration:function(e){let{caption:t,src:r,alt:n,author:l,authorLink:a}=e;const{isInBlock:i}=c.useContext(ue);return(0,s.jsxs)("div",{className:"relative group before:absolute before:-inset-y-16 before:inset-x-0 my-16 mx-0 2xl:mx-auto max-w-4xl 2xl:max-w-6xl",children:[(0,s.jsxs)("figure",{className:"my-8 flex justify-center",children:[(0,s.jsx)("img",{src:r,alt:n,style:{maxHeight:300},className:"bg-white rounded-lg"}),t?(0,s.jsx)("figcaption",{className:"text-center leading-tight mt-4",children:t}):null]}),!i&&(0,s.jsx)(me,{author:l,authorLink:a})]})},IllustrationBlock:function(e){let{sequential:t,author:r,authorLink:n,children:l}=e;const a=c.Children.toArray(l).map((e=>e.props)).map(((e,t)=>(0,s.jsxs)("figure",{children:[(0,s.jsx)("div",{className:"bg-white rounded-lg p-4 flex-1 flex xl:p-6 justify-center items-center my-4",children:(0,s.jsx)("img",{src:e.src,alt:e.alt,height:e.height})}),e.caption?(0,s.jsx)("figcaption",{className:"text-secondary dark:text-secondary-dark text-center leading-tight mt-4",children:e.caption}):null]},t)));return(0,s.jsx)(ue.Provider,{value:pe,children:(0,s.jsxs)("div",{className:"relative group before:absolute before:-inset-y-16 before:inset-x-0 my-16 mx-0 2xl:mx-auto max-w-4xl 2xl:max-w-6xl",children:[t?(0,s.jsx)("ol",{className:"mdx-illustration-block flex",children:a.map(((e,t)=>(0,s.jsx)("li",{className:"flex-1",children:e},t)))}):(0,s.jsx)("div",{className:"mdx-illustration-block",children:a}),(0,s.jsx)(me,{author:r,authorLink:n})]})})},Intro:q,InlineToc:function(){const e=(0,c.useContext)(de.d),t=(0,c.useMemo)((()=>function(e){const t=new Map,r={item:null,children:[]};for(let n=1;n{let{children:t}=e;return(0,s.jsx)(A,{type:"note",children:t})},PackageImport:function(e){let{children:t}=e;const r=c.Children.toArray(t).filter((e=>{var t;return"pre"!==(null===(t=e.type)||void 0===t?void 0:t.mdxName)})),a=c.Children.toArray(t).map(((e,t)=>{var r;return"pre"===(null===(r=e.type)||void 0===r?void 0:r.mdxName)?(0,c.createElement)(Z,(0,l.Z)((0,n.Z)({},e.props),{isFromPackageImport:!0,key:t,noMargin:!0,noMarkers:!0})):null}));return(0,s.jsxs)("section",{className:"my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[(0,s.jsx)("div",{className:"flex flex-col justify-center",children:r}),(0,s.jsx)("div",{className:"flex flex-col justify-center",children:a})]})},ReadBlogPost:function(e){let{path:t}=e;return(0,s.jsxs)(x,{className:"mt-1",label:"Read Post",href:t,type:"primary",children:["Read Post",(0,s.jsx)(m.s,{displayDirection:"right",className:"inline ml-1"})]})},Recap:Q,Recipes:function(e){return(0,s.jsx)(N,(0,l.Z)((0,n.Z)({},e),{isRecipes:!0}))},Sandpack:te,TeamMember:function(e){let{name:t,title:r,permalink:n,children:l,photo:a,github:i,twitter:o,personal:c}=e;var d,h,x;if(null==t||null==r||null==n||null==l)throw new Error(null!==(x=null!==(h=null!==(d="Expected name, title, permalink, and children for "+t)&&void 0!==d?d:r)&&void 0!==h?h:n)&&void 0!==x?x:"unknown");return(0,s.jsx)("div",{className:"pb-6 sm:pb-10",children:(0,s.jsxs)("div",{className:"flex flex-col sm:flex-row height-auto",children:[(0,s.jsx)("div",{className:"hidden sm:block basis-2/5 rounded overflow-hidden relative",style:{width:300,height:250},children:(0,s.jsx)(T(),{src:a,layout:"fill",objectFit:"cover",alt:t})}),(0,s.jsx)("div",{style:{minHeight:300},className:"block w-full sm:hidden flex-grow basis-2/5 rounded overflow-hidden relative",children:(0,s.jsx)(T(),{src:a,layout:"fill",objectFit:"cover",alt:t})}),(0,s.jsxs)("div",{className:"pl-0 sm:pl-6 basis-3/5 items-start",children:[(0,s.jsx)(u.H3,{className:"mb-1 sm:my-0",id:n,children:t}),r&&(0,s.jsx)("div",{children:r}),l,(0,s.jsxs)("div",{className:"sm:flex sm:flex-row",children:[o&&(0,s.jsx)("div",{className:"mr-4",children:(0,s.jsxs)(K.d,{"aria-label":"React on Twitter",href:"https://twitter.com/".concat(o),className:"hover:text-primary dark:text-primary-dark flex flex-row items-center",children:[(0,s.jsx)(ae,{className:"pr-2"}),o]})}),i&&(0,s.jsx)("div",{className:"mr-4",children:(0,s.jsxs)(K.d,{"aria-label":"GitHub Profile",href:"https://github.com/".concat(i),className:"hover:text-primary dark:text-primary-dark flex flex-row items-center",children:[(0,s.jsx)(le,{className:"pr-2"})," ",i]})}),c&&(0,s.jsxs)(K.d,{"aria-label":"Personal Site",href:"https://".concat(c),className:"hover:text-primary dark:text-primary-dark flex flex-row items-center",children:[(0,s.jsx)(ne,{className:"pr-2"})," ",c]})]})]})]})})},TerminalBlock:ce,YouWillLearn:function(e){let{children:t,isChapter:r}=e,n=r?"In this chapter":"You will learn";return(0,s.jsx)(re,{title:n,children:t})},YouWillLearnCard:W,Challenges:N,Hint:function(e){let{children:t}=e;return(0,s.jsx)("div",{children:t})},Solution:function(e){let{children:t}=e;return(0,s.jsx)("div",{children:t})},CodeStep:function(e){let{children:t,step:r}=e;return(0,s.jsx)("span",{"data-step":r,className:o()("code-step bg-opacity-10 dark:bg-opacity-20 relative rounded px-[6px] py-[1.5px] border-b-[2px] border-opacity-60",{"bg-blue-40 border-blue-40 text-blue-60 dark:text-blue-30":1===r,"bg-yellow-40 border-yellow-40 text-yellow-60 dark:text-yellow-30":2===r,"bg-purple-40 border-purple-40 text-purple-60 dark:text-purple-30":3===r,"bg-green-40 border-green-40 text-green-60 dark:text-green-30":4===r}),children:t})},YouTubeIframe:function(e){return(0,s.jsx)("div",{className:"relative h-0 overflow-hidden pt-[56.25%]",children:(0,s.jsx)("iframe",(0,n.Z)({className:"absolute inset-0 w-full h-full",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,title:"YouTube video player"},e))})},Sponsor:function(e){let{title:t,image:r,link:n,className:l,children:a}=e;return(0,s.jsxs)("a",{href:n,rel:"noopener noreferrer",target:"_blank",className:o()(l,"text-base flex-row leading-tight font-bold border rounded-md m-3 py-5 px-5 inline-flex items-center my-1 min-w-[240px] hover:shadow-md"),children:[(0,s.jsx)("img",{src:r,alt:t,className:"w-16 h-16 mr-4"}),(0,s.jsxs)("div",{className:"flex-col",children:[(0,s.jsx)("div",{className:"text-lg font-bold",children:t}),!!a&&(0,s.jsx)("div",{className:"text-sm",children:a})]})]})}};for(let be in fe)if(fe.hasOwnProperty(be)){fe[be].mdxName=be}},5981:function(e,t,r){r.d(t,{b:function(){return n}});const n=e=>e.reduce(((e,t)=>{if("pre"!==t.type.mdxName)return e;const{props:r}=t.props.children;let n,l=!1,a=!1;if(r.meta){const e=r.meta.split(" ");e.includes("hidden")&&(l=!0,e.splice(e.indexOf("hidden"),1)),e.includes("active")&&(a=!0,e.splice(e.indexOf("active"),1)),e[0]&&(n="/"+e[0])}if(!n)if(r.className.includes("language-js"))n="/App.js";else if(r.className.includes("language-css"))n="/styles.css";else{if(!r.className.includes("language-html"))throw new Error("Code block is missing a filename: ".concat(r.children));n="/index.html"}if(e[n])throw new Error("File ".concat(n," was defined multiple times. Each file snippet should have a unique path name"));return e[n]={code:r.children||"",hidden:l,active:a},e}),{})},8369:function(e,t,r){r.d(t,{d:function(){return n}});const n=(0,r(7294).createContext)([])},8711:function(e,t){t.Z=window.requestAnimationFrame},1458:function(e){e.exports=JSON.parse('{"title":"Learn ReactUnity","heading":true,"path":"/","routes":[{"heading":true,"path":"","routes":[{"title":"Overview","path":"/"},{"title":"Quick Start","path":"/learn"},{"title":"Supported UI Backends","path":"/learn/ui-backends"},{"hasSectionHeader":true,"sectionHeader":"How to"},{"title":"React - C# communication (Interop)","path":"/learn/howto/interop"},{"title":"Extend ReactUnity","path":"/learn/howto/extending"},{"title":"Debugging React code","path":"/learn/howto/debug"},{"title":"Using custom fonts","path":"/learn/howto/fonts"},{"hasSectionHeader":true,"sectionHeader":"Misc"},{"title":"Showcase","path":"/learn/misc/showcase"},{"title":"Sponsors & Donations","path":"/learn/misc/sponsors"},{"title":"About the documentation","path":"/learn/misc/about"},{"title":"FAQ","path":"/learn/misc/faq"}]}]}')},1387:function(e){e.exports=JSON.parse('{"title":"Reference","heading":true,"path":"/reference","routes":[{"heading":true,"path":"","routes":[{"title":"ReactUnity APIs","path":"/reference","routes":[{"title":"render()","path":"/reference/api/render"},{"title":"useGlobals()","path":"/reference/api/useglobals"}]},{"hasSectionHeader":true,"sectionHeader":"Components"},{"title":"Components","path":"/reference/components","routes":[{"title":"view","path":"/reference/components/view"},{"title":"text","path":"/reference/components/text"},{"title":"button","path":"/reference/components/button"},{"title":"anchor","path":"/reference/components/anchor"},{"title":"scroll","path":"/reference/components/scroll"},{"title":"icon","path":"/reference/components/icon"},{"title":"image","path":"/reference/components/image"},{"title":"input","path":"/reference/components/input"},{"title":"toggle","path":"/reference/components/toggle"},{"title":"html","path":"/reference/components/html"},{"title":"rawimage","path":"/reference/components/rawimage"},{"title":"script","path":"/reference/components/script"},{"title":"style","path":"/reference/components/style"},{"title":"video","path":"/reference/components/video"}]},{"hasSectionHeader":true,"sectionHeader":"Styling"},{"title":"CSS Properties","path":"/reference/css","routes":[{"title":"Animation","path":"/reference/css/animation"},{"title":"Appearance","path":"/reference/css/appearance"},{"title":"Audio","path":"/reference/css/audio"},{"title":"Background Color","path":"/reference/css/background-color"},{"title":"Background Image","path":"/reference/css/background-image"},{"title":"Border Color","path":"/reference/css/border-color"},{"title":"Border Radius","path":"/reference/css/border-radius"},{"title":"Border Width","path":"/reference/css/border-width"},{"title":"Box Shadow","path":"/reference/css/box-shadow"},{"title":"Color","path":"/reference/css/color"},{"title":"Content","path":"/reference/css/content"},{"title":"Cursor","path":"/reference/css/cursor"},{"title":"Mask Image","path":"/reference/css/mask-image"},{"title":"Opacity","path":"/reference/css/opacity"},{"title":"Pointer Events","path":"/reference/css/pointer-events"},{"title":"Rotate","path":"/reference/css/rotate"},{"title":"Scale","path":"/reference/css/scale"},{"title":"Transform Origin","path":"/reference/css/transform-origin"},{"title":"Transition","path":"/reference/css/transition"},{"title":"Translate","path":"/reference/css/translate"},{"title":"Visibility","path":"/reference/css/visibility"},{"title":"Z Index","path":"/reference/css/z-index"}]},{"title":"CSS Media Queries","path":"/reference/media-queries"},{"hasSectionHeader":true,"sectionHeader":"Material Components"},{"title":"Material Components","path":"/reference/material","routes":[{"title":"Button","path":"/reference/material/button"},{"title":"Dialogs","path":"/reference/material/dialogs"},{"title":"Paper","path":"/reference/material/paper"},{"title":"Card","path":"/reference/material/card"},{"title":"Text Field","path":"/reference/material/text-field"},{"title":"Select","path":"/reference/material/select"},{"title":"Toggle","path":"/reference/material/toggle"},{"title":"Tooltip","path":"/reference/material/tooltip"},{"title":"Accordion","path":"/reference/material/accordion"},{"title":"Slider","path":"/reference/material/slider"},{"title":"Virtual Scroll","path":"/reference/material/virtual-scroll"}]}]}]}')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[996],{2508:function(e,t,r){r.d(t,{d:function(){return i}});var n=r(1799),l=r(9396),a=r(9534),s=r(5893);function i(e){var{href:t,target:r,children:i}=e,o=(0,a.Z)(e,["href","target","children"]);return(0,s.jsx)("a",(0,l.Z)((0,n.Z)({href:t,target:null!==r&&void 0!==r?r:"_blank",rel:"noopener"},o),{children:i}))}},4624:function(e,t,r){r.d(t,{g:function(){return i}});var n=r(5893),l=r(7294),a=r(3967),s=r.n(a);const i=(0,l.memo)((function(e){let{className:t,displayDirection:r}=e;const l=s()({"rotate-0":"down"===r,"rotate-90":"left"===r,"rotate-180":"up"===r,"-rotate-90":"right"===r},t);return(0,n.jsx)("svg",{className:l,xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-446 -398)",children:[(0,n.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M95.8838835,240.366117 C95.3957281,239.877961 94.6042719,239.877961 94.1161165,240.366117 C93.6279612,240.854272 93.6279612,241.645728 94.1161165,242.133883 L98.6161165,246.633883 C99.1042719,247.122039 99.8957281,247.122039 100.383883,246.633883 L104.883883,242.133883 C105.372039,241.645728 105.372039,240.854272 104.883883,240.366117 C104.395728,239.877961 103.604272,239.877961 103.116117,240.366117 L99.5,243.982233 L95.8838835,240.366117 Z",transform:"translate(356.5 164.5)"}),(0,n.jsx)("polygon",{points:"446 418 466 418 466 398 446 398"})]})})}))},8077:function(e,t,r){r.d(t,{s:function(){return i}});var n=r(5893),l=r(7294),a=r(3967),s=r.n(a);const i=(0,l.memo)((function(e){let{displayDirection:t="right",className:r}=e;const l=s()("duration-100 ease-in transition",{"rotate-0":"down"===t,"-rotate-90":"right"===t,"rotate-90":"left"===t},r);return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",className:l,style:{minWidth:20,minHeight:20},children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-446 -398)",children:[(0,n.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M95.8838835,240.366117 C95.3957281,239.877961 94.6042719,239.877961 94.1161165,240.366117 C93.6279612,240.854272 93.6279612,241.645728 94.1161165,242.133883 L98.6161165,246.633883 C99.1042719,247.122039 99.8957281,247.122039 100.383883,246.633883 L104.883883,242.133883 C105.372039,241.645728 105.372039,240.854272 104.883883,240.366117 C104.395728,239.877961 103.604272,239.877961 103.116117,240.366117 L99.5,243.982233 L95.8838835,240.366117 Z",transform:"translate(356.5 164.5)"}),(0,n.jsx)("polygon",{points:"446 418 466 418 466 398 446 398"})]})})}))},3491:function(e,t,r){r.d(t,{T:function(){return he}});var n=r(5893),l=r(1664),a=r.n(l),s=r(7294),i=r(3967),o=r.n(i),c=r(8077);function d(e,t){var r,n;return(null===(r=e.route)||void 0===r?void 0:r.path)===(null===(n=t.route)||void 0===n?void 0:n.path)}const h=(0,s.memo)((function(e){let{nextRoute:t,prevRoute:r,route:l}=e;return!l||(null===l||void 0===l?void 0:l.heading)?null:(0,n.jsx)(n.Fragment,{children:(null===r||void 0===r?void 0:r.path)||(null===t||void 0===t?void 0:t.path)?(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-4 py-4 md:py-12",children:[(null===r||void 0===r?void 0:r.path)?(0,n.jsx)(x,{type:"Previous",title:r.title,href:r.path}):(0,n.jsx)("div",{}),(null===t||void 0===t?void 0:t.path)?(0,n.jsx)(x,{type:"Next",title:t.title,href:t.path}):(0,n.jsx)("div",{})]})}):null})}),d);function x(e){let{href:t,title:r,type:l}=e;return(0,n.jsx)(a(),{href:t,children:(0,n.jsxs)("a",{className:o()("flex gap-x-4 md:gap-x-6 items-center w-full md:w-80 px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-80",{"flex-row-reverse justify-self-end text-right":"Next"===l}),children:[(0,n.jsx)(c.s,{className:"text-gray-30 dark:text-gray-50 inline group-focus:text-link dark:group-focus:text-link-dark",displayDirection:"Previous"===l?"left":"right"}),(0,n.jsxs)("span",{children:[(0,n.jsx)("span",{className:"block no-underline text-sm tracking-wide text-secondary dark:text-secondary-dark uppercase font-bold group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100",children:l}),(0,n.jsx)("span",{className:"block text-lg group-hover:underline",children:r})]})]})})}var m=function(e){let{breadcrumbs:t}=e;return(0,n.jsx)("div",{className:"flex flex-wrap",children:t.map(((e,t)=>e.path&&(0,n.jsx)("div",{className:"flex mb-3 mt-0.5 items-center",children:(0,n.jsxs)(s.Fragment,{children:[(0,n.jsx)(a(),{href:e.path,children:(0,n.jsx)("a",{className:"text-link dark:text-link-dark text-sm tracking-wide font-bold uppercase mr-1 hover:underline",children:e.title})}),(0,n.jsx)("span",{className:"inline-block mr-1 text-link dark:text-link-dark text-lg",children:(0,n.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M6.86612 13.6161C6.37796 14.1043 6.37796 14.8957 6.86612 15.3839C7.35427 15.872 8.14572 15.872 8.63388 15.3839L13.1339 10.8839C13.622 10.3957 13.622 9.60428 13.1339 9.11612L8.63388 4.61612C8.14572 4.12797 7.35427 4.12797 6.86612 4.61612C6.37796 5.10428 6.37796 5.89573 6.86612 6.38388L10.4822 10L6.86612 13.6161Z",fill:"currentColor"})})})]},e.path)},t)))})};const u={foundation:{name:"Foundation",classes:"bg-yellow-50 text-white"},intermediate:{name:"Intermediate",classes:"bg-purple-40 text-white"},advanced:{name:"Advanced",classes:"bg-green-40 text-white"},experimental:{name:"Experimental",classes:"bg-ui-orange text-white"},deprecated:{name:"Deprecated",classes:"bg-red-40 text-white"}};var p=function(e){let{text:t,variant:r,className:l}=e;const{name:a,classes:s}=u[r];return(0,n.jsx)("span",{className:o()("mr-2",l),children:(0,n.jsx)("span",{className:o()("inline font-bold text-sm uppercase py-1 px-2 rounded",s),children:t||a})})},g=r(2937);var f=function(e){let{title:t,status:r,description:l,tags:a=[],breadcrumbs:s}=e;return(0,n.jsx)("div",{className:"px-5 sm:px-12 pt-8 sm:pt-7 lg:pt-5",children:(0,n.jsxs)("div",{className:"max-w-4xl ml-0 2xl:mx-auto",children:[s?(0,n.jsx)(m,{breadcrumbs:s}):null,(0,n.jsxs)(g.H1,{className:"mt-0 text-primary dark:text-primary-dark -mx-.5 break-words",children:[t,r?(0,n.jsxs)("em",{children:["\u2014",r]}):""]}),l&&(0,n.jsx)("p",{className:"mt-4 mb-6 text-primary dark:text-primary-dark text-xl text-gray-90 leading-large",children:l}),(null===a||void 0===a?void 0:a.length)>0&&(0,n.jsx)("div",{className:"mt-4",children:a.map((e=>(0,n.jsx)(p,{variant:e},e)))})]})})},b=r(9008),v=r.n(b),j=r(1163),k=r.n(j);const y=(0,j.withRouter)((e=>{let{title:t="ReactUnity",description:r="A JavaScript library for building user interfaces in Unity",image:l="/images/logo.png",router:a,children:s,isHomePage:i}=e;return(0,n.jsxs)(v(),{children:[(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),null!=t&&(0,n.jsx)("title",{children:t+(i?"":" \u2022 React")},"title"),null!=r&&(0,n.jsx)("meta",{name:"description",content:r},"description"),(0,n.jsx)("meta",{property:"fb:app_id",content:"623268441017527"}),(0,n.jsx)("meta",{property:"og:type",content:"website"},"og:type"),(0,n.jsx)("meta",{property:"og:url",content:"https://reactunity.github.io".concat(a.asPath.split(/[\?\#]/)[0])},"og:url"),null!=t&&(0,n.jsx)("meta",{property:"og:title",content:t},"og:title"),null!=r&&(0,n.jsx)("meta",{property:"og:description",content:r},"og:description"),(0,n.jsx)("meta",{property:"og:image",content:"https://reactunity.github.io".concat(l)},"og:image"),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,n.jsx)("meta",{name:"twitter:site",content:"@reactjs"},"twitter:site"),(0,n.jsx)("meta",{name:"twitter:creator",content:"@reactjs"},"twitter:creator"),null!=t&&(0,n.jsx)("meta",{name:"twitter:title",content:t},"twitter:title"),null!=r&&(0,n.jsx)("meta",{name:"twitter:description",content:r},"twitter:description"),(0,n.jsx)("meta",{name:"twitter:image",content:"https://reactunity.github.io".concat(l)},"twitter:image"),(0,n.jsx)("link",{rel:"preload",href:"/fonts/Source-Code-Pro-Regular.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),(0,n.jsx)("link",{rel:"preload",href:"https://reactunity.github.io/fonts/Optimistic_Display_W_Md.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),(0,n.jsx)("link",{rel:"preload",href:"https://reactunity.github.io/fonts/Optimistic_Display_W_Bd.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),s]})}));var w=r(8369),C=r(2508);const N="https://github.com/ReactUnity/core/discussions/82",L={appId:"3Q7HZJV4X0",apiKey:"e23d435fea6f37c1637cf2898c1d4050",indexName:"reactunity"};function Z(){return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"self-stretch w-full",children:(0,n.jsx)("footer",{className:"text-secondary dark:text-secondary-dark py-12 px-5 sm:px-12 md:px-12 sm:py-12 md:py-16 lg:py-14",children:(0,n.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-3 gap-x-12 gap-y-8 max-w-7xl mx-auto ",children:[(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(H,{href:"/",isHeader:!0,children:"Community"}),(0,n.jsx)(H,{href:"https://github.com/ReactUnity",children:"GitHub"}),(0,n.jsx)(H,{href:"https://discord.gg/UY2EFW5ZKG",children:"Discord"}),(0,n.jsx)(H,{href:"/acknowledgements",children:"Acknowledgements"}),(0,n.jsx)(H,{href:N,children:"Leave Feedback"})]}),(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(H,{href:"/learn",isHeader:!0,children:"Learn ReactUnity"}),(0,n.jsx)(H,{href:"/learn/",children:"Quick Start"})]}),(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(H,{href:"/reference",isHeader:!0,children:"API Reference"}),(0,n.jsx)(H,{href:"/reference",children:"ReactUnity APIs"}),(0,n.jsx)(H,{href:"/reference/components",children:"Components"}),(0,n.jsx)(H,{href:"/reference/css",children:"CSS Reference"}),(0,n.jsx)(H,{href:"/reference/material",children:"Material Design"})]})]})})})})}function H(e){let{href:t,children:r,isHeader:l=!1}=e;const s=o()("border-b inline-block border-transparent",{"text-sm text-primary dark:text-primary-dark":!l,"text-md text-secondary dark:text-secondary-dark my-2 font-bold":l,"hover:border-gray-10":t});return t?t.startsWith("https://")?(0,n.jsx)("div",{children:(0,n.jsx)(C.d,{href:t,className:s,children:r})}):(0,n.jsx)("div",{children:(0,n.jsx)(a(),{href:t,children:(0,n.jsx)("a",{className:s,children:r})})}):(0,n.jsx)("div",{className:s,children:r})}var R=r(1799),M=r(9396);function S(e,t){const r=T(e,t);return(0,M.Z)((0,R.Z)({},E(e,t,{})),{breadcrumbs:r.length>0?r:[t]})}function E(e,t,r){const{routes:n}=t;if(r.route&&!r.nextRoute&&(r.nextRoute=t),t.path===e&&(r.route=t),r.route||(r.prevRoute=t),!n)return r;for(const l of n)E(e,l,r);return r}function T(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];if(t.path===e)return r;if(!t.routes)return[];for(const n of t.routes){const l=T(e,n,[...r,t]);if(null===l||void 0===l?void 0:l.length)return l}return[]}var P=r(8509);const V=(0,s.memo)((function(e){return(0,n.jsxs)("svg",(0,M.Z)((0,R.Z)({xmlns:"http://www.w3.org/2000/svg",width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e),{children:[(0,n.jsx)("line",{x1:18,y1:6,x2:6,y2:18}),(0,n.jsx)("line",{x1:6,y1:6,x2:18,y2:18})]}))})),I=(0,s.memo)((function(e){return(0,n.jsxs)("svg",(0,M.Z)((0,R.Z)({width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},e),{children:[(0,n.jsx)("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),(0,n.jsx)("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),(0,n.jsx)("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}))})),D=(0,s.memo)((function(e){return(0,n.jsx)("svg",(0,M.Z)((0,R.Z)({width:"1em",height:"1em",viewBox:"0 0 20 20"},e),{children:(0,n.jsx)("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",strokeWidth:"2",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"})}))}));var B=r(3935);function z(e){let{hit:t,children:r}=e;return(0,n.jsx)(a(),{href:t.url.replace(),children:(0,n.jsx)("a",{children:r})})}function A(e){return(0,n.jsx)("kbd",(0,R.Z)({className:"h-6 w-6 border border-transparent mr-1 bg-wash dark:bg-wash-dark text-gray-30 align-middle p-0 inline-flex justify-center items-center text-xs text-center rounded"},e))}const F={appId:L.appId,apiKey:L.apiKey,indexName:L.indexName};let _=null;function U(e){let{searchParameters:t={hitsPerPage:5}}=e;const{0:l,1:a}=(0,s.useState)(!1),i=(0,s.useCallback)((function(){return _?Promise.resolve():r.e(800).then(r.bind(r,7800)).then((e=>{let{DocSearchModal:t}=e;_=t}))}),[]),o=(0,s.useCallback)((function(){i().then((()=>{a(!0)}))}),[i,a]),c=(0,s.useCallback)((function(){a(!1)}),[a]);return function(e){let{isOpen:t,onOpen:r,onClose:n}=e;(0,s.useEffect)((()=>{function e(e){(27===e.keyCode&&t||"k"===e.key&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,r=t.tagName;return t.isContentEditable||"INPUT"===r||"SELECT"===r||"TEXTAREA"===r}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?n():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||r())}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,r,n])}({isOpen:l,onOpen:o,onClose:c}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v(),{children:(0,n.jsx)("link",{rel:"preconnect",href:"https://".concat(F.appId,"-dsn.algolia.net")})}),(0,n.jsx)("button",{"aria-label":"Search",type:"button",className:"inline-flex md:hidden items-center text-lg p-1 ml-4 lg:ml-6",onClick:o,children:(0,n.jsx)(D,{className:"align-middle"})}),(0,n.jsxs)("button",{type:"button",className:"hidden md:flex relative pl-4 pr-1 py-1 h-10 bg-secondary-button dark:bg-gray-80 outline-none focus:ring focus:outline-none betterhover:hover:bg-opacity-80 pointer items-center shadow-inner text-left w-full text-gray-30 rounded-md align-middle text-sm",onClick:o,children:[(0,n.jsx)(D,{className:"mr-3 align-middle text-gray-30 shrink-0 group-betterhover:hover:text-gray-70"}),"Search",(0,n.jsxs)("span",{className:"ml-auto hidden sm:flex item-center",children:[(0,n.jsx)(A,{children:"\u2318"}),(0,n.jsx)(A,{children:"K"})]})]}),l&&(0,B.createPortal)((0,n.jsx)(_,(0,M.Z)((0,R.Z)({},F),{initialScrollY:window.scrollY,searchParameters:t,onClose:c,navigator:{navigate(e){let{itemUrl:t}=e;k().push(t)}},transformItems:e=>e.map((e=>{const t=new URL(e.url);return(0,M.Z)((0,R.Z)({},e),{url:e.url.replace(t.origin,"").replace("#__next","")})})),hitComponent:z})),document.body)]})}var O=r(1458),W=r(1387),G=r(4608);function Y(e){let{onSubmit:t=(()=>{})}=e;const{asPath:r}=(0,j.useRouter)(),l=r.split(/[\?\#]/)[0];return(0,n.jsx)(Q,{onSubmit:t},l)}const q=(0,n.jsx)("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36603 0.384603C9.36605 0.384617 9.36601 0.384588 9.36603 0.384603L9.45902 0.453415C9.99732 0.851783 10.3873 1.42386 10.5654 2.07648C10.7435 2.72909 10.6993 3.42385 10.44 4.04763L9.27065 6.86008H12.6316C13.5249 6.86008 14.3817 7.22121 15.0134 7.86402C15.6451 8.50683 16 9.37868 16 10.2877V13.7154C16 14.8518 15.5564 15.9416 14.7668 16.7451C13.9771 17.5486 12.9062 18 11.7895 18H5.05263C3.71259 18 2.42743 17.4583 1.47988 16.4941C0.532325 15.5299 0 14.2221 0 12.8585V11.2511C2.40928e-06 9.87711 0.463526 8.54479 1.31308 7.47688L6.66804 0.745592C6.98662 0.345136 7.44414 0.08434 7.94623 0.0171605C8.4483 -0.0500155 8.95656 0.0815891 9.36603 0.384603ZM8.37542 1.77064C8.31492 1.72587 8.23987 1.70646 8.16579 1.71637C8.09171 1.72628 8.02415 1.76477 7.97708 1.82393L2.62213 8.55522C2.0153 9.31801 1.68421 10.2697 1.68421 11.2511V12.8585C1.68421 13.7676 2.03909 14.6394 2.67079 15.2822C3.30249 15.925 4.15927 16.2862 5.05263 16.2862H11.7895C12.4595 16.2862 13.1021 16.0153 13.5759 15.5332C14.0496 15.0511 14.3158 14.3972 14.3158 13.7154V10.2877C14.3158 9.83321 14.1383 9.39729 13.8225 9.07588C13.5066 8.75448 13.0783 8.57392 12.6316 8.57392H8C7.71763 8.57392 7.45405 8.4299 7.29806 8.19039C7.14206 7.95087 7.11442 7.64774 7.22445 7.38311L8.88886 3.37986C9 3.11253 9.01896 2.81477 8.94262 2.53507C8.8663 2.25541 8.69921 2.01027 8.46853 1.83954L8.37542 1.77064Z",fill:"currentColor"})}),K=(0,n.jsx)("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.63397 17.6154C6.63395 17.6154 6.63399 17.6154 6.63397 17.6154L6.54098 17.5466C6.00268 17.1482 5.61269 16.5761 5.43458 15.9235C5.25648 15.2709 5.30069 14.5761 5.56004 13.9524L6.72935 11.1399L3.36842 11.1399C2.47506 11.1399 1.61829 10.7788 0.986585 10.136C0.354883 9.49316 8.1991e-07 8.62132 8.99384e-07 7.71225L1.19904e-06 4.28458C1.29838e-06 3.14824 0.443605 2.05844 1.23323 1.25492C2.02286 0.451403 3.09383 -1.12829e-06 4.21053 -1.03067e-06L10.9474 -4.41715e-07C12.2874 -3.24565e-07 13.5726 0.541687 14.5201 1.50591C15.4677 2.47013 16 3.77789 16 5.1415L16 6.74893C16 8.12289 15.5365 9.45521 14.6869 10.5231L9.33196 17.2544C9.01338 17.6549 8.55586 17.9157 8.05377 17.9828C7.5517 18.05 7.04344 17.9184 6.63397 17.6154ZM7.62458 16.2294C7.68508 16.2741 7.76013 16.2935 7.83421 16.2836C7.90829 16.2737 7.97585 16.2352 8.02292 16.1761L13.3779 9.44478C13.9847 8.68199 14.3158 7.73033 14.3158 6.74892L14.3158 5.1415C14.3158 4.23242 13.9609 3.36058 13.3292 2.71777C12.6975 2.07496 11.8407 1.71383 10.9474 1.71383L4.21053 1.71383C3.5405 1.71383 2.89793 1.98468 2.42415 2.46679C1.95038 2.94889 1.68421 3.60277 1.68421 4.28458L1.68421 7.71225C1.68421 8.16679 1.86166 8.60271 2.1775 8.92411C2.49335 9.24552 2.92174 9.42608 3.36842 9.42608L8 9.42608C8.28237 9.42608 8.54595 9.5701 8.70195 9.80961C8.85794 10.0491 8.88558 10.3523 8.77555 10.6169L7.11114 14.6201C7 14.8875 6.98105 15.1852 7.05738 15.4649C7.1337 15.7446 7.30079 15.9897 7.53147 16.1605L7.62458 16.2294Z",fill:"currentColor"})});function X(e){var t;null===(t=window.gtag)||void 0===t||t.call(window,"event","feedback",{value:e?1:0})}function Q(e){let{onSubmit:t}=e;const{0:r,1:l}=(0,s.useState)(!1);return(0,n.jsxs)("div",{className:"max-w-xs w-80 lg:w-auto py-3 shadow-lg rounded-lg m-4 bg-wash dark:bg-gray-95 px-4 flex",children:[(0,n.jsx)("p",{className:"w-full font-bold text-primary dark:text-primary-dark text-lg mr-4",children:r?"Thank you for your feedback!":"Is this page useful?"}),!r&&(0,n.jsx)("button",{"aria-label":"Yes",className:"bg-secondary-button dark:bg-secondary-button-dark rounded-lg text-primary dark:text-primary-dark px-3 mr-2",onClick:()=>{l(!0),t(),X(!0)},children:q}),!r&&(0,n.jsx)("button",{"aria-label":"No",className:"bg-secondary-button dark:bg-secondary-button-dark rounded-lg text-primary dark:text-primary-dark px-3",onClick:()=>{l(!0),t(),X(!1)},children:K})]})}function J(e){let{href:t,selected:r=!1,title:l,wip:i,level:d,heading:h=!1,isExpanded:x,isBreadcrumb:m,hideArrow:u,isPending:p}=e;const g=(0,s.useRef)(null);(0,s.useEffect)((()=>{r&&g&&g.current&&"function"===typeof g.current.scrollIntoViewIfNeeded&&g.current.scrollIntoViewIfNeeded()}),[g,r]);let f="";return t.startsWith("https://")&&(f="_blank"),(0,n.jsx)(a(),{href:t,children:(0,n.jsxs)("a",{ref:g,title:l,target:f,"aria-current":r?"page":void 0,className:o()("p-2 pr-2 w-full rounded-none lg:rounded-r-lg text-left hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between",{"my-6":h,"text-primary dark:text-primary-dark":h&&!m,"text-sm pl-6":d>0,"pl-5":d<2,"text-base font-bold":0===d,"dark:text-primary-dark text-primary ":0===d&&!r,"text-base text-link dark:text-link-dark":1===d&&r,"dark:text-primary-dark text-primary":h,"text-base text-secondary dark:text-secondary-dark":!r&&!h,"text-base text-link dark:text-link-dark bg-highlight dark:bg-highlight-dark border-blue-40 hover:bg-highlight hover:text-link dark:hover:bg-highlight-dark dark:hover:text-link-dark":r,"dark:bg-gray-70 bg-gray-3 dark:hover:bg-gray-70 hover:bg-gray-3":p}),children:[(0,n.jsx)("span",{className:o()({"text-gray-400 dark:text-gray-500":i}),children:l}),null!=x&&!h&&!u&&(0,n.jsx)("span",{className:o()("pr-1",{"text-link":x,"text-gray-30":!x}),children:(0,n.jsx)(c.s,{displayDirection:x?"down":"right"})})]})})}var $=r(704);var ee=()=>{const{events:e}=(0,j.useRouter)(),{0:t,1:r}=(0,s.useState)(null),n=(0,s.useRef)(null);return(0,s.useEffect)((()=>{let t=null;const l=e=>{clearTimeout(t),t=setTimeout((()=>{n.current!==e&&(n.current=e,r(e))}),100)},a=()=>{r(null),clearTimeout(t)};return e.on("routeChangeStart",l),e.on("routeChangeComplete",a),()=>{e.off("routeChangeStart",l),e.off("routeChangeComplete",a),clearTimeout(t)}}),[e]),t};function te(e){let{isExpanded:t,duration:r,children:l}=e;const a=(0,s.useRef)(null),i=(0,s.useRef)(null),{getCollapseProps:c}=(0,$.Z)({isExpanded:t,duration:r}),d=(0,s.useRef)(t);return(0,s.useLayoutEffect)((()=>{if(d.current!==t&&(d.current=t,null!==a.current)){const e=a.current;e.style.pointerEvents="none",null!==i.current&&window.clearTimeout(i.current),i.current=window.setTimeout((()=>{e.style.pointerEvents=""}),r+100)}})),(0,n.jsx)("div",{ref:a,className:o()(t?"opacity-100":"opacity-50"),style:{transition:"opacity ".concat(r,"ms ease-in-out")},children:(0,n.jsx)("div",(0,M.Z)((0,R.Z)({},c()),{children:l}))})}function re(e){let{isForceExpanded:t,breadcrumbs:r,routeTree:l,level:a=0}=e;const i=(0,j.useRouter)().asPath.split(/[\?\#]/)[0],c=ee(),d=l.routes;return(0,n.jsx)("ul",{children:d.map(((e,l)=>{let{path:d,title:h,routes:x,wip:m,heading:u,hasSectionHeader:p,sectionHeader:g}=e;const f=i===d;let b=null;if(d&&d&&!u)if(x){const e=r.length>1&&r[r.length-1].path===d,l=t||e||f;b=(0,n.jsxs)("li",{children:[(0,n.jsx)(J,{href:d,isPending:c===d,selected:f,level:a,title:h,wip:m,isExpanded:l,isBreadcrumb:e,hideArrow:t},"".concat(h,"-").concat(d,"-").concat(a,"-link")),(0,n.jsx)(te,{duration:250,isExpanded:l,children:(0,n.jsx)(re,{isForceExpanded:t,routeTree:{title:h,routes:x},breadcrumbs:r,level:a+1})})]},"".concat(h,"-").concat(d,"-").concat(a,"-heading"))}else b=(0,n.jsx)("li",{children:(0,n.jsx)(J,{isPending:c===d,href:d,selected:f,level:a,title:h,wip:m})},"".concat(h,"-").concat(d,"-").concat(a,"-link"));else b=(0,n.jsx)(re,{level:a+1,isForceExpanded:t,routeTree:{title:h,routes:x},breadcrumbs:[]});return p?(0,n.jsxs)(s.Fragment,{children:[0!==l&&(0,n.jsx)("li",{role:"separator",className:"mt-4 mb-2 ml-5 border-b border-border dark:border-border-dark"}),(0,n.jsx)("h3",{className:o()("mb-1 text-sm font-bold ml-5 text-gray-400 dark:text-gray-500",0!==l&&"mt-2"),children:g})]},"".concat(g,"-").concat(a,"-separator")):b}))})}function ne(e){let{href:t,children:r,isActive:l}=e;const s=o()({"text-link border-link dark:text-link-dark dark:border-link-dark font-bold":l},{"border-transparent":!l},"inline-flex w-full items-center border-b-2 justify-center text-base leading-9 px-3 py-0.5 hover:text-link dark:hover:text-link-dark whitespace-nowrap");return t.startsWith("https://")?(0,n.jsx)(C.d,{href:t,className:s,children:r}):(0,n.jsx)(a(),{href:t,children:(0,n.jsx)("a",{className:s,children:r})})}const le=(0,n.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.41477 2.29921C8.41479 2.29923 8.41476 2.2992 8.41477 2.29921L8.48839 2.35275C8.91454 2.66267 9.22329 3.10774 9.36429 3.61547C9.50529 4.12319 9.47029 4.6637 9.26497 5.14899L8.33926 7.33703H11C11.7072 7.33703 12.3855 7.61798 12.8856 8.11807C13.3857 8.61817 13.6667 9.29645 13.6667 10.0037V12.6704C13.6667 13.5544 13.3155 14.4023 12.6904 15.0274C12.0652 15.6525 11.2174 16.0037 10.3333 16.0037H5C3.93914 16.0037 2.92172 15.5823 2.17157 14.8321C1.42142 14.082 1 13.0646 1 12.0037V10.7531C1 9.68422 1.36696 8.6477 2.03953 7.81688L6.27886 2.58006C6.53107 2.26851 6.89328 2.06562 7.29077 2.01335C7.68823 1.96109 8.09061 2.06347 8.41477 2.29921ZM7.63054 3.37753C7.58264 3.34269 7.52323 3.32759 7.46459 3.33531C7.40594 3.34302 7.35245 3.37296 7.31519 3.41899L3.07585 8.65581C2.59545 9.24925 2.33333 9.98963 2.33333 10.7531V12.0037C2.33333 12.7109 2.61428 13.3892 3.11438 13.8893C3.61448 14.3894 4.29275 14.6704 5 14.6704H10.3333C10.8638 14.6704 11.3725 14.4596 11.7475 14.0846C12.1226 13.7095 12.3333 13.2008 12.3333 12.6704V10.0037C12.3333 9.65007 12.1929 9.31093 11.9428 9.06088C11.6928 8.81084 11.3536 8.67036 11 8.67036H7.33333C7.10979 8.67036 6.90112 8.55832 6.77763 8.37198C6.65413 8.18564 6.63225 7.94981 6.71936 7.74393L8.03701 4.62947C8.125 4.42149 8.14001 4.18984 8.07958 3.97224C8.01916 3.75467 7.88687 3.56396 7.70425 3.43113L7.63054 3.37753Z",fill:"currentColor"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.2517 25.7047C19.2517 25.7047 19.2517 25.7047 19.2517 25.7047L19.1781 25.6512C18.752 25.3412 18.4432 24.8962 18.3022 24.3884C18.1612 23.8807 18.1962 23.3402 18.4015 22.8549L19.3272 20.6669L16.6665 20.6669C15.9593 20.6669 15.281 20.3859 14.7809 19.8858C14.2808 19.3857 13.9998 18.7075 13.9998 18.0002L13.9998 15.3335C13.9998 14.4495 14.351 13.6016 14.9761 12.9765C15.6013 12.3514 16.4491 12.0002 17.3332 12.0002L22.6665 12.0002C23.7274 12.0002 24.7448 12.4216 25.4949 13.1718C26.2451 13.9219 26.6665 14.9393 26.6665 16.0002L26.6665 17.2508C26.6665 18.3197 26.2995 19.3562 25.627 20.187L21.3876 25.4238C21.1354 25.7354 20.7732 25.9383 20.3757 25.9906C19.9783 26.0428 19.5759 25.9404 19.2517 25.7047ZM20.036 24.6264C20.0839 24.6612 20.1433 24.6763 20.2019 24.6686C20.2606 24.6609 20.3141 24.6309 20.3513 24.5849L24.5907 19.3481C25.0711 18.7547 25.3332 18.0143 25.3332 17.2508L25.3332 16.0002C25.3332 15.293 25.0522 14.6147 24.5521 14.1146C24.052 13.6145 23.3738 13.3335 22.6665 13.3335L17.3332 13.3335C16.8027 13.3335 16.294 13.5443 15.919 13.9193C15.5439 14.2944 15.3332 14.8031 15.3332 15.3335L15.3332 18.0002C15.3332 18.3538 15.4736 18.693 15.7237 18.943C15.9737 19.1931 16.3129 19.3335 16.6665 19.3335L20.3332 19.3335C20.5567 19.3335 20.7654 19.4456 20.8889 19.6319C21.0124 19.8183 21.0343 20.0541 20.9471 20.26L19.6295 23.3744C19.5415 23.5824 19.5265 23.8141 19.5869 24.0317C19.6473 24.2492 19.7796 24.4399 19.9623 24.5728L20.036 24.6264Z",fill:"currentColor"})]}),ae=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-444 -204)",children:[(0,n.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M102,21 C102,18.1017141 103.307179,15.4198295 105.51735,13.6246624 C106.001939,13.2310647 105.821611,12.4522936 105.21334,12.3117518 C104.322006,12.1058078 103.414758,12 102.5,12 C95.8722864,12 90.5,17.3722864 90.5,24 C90.5,30.6277136 95.8722864,36 102.5,36 C106.090868,36 109.423902,34.4109093 111.690274,31.7128995 C112.091837,31.2348572 111.767653,30.5041211 111.143759,30.4810139 C106.047479,30.2922628 102,26.1097349 102,21 Z M102.5,34.5 C96.7007136,34.5 92,29.7992864 92,24 C92,18.2007136 96.7007136,13.5 102.5,13.5 C102.807386,13.5 103.113925,13.5136793 103.419249,13.5407785 C101.566047,15.5446378 100.5,18.185162 100.5,21 C100.5,26.3198526 104.287549,30.7714322 109.339814,31.7756638 L109.516565,31.8092927 C107.615276,33.5209452 105.138081,34.5 102.5,34.5 Z",transform:"translate(354.5 192)"}),(0,n.jsx)("polygon",{points:"444 228 468 228 468 204 444 204"})]})}),se=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",children:(0,n.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(-444 -204)",children:[(0,n.jsxs)("g",{fill:"currentColor",transform:"translate(354 144)",children:[(0,n.jsx)("path",{fillRule:"nonzero",d:"M108.5 24C108.5 27.5902136 105.590214 30.5 102 30.5 98.4097864 30.5 95.5 27.5902136 95.5 24 95.5 20.4097864 98.4097864 17.5 102 17.5 105.590214 17.5 108.5 20.4097864 108.5 24zM107 24C107 21.2382136 104.761786 19 102 19 99.2382136 19 97 21.2382136 97 24 97 26.7617864 99.2382136 29 102 29 104.761786 29 107 26.7617864 107 24zM101 12.75L101 14.75C101 15.1642136 101.335786 15.5 101.75 15.5 102.164214 15.5 102.5 15.1642136 102.5 14.75L102.5 12.75C102.5 12.3357864 102.164214 12 101.75 12 101.335786 12 101 12.3357864 101 12.75zM95.7255165 14.6323616L96.7485165 16.4038616C96.9556573 16.7625614 97.4143618 16.8854243 97.7730616 16.6782835 98.1317614 16.4711427 98.2546243 16.0124382 98.0474835 15.6537384L97.0244835 13.8822384C96.8173427 13.5235386 96.3586382 13.4006757 95.9999384 13.6078165 95.6412386 13.8149573 95.5183757 14.2736618 95.7255165 14.6323616zM91.8822384 19.0244835L93.6537384 20.0474835C94.0124382 20.2546243 94.4711427 20.1317614 94.6782835 19.7730616 94.8854243 19.4143618 94.7625614 18.9556573 94.4038616 18.7485165L92.6323616 17.7255165C92.2736618 17.5183757 91.8149573 17.6412386 91.6078165 17.9999384 91.4006757 18.3586382 91.5235386 18.8173427 91.8822384 19.0244835zM90.75 25L92.75 25C93.1642136 25 93.5 24.6642136 93.5 24.25 93.5 23.8357864 93.1642136 23.5 92.75 23.5L90.75 23.5C90.3357864 23.5 90 23.8357864 90 24.25 90 24.6642136 90.3357864 25 90.75 25zM92.6323616 30.2744835L94.4038616 29.2514835C94.7625614 29.0443427 94.8854243 28.5856382 94.6782835 28.2269384 94.4711427 27.8682386 94.0124382 27.7453757 93.6537384 27.9525165L91.8822384 28.9755165C91.5235386 29.1826573 91.4006757 29.6413618 91.6078165 30.0000616 91.8149573 30.3587614 92.2736618 30.4816243 92.6323616 30.2744835zM97.0244835 34.1177616L98.0474835 32.3462616C98.2546243 31.9875618 98.1317614 31.5288573 97.7730616 31.3217165 97.4143618 31.1145757 96.9556573 31.2374386 96.7485165 31.5961384L95.7255165 33.3676384C95.5183757 33.7263382 95.6412386 34.1850427 95.9999384 34.3921835 96.3586382 34.5993243 96.8173427 34.4764614 97.0244835 34.1177616zM103 35.25L103 33.25C103 32.8357864 102.664214 32.5 102.25 32.5 101.835786 32.5 101.5 32.8357864 101.5 33.25L101.5 35.25C101.5 35.6642136 101.835786 36 102.25 36 102.664214 36 103 35.6642136 103 35.25zM108.274483 33.3676384L107.251483 31.5961384C107.044343 31.2374386 106.585638 31.1145757 106.226938 31.3217165 105.868239 31.5288573 105.745376 31.9875618 105.952517 32.3462616L106.975517 34.1177616C107.182657 34.4764614 107.641362 34.5993243 108.000062 34.3921835 108.358761 34.1850427 108.481624 33.7263382 108.274483 33.3676384zM112.117762 28.9755165L110.346262 27.9525165C109.987562 27.7453757 109.528857 27.8682386 109.321717 28.2269384 109.114576 28.5856382 109.237439 29.0443427 109.596138 29.2514835L111.367638 30.2744835C111.726338 30.4816243 112.185043 30.3587614 112.392183 30.0000616 112.599324 29.6413618 112.476461 29.1826573 112.117762 28.9755165zM113.25 23L111.25 23C110.835786 23 110.5 23.3357864 110.5 23.75 110.5 24.1642136 110.835786 24.5 111.25 24.5L113.25 24.5C113.664214 24.5 114 24.1642136 114 23.75 114 23.3357864 113.664214 23 113.25 23zM111.367638 17.7255165L109.596138 18.7485165C109.237439 18.9556573 109.114576 19.4143618 109.321717 19.7730616 109.528857 20.1317614 109.987562 20.2546243 110.346262 20.0474835L112.117762 19.0244835C112.476461 18.8173427 112.599324 18.3586382 112.392183 17.9999384 112.185043 17.6412386 111.726338 17.5183757 111.367638 17.7255165zM106.975517 13.8822384L105.952517 15.6537384C105.745376 16.0124382 105.868239 16.4711427 106.226938 16.6782835 106.585638 16.8854243 107.044343 16.7625614 107.251483 16.4038616L108.274483 14.6323616C108.481624 14.2736618 108.358761 13.8149573 108.000062 13.6078165 107.641362 13.4006757 107.182657 13.5235386 106.975517 13.8822384z",transform:"translate(0 48)"}),(0,n.jsx)("path",{d:"M98.6123,60.1372 C98.6123,59.3552 98.8753,58.6427 99.3368,58.0942 C99.5293,57.8657 99.3933,57.5092 99.0943,57.5017 C99.0793,57.5012 99.0633,57.5007 99.0483,57.5007 C97.1578,57.4747 95.5418,59.0312 95.5008,60.9217 C95.4578,62.8907 97.0408,64.5002 98.9998,64.5002 C99.7793,64.5002 100.4983,64.2452 101.0798,63.8142 C101.3183,63.6372 101.2358,63.2627 100.9478,63.1897 C99.5923,62.8457 98.6123,61.6072 98.6123,60.1372",transform:"translate(3 11)"})]}),(0,n.jsx)("polygon",{points:"444 228 468 228 468 204 444 204"})]})});function ie(e){let{routeTree:t,breadcrumbs:r,section:l}=e;const{0:i,1:c}=(0,s.useState)(!1),{0:d,1:h}=(0,s.useState)(!1),x=(0,s.useRef)(null),m=(0,s.useRef)(null),{asPath:u}=(0,j.useRouter)(),p=(0,s.useRef)(null),{0:g,1:f}=(0,s.useState)(l),{0:b,1:v}=(0,s.useState)(l);if(b!==l&&(v(l),f(l)),i)if("reference"===g)t=W;else t=O;function k(e){f(e),x.current.scrollTop=0}return 1===t.routes.length&&(t=t.routes[0]),(0,s.useEffect)((()=>{if(i){const e=x.current;return(0,P.Qp)(e),()=>(0,P.tG)(e)}}),[i]),(0,s.useEffect)((()=>{c(!1)}),[u]),(0,s.useEffect)((()=>{const e=window.matchMedia("(max-width: 1023px)");function t(){e.matches||c(!1)}return t(),e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}}),[]),(0,s.useEffect)((()=>{if(d)return document.addEventListener("click",e,{capture:!0}),()=>document.removeEventListener("click",e,{capture:!0});function e(e){p.current.contains(e.target)||(e.stopPropagation(),e.preventDefault(),h(!1))}}),[d]),(0,n.jsxs)("div",{className:o()("sticky top-0 lg:bottom-0 lg:h-screen flex flex-col",i&&"h-screen"),children:[(0,n.jsxs)("nav",{className:"items-center w-full flex lg:block justify-between bg-wash dark:bg-wash-dark pt-0 lg:pt-4 pr-5 lg:px-5 z-50",children:[(0,n.jsxs)("div",{className:"xl:w-full xl:max-w-xs flex items-center",children:[(0,n.jsx)("button",{type:"button","aria-label":"Menu",onClick:()=>c(!i),className:o()("flex lg:hidden items-center h-full px-4",{"text-link dark:text-link-dark mr-0":i}),children:i?(0,n.jsx)(V,{}):(0,n.jsx)(I,{})}),(0,n.jsx)(a(),{href:"/",children:(0,n.jsxs)("a",{className:"inline-flex text-l font-normal items-center text-primary dark:text-primary-dark py-1 mr-0 sm:mr-3 whitespace-nowrap",children:[(0,n.jsx)(G.T,{className:"text-sm mr-2 w-8 h-8 text-link dark:text-link-dark"}),"ReactUnity Docs"]})}),(0,n.jsx)("div",{className:"block dark:hidden",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Dark Mode",onClick:()=>{window.__setPreferredTheme("dark")},className:"hidden lg:flex items-center h-full pr-2",children:ae})}),(0,n.jsx)("div",{className:"hidden dark:block",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Light Mode",onClick:()=>{window.__setPreferredTheme("light")},className:"hidden lg:flex items-center h-full pr-2",children:se})})]}),!i&&(0,n.jsx)("div",{className:"hidden lg:block sm:pt-10 lg:pt-4",children:(0,n.jsx)(U,{})}),(0,n.jsxs)("div",{className:"px-0 pt-2 w-full 2xl:max-w-xs hidden lg:flex items-center self-center border-b-0 lg:border-b border-border dark:border-border-dark",children:[(0,n.jsx)(ne,{href:"/learn",isActive:"learn"===l,children:"Learn"}),(0,n.jsx)(ne,{href:"/reference",isActive:"reference"===l,children:"Reference"})]}),(0,n.jsxs)("div",{className:"flex my-4 h-10 mx-0 w-full lg:hidden justify-end lg:max-w-sm",children:[(0,n.jsx)(U,{}),(0,n.jsx)("button",{"aria-label":"Give feedback",type:"button",className:o()("inline-flex lg:hidden items-center rounded-full px-1.5 ml-4 lg:ml-6 relative top-px",{"bg-card dark:bg-card-dark":d}),onClick:function(){clearTimeout(m.current),h(!d)},children:le}),(0,n.jsx)("div",{className:"block dark:hidden",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Dark Mode",onClick:()=>{window.__setPreferredTheme("dark")},className:"flex lg:hidden items-center p-1 h-full ml-4 lg:ml-6",children:ae})}),(0,n.jsx)("div",{ref:p,className:o()("fixed top-12 right-0",d?"block":"hidden"),children:(0,n.jsx)(Y,{onSubmit:()=>{clearTimeout(m.current),m.current=setTimeout((()=>{h(!1)}),1e3)}})}),(0,n.jsx)("div",{className:"hidden dark:block",children:(0,n.jsx)("button",{type:"button","aria-label":"Use Light Mode",onClick:()=>{window.__setPreferredTheme("light")},className:"flex lg:hidden items-center p-1 h-full ml-4 lg:ml-6",children:se})})]})]}),i&&(0,n.jsxs)("div",{className:"bg-wash dark:bg-wash-dark px-5 flex justify-end border-b border-border dark:border-border-dark items-center self-center w-full z-10",children:[(0,n.jsx)(oe,{isActive:"learn"===g,onClick:()=>k("learn"),children:"Learn"}),(0,n.jsx)(oe,{isActive:"reference"===g,onClick:()=>k("reference"),children:"Reference"})]}),(0,n.jsx)("div",{ref:x,className:"overflow-y-scroll no-bg-scrollbar lg:w-[336px] grow bg-wash dark:bg-wash-dark",children:(0,n.jsxs)("aside",{className:o()("lg:grow lg:flex flex-col w-full pb-8 lg:pb-0 lg:max-w-xs z-10",i?"block z-40":"hidden lg:block"),children:[(0,n.jsxs)("nav",{role:"navigation",style:{"--bg-opacity":".2"},className:"w-full lg:h-auto grow pr-0 lg:pr-5 pt-6 lg:py-6 md:pt-4 lg:pt-4 scrolling-touch scrolling-gpu",children:[(0,n.jsx)(s.Suspense,{fallback:null,children:(0,n.jsx)(re,{routeTree:t,breadcrumbs:r,isForceExpanded:i},i?"mobile-overlay":"desktop-or-hidden")}),(0,n.jsx)("div",{className:"h-20"})]}),(0,n.jsx)("div",{className:"fixed bottom-0 hidden lg:block",children:(0,n.jsx)(Y,{})})]})})]})}function oe(e){let{children:t,onClick:r,isActive:l}=e;const a=o()("inline-flex items-center w-full border-b-2 justify-center text-base leading-9 px-3 pb-0.5 hover:text-link hover:gray-5",{"text-link dark:text-link-dark dark:border-link-dark border-link font-bold":l,"border-transparent":!l});return(0,n.jsx)("button",{className:a,onClick:r,children:t})}function ce(){const{0:e,1:t}=(0,s.useState)(0),r=(0,s.useRef)(null);return(0,s.useEffect)((()=>{function e(){const e=document.body.scrollHeight,r=window.scrollY+window.innerHeight,n=Array.prototype.filter.call(document.getElementsByClassName("mdx-header-anchor"),(function(e){return"H1"===e.parentNode.nodeName||"H2"===e.parentNode.nodeName||"H3"===e.parentNode.nodeName}));if(r>=0&&e-r<=75)return void t(n.length-1);let l=-1;for(;l=75)break;l+=1}t(Math.max(l,0))}function n(){null===r.current&&(r.current=window.setTimeout((()=>{r.current=null,e()}),100))}return document.addEventListener("scroll",n),document.addEventListener("resize",n),e(),()=>{null!=r.current&&(clearTimeout(r.current),r.current=null),document.removeEventListener("scroll",n),document.removeEventListener("resize",n)}}),[]),{currentIndex:e}}function de(e){let{headings:t}=e;const{currentIndex:r}=ce(),l=Math.min(r,t.length-1);return(0,n.jsxs)("nav",{role:"navigation",className:"pt-[22px] sticky top-0 right-0",children:[t.length>0&&(0,n.jsx)("h2",{className:"mb-3 lg:mb-3 uppercase tracking-wide font-bold text-sm text-secondary dark:text-secondary-dark px-4 w-full",children:"On this page"}),(0,n.jsx)("div",{className:"h-full overflow-y-auto pl-4 max-h-[calc(100vh-7.5rem)]",children:(0,n.jsx)("ul",{className:"space-y-2 pb-16",children:t.length>0&&t.map(((e,t)=>(null==e.url&&console.error("Heading does not have URL"),(0,n.jsx)("li",{className:o()("text-sm px-2 rounded-l-lg",l===t?"bg-highlight dark:bg-highlight-dark":null,{"pl-4":3===(null===e||void 0===e?void 0:e.depth),hidden:e.depth&&e.depth>3}),children:(0,n.jsx)("a",{className:o()(l===t?"text-link dark:text-link-dark font-bold":"text-secondary dark:text-secondary-dark","block hover:text-link dark:hover:text-link-dark leading-normal py-2"),href:e.url,children:e.text})},"heading-".concat(e.url,"-").concat(t)))))})})]})}function he(e){let{children:t,toc:r,routeTree:l,meta:a,section:i}=e;const{asPath:o}=(0,j.useRouter)(),c=o.split(/[\?\#]/)[0],{route:d,nextRoute:x,prevRoute:m,breadcrumbs:u}=S(c,l),p=a.title||(null===d||void 0===d?void 0:d.title)||"",g=a.description||(null===d||void 0===d?void 0:d.description)||"",b="/"===c;return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"grid grid-cols-only-content lg:grid-cols-sidebar-content 2xl:grid-cols-sidebar-content-toc",children:[(0,n.jsx)("div",{className:"fixed lg:sticky top-0 left-0 right-0 py-0 shadow lg:shadow-none z-50",children:(0,n.jsx)(ie,{routeTree:l,breadcrumbs:u,section:i})}),(0,n.jsx)(s.Suspense,{fallback:null,children:(0,n.jsxs)("main",{className:"min-w-0",children:[(0,n.jsx)("div",{className:"lg:hidden h-16 mb-2"}),(0,n.jsx)("article",{className:"break-words",children:(0,n.jsxs)("div",{className:"pl-0",children:[(0,n.jsx)(y,{title:p,isHomePage:b}),!b&&(0,n.jsx)(f,{title:p,description:g,tags:null===d||void 0===d?void 0:d.tags,breadcrumbs:u}),(0,n.jsxs)("div",{className:"px-5 sm:px-12",children:[(0,n.jsx)("div",{className:"max-w-7xl mx-auto",children:(0,n.jsx)(w.d.Provider,{value:r,children:t})}),(0,n.jsx)(h,{route:d,nextRoute:x,prevRoute:m})]})]})},o),(0,n.jsx)(Z,{})]})}),(0,n.jsx)("div",{className:"hidden lg:max-w-xs 2xl:block",children:r.length>0&&(0,n.jsx)(de,{headings:r},o)})]})})}Promise.all([r.e(762),r.e(967),r.e(972)]).then(r.bind(r,7033))},4608:function(e,t,r){r.d(t,{T:function(){return a}});var n=r(1799),l=r(5893);function a(e){return(0,l.jsx)("img",(0,n.Z)({height:"100%",alt:"Logo",src:"/images/logo.png"},e))}},2937:function(e,t,r){r.d(t,{H1:function(){return x},H2:function(){return m},H3:function(){return u},H4:function(){return p}});var n=r(1799),l=r(9396),a=r(9534),s=r(5893),i=r(3967),o=r.n(i),c=r(7294);const d=(h=function(e,t){var{as:r="div",className:i,children:c,id:d,isPageAnchor:h=!0}=e,x=(0,a.Z)(e,["as","className","children","id","isPageAnchor"]);let m="Link for this heading";return"string"===typeof c&&(m="Link for "+c),(0,s.jsxs)(r,(0,l.Z)((0,n.Z)({id:d},x),{ref:t,className:o()("mdx-heading",i),children:[c,h&&(0,s.jsx)("a",{href:"#".concat(d),"aria-label":m,title:m,className:o()("mdx-header-anchor","h1"===r?"hidden":"inline-block"),children:(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 13 13",xmlns:"http://www.w3.org/2000/svg",className:"text-gray-70 ml-2 h-5 w-5",children:(0,s.jsxs)("g",{fill:"currentColor",fillRule:"evenodd",children:[(0,s.jsx)("path",{d:"M7.778 7.975a2.5 2.5 0 0 0 .347-3.837L6.017 2.03a2.498 2.498 0 0 0-3.542-.007 2.5 2.5 0 0 0 .006 3.543l1.153 1.15c.07-.29.154-.563.25-.773.036-.077.084-.16.14-.25L3.18 4.85a1.496 1.496 0 0 1 .002-2.12 1.496 1.496 0 0 1 2.12 0l2.124 2.123a1.496 1.496 0 0 1-.333 2.37c.16.246.42.504.685.752z"}),(0,s.jsx)("path",{d:"M5.657 4.557a2.5 2.5 0 0 0-.347 3.837l2.108 2.108a2.498 2.498 0 0 0 3.542.007 2.5 2.5 0 0 0-.006-3.543L9.802 5.815c-.07.29-.154.565-.25.774-.036.076-.084.16-.14.25l.842.84c.585.587.59 1.532 0 2.122-.587.585-1.532.59-2.12 0L6.008 7.68a1.496 1.496 0 0 1 .332-2.372c-.16-.245-.42-.503-.685-.75z"})]})})})]}))},c.forwardRef(h));var h;const x=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h1",className:o()(t,"text-5xl font-bold leading-tight")},r))},m=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h2",className:o()("text-3xl leading-10 text-primary dark:text-primary-dark font-bold my-6",t)},r))},u=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h3",className:o()(t,"text-2xl leading-9 text-primary dark:text-primary-dark font-bold my-6")},r))},p=e=>{var{className:t}=e,r=(0,a.Z)(e,["className"]);return(0,s.jsx)(d,(0,n.Z)({as:"h4",className:o()(t,"text-xl font-bold leading-9 my-4")},r))}},4656:function(e,t,r){r.d(t,{t:function(){return fe}});var n=r(1799),l=r(9396),a=r(9534),s=r(5893),i=r(3967),o=r.n(i),c=r(7294),d=r(1664),h=r.n(d);var x=function(e){var{href:t,className:r,children:i,type:c="primary",size:d="md",label:x,target:m="_self"}=e,u=(0,a.Z)(e,["href","className","children","type","size","label","target"]);const p=o()(r,"inline-flex font-bold items-center border-2 border-transparent outline-none focus:ring-1 focus:ring-offset-2 focus:ring-link active:bg-link active:text-white active:ring-0 active:ring-offset-0 leading-normal",{"bg-link text-white hover:bg-opacity-80":"primary"===c,"bg-secondary-button dark:bg-secondary-button-dark text-primary dark:text-primary-dark hover:text-link focus:bg-link focus:text-white focus:border-link focus:border-2":"secondary"===c,"text-lg rounded-lg p-4":"lg"===d,"text-base rounded-lg px-4 py-1.5":"md"===d});return(0,s.jsx)(h(),{href:t,children:(0,s.jsx)("a",(0,l.Z)((0,n.Z)({className:p},u),{"aria-label":x,target:m,children:i}))})};var m=r(8077),u=r(2937);function p(e){let{children:t,onClick:r,active:n,className:l,style:a}=e;return(0,s.jsx)("button",{style:a,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:r,className:o()(l,"text-base leading-tight font-bold border rounded-lg py-2 px-4 focus:ring-1 focus:ring-offset-2 focus:ring-link active:bg-link active:border-link active:text-white active:ring-0 active:ring-offset-0 outline-none inline-flex items-center my-1",{"bg-link border-link text-white hover:bg-link focus:bg-link active:bg-link":n,"bg-transparent text-secondary dark:text-secondary-dark bg-secondary-button dark:bg-secondary-button-dark hover:text-link focus:text-link border-transparent":!n}),children:t})}p.defaultProps={active:!1,style:{}};const g=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:o()("inline -mt-0.5",t),width:"12",height:"14",viewBox:"0 0 12 15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M4.53487 11H5.21954V7.66665H6.55287V11H7.23754C7.32554 10.1986 7.7342 9.53732 8.39754 8.81532C8.47287 8.73398 8.9522 8.23732 9.00887 8.16665C9.47973 7.5784 9.77486 6.86913 9.86028 6.1205C9.9457 5.37187 9.81794 4.61434 9.4917 3.93514C9.16547 3.25594 8.65402 2.6827 8.01628 2.28143C7.37853 1.88016 6.64041 1.66719 5.88692 1.66703C5.13344 1.66686 4.39523 1.87953 3.75731 2.28052C3.11939 2.68152 2.60771 3.25454 2.28118 3.9336C1.95465 4.61266 1.82656 5.37014 1.91167 6.1188C1.99677 6.86747 2.2916 7.57687 2.7622 8.16532C2.81954 8.23665 3.3002 8.73398 3.3742 8.81465C4.0382 9.53732 4.44687 10.1986 4.53487 11ZM4.55287 12.3333V13H7.21954V12.3333H4.55287ZM1.7222 8.99998C1.09433 8.21551 0.700836 7.26963 0.587047 6.2713C0.473258 5.27296 0.643804 4.26279 1.07904 3.35715C1.51428 2.4515 2.19649 1.68723 3.04711 1.15237C3.89772 0.617512 4.88213 0.333824 5.88692 0.333984C6.89172 0.334145 7.87604 0.61815 8.72648 1.15328C9.57692 1.68841 10.2589 2.4529 10.6938 3.35869C11.1288 4.26447 11.299 5.27469 11.1849 6.27299C11.0708 7.27129 10.677 8.21705 10.0489 9.00132C9.63554 9.51598 8.55287 10.3333 8.55287 11.3333V13C8.55287 13.3536 8.41239 13.6927 8.16235 13.9428C7.9123 14.1928 7.57316 14.3333 7.21954 14.3333H4.55287C4.19925 14.3333 3.86011 14.1928 3.61006 13.9428C3.36001 13.6927 3.21954 13.3536 3.21954 13V11.3333C3.21954 10.3333 2.1362 9.51598 1.7222 8.99998Z",fill:"currentColor"})})})),f=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:o()("inline",t),width:"0.75em",height:"0.75em",viewBox:"0 0 13 13",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M2.21908 8.74479V12.7448H0.885742V0.078125H7.14041C7.26418 0.0781911 7.3855 0.112714 7.49076 0.177827C7.59602 0.242939 7.68108 0.336071 7.73641 0.446792L8.21908 1.41146H12.2191C12.3959 1.41146 12.5655 1.4817 12.6905 1.60672C12.8155 1.73174 12.8857 1.90131 12.8857 2.07812V9.41146C12.8857 9.58827 12.8155 9.75784 12.6905 9.88286C12.5655 10.0079 12.3959 10.0781 12.2191 10.0781H7.96441C7.84063 10.0781 7.71932 10.0435 7.61406 9.97842C7.50879 9.91331 7.42374 9.82018 7.36841 9.70946L6.88574 8.74479H2.21908ZM2.21908 1.41146V7.41146H7.70974L8.37641 8.74479H11.5524V2.74479H7.39508L6.72841 1.41146H2.21908Z",fill:"currentColor"})})})),b=(0,c.memo)((function(e){var{displayDirection:t,className:r}=e,i=(0,a.Z)(e,["displayDirection","className"]);const c=o()(r,{"rotate-180":"left"===t,"rotate-90":"down"===t});return(0,s.jsx)("svg",(0,l.Z)((0,n.Z)({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:c},i),{children:(0,s.jsx)("path",{d:"M6.86612 13.6161C6.37796 14.1043 6.37796 14.8957 6.86612 15.3839C7.35427 15.872 8.14572 15.872 8.63388 15.3839L13.1339 10.8839C13.622 10.3957 13.622 9.60428 13.1339 9.11612L8.63388 4.61612C8.14572 4.12797 7.35427 4.12797 6.86612 4.61612C6.37796 5.10428 6.37796 5.89573 6.86612 6.38388L10.4822 10L6.86612 13.6161Z",fill:"currentColor"})}))}));function v(e){let{isRecipes:t,totalChallenges:r,currentChallenge:n,hasNextChallenge:l,handleClickNextChallenge:a}=e;const{0:i,1:d}=(0,c.useState)(!1),{0:h,1:x}=(0,c.useState)(!1),m=()=>{i&&!h&&d(!1),x((e=>!e))};return(0,s.jsxs)("div",{className:"p-5 sm:py-8 sm:px-8",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(u.H4,{className:"text-xl text-primary dark:text-primary-dark mb-2 mt-0 font-medium",id:n.id,children:[(0,s.jsxs)("div",{className:"font-bold block md:inline",children:[t?"Example":"Challenge"," ",n.order," of"," ",r,(0,s.jsx)("span",{className:"text-primary dark:text-primary-dark",children:": "})]}),n.name]}),n.content]}),(0,s.jsxs)("div",{className:"flex justify-between items-center mt-4",children:[n.hint?(0,s.jsxs)("div",{children:[(0,s.jsxs)(p,{className:"mr-2",onClick:()=>{h&&!i&&x(!1),d((e=>!e))},active:i,children:[(0,s.jsx)(g,{className:"mr-1.5"})," ",i?"Hide hint":"Show hint"]}),(0,s.jsxs)(p,{className:"mr-2",onClick:m,active:h,children:[(0,s.jsx)(f,{className:"mr-1.5"})," ",h?"Hide solution":"Show solution"]})]}):!t&&(0,s.jsxs)(p,{className:"mr-2",onClick:m,active:h,children:[(0,s.jsx)(f,{className:"mr-1.5"})," ",h?"Hide solution":"Show solution"]}),l&&(0,s.jsxs)(p,{className:o()(t?"bg-purple-50 border-purple-50 hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-50":"bg-link dark:bg-link-dark"),onClick:a,active:!0,children:["Next ",t?"Example":"Challenge",(0,s.jsx)(b,{displayDirection:"right",className:"block ml-1.5"})]})]}),i&&n.hint,h&&(0,s.jsxs)("div",{className:"mt-6",children:[(0,s.jsx)("h3",{className:"text-2xl font-bold text-primary dark:text-primary-dark",children:"Solution"}),n.solution,(0,s.jsxs)("div",{className:"flex justify-between items-center mt-4",children:[(0,s.jsx)(p,{onClick:()=>x(!1),children:"Close solution"}),l&&(0,s.jsxs)(p,{className:o()(t?"bg-purple-50":"bg-link dark:bg-link-dark"),onClick:a,active:!0,children:["Next Challenge",(0,s.jsx)(b,{displayDirection:"right",className:"block ml-1.5"})]})]})]})]})}var j=r(4624),k=r(296);function y(e){let{challenges:t,handleChange:r,currentChallenge:n,isRecipes:l}=e;const a=(0,c.useRef)(null),i=(0,c.useRef)(t.map((()=>(0,c.createRef)()))),d=n.order-1,h=d>0,x=d{if(a.current){var e;a.current.scrollLeft=(null===(e=i.current[d].current)||void 0===e?void 0:e.offsetLeft)||0}}),[a,i,d]);return(0,c.useEffect)((()=>{m();const e=(0,k.debounce)(m,200);return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[m]),(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("div",{className:"overflow-hidden",children:(0,s.jsx)("div",{ref:a,className:"flex relative transition-transform content-box overflow-x-auto",children:t.map(((e,t)=>{let{name:c,id:d,order:h}=e;return(0,s.jsxs)("button",{className:o()("py-2 mr-4 text-base border-b-4 duration-100 ease-in transition whitespace-nowrap text-ellipsis",l&&n.id===d&&"text-purple-50 border-purple-50 hover:text-purple-50 dark:text-purple-30 dark:border-purple-30 dark:hover:text-purple-30",!l&&n.id===d&&"text-link border-link hover:text-link dark:text-link-dark dark:border-link-dark dark:hover:text-link-dark"),onClick:()=>(e=>{const t=i.current[e].current;a.current&&(a.current.scrollLeft=(null===t||void 0===t?void 0:t.offsetLeft)||0),r(e)})(t),ref:i.current[t],children:[h,". ",c]},"button-".concat(d))}))})}),(0,s.jsxs)("div",{className:"flex z-10 pb-2 pl-2",children:[(0,s.jsx)("button",{onClick:()=>{if(d>0){const e=i.current[d-1].current;if(!e)return;a.current&&(a.current.scrollLeft=e.offsetLeft),r(d-1)}},"aria-label":"Scroll left",className:o()("bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l border-gray-20 border-r",{"text-primary dark:text-primary-dark":h,"text-gray-30":!h}),children:(0,s.jsx)(j.g,{displayDirection:"left"})}),(0,s.jsx)("button",{onClick:()=>{if(d{const t=[];if(!e)return t;let r={},n=[];return c.Children.forEach(e,(e=>{const{props:l,type:a}=e;switch(a.mdxName){case"Solution":r.solution=e,r.content=n,t.push(r),r={},n=[];break;case"Hint":r.hint=e;break;case"h4":r.order=t.length+1,r.name=l.children,r.id=l.id;break;default:n.push(e)}})),t})(t),d=i.length,h=(0,c.useRef)(null),x=(0,c.useRef)(C.INIT),{0:m,1:p}=(0,c.useState)(0),g=i[m],{asPath:f}=(0,w.useRouter)();(0,c.useEffect)((()=>{if(x.current===C.INIT){const e=i.findIndex((e=>e.id===f.split("#")[1]));-1===e?x.current=void 0:e!==m&&p(e)}x.current&&(h.current.scrollIntoView((0,n.Z)({block:"start"},x.current===C.NEXT&&{behavior:"smooth"})),x.current=void 0)}),[m,f,i]);const b=r?u.H4:u.H2;return(0,s.jsx)("div",{className:"max-w-7xl mx-auto py-4",children:(0,s.jsxs)("div",{className:o()("border-gray-10 bg-card dark:bg-card-dark shadow-inner rounded-none -mx-5 sm:mx-auto sm:rounded-lg"),children:[(0,s.jsxs)("div",{ref:h,className:"py-2 px-5 sm:px-8 pb-0 md:pb-0",children:[(0,s.jsx)(b,{id:a,className:o()("mb-2 leading-10 relative",r?"text-xl text-purple-50 dark:text-purple-30":"text-3xl text-link"),children:l}),d>1&&(0,s.jsx)(y,{currentChallenge:g,challenges:i,handleChange:e=>{p(e)},isRecipes:r})]}),(0,s.jsx)(v,{isRecipes:r,currentChallenge:g,totalChallenges:d,hasNextChallenge:m{p((e=>e+1)),x.current=C.NEXT}},g.id)]})})}!function(e){e.INIT="init",e.NEXT="next"}(C||(C={}));const L=(0,c.lazy)((()=>Promise.all([r.e(762),r.e(967),r.e(972)]).then(r.bind(r,7033))));var Z=(0,c.memo)((function(e){const{children:t,isFromPackageImport:r}=e;return(0,s.jsx)(c.Suspense,{fallback:(0,s.jsx)("pre",{className:o()("rounded-lg leading-6 h-full w-full overflow-x-auto flex items-center bg-wash dark:bg-gray-95 shadow-lg text-[13.6px] overflow-hidden",!r&&"my-8"),children:(0,s.jsx)("div",{className:"py-[18px] pl-5 font-normal ",children:(0,s.jsx)("p",{className:"sp-pre-placeholder overflow-hidden",children:t})})}),children:(0,s.jsx)(L,(0,n.Z)({},e))})}));const H=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{fill:"none",d:"M0 0h24v24H0z"}),(0,s.jsx)("path",{d:"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z",fill:"currentColor"})]})})})),R=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsxs)("svg",{className:t,width:"1.33em",height:"1.33em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("circle",{cx:"10.1626",cy:"9.99951",r:"9.47021",fill:"currentColor"}),(0,s.jsx)("path",{d:"M6.22705 5.95996L14.2798 14.0127",stroke:"white"}),(0,s.jsx)("path",{d:"M14.2798 5.95996L6.22705 14.0127",stroke:"white"})]})})),M=e=>{let{width:t="60px",height:r="17px",className:l,customStyles:a}=e;return(0,s.jsx)("div",{className:l,style:(0,n.Z)({width:t,height:r},a)})};var S=function(e){let t,{level:r="error",children:n}=e;return"string"===typeof n?t=n:(0,c.isValidElement)(n)&&(t=n.props.children),(0,s.jsxs)("div",{className:"mb-4 text-secondary",translate:"no",children:[(0,s.jsxs)("div",{className:"flex w-full rounded-t-lg bg-gray-200 dark:bg-gray-80",children:[(0,s.jsx)("div",{className:"px-4 py-2 border-gray-300 dark:border-gray-90 border-r",children:(0,s.jsx)(M,{className:"bg-gray-300 dark:bg-gray-90",width:"15px"})}),(0,s.jsxs)("div",{className:"flex text-sm px-4",children:[(0,s.jsx)("div",{className:"border-b-2 border-gray-300 dark:border-gray-90",children:"Console"}),(0,s.jsxs)("div",{className:"px-4 py-2 flex",children:[(0,s.jsx)(M,{className:"mr-2 bg-gray-300 dark:bg-gray-90"}),(0,s.jsx)(M,{className:"mr-2 hidden md:block bg-gray-300 dark:bg-gray-90"}),(0,s.jsx)(M,{className:"hidden md:block bg-gray-300 dark:bg-gray-90"})]})]})]}),(0,s.jsxs)("div",{className:o()("flex px-4 pt-4 pb-6 items-center content-center font-mono text-code rounded-b-md",{"bg-red-30 text-red-50 dark:text-red-30 bg-opacity-5":"error"===r,"bg-yellow-5 text-yellow-50":"warning"===r,"bg-gray-5 text-secondary dark:text-secondary-dark":"info"===r}),children:["error"===r&&(0,s.jsx)(R,{className:"self-start mt-1.5"}),"warning"===r&&(0,s.jsx)(H,{className:"self-start mt-1"}),(0,s.jsx)("div",{className:"px-3",children:t})]})]})},E=r(5675),T=r.n(E);function P(e){let{text:t}=e;return(0,s.jsx)("div",{className:"w-full table",children:(0,s.jsx)("figcaption",{className:"p-1 sm:p-2 mt-0 sm:mt-0 text-gray-40 text-base lg:text-lg text-center leading-tight table-caption",children:t})})}var V=function(e){let{name:t,alt:r,height:n,width:l,children:a,captionPosition:i}=e;return(0,s.jsxs)("figure",{className:"flex flex-col px-0 p-0 sm:p-10 first:mt-0 mt-10 sm:mt-0 justify-center items-center",children:["top"===i&&(0,s.jsx)(P,{text:a}),(0,s.jsx)("div",{className:"dark-image",children:(0,s.jsx)(T(),{src:"/images/docs/diagrams/".concat(t,".dark.png"),alt:r,height:n,width:l})}),(0,s.jsx)("div",{className:"light-image",children:(0,s.jsx)(T(),{src:"/images/docs/diagrams/".concat(t,".png"),alt:r,height:n,width:l})}),(!i||"bottom"===i)&&(0,s.jsx)(P,{text:a})]})};var I=function(e){let{children:t}=e;return(0,s.jsx)("div",{className:"flex flex-col sm:flex-row py-2 sm:p-0 sm:space-y-0 justify-center items-start sm:items-center w-full",children:t})};const D=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1em",height:"1.05em",viewBox:"0 0 18 19",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M18 12.2632L12 18.2592L1.002 18.2632C0.737486 18.2642 0.483369 18.1603 0.295486 17.9741C0.107603 17.7879 0.00132309 17.5347 0 17.2702V1.25618C0 0.708184 0.445 0.263184 0.993 0.263184H17.007C17.555 0.263184 18 0.719183 18 1.26518V12.2632ZM16 2.26318H2V16.2632H10V11.2632C10 11.0183 10.09 10.7818 10.2527 10.5988C10.4155 10.4158 10.6397 10.2988 10.883 10.2702L11 10.2632L16 10.2622V2.26318ZM15.171 12.2622L12 12.2632V15.4322L15.171 12.2622Z",fill:"currentColor"})})})),B={deprecated:{title:"Deprecated",Icon:H,containerClasses:"bg-red-5 dark:bg-red-60 dark:bg-opacity-20",textColor:"text-red-50 dark:text-red-40",overlayGradient:"linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)"},note:{title:"Note",Icon:D,containerClasses:"bg-green-5 dark:bg-green-60 dark:bg-opacity-20 text-primary dark:text-primary-dark text-lg",textColor:"text-green-60 dark:text-green-40",overlayGradient:"linear-gradient(rgba(245, 249, 248, 0), rgba(245, 249, 248, 1)"},pitfall:{title:"Pitfall",Icon:(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1.11em",height:"1.11em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M19 0.398926C19.552 0.398926 20 0.846926 20 1.39893V15.3989C20 15.9509 19.552 16.3989 19 16.3989H4.455L0 19.8989V1.39893C0 0.846926 0.448 0.398926 1 0.398926H19ZM18 2.39893H2V15.7839L3.763 14.3989H18V2.39893ZM8.515 4.81093L8.962 5.49893C7.294 6.40193 7.323 7.85093 7.323 8.16293C7.478 8.14293 7.641 8.13893 7.803 8.15393C8.705 8.23793 9.416 8.97893 9.416 9.89893C9.416 10.8649 8.632 11.6489 7.666 11.6489C7.129 11.6489 6.616 11.4039 6.292 11.0589C5.777 10.5129 5.5 9.89893 5.5 8.90393C5.5 7.15393 6.728 5.58593 8.515 4.81093ZM13.515 4.81093L13.962 5.49893C12.294 6.40193 12.323 7.85093 12.323 8.16293C12.478 8.14293 12.641 8.13893 12.803 8.15393C13.705 8.23793 14.416 8.97893 14.416 9.89893C14.416 10.8649 13.632 11.6489 12.666 11.6489C12.129 11.6489 11.616 11.4039 11.292 11.0589C10.777 10.5129 10.5 9.89893 10.5 8.90393C10.5 7.15393 11.728 5.58593 13.515 4.81093Z",fill:"currentColor"})})})),containerClasses:"bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20",textColor:"text-yellow-50 dark:text-yellow-40",overlayGradient:"linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)"},wip:{title:"Under Construction",Icon:D,containerClasses:"bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20",textColor:"text-yellow-50 dark:text-yellow-40",overlayGradient:"linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)"}};function z(e){let{children:t,type:r}=e;const n=(0,c.useRef)(null),l=B[r];return(0,s.jsxs)("div",{className:o()("expandable-callout","pt-8 pb-4 px-5 sm:px-8 my-8 relative rounded-none shadow-inner -mx-5 sm:mx-auto sm:rounded-lg",l.containerClasses),children:[(0,s.jsxs)("h3",{className:o()("mb-2 text-2xl font-bold",l.textColor),children:[(0,s.jsx)(l.Icon,{className:o()("inline mr-3 mb-1 text-lg",l.textColor)}),l.title]}),(0,s.jsx)("div",{className:"relative",children:(0,s.jsx)("div",{ref:n,className:"py-2",children:t})})]})}z.defaultProps={type:"note"};var A=z;const F=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"0.78em",height:"0.78em",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M7.62728 12.3491V13.6825H6.29395V12.3491H0.960612C0.783801 12.3491 0.614232 12.2789 0.489207 12.1539C0.364183 12.0288 0.293945 11.8593 0.293945 11.6825V1.01579C0.293945 0.838979 0.364183 0.669409 0.489207 0.544385C0.614232 0.419361 0.783801 0.349123 0.960612 0.349123H4.96061C5.339 0.348674 5.71313 0.42896 6.05803 0.584621C6.40292 0.740282 6.71063 0.967734 6.96061 1.25179C7.2106 0.967734 7.51831 0.740282 7.8632 0.584621C8.20809 0.42896 8.58222 0.348674 8.96061 0.349123H12.9606C13.1374 0.349123 13.307 0.419361 13.432 0.544385C13.557 0.669409 13.6273 0.838979 13.6273 1.01579V11.6825C13.6273 11.8593 13.557 12.0288 13.432 12.1539C13.307 12.2789 13.1374 12.3491 12.9606 12.3491H7.62728ZM12.2939 11.0158V1.68246H8.96061C8.60699 1.68246 8.26785 1.82293 8.0178 2.07298C7.76776 2.32303 7.62728 2.66217 7.62728 3.01579V11.0158H12.2939ZM6.29395 11.0158V3.01579C6.29395 2.66217 6.15347 2.32303 5.90342 2.07298C5.65337 1.82293 5.31423 1.68246 4.96061 1.68246H1.62728V11.0158H6.29395Z",fill:"currentColor"})})})),_=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1.33em",height:"1em",viewBox:"0 0 24 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M24 9L18.343 14.657L16.929 13.243L21.172 9L16.929 4.757L18.343 3.343L24 9ZM2.828 9L7.071 13.243L5.657 14.657L0 9L5.657 3.343L7.07 4.757L2.828 9ZM9.788 18H7.66L14.212 0H16.34L9.788 18Z",fill:"currentColor"})})}));var U=function(e){let{children:t,excerpt:r,type:n}=e;if(!Array.isArray(t)||"h4"!==t[0].type.mdxName)throw Error("Expandable content ".concat(n," is missing a corresponding title at the beginning"));const l="DeepDive"===n,a="Example"===n,i=t[0].props.id,{asPath:d}=(0,w.useRouter)(),h=i===d.split("#")[1],x=(0,c.useRef)(h),{0:m,1:g}=(0,c.useState)(!1);return(0,c.useEffect)((()=>{x.current&&(x.current=!1,g(!0))}),[]),(0,s.jsxs)("details",{open:m,onToggle:e=>{g(e.currentTarget.open)},className:o()("my-12 rounded-lg shadow-inner relative",{"dark:bg-opacity-20 dark:bg-purple-60 bg-purple-5":l,"dark:bg-opacity-20 dark:bg-yellow-60 bg-yellow-5":a}),children:[(0,s.jsxs)("summary",{className:"list-none p-8",tabIndex:-1,onClick:e=>{e.target instanceof SVGElement||e.preventDefault()},children:[(0,s.jsxs)("h5",{className:o()("mb-4 uppercase font-bold flex items-center text-sm",{"dark:text-purple-30 text-purple-50":l,"dark:text-yellow-30 text-yellow-60":a}),children:[l&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(F,{className:"inline mr-2 dark:text-purple-30 text-purple-40"}),"Deep Dive"]}),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_,{className:"inline mr-2 dark:text-yellow-30 text-yellow-50"}),"Example"]})]}),(0,s.jsxs)("div",{className:"mb-4",children:[(0,s.jsx)(u.H4,{id:i,className:"text-xl font-bold text-primary dark:text-primary-dark",children:t[0].props.children}),r&&(0,s.jsx)("div",{children:r})]}),(0,s.jsxs)(p,{active:!0,className:o()({"bg-purple-50 border-purple-50 hover:bg-purple-40 focus:bg-purple-50 active:bg-purple-50":l,"bg-yellow-50 border-yellow-50 hover:bg-yellow-40 focus:bg-yellow-50 active:bg-yellow-50":a}),onClick:()=>g((e=>!e)),children:[(0,s.jsx)("span",{className:"mr-1",children:(0,s.jsx)(j.g,{displayDirection:m?"up":"down"})}),m?"Hide Details":"Show Details"]})]}),(0,s.jsx)("div",{className:o()("p-8 border-t",{"dark:border-purple-60 border-purple-10 ":l,"dark:border-yellow-60 border-yellow-50":a}),children:t.slice(1)})]})},O=r(4608);var W=function(e){let{title:t,path:r,children:n}=e;return(0,s.jsxs)("div",{className:"flex flex-col h-full bg-card dark:bg-card-dark shadow-inner justify-between rounded-lg pb-8 p-6 xl:p-8 mt-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h4",{className:"text-primary dark:text-primary-dark font-bold text-2xl leading-tight",children:t}),(0,s.jsx)("div",{className:"my-4",children:n})]}),(0,s.jsx)("div",{children:(0,s.jsxs)(x,{href:r,className:"mt-1",type:"primary",size:"md",label:t,children:["Read More",(0,s.jsx)(m.s,{displayDirection:"right",className:"inline ml-1"})]})})]})};var G=function(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mt-8 lg:mt-10 mb-0 sm:mt-8 sm:mb-8 lg:mb-6 flex-col sm:flex-row flex grow items-start sm:items-center justify-start mx-auto max-w-4xl",children:[(0,s.jsx)(O.T,{className:"text-link dark:text-link-dark w-20 sm:w-28 mr-4 mb-4 sm:mb-0 h-auto"}),(0,s.jsx)("div",{className:"flex flex-wrap",children:(0,s.jsx)("h1",{className:"text-5xl mr-4 -mt-1 flex wrap font-bold leading-tight text-primary dark:text-primary-dark",children:"ReactUnity Docs"})})]}),(0,s.jsxs)("section",{className:"my-8 sm:my-10 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[(0,s.jsx)("div",{className:"flex flex-col justify-center",children:(0,s.jsx)(W,{title:"Learn ReactUnity",path:"/learn",children:(0,s.jsx)("p",{children:"Learn how to use ReactUnity with tutorials step-by-step."})})}),(0,s.jsx)("div",{className:"flex flex-col justify-center",children:(0,s.jsx)(W,{title:"API Reference",path:"/reference",children:(0,s.jsx)("p",{children:"Look up the features of ReactUnity, and see how they work in live code examples."})})})]})]})};var Y=function(e){var{isLink:t}=e,r=(0,a.Z)(e,["isLink"]);return(0,s.jsx)("code",(0,n.Z)({className:o()("inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline",{"bg-gray-30 bg-opacity-10 py-px":!t,"bg-highlight dark:bg-highlight-dark py-0":t})},r))};var q=function(e){let{children:t}=e;return(0,s.jsx)("div",{className:"text-xl text-primary dark:text-primary-dark leading-relaxed",children:t})},K=r(2508);var X=function(e){var{href:t,className:r,children:i}=e,d=(0,a.Z)(e,["href","className","children"]);const x="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal",m=c.Children.toArray(i).map((e=>{var t,r;return(null===(t=e.type)||void 0===t?void 0:t.mdxName)&&"inlineCode"===(null===(r=e.type)||void 0===r?void 0:r.mdxName)?(0,c.cloneElement)(e,{isLink:!0}):e}));return t?(0,s.jsx)(s.Fragment,{children:t.startsWith("https://")?(0,s.jsx)(K.d,(0,l.Z)((0,n.Z)({href:t,className:o()(x,r)},d),{children:m})):t.startsWith("#")?(0,s.jsx)("a",(0,l.Z)((0,n.Z)({className:o()(x,r),href:t},d),{children:m})):(0,s.jsx)(h(),{href:t,children:(0,s.jsx)("a",(0,l.Z)((0,n.Z)({className:o()(x,r)},d),{children:m}))})}):(0,s.jsx)("a",(0,n.Z)({href:t,className:r},d))};var Q=function(e){let{children:t}=e;return(0,s.jsxs)("section",{children:[(0,s.jsx)(u.H2,{isPageAnchor:!0,id:"recap",children:"Recap"}),t]})},J=r(5981);const $=(0,c.lazy)((()=>Promise.all([r.e(762),r.e(33),r.e(967),r.e(20),r.e(432)]).then(r.bind(r,6092)))),ee=e=>{let{code:t}=e;return(0,s.jsx)("div",{className:"sandpack sandpack--playground my-8",children:(0,s.jsx)("div",{className:"sp-wrapper",children:(0,s.jsxs)("div",{className:"shadow-lg dark:shadow-lg-dark rounded-lg",children:[(0,s.jsxs)("div",{className:"bg-wash h-10 dark:bg-card-dark flex justify-between items-center relative z-10 border-b border-border dark:border-border-dark rounded-t-lg rounded-b-none",children:[(0,s.jsx)("div",{className:"px-4 lg:px-6",children:(0,s.jsx)("div",{className:"sp-tabs"})}),(0,s.jsx)("div",{className:"px-3 flex items-center justify-end grow text-right"})]}),(0,s.jsxs)("div",{className:"sp-layout min-h-[216px] flex items-stretch flex-wrap",children:[(0,s.jsx)("div",{className:"sp-stack sp-editor max-h-[406px] h-auto overflow-auto",children:(0,s.jsx)("div",{className:"sp-code-editor",children:(0,s.jsx)("div",{className:"sp-cm sp-pristine",children:(0,s.jsx)("div",{className:"cm-editor",children:(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"cm-gutters pl-9 sticky min-h-[192px]",children:(0,s.jsx)("div",{className:"cm-gutter cm-lineNumbers whitespace-pre sp-pre-placeholder",children:t})})})})})})}),(0,s.jsx)("div",{className:"sp-stack order-last xl:order-2 max-h-[406px] h-auto",children:(0,s.jsx)("div",{className:"p-0 sm:p-2 md:p-4 lg:p-8 bg-card dark:bg-wash-dark h-full relative rounded-b-lg lg:rounded-b-none overflow-auto"})}),t.split("\n").length>16&&(0,s.jsx)("div",{className:"flex h-[45px] text-base justify-between dark:border-card-dark bg-wash dark:bg-card-dark items-center z-10 rounded-t-none p-1 w-full order-2 xl:order-last border-b-1 relative top-0"})]})]})})})};var te=(0,c.memo)((function(e){const t=(0,J.b)(c.Children.toArray(e.children));let r,l=Object.keys(t).filter((e=>{var r,n;return!0===(null===(r=t[e])||void 0===r?void 0:r.active)&&!1===(null===(n=t[e])||void 0===n?void 0:n.hidden)}));var a,i,o;l.length?r=t[l[0]].code:r=null!==(o=null===(a=t["/App.js"])||void 0===a?void 0:a.code)&&void 0!==o?o:null===(i=t["/index.html"])||void 0===i?void 0:i.code;return(0,s.jsx)(c.Suspense,{fallback:(0,s.jsx)(ee,{code:r}),children:(0,s.jsx)($,(0,n.Z)({},e))})}));var re=function(e){let{title:t,children:r,className:n}=e;return(0,s.jsxs)("div",{className:o()("p-6 xl:p-8 pb-4 xl:pb-6 bg-card dark:bg-card-dark rounded-lg shadow-inner text-base text-secondary dark:text-secondary-dark my-8",n),children:[(0,s.jsx)(u.H3,{className:"text-primary dark:text-primary-dark mt-0 mb-3 leading-tight",isPageAnchor:!1,children:t}),r]})};const ne=(0,c.memo)((function(e){return(0,s.jsx)("svg",(0,l.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",width:"1.33em",height:"1.33em",viewBox:"0 -2 24 24",fill:"currentColor"},e),{children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"})}))})),le=(0,c.memo)((function(e){return(0,s.jsx)("svg",(0,l.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",width:"1.33em",height:"1.33em",viewBox:"0 -2 24 24",fill:"currentColor"},e),{children:(0,s.jsx)("path",{d:"M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"})}))})),ae=(0,c.memo)((function(e){return(0,s.jsxs)("svg",(0,l.Z)((0,n.Z)({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"1.33em",height:"1.33em",fill:"currentColor"},e),{children:[(0,s.jsx)("path",{fill:"none",d:"M0 0h24v24H0z"}),(0,s.jsx)("path",{d:"M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"})]}))}));const se=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsx)("svg",{className:t,width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M2.40299 2.61279H14.403C14.5798 2.61279 14.7494 2.68303 14.8744 2.80806C14.9994 2.93308 15.0697 3.10265 15.0697 3.27946V13.9461C15.0697 14.1229 14.9994 14.2925 14.8744 14.4175C14.7494 14.5426 14.5798 14.6128 14.403 14.6128H2.40299C2.22618 14.6128 2.05661 14.5426 1.93159 14.4175C1.80657 14.2925 1.73633 14.1229 1.73633 13.9461V3.27946C1.73633 3.10265 1.80657 2.93308 1.93159 2.80806C2.05661 2.68303 2.22618 2.61279 2.40299 2.61279ZM8.403 10.6128V11.9461H12.403V10.6128H8.403ZM6.01233 8.61279L4.12699 10.4981L5.06966 11.4415L7.89833 8.61279L5.06966 5.78413L4.12699 6.72746L6.01233 8.61279Z",fill:"currentColor"})})})),ie=(0,c.memo)((function(e){let{className:t}=e;return(0,s.jsxs)("svg",{className:t,width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.40382 15.3671C5.03332 15.1901 4.70081 14.9381 4.42481 14.6286C4.34831 14.5431 4.23931 14.5001 4.12981 14.5206L3.66181 14.6081C3.33531 14.6691 3.02032 14.4361 2.96232 14.0876L1.30981 4.12512C1.28181 3.95662 1.31731 3.7861 1.40981 3.6456C1.50231 3.5051 1.64082 3.41162 1.79932 3.38162L3.22131 3.00012C3.37681 2.97062 3.48981 2.82761 3.48981 2.65961V1.9101C3.48981 1.8276 3.49381 1.74561 3.49931 1.66461C3.50931 1.53461 3.35181 1.57211 3.35181 1.57211L1.64381 2.0076C1.18481 2.0936 0.751316 2.32662 0.451316 2.70612C0.0808162 3.17362 -0.0686885 3.77259 0.0293115 4.36459L1.68231 14.3281C1.84531 15.3081 2.65031 16.0001 3.55631 16.0001C3.66531 16.0001 3.77631 15.9896 3.88731 15.9691L5.36632 15.6916C5.52332 15.6626 5.54982 15.4366 5.40382 15.3671ZM14.9331 4.55801H12.9116C12.1351 4.55801 11.5001 3.91502 11.5001 3.12952V1.06802C11.5001 0.480524 11.0196 0 10.4321 0H7.44161C6.36911 0 5.50011 0.879508 5.50011 1.96451V12.1665C5.50011 13.179 6.33412 14 7.36262 14H14.1371C15.1661 14 16.0001 13.179 16.0001 12.1665V5.625C16.0001 5.038 15.5201 4.55801 14.9331 4.55801Z",fill:"currentColor"})," ",(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5888 0.0914385C12.4493 0.00843847 12.5158 0.252449 12.5158 0.252449C12.5653 0.428449 12.5918 0.613451 12.5918 0.804451V2.90296C12.5918 3.17646 12.8158 3.40046 13.0903 3.40046H15.1718C15.3883 3.40046 15.5968 3.43495 15.7918 3.49845C15.7918 3.49845 15.9373 3.50844 15.9008 3.43494C15.8383 3.33744 15.7673 3.24494 15.6833 3.16044L12.8303 0.289467C12.7558 0.214467 12.6743 0.149438 12.5888 0.0914385Z",fill:"currentColor"})]})}));function oe(e){let{type:t}=e;switch(t){case"warning":return(0,s.jsx)("span",{className:"text-yellow-50 bg-none mr-1",children:"Warning: "});case"error":return(0,s.jsx)("span",{className:"text-red-40 mr-1",children:"Error: "});default:return null}}var ce=function(e){let t,{level:r="info",children:n}=e;if("string"===typeof n)t=n;else{if(!(0,c.isValidElement)(n)||"string"!==typeof n.props.children)throw Error("Expected TerminalBlock children to be a plain string.");t=n.props.children}const{0:l,1:a}=(0,c.useState)(!1);return(0,c.useEffect)((()=>{if(l){const e=setTimeout((()=>{a(!1)}),2e3);return()=>clearTimeout(e)}}),[l]),(0,s.jsxs)("div",{className:"rounded-lg bg-secondary dark:bg-gray-50 h-full",children:[(0,s.jsx)("div",{className:"bg-gray-90 dark:bg-gray-60 w-full rounded-t-lg",children:(0,s.jsxs)("div",{className:"text-primary-dark dark:text-primary-dark flex text-sm px-4 py-0.5 relative justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(se,{className:"inline-flex mr-2 self-center"})," Terminal"]}),(0,s.jsx)("div",{children:(0,s.jsxs)("button",{className:"w-full text-left text-primary-dark dark:text-primary-dark ",onClick:()=>{window.navigator.clipboard.writeText(null!==t&&void 0!==t?t:""),a(!0)},children:[(0,s.jsx)(ie,{className:"inline-flex mr-2 self-center"})," ",l?"Copied":"Copy"]})})]})}),(0,s.jsxs)("div",{className:"px-8 pt-4 pb-6 text-primary-dark dark:text-primary-dark font-mono text-code whitespace-pre",children:[(0,s.jsx)(oe,{type:r}),t]})]})},de=r(8369);const he=e=>(0,s.jsx)("li",(0,n.Z)({className:"leading-relaxed mb-1"},e)),xe=e=>(0,s.jsx)("ul",(0,n.Z)({className:"ml-6 my-3 list-disc"},e));function me(e){let{author:t="Gokhan Kurt",authorLink:r="https://gkurt.com/"}=e;return(0,s.jsx)("div",{className:"sr-only group-hover:not-sr-only group-focus-within:not-sr-only hover:sr-only",children:(0,s.jsx)("p",{className:"bg-card dark:bg-card-dark text-center text-sm text-secondary dark:text-secondary-dark leading-tight p-2 rounded-lg absolute left-1/2 top-0 -translate-x-1/2 -translate-y-full group-hover:flex group-hover:opacity-100 after:content-[''] after:absolute after:left-1/2 after:top-[95%] after:-translate-x-1/2 after:border-8 after:border-x-transparent after:border-b-transparent after:border-t-card after:dark:border-t-card-dark opacity-0 transition-opacity duration-300",children:(0,s.jsxs)("cite",{children:["Illustrated by"," ",r?(0,s.jsx)("a",{target:"_blank",rel:"noreferrer",className:"text-link dark:text-link-dark",href:r,children:t}):t]})})})}const ue=c.createContext({isInBlock:!1});const pe={isInBlock:!0};function ge(e){let{items:t}=e;return(0,s.jsx)(xe,{children:t.map((e=>(0,s.jsxs)(he,{children:[(0,s.jsx)(X,{href:e.item.url,children:e.item.text}),e.children.length>0&&(0,s.jsx)(ge,{items:e.children})]},e.item.url)))})}const fe={p:e=>(0,s.jsx)("p",(0,n.Z)({className:"whitespace-pre-wrap my-4"},e)),strong:e=>(0,s.jsx)("strong",(0,n.Z)({className:"font-bold"},e)),blockquote:e=>{var{children:t}=e,r=(0,a.Z)(e,["children"]);return(0,s.jsx)("blockquote",(0,l.Z)((0,n.Z)({className:"mdx-blockquote py-4 px-8 my-8 shadow-inner bg-highlight dark:bg-highlight-dark bg-opacity-50 rounded-lg leading-6 flex relative"},r),{children:(0,s.jsx)("span",{className:"block relative",children:t})}))},ol:e=>(0,s.jsx)("ol",(0,n.Z)({className:"ml-6 my-3 list-decimal"},e)),ul:xe,li:he,h1:u.H1,h2:u.H2,h3:u.H3,h4:u.H4,hr:()=>(0,s.jsx)("hr",{className:"my-6 block border-b border-t-0 border-border dark:border-border-dark"}),a:X,code:Y,pre:Z,CodeDiagram:function(e){let{children:t,flip:r=!1}=e;const a=c.Children.toArray(t).filter((e=>"img"===e.type)),i=c.Children.toArray(t).map(((e,t)=>{var r;let a=null;return a="pre"===(null===(r=e.type)||void 0===r?void 0:r.mdxName)?(0,s.jsx)(Z,(0,l.Z)((0,n.Z)({},e.props),{noMargin:!0,noMarkers:!0})):"img"===e.type?null:e,(0,s.jsx)(c.Fragment,{children:a},t)}));return r?(0,s.jsxs)("section",{className:"my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[a,(0,s.jsx)("div",{className:"flex flex-col justify-center",children:i})]}):(0,s.jsxs)("section",{className:"my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[(0,s.jsx)("div",{className:"flex flex-col justify-center",children:i}),(0,s.jsx)("div",{className:"py-4",children:a})]})},ConsoleBlock:S,DeepDive:e=>(0,s.jsx)(U,(0,l.Z)((0,n.Z)({},e),{type:"DeepDive"})),Diagram:V,DiagramGroup:I,FullWidth(e){let{children:t}=e;return t},MaxWidth(e){let{children:t}=e;return(0,s.jsx)("div",{className:"max-w-4xl ml-0 2xl:mx-auto",children:t})},Pitfall:e=>{let{children:t}=e;return(0,s.jsx)(A,{type:"pitfall",children:t})},Deprecated:e=>{let{children:t}=e;return(0,s.jsx)(A,{type:"deprecated",children:t})},Wip:e=>{let{children:t}=e;return(0,s.jsx)(A,{type:"wip",children:t})},HomepageHero:G,Illustration:function(e){let{caption:t,src:r,alt:n,author:l,authorLink:a}=e;const{isInBlock:i}=c.useContext(ue);return(0,s.jsxs)("div",{className:"relative group before:absolute before:-inset-y-16 before:inset-x-0 my-16 mx-0 2xl:mx-auto max-w-4xl 2xl:max-w-6xl",children:[(0,s.jsxs)("figure",{className:"my-8 flex justify-center",children:[(0,s.jsx)("img",{src:r,alt:n,style:{maxHeight:300},className:"bg-white rounded-lg"}),t?(0,s.jsx)("figcaption",{className:"text-center leading-tight mt-4",children:t}):null]}),!i&&(0,s.jsx)(me,{author:l,authorLink:a})]})},IllustrationBlock:function(e){let{sequential:t,author:r,authorLink:n,children:l}=e;const a=c.Children.toArray(l).map((e=>e.props)).map(((e,t)=>(0,s.jsxs)("figure",{children:[(0,s.jsx)("div",{className:"bg-white rounded-lg p-4 flex-1 flex xl:p-6 justify-center items-center my-4",children:(0,s.jsx)("img",{src:e.src,alt:e.alt,height:e.height})}),e.caption?(0,s.jsx)("figcaption",{className:"text-secondary dark:text-secondary-dark text-center leading-tight mt-4",children:e.caption}):null]},t)));return(0,s.jsx)(ue.Provider,{value:pe,children:(0,s.jsxs)("div",{className:"relative group before:absolute before:-inset-y-16 before:inset-x-0 my-16 mx-0 2xl:mx-auto max-w-4xl 2xl:max-w-6xl",children:[t?(0,s.jsx)("ol",{className:"mdx-illustration-block flex",children:a.map(((e,t)=>(0,s.jsx)("li",{className:"flex-1",children:e},t)))}):(0,s.jsx)("div",{className:"mdx-illustration-block",children:a}),(0,s.jsx)(me,{author:r,authorLink:n})]})})},Intro:q,InlineToc:function(){const e=(0,c.useContext)(de.d),t=(0,c.useMemo)((()=>function(e){const t=new Map,r={item:null,children:[]};for(let n=1;n{let{children:t}=e;return(0,s.jsx)(A,{type:"note",children:t})},PackageImport:function(e){let{children:t}=e;const r=c.Children.toArray(t).filter((e=>{var t;return"pre"!==(null===(t=e.type)||void 0===t?void 0:t.mdxName)})),a=c.Children.toArray(t).map(((e,t)=>{var r;return"pre"===(null===(r=e.type)||void 0===r?void 0:r.mdxName)?(0,c.createElement)(Z,(0,l.Z)((0,n.Z)({},e.props),{isFromPackageImport:!0,key:t,noMargin:!0,noMarkers:!0})):null}));return(0,s.jsxs)("section",{className:"my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4",children:[(0,s.jsx)("div",{className:"flex flex-col justify-center",children:r}),(0,s.jsx)("div",{className:"flex flex-col justify-center",children:a})]})},ReadBlogPost:function(e){let{path:t}=e;return(0,s.jsxs)(x,{className:"mt-1",label:"Read Post",href:t,type:"primary",children:["Read Post",(0,s.jsx)(m.s,{displayDirection:"right",className:"inline ml-1"})]})},Recap:Q,Recipes:function(e){return(0,s.jsx)(N,(0,l.Z)((0,n.Z)({},e),{isRecipes:!0}))},Sandpack:te,TeamMember:function(e){let{name:t,title:r,permalink:n,children:l,photo:a,github:i,twitter:o,personal:c}=e;var d,h,x;if(null==t||null==r||null==n||null==l)throw new Error(null!==(x=null!==(h=null!==(d="Expected name, title, permalink, and children for "+t)&&void 0!==d?d:r)&&void 0!==h?h:n)&&void 0!==x?x:"unknown");return(0,s.jsx)("div",{className:"pb-6 sm:pb-10",children:(0,s.jsxs)("div",{className:"flex flex-col sm:flex-row height-auto",children:[(0,s.jsx)("div",{className:"hidden sm:block basis-2/5 rounded overflow-hidden relative",style:{width:300,height:250},children:(0,s.jsx)(T(),{src:a,layout:"fill",objectFit:"cover",alt:t})}),(0,s.jsx)("div",{style:{minHeight:300},className:"block w-full sm:hidden flex-grow basis-2/5 rounded overflow-hidden relative",children:(0,s.jsx)(T(),{src:a,layout:"fill",objectFit:"cover",alt:t})}),(0,s.jsxs)("div",{className:"pl-0 sm:pl-6 basis-3/5 items-start",children:[(0,s.jsx)(u.H3,{className:"mb-1 sm:my-0",id:n,children:t}),r&&(0,s.jsx)("div",{children:r}),l,(0,s.jsxs)("div",{className:"sm:flex sm:flex-row",children:[o&&(0,s.jsx)("div",{className:"mr-4",children:(0,s.jsxs)(K.d,{"aria-label":"React on Twitter",href:"https://twitter.com/".concat(o),className:"hover:text-primary dark:text-primary-dark flex flex-row items-center",children:[(0,s.jsx)(ae,{className:"pr-2"}),o]})}),i&&(0,s.jsx)("div",{className:"mr-4",children:(0,s.jsxs)(K.d,{"aria-label":"GitHub Profile",href:"https://github.com/".concat(i),className:"hover:text-primary dark:text-primary-dark flex flex-row items-center",children:[(0,s.jsx)(le,{className:"pr-2"})," ",i]})}),c&&(0,s.jsxs)(K.d,{"aria-label":"Personal Site",href:"https://".concat(c),className:"hover:text-primary dark:text-primary-dark flex flex-row items-center",children:[(0,s.jsx)(ne,{className:"pr-2"})," ",c]})]})]})]})})},TerminalBlock:ce,YouWillLearn:function(e){let{children:t,isChapter:r}=e,n=r?"In this chapter":"You will learn";return(0,s.jsx)(re,{title:n,children:t})},YouWillLearnCard:W,Challenges:N,Hint:function(e){let{children:t}=e;return(0,s.jsx)("div",{children:t})},Solution:function(e){let{children:t}=e;return(0,s.jsx)("div",{children:t})},CodeStep:function(e){let{children:t,step:r}=e;return(0,s.jsx)("span",{"data-step":r,className:o()("code-step bg-opacity-10 dark:bg-opacity-20 relative rounded px-[6px] py-[1.5px] border-b-[2px] border-opacity-60",{"bg-blue-40 border-blue-40 text-blue-60 dark:text-blue-30":1===r,"bg-yellow-40 border-yellow-40 text-yellow-60 dark:text-yellow-30":2===r,"bg-purple-40 border-purple-40 text-purple-60 dark:text-purple-30":3===r,"bg-green-40 border-green-40 text-green-60 dark:text-green-30":4===r}),children:t})},YouTubeIframe:function(e){return(0,s.jsx)("div",{className:"relative h-0 overflow-hidden pt-[56.25%]",children:(0,s.jsx)("iframe",(0,n.Z)({className:"absolute inset-0 w-full h-full",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,title:"YouTube video player"},e))})},Sponsor:function(e){let{title:t,image:r,link:n,className:l,children:a}=e;return(0,s.jsxs)("a",{href:n,rel:"noopener noreferrer",target:"_blank",className:o()(l,"text-base flex-row leading-tight font-bold border rounded-md m-3 py-5 px-5 inline-flex items-center my-1 min-w-[240px] hover:shadow-md"),children:[(0,s.jsx)("img",{src:r,alt:t,className:"w-16 h-16 mr-4"}),(0,s.jsxs)("div",{className:"flex-col",children:[(0,s.jsx)("div",{className:"text-lg font-bold",children:t}),!!a&&(0,s.jsx)("div",{className:"text-sm",children:a})]})]})}};for(let be in fe)if(fe.hasOwnProperty(be)){fe[be].mdxName=be}},5981:function(e,t,r){r.d(t,{b:function(){return n}});const n=e=>e.reduce(((e,t)=>{if("pre"!==t.type.mdxName)return e;const{props:r}=t.props.children;let n,l=!1,a=!1;if(r.meta){const e=r.meta.split(" ");e.includes("hidden")&&(l=!0,e.splice(e.indexOf("hidden"),1)),e.includes("active")&&(a=!0,e.splice(e.indexOf("active"),1)),e[0]&&(n="/"+e[0])}if(!n)if(r.className.includes("language-js"))n="/App.js";else if(r.className.includes("language-css"))n="/styles.css";else{if(!r.className.includes("language-html"))throw new Error("Code block is missing a filename: ".concat(r.children));n="/index.html"}if(e[n])throw new Error("File ".concat(n," was defined multiple times. Each file snippet should have a unique path name"));return e[n]={code:r.children||"",hidden:l,active:a},e}),{})},8369:function(e,t,r){r.d(t,{d:function(){return n}});const n=(0,r(7294).createContext)([])},8711:function(e,t){t.Z=window.requestAnimationFrame},1458:function(e){e.exports=JSON.parse('{"title":"Learn ReactUnity","heading":true,"path":"/","routes":[{"heading":true,"path":"","routes":[{"title":"Overview","path":"/"},{"title":"Quick Start","path":"/learn"},{"title":"Supported UI Backends","path":"/learn/ui-backends"},{"hasSectionHeader":true,"sectionHeader":"How to"},{"title":"React - C# communication (Interop)","path":"/learn/howto/interop"},{"title":"Extend ReactUnity","path":"/learn/howto/extending"},{"title":"Debugging React code","path":"/learn/howto/debug"},{"title":"Using custom fonts","path":"/learn/howto/fonts"},{"hasSectionHeader":true,"sectionHeader":"Misc"},{"title":"Showcase","path":"/learn/misc/showcase"},{"title":"Sponsors & Donations","path":"/learn/misc/sponsors"},{"title":"About the documentation","path":"/learn/misc/about"},{"title":"FAQ","path":"/learn/misc/faq"}]}]}')},1387:function(e){e.exports=JSON.parse('{"title":"Reference","heading":true,"path":"/reference","routes":[{"heading":true,"path":"","routes":[{"title":"ReactUnity APIs","path":"/reference","routes":[{"title":"render()","path":"/reference/api/render"},{"title":"useGlobals()","path":"/reference/api/useglobals"}]},{"hasSectionHeader":true,"sectionHeader":"Components"},{"title":"Components","path":"/reference/components","routes":[{"title":"view","path":"/reference/components/view"},{"title":"text","path":"/reference/components/text"},{"title":"button","path":"/reference/components/button"},{"title":"anchor","path":"/reference/components/anchor"},{"title":"scroll","path":"/reference/components/scroll"},{"title":"icon","path":"/reference/components/icon"},{"title":"image","path":"/reference/components/image"},{"title":"input","path":"/reference/components/input"},{"title":"toggle","path":"/reference/components/toggle"},{"title":"html","path":"/reference/components/html"},{"title":"rawimage","path":"/reference/components/rawimage"},{"title":"script","path":"/reference/components/script"},{"title":"style","path":"/reference/components/style"},{"title":"svg","path":"/reference/components/svg"},{"title":"video","path":"/reference/components/video"}]},{"hasSectionHeader":true,"sectionHeader":"Styling"},{"title":"CSS Properties","path":"/reference/css","routes":[{"title":"Animation","path":"/reference/css/animation"},{"title":"Appearance","path":"/reference/css/appearance"},{"title":"Audio","path":"/reference/css/audio"},{"title":"Background Color","path":"/reference/css/background-color"},{"title":"Background Image","path":"/reference/css/background-image"},{"title":"Border Color","path":"/reference/css/border-color"},{"title":"Border Radius","path":"/reference/css/border-radius"},{"title":"Border Width","path":"/reference/css/border-width"},{"title":"Box Shadow","path":"/reference/css/box-shadow"},{"title":"Color","path":"/reference/css/color"},{"title":"Content","path":"/reference/css/content"},{"title":"Cursor","path":"/reference/css/cursor"},{"title":"Mask Image","path":"/reference/css/mask-image"},{"title":"Opacity","path":"/reference/css/opacity"},{"title":"Pointer Events","path":"/reference/css/pointer-events"},{"title":"Rotate","path":"/reference/css/rotate"},{"title":"Scale","path":"/reference/css/scale"},{"title":"Transform Origin","path":"/reference/css/transform-origin"},{"title":"Transition","path":"/reference/css/transition"},{"title":"Translate","path":"/reference/css/translate"},{"title":"Visibility","path":"/reference/css/visibility"},{"title":"Z Index","path":"/reference/css/z-index"}]},{"title":"CSS Media Queries","path":"/reference/media-queries"},{"hasSectionHeader":true,"sectionHeader":"Material Components"},{"title":"Material Components","path":"/reference/material","routes":[{"title":"Button","path":"/reference/material/button"},{"title":"Dialogs","path":"/reference/material/dialogs"},{"title":"Paper","path":"/reference/material/paper"},{"title":"Card","path":"/reference/material/card"},{"title":"Text Field","path":"/reference/material/text-field"},{"title":"Select","path":"/reference/material/select"},{"title":"Toggle","path":"/reference/material/toggle"},{"title":"Tooltip","path":"/reference/material/tooltip"},{"title":"Accordion","path":"/reference/material/accordion"},{"title":"Slider","path":"/reference/material/slider"},{"title":"Virtual Scroll","path":"/reference/material/virtual-scroll"}]}]}]}')}}]); \ No newline at end of file diff --git a/_next/static/chunks/webpack-b212fe007f90fbca.js b/_next/static/chunks/webpack-45f3eba82234d9ed.js similarity index 97% rename from _next/static/chunks/webpack-b212fe007f90fbca.js rename to _next/static/chunks/webpack-45f3eba82234d9ed.js index b96f1af..acde2dd 100644 --- a/_next/static/chunks/webpack-b212fe007f90fbca.js +++ b/_next/static/chunks/webpack-45f3eba82234d9ed.js @@ -1 +1 @@ -!function(){"use strict";var e={},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var u=t[r]={id:r,loaded:!1,exports:{}},i=!0;try{e[r].call(u.exports,u,u.exports,n),i=!1}finally{i&&delete t[r]}return u.loaded=!0,u.exports}n.m=e,function(){var e=[];n.O=function(t,r,o,u){if(!r){var i=1/0;for(d=0;d=u)&&Object.keys(n.O).every((function(e){return n.O[e](r[a])}))?r.splice(a--,1):(c=!1,u0&&e[d-1][2]>u;d--)e[d]=e[d-1];e[d]=[r,o,u]}}(),n.F={},n.E=function(e){Object.keys(n.F).map((function(t){n.F[t](e)}))},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},function(){var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};n.t=function(r,o){if(1&o&&(r=this(r)),8&o)return r;if("object"===typeof r&&r){if(4&o&&r.__esModule)return r;if(16&o&&"function"===typeof r.then)return r}var u=Object.create(null);n.r(u);var i={};e=e||[null,t({}),t([]),t(t)];for(var c=2&o&&r;"object"==typeof c&&!~e.indexOf(c);c=t(c))Object.getOwnPropertyNames(c).forEach((function(e){i[e]=function(){return r[e]}}));return i.default=function(){return r},n.d(u,i),u}}(),n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return"static/chunks/"+({33:"ab6e12f8",762:"4ad82c5e",880:"ff39441c",964:"c46c4a8f"}[e]||e)+"."+{20:"1b087eada0ea5d3c",33:"95cb3a9bdcb4938c",187:"30137e73dc3a60cd",205:"f7efc3ecd3ae079e",384:"a922f524c21c0b21",432:"1ed231de8cb7727a",644:"3b2a0f63f9226664",762:"5a6960e8358c7f2e",800:"13b2131f3c9f5067",880:"d900f6e7e31618ed",964:"9af88039c5394f7f",967:"a18e2793ca50014d",972:"950087fbd9cadbf8"}[e]+".js"},n.miniCssF=function(e){return"static/css/65b32618f2069661.css"},n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={},t="_N_E:";n.l=function(r,o,u,i){if(e[r])e[r].push(o);else{var c,a;if(void 0!==u)for(var f=document.getElementsByTagName("script"),d=0;d=u)&&Object.keys(n.O).every((function(e){return n.O[e](r[a])}))?r.splice(a--,1):(c=!1,u0&&e[d-1][2]>u;d--)e[d]=e[d-1];e[d]=[r,o,u]}}(),n.F={},n.E=function(e){Object.keys(n.F).map((function(t){n.F[t](e)}))},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},function(){var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};n.t=function(r,o){if(1&o&&(r=this(r)),8&o)return r;if("object"===typeof r&&r){if(4&o&&r.__esModule)return r;if(16&o&&"function"===typeof r.then)return r}var u=Object.create(null);n.r(u);var i={};e=e||[null,t({}),t([]),t(t)];for(var c=2&o&&r;"object"==typeof c&&!~e.indexOf(c);c=t(c))Object.getOwnPropertyNames(c).forEach((function(e){i[e]=function(){return r[e]}}));return i.default=function(){return r},n.d(u,i),u}}(),n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return"static/chunks/"+({33:"ab6e12f8",762:"4ad82c5e",880:"ff39441c",964:"c46c4a8f"}[e]||e)+"."+{20:"1b087eada0ea5d3c",33:"95cb3a9bdcb4938c",187:"30137e73dc3a60cd",205:"f7efc3ecd3ae079e",384:"a922f524c21c0b21",432:"1ed231de8cb7727a",644:"3b2a0f63f9226664",762:"5a6960e8358c7f2e",800:"65b1bd2eef8dfca1",880:"d900f6e7e31618ed",964:"9af88039c5394f7f",967:"a18e2793ca50014d",972:"950087fbd9cadbf8"}[e]+".js"},n.miniCssF=function(e){return"static/css/e29d3aa9204507ce.css"},n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={},t="_N_E:";n.l=function(r,o,u,i){if(e[r])e[r].push(o);else{var c,a;if(void 0!==u)for(var f=document.getElementsByTagName("script"),d=0;dcode{color:#087ea4!important;text-decoration:none!important}html.dark a>code{color:#149eca!important}.text-code{font-size:calc(1em - 10%)!important}details,table{margin-bottom:1rem}table{width:100%;display:block;overflow-x:auto}table td,table th{padding:.75rem;vertical-align:top;border:1px solid #dee2e6;overflow:auto}img{max-width:calc(min(700px, 100%))}summary::-webkit-details-marker{display:none}html .no-bg-scrollbar{scrollbar-color:rgba(0,0,0,.2) transparent}html.dark .no-bg-scrollbar{scrollbar-color:hsla(0,0%,100%,.2) transparent}html .no-bg-scrollbar::-webkit-scrollbar,html .no-bg-scrollbar::-webkit-scrollbar-track{background-color:transparent}html .no-bg-scrollbar:active::-webkit-scrollbar-thumb,html .no-bg-scrollbar:focus-within::-webkit-scrollbar-thumb,html .no-bg-scrollbar:focus::-webkit-scrollbar-thumb,html .no-bg-scrollbar:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border:4px solid transparent;background-clip:content-box;border-radius:10px}html .no-bg-scrollbar::-webkit-scrollbar-thumb:active,html .no-bg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.35)!important}html.dark .no-bg-scrollbar:active::-webkit-scrollbar-thumb,html.dark .no-bg-scrollbar:focus-within::-webkit-scrollbar-thumb,html.dark .no-bg-scrollbar:focus::-webkit-scrollbar-thumb,html.dark .no-bg-scrollbar:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2)}html.dark .no-bg-scrollbar::-webkit-scrollbar-thumb:active,html.dark .no-bg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.35)!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-8{left:-2rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-\[2px\]{left:2px}.right-0{right:0}.top-0{top:0}.top-12{top:3rem}.top-8{top:2rem}.top-\[1px\],.top-px{top:1px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.order-2{order:2}.order-last{order:9999}.m-3{margin:.75rem}.m-4{margin:1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-\[406px\]{max-height:406px}.max-h-\[calc\(100vh-7\.5rem\)\]{max-height:calc(100vh - 7.5rem)}.min-h-\[192px\]{min-height:192px}.min-h-\[216px\]{min-height:216px}.min-h-\[28px\]{min-height:28px}.min-h-\[32px\]{min-height:32px}.min-h-\[400px\]{min-height:400px}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[240px\]{min-width:240px}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-xs{max-width:21rem}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-\[2\]{flex-grow:2}.basis-2\/5{flex-basis:40%}.basis-3\/5{flex-basis:60%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-only-content{grid-template-columns:auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-8{row-gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-b-\[2px\]{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-blue-40{--tw-border-opacity:1;border-color:rgb(20 158 202/var(--tw-border-opacity))}.border-border,.border-gray-10{--tw-border-opacity:1;border-color:rgb(235 236 240/var(--tw-border-opacity))}.border-gray-20{--tw-border-opacity:1;border-color:rgb(188 193 205/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-green-40{--tw-border-opacity:1;border-color:rgb(68 172 153/var(--tw-border-opacity))}.border-green-50{--tw-border-opacity:1;border-color:rgb(56 143 127/var(--tw-border-opacity))}.border-link{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.border-purple-10{--tw-border-opacity:1;border-color:rgb(231 233 251/var(--tw-border-opacity))}.border-purple-40{--tw-border-opacity:1;border-color:rgb(107 117 219/var(--tw-border-opacity))}.border-purple-50{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.border-red-40{--tw-border-opacity:1;border-color:rgb(193 85 77/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-yellow-40{--tw-border-opacity:1;border-color:rgb(219 125 39/var(--tw-border-opacity))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(199 106 21/var(--tw-border-opacity))}.border-opacity-0{--tw-border-opacity:0}.border-opacity-60{--tw-border-opacity:0.6}.bg-blue-40{--tw-bg-opacity:1;background-color:rgb(20 158 202/var(--tw-bg-opacity))}.bg-card{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity))}.bg-card-dark{--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}.bg-github-highlight{--tw-bg-opacity:1;background-color:rgb(255 251 221/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-30{--tw-bg-opacity:1;background-color:rgb(153 161 179/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-5{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity))}.bg-gray-90{--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.bg-green-40{--tw-bg-opacity:1;background-color:rgb(68 172 153/var(--tw-bg-opacity))}.bg-green-5{--tw-bg-opacity:1;background-color:rgb(244 251 249/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(56 143 127/var(--tw-bg-opacity))}.bg-highlight{--tw-bg-opacity:1;background-color:rgb(231 233 251/var(--tw-bg-opacity))}.bg-link{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.bg-purple-40{--tw-bg-opacity:1;background-color:rgb(107 117 219/var(--tw-bg-opacity))}.bg-purple-5{--tw-bg-opacity:1;background-color:rgb(243 244 253/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.bg-red-30{--tw-bg-opacity:1;background-color:rgb(208 125 119/var(--tw-bg-opacity))}.bg-red-40{--tw-bg-opacity:1;background-color:rgb(193 85 77/var(--tw-bg-opacity))}.bg-red-5{--tw-bg-opacity:1;background-color:rgb(250 241 240/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}.bg-secondary-button{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-wash,.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-40{--tw-bg-opacity:1;background-color:rgb(219 125 39/var(--tw-bg-opacity))}.bg-yellow-5{--tw-bg-opacity:1;background-color:rgb(254 245 231/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(199 106 21/var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-5{--tw-bg-opacity:0.05}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-none{background-image:none}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[1\.5px\]{padding-top:1.5px;padding-bottom:1.5px}.py-\[18px\]{padding-top:18px;padding-bottom:18px}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[22px\]{padding-top:22px}.pt-\[56\.25\%\]{padding-top:56.25%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:24px}.text-3xl{font-size:28px}.text-5xl{font-size:40px}.text-\[13\.6px\]{font-size:13.6px}.text-base{font-size:15px}.text-code{font-size:calc(1em - 20%)}.text-lg{font-size:17px}.text-sm{font-size:13px}.text-xl{font-size:20px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-\[20px\]{line-height:20px}.leading-base{line-height:30px}.leading-large{line-height:38px}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-blue-30{--tw-text-opacity:1;color:rgb(88 196 220/var(--tw-text-opacity))}.text-blue-60{--tw-text-opacity:1;color:rgb(4 89 117/var(--tw-text-opacity))}.text-gray-30{--tw-text-opacity:1;color:rgb(153 161 179/var(--tw-text-opacity))}.text-gray-40{--tw-text-opacity:1;color:rgb(120 131 155/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-70{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.text-gray-90{--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.text-green-30{--tw-text-opacity:1;color:rgb(127 204 191/var(--tw-text-opacity))}.text-green-60{--tw-text-opacity:1;color:rgb(43 110 98/var(--tw-text-opacity))}.text-link{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.text-link-dark{--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(246 247 249/var(--tw-text-opacity))}.text-purple-30{--tw-text-opacity:1;color:rgb(136 145 236/var(--tw-text-opacity))}.text-purple-40{--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.text-purple-50{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.text-purple-60{--tw-text-opacity:1;color:rgb(43 52 145/var(--tw-text-opacity))}.text-red-40{--tw-text-opacity:1;color:rgb(193 85 77/var(--tw-text-opacity))}.text-red-50{--tw-text-opacity:1;color:rgb(166 66 58/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.text-secondary-dark{--tw-text-opacity:1;color:rgb(235 236 240/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-30{--tw-text-opacity:1;color:rgb(250 189 98/var(--tw-text-opacity))}.text-yellow-50{--tw-text-opacity:1;color:rgb(199 106 21/var(--tw-text-opacity))}.text-yellow-60{--tw-text-opacity:1;color:rgb(182 87 0/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 1px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 1px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0px 0.8px 2px rgba(0,0,0,.032),0px 2.7px 6.7px rgba(0,0,0,.048),0px 12px 30px rgba(0,0,0,.08);--tw-shadow-colored:0px 0.8px 2px var(--tw-shadow-color),0px 2.7px 6.7px var(--tw-shadow-color),0px 12px 30px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.code-step *{color:inherit!important}.code-step code{background:none!important;padding:2px!important}html.dark .code-step *{color:inherit!important}.mdx-heading{scroll-margin-top:3.5em;padding-right:1em}@media (min-width:1024px){.mdx-heading{scroll-margin-top:1em}}.mdx-heading:before{height:6rem;margin-top:-6rem;visibility:hidden;content:""}.mdx-heading .mdx-header-anchor{height:0;width:0}.mdx-heading .mdx-header-anchor svg{display:inline;visibility:hidden}.mdx-heading .mdx-header-anchor:focus svg,.mdx-heading:hover .mdx-header-anchor svg{visibility:visible}.mdx-blockquote>span>p:first-of-type{margin-bottom:0}.mdx-blockquote>span>p:last-of-type{margin-bottom:1rem}.mdx-illustration-block{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:stretch;gap:42px}ol.mdx-illustration-block{gap:60px}.mdx-illustration-block li{display:flex;align-items:flex-start;align-content:stretch;justify-content:space-around;position:relative;padding:1rem}.mdx-illustration-block figure{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:space-between;position:relative;height:100%}.mdx-illustration-block li:after{content:" ";display:block;position:absolute;top:50%;right:100%;transform:translateY(-50%);width:60px;height:49px;background:50%/contain no-repeat url(/images/g_arrow.png)}.mdx-illustration-block li:first-child:after{content:" ";display:none}.mdx-illustration-block img{max-height:250px;width:100%}@media (max-width:680px){.mdx-illustration-block{flex-direction:column}.mdx-illustration-block img{max-height:200px;width:auto}.mdx-illustration-block li:after{top:0;left:50%;right:auto;transform:translateX(-50%) translateY(-100%) rotate(90deg)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-y-16:before{content:var(--tw-content);top:-4rem;bottom:-4rem}.before\:inset-x-0:before{content:var(--tw-content);left:0;right:0}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-\[95\%\]:after{content:var(--tw-content);top:95%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:border-8:after{content:var(--tw-content);border-width:8px}.after\:border-x-transparent:after{content:var(--tw-content);border-left-color:transparent;border-right-color:transparent}.after\:border-b-transparent:after{content:var(--tw-content);border-bottom-color:transparent}.after\:border-t-card:after{content:var(--tw-content);--tw-border-opacity:1;border-top-color:rgb(246 247 249/var(--tw-border-opacity))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:border-none:first-child{border-style:none}.hover\:sr-only:hover{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hover\:border-gray-10:hover{--tw-border-opacity:1;border-color:rgb(235 236 240/var(--tw-border-opacity))}.hover\:border-opacity-100:hover{--tw-border-opacity:1}.hover\:bg-gray-5:hover{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity))}.hover\:bg-highlight:hover{--tw-bg-opacity:1;background-color:rgb(231 233 251/var(--tw-bg-opacity))}.hover\:bg-link:hover{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.hover\:bg-purple-40:hover{--tw-bg-opacity:1;background-color:rgb(107 117 219/var(--tw-bg-opacity))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.hover\:bg-yellow-40:hover{--tw-bg-opacity:1;background-color:rgb(219 125 39/var(--tw-bg-opacity))}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-gray-70:hover{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.hover\:text-link:hover{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.hover\:text-purple-50:hover{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-2:focus{border-width:2px}.focus\:border-link:focus{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.focus\:border-opacity-100:focus{--tw-border-opacity:1}.focus\:bg-highlight:focus{--tw-bg-opacity:1;background-color:rgb(231 233 251/var(--tw-bg-opacity))}.focus\:bg-link:focus,.focus\:bg-purple-50:focus{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.focus\:bg-yellow-50:focus{--tw-bg-opacity:1;background-color:rgb(199 106 21/var(--tw-bg-opacity))}.focus\:text-link:focus{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-40:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 158 202/var(--tw-ring-opacity))}.focus\:ring-link:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(87 95 183/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-4:focus{--tw-ring-offset-width:4px}.active\:border-link:active{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.active\:bg-link:active,.active\:bg-purple-50:active{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.active\:bg-yellow-50:active{--tw-bg-opacity:1;background-color:rgb(199 106 21/var(--tw-bg-opacity))}.active\:text-white:active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.active\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:ring-offset-0:active{--tw-ring-offset-width:0px}.group:focus-within .group-focus-within\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.group:hover .group-hover\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:text-link{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.group:focus .group-focus\:text-opacity-100{--tw-text-opacity:1}:is(.dark .dark\:block){display:block}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:border-border-dark){--tw-border-opacity:1;border-color:rgb(52 58 70/var(--tw-border-opacity))}:is(.dark .dark\:border-card-dark){--tw-border-opacity:1;border-color:rgb(52 58 70/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-90){--tw-border-opacity:1;border-color:rgb(35 39 47/var(--tw-border-opacity))}:is(.dark .dark\:border-link-dark){--tw-border-opacity:1;border-color:rgb(107 117 219/var(--tw-border-opacity))}:is(.dark .dark\:border-purple-30){--tw-border-opacity:1;border-color:rgb(136 145 236/var(--tw-border-opacity))}:is(.dark .dark\:border-purple-60){--tw-border-opacity:1;border-color:rgb(43 52 145/var(--tw-border-opacity))}:is(.dark .dark\:border-yellow-60){--tw-border-opacity:1;border-color:rgb(182 87 0/var(--tw-border-opacity))}:is(.dark .dark\:bg-card-dark){--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-50){--tw-bg-opacity:1;background-color:rgb(94 104 126/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-60){--tw-bg-opacity:1;background-color:rgb(78 87 105/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-70){--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-80){--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-90){--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-95){--tw-bg-opacity:1;background-color:rgb(22 24 29/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-60){--tw-bg-opacity:1;background-color:rgb(43 110 98/var(--tw-bg-opacity))}:is(.dark .dark\:bg-highlight-dark){background-color:rgba(88,175,223,.1)}:is(.dark .dark\:bg-link-dark){--tw-bg-opacity:1;background-color:rgb(107 117 219/var(--tw-bg-opacity))}:is(.dark .dark\:bg-purple-60){--tw-bg-opacity:1;background-color:rgb(43 52 145/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-60){--tw-bg-opacity:1;background-color:rgb(113 45 40/var(--tw-bg-opacity))}:is(.dark .dark\:bg-secondary-button-dark){--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}:is(.dark .dark\:bg-wash-dark){--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-60){--tw-bg-opacity:1;background-color:rgb(182 87 0/var(--tw-bg-opacity))}:is(.dark .dark\:bg-opacity-10){--tw-bg-opacity:0.1}:is(.dark .dark\:bg-opacity-20){--tw-bg-opacity:0.2}:is(.dark .dark\:text-blue-30){--tw-text-opacity:1;color:rgb(88 196 220/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-50){--tw-text-opacity:1;color:rgb(94 104 126/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .dark\:text-green-30){--tw-text-opacity:1;color:rgb(127 204 191/var(--tw-text-opacity))}:is(.dark .dark\:text-green-40){--tw-text-opacity:1;color:rgb(68 172 153/var(--tw-text-opacity))}:is(.dark .dark\:text-link-dark){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}:is(.dark .dark\:text-primary-dark){--tw-text-opacity:1;color:rgb(246 247 249/var(--tw-text-opacity))}:is(.dark .dark\:text-purple-30){--tw-text-opacity:1;color:rgb(136 145 236/var(--tw-text-opacity))}:is(.dark .dark\:text-red-30){--tw-text-opacity:1;color:rgb(208 125 119/var(--tw-text-opacity))}:is(.dark .dark\:text-red-40){--tw-text-opacity:1;color:rgb(193 85 77/var(--tw-text-opacity))}:is(.dark .dark\:text-secondary-dark){--tw-text-opacity:1;color:rgb(235 236 240/var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-30){--tw-text-opacity:1;color:rgb(250 189 98/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-40){--tw-text-opacity:1;color:rgb(219 125 39/var(--tw-text-opacity))}:is(.dark .dark\:shadow-lg-dark){--tw-shadow:0 0 0 1px hsla(0,0%,100%,.15),0px 0.8px 2px rgba(0,0,0,.032),0px 2.7px 6.7px rgba(0,0,0,.048),0px 12px 30px rgba(0,0,0,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0px 0.8px 2px var(--tw-shadow-color),0px 2.7px 6.7px var(--tw-shadow-color),0px 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .after\:dark\:border-t-card-dark):after{content:var(--tw-content);--tw-border-opacity:1;border-top-color:rgb(52 58 70/var(--tw-border-opacity))}:is(.dark .dark\:hover\:bg-gray-70:hover){--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-80:hover){--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-highlight-dark:hover){background-color:rgba(88,175,223,.1)}:is(.dark .dark\:hover\:text-link-dark:hover){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-purple-30:hover){--tw-text-opacity:1;color:rgb(136 145 236/var(--tw-text-opacity))}:is(.dark .dark\:focus\:border-link-dark:focus){--tw-border-opacity:1;border-color:rgb(107 117 219/var(--tw-border-opacity))}:is(.dark .dark\:focus\:bg-highlight-dark:focus){background-color:rgba(88,175,223,.1)}:is(.dark .dark\:focus\:text-link-dark:focus){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}:is(.dark .group:focus .dark\:group-focus\:text-link-dark){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}@media (min-width:640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-1{margin-left:.25rem}.sm\:mr-3{margin-right:.75rem}.sm\:mt-0{margin-top:0}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-28{width:7rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-0{padding:0}.sm\:p-10{padding:2.5rem}.sm\:p-2{padding:.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-7{padding-top:1.75rem}}@media (min-width:768px){.md\:ml-1{margin-left:.25rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-80{width:20rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.md\:p-4{padding:1rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-0{padding-bottom:0}.md\:pt-4{padding-top:1rem}.md\:text-lg{font-size:17px}.md\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:bottom-0{bottom:0}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:mb-3{margin-bottom:.75rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:ml-6{margin-left:1.5rem}.lg\:mt-10{margin-top:2.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:h-screen{height:100vh}.lg\:w-\[336px\]{width:336px}.lg\:w-auto{width:auto}.lg\:max-w-sm{max-width:24rem}.lg\:max-w-xs{max-width:21rem}.lg\:grow{flex-grow:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-sidebar-content{grid-template-columns:20rem auto}.lg\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.lg\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.lg\:border-b{border-bottom-width:1px}.lg\:p-8{padding:2rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:pb-0{padding-bottom:0}.lg\:pr-5{padding-right:1.25rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-5{padding-top:1.25rem}.lg\:text-lg{font-size:17px}.lg\:text-sm{font-size:13px}.lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:order-2{order:2}.xl\:order-last{order:9999}.xl\:w-full{width:100%}.xl\:max-w-xs{max-width:21rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:p-6{padding:1.5rem}.xl\:p-8{padding:2rem}.xl\:pb-6{padding-bottom:1.5rem}}@media (min-width:1536px){.\32xl\:mx-auto{margin-left:auto;margin-right:auto}.\32xl\:block{display:block}.\32xl\:max-w-6xl{max-width:72rem}.\32xl\:max-w-xs{max-width:21rem}.\32xl\:grid-cols-sidebar-content-toc{grid-template-columns:20rem auto 20rem}}@media (hover:hover){.betterhover\:hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}}.sandpack{color-scheme:inherit;-webkit-font-smoothing:antialiased;--sp-space-1:4px;--sp-space-2:8px;--sp-space-3:12px;--sp-space-4:16px;--sp-space-5:20px;--sp-space-6:24px;--sp-space-7:28px;--sp-space-8:32px;--sp-space-9:36px;--sp-space-10:40px;--sp-space-11:44px;--sp-border-radius:4px;--sp-layout-height:300px;--sp-layout-headerHeight:40px;--sp-transitions-default:150ms ease;--sp-zIndices-base:1;--sp-zIndices-overlay:2;--sp-zIndices-top:3;--sp-font-body:Optimistic Display,-apple-system,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--sp-font-mono:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--sp-font-size:calc(1em - 20%);--sp-font-lineHeight:24px}html .sandpack{--sp-colors-accent:#087ea4;--sp-colors-clickable:#959da5;--sp-colors-disabled:#24292e;--sp-colors-error:#811e18;--sp-colors-error-surface:#ffcdca;--sp-colors-surface1:#fff;--sp-colors-surface2:#e4e7eb;--sp-syntax-color-plain:#24292e;--sp-syntax-color-comment:#6a737d;--sp-syntax-color-keyword:#d73a49;--sp-syntax-color-tag:#22863a;--sp-syntax-color-punctuation:#24292e;--sp-syntax-color-definition:#6f42c1;--sp-syntax-color-property:#005cc5;--sp-syntax-color-static:#032f62;--sp-syntax-color-string:#032f62}html.dark .sp-wrapper{--sp-colors-accent:#149eca;--sp-colors-clickable:#999;--sp-colors-disabled:#fff;--sp-colors-error:#811e18;--sp-colors-error-surface:#ffcdca;--sp-colors-surface1:#16181d;--sp-colors-surface2:#343a46;--sp-syntax-color-plain:#fff;--sp-syntax-color-comment:#757575;--sp-syntax-color-keyword:#77b7d7;--sp-syntax-color-tag:#dfab5c;--sp-syntax-color-punctuation:#fff;--sp-syntax-color-definition:#86d9ca;--sp-syntax-color-property:#77b7d7;--sp-syntax-color-static:#c64640;--sp-syntax-color-string:#977cdc}.sandpack .sp-wrapper{width:100%;font-size:var(--sp-font-size);font-family:var(--sp-font-body);line-height:var(--sp-font-lineHeight)}.sandpack .sp-layout{display:flex;flex-wrap:wrap;align-items:stretch;background-color:var(--sp-colors-surface2);-webkit-mask-image:-webkit-radial-gradient(var(--sp-colors-surface1),var(--sp-colors-surface1));border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;overflow:visible;overflow:initial;gap:1px}.sandpack .sp-stack{display:flex;flex-direction:column;width:100%;position:relative}@media screen and (max-width:768px){.sandpack .sp-layout>.sp-stack{height:auto;min-width:100%!important}}.sandpack .sp-layout>.sp-stack{flex:1 1;height:var(--sp-layout-height)}.sandpack--playground .sp-tab-button{transition:none}.sandpack--playground .sp-tab-button:focus{outline:revert}.sandpack--playground .sp-tab-button:focus-visible{box-shadow:none}.sandpack .sp-cm:focus-visible{box-shadow:inset 0 0 0 4px rgba(20,158,202,.4);outline:none;height:100%}.sandpack .sp-tabs-scrollable-container{overflow:auto;display:flex;flex-wrap:nowrap;align-items:stretch;min-height:40px;margin-bottom:-1px}.sp-tabs .sp-tab-button{padding:0 6px;border-bottom:2px solid transparent}@media (min-width:768px){.sp-tabs .sp-tab-button{margin:0 12px 0 0}}.sp-tabs .sp-tab-button,.sp-tabs .sp-tab-button:hover:not(:disabled,[data-active=true]),.sp-tabs .sp-tab-button[data-active=true]{color:var(--sp-colors-accent)}.sp-tabs .sp-tab-button[data-active=true]{border-bottom:2px solid var(--sp-colors-accent)}.cm-line{padding-left:var(--sp-space-5)}.sandpack .sp-code-editor{flex:1 1;position:relative;overflow:auto;background:var(--sp-colors-surface1)}.sandpack .sp-code-editor .cm-editor,.sandpack .sp-code-editor .cm-editor .cm-gutters{background-color:transparent}.sandpack .sp-code-editor .cm-content,.sandpack .sp-code-editor .cm-gutterElement,.sandpack .sp-code-editor .cm-gutters{padding:0;-webkit-font-smoothing:auto}.sandpack .sp-code-editor .cm-content{overflow-x:auto;padding-bottom:18px}.sandpack--playground .sp-code-editor .cm-line{padding:0 var(--sp-space-3);width:-moz-max-content;width:max-content}.sandpack--playground .sp-code-editor .cm-lineNumbers{padding-left:var(--sp-space-3);padding-right:var(--sp-space-1);font-size:13.6px}.sandpack--playground .sp-code-editor .cm-line.cm-errorLine{background-color:rgb(248 113 113/var(--tw-bg-opacity));--tw-bg-opacity:0.1;position:relative;padding-right:2em;display:inline-block;min-width:100%}.sp-code-editor .cm-errorLine:after{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity));position:absolute;right:8px;top:0;content:"\26A0";font-size:22px;line-height:20px}.sp-code-editor .cm-tooltip{border:0;max-width:200px}.sp-code-editor .cm-diagnostic-error{--tw-border-opacity:1;border-color:rgb(193 85 77/var(--tw-border-opacity))}.sandpack .sp-cm{margin:0;outline:none;height:100%}.sp-code-editor .sp-cm .cm-scroller{overflow-x:hidden;overflow-y:auto;padding-top:18px}.sandpack .sp-syntax-string{color:var(--sp-syntax-color-string)}.sandpack .sp-syntax-plain{color:var(--sp-syntax-color-plain)}.sandpack .sp-syntax-comment{color:var(--sp-syntax-color-comment)}.sandpack .sp-syntax-keyword{color:var(--sp-syntax-color-keyword)}.sandpack .sp-syntax-definition{color:var(--sp-syntax-color-definition)}.sandpack .sp-syntax-punctuation{color:var(--sp-syntax-color-punctuation)}.sandpack .sp-syntax-property{color:var(--sp-syntax-color-property)}.sandpack .sp-syntax-tag{color:var(--sp-syntax-color-tag)}.sandpack .sp-syntax-static{color:var(--sp-syntax-color-static)}.sandpack .sp-cube-wrapper{background-color:var(--sp-colors-surface1);position:absolute;right:var(--sp-space-2);bottom:var(--sp-space-2);z-index:var(--sp-zIndices-top);width:32px;height:32px;border-radius:var(--sp-border-radius)}.sandpack .sp-button{display:flex;align-items:center;margin:auto;width:100%;height:100%}.sandpack .sp-button svg{min-width:var(--sp-space-5);width:var(--sp-space-5);height:var(--sp-space-5);margin:auto}.sandpack .sp-cube-wrapper .sp-cube{display:flex}.sandpack .sp-cube-wrapper .sp-button{display:none}.sandpack .sp-cube-wrapper:hover .sp-button{display:block}.sandpack .sp-cube-wrapper:hover .sp-cube{display:none}.sandpack .sp-cube{transform:translate(-4px,9px) scale(.13)}.sandpack .sp-cube *{position:absolute;width:96px;height:96px}@keyframes cubeRotate{0%{transform:rotateX(-25.5deg) rotateY(45deg)}to{transform:rotateX(-25.5deg) rotateY(405deg)}}.sandpack .sp-sides{animation:cubeRotate 1s linear infinite;animation-fill-mode:forwards;transform-style:preserve-3d;transform:rotateX(-25.5deg) rotateY(45deg)}.sandpack .sp-sides *{border:10px solid var(--sp-colors-clickable);border-radius:8px;background:var(--sp-colors-surface1)}.sandpack .sp-sides .top{transform:rotateX(90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .bottom{transform:rotateX(-90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .front{transform:rotateY(0deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .back{transform:rotateY(-180deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .left{transform:rotateY(-90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .right{transform:rotateY(90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-overlay{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity));position:absolute;inset:0;z-index:var(--sp-zIndices-top)}.sandpack .sp-error{padding:var(--sp-space-4);white-space:pre-wrap;font-family:var(--sp-font-mono);background-color:var(--sp-colors-error-surface)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sandpack .sp-error-message{animation:fadeIn .15s ease;color:var(--sp-colors-error)}html.dark .sandpack--playground .sp-overlay{--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.sandpack .sp-code-editor .sp-pre-placeholder{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13.6px;line-height:24px;padding:18px 0;-webkit-font-smoothing:auto}.sandpack--playground .sp-code-editor .sp-pre-placeholder{padding-left:48px!important;margin-left:0!important}.text-xl .sp-pre-placeholder{font-size:16px!important;line-height:24px!important}.sandpack .sp-layout{min-height:216px}.sandpack .sp-layout>.sp-stack:first-child{min-width:431px;max-height:40vh}.sandpack .sp-layout>.sp-stack:nth-child(2){min-width:431px;min-height:40vh;max-height:40vh}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:first-child,.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(2){max-height:none;height:auto}@media (min-width:1280px){.sandpack .sp-layout>.sp-stack:first-child,.sandpack .sp-layout>.sp-stack:nth-child(2){height:auto;min-height:0;min-height:auto;max-height:406px}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:first-child,.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(2){max-height:none}}.sandpack .sp-layout .sandpack-expand{border-left:none;margin-left:0}.expandable-callout .sp-stack:nth-child(2){min-width:431px;min-height:40vh;max-height:40vh}.sandpack .console .sp-cm,.sandpack .console .sp-cm .cm-line,.sandpack .console .sp-cm .cm-scroller{padding:0!important}.sandpack .sp-code-editor .cm-diagnostic{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.sandpack .sp-devtools{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;overflow:hidden}.sandpack .sp-wrapper .sp-layout-devtools{border-bottom-left-radius:0;border-bottom-right-radius:0}.sandpack .sp-devtools>div{--color-background:var(--sp-colors-surface1)!important;--color-background-inactive:var(--sp-colors-surface2)!important;--color-background-selected:var(--sp-colors-accent)!important;--color-background-hover:transparent!important;--color-modal-background:#ffffffd2!important;--color-tab-selected-border:#087ea4!important;--color-component-name:var(--sp-syntax-color-definition)!important;--color-attribute-name:var(--sp-syntax-color-property)!important;--color-attribute-value:var(--sp-syntax-color-string)!important;--color-attribute-editable-value:var(--sp-syntax-color-property)!important;--color-attribute-name-not-editable:var(--sp-colors-clickable)!important;--color-button-background-focus:var(--sp-colors-surface2)!important;--color-button-active:var(--sp-colors-accent)!important;--color-button-background:transparent!important;--color-button:var(--sp-colors-clickable)!important;--color-button-hover:var(--sp-colors-disabled)!important;--color-border:var(--sp-colors-surface2)!important;--color-text:#23272f!important}html.dark .sp-devtools>div{--color-text:var(--sp-colors-clickable)!important;--color-modal-background:#16181de0!important}.sandpack .sp-devtools table td{border:1px solid var(--sp-colors-surface2)}.sandpack .sp-cm{-webkit-text-size-adjust:none}@media screen and (max-width:768px){@supports (-webkit-overflow-scrolling:touch){.DocSearch-Input,.sandpack--playground .cm-content,.sandpack--playground .sp-code-editor .sp-pre-placeholder{font-size:medium}}} \ No newline at end of file diff --git a/_next/static/css/e29d3aa9204507ce.css b/_next/static/css/e29d3aa9204507ce.css new file mode 100644 index 0000000..01cf9a1 --- /dev/null +++ b/_next/static/css/e29d3aa9204507ce.css @@ -0,0 +1,5 @@ +/*! @docsearch/css 3.3.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1 1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::-moz-placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.unity_globalUnityContainer__96CAK,.unity_host__reLmG{position:relative;display:flex;overflow:hidden;width:100%;height:100%;display:contents}.unity_canvas__Qeu6I{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.unity_progress__tn9iz{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#4c4558}.unity_progressBar__NuQXp{height:20px;width:80%;background:#ccc;background-image:repeating-linear-gradient(-45deg,transparent,transparent 1rem,#eee 0,#eee 2rem);background-size:200% 200%;animation:unity_barberpole__PO8w3 10s linear infinite}.unity_progressBar__NuQXp:after{content:"";height:100%;transition:width .3s ease;background:#6c6cff;display:block}@keyframes unity_barberpole__PO8w3{to{background-position:100% 100%}}.unity_cartridge__i0Hsh,.unity_cartridge__i0Hsh button{display:flex;align-items:center;justify-content:center}.unity_cartridge__i0Hsh button{padding:20px;flex-direction:column;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.4px;border-radius:8px;border:1px solid gray;color:#fff;background:#4a505e;font-weight:700}:root{--docsearch-modal-background:#fff;--docsearch-highlight-color:#575fb7;--docsearch-primary-color:#0074a6;--docsearch-container-background:rgba(52,58,70,.8);--docsearch-modal-shadow:none;--docsearch-searchbox-shadow:0 0 0 3px rgba(66,153,225,.5);--ifm-z-index-fixed:1000;--docsearch-hit-height:48px;--docsearch-searchbox-height:72px;--docsearch-footer-height:108px;--docsearch-icon-stroke-width:1.4;--hover-overlay:rgba(0,0,0,.05);--fds-animation-fade-in:cubic-bezier(0,0,1,1);--fds-animation-fade-out:cubic-bezier(0,0,1,1)}html.dark{--docsearch-modal-background:#23272f;--docsearch-hit-background:#23272f;--docsearch-highlight-color:#6b75db}.DocSearch--active #__next{filter:blur(0)}.DocSearch-SearchBar{padding:1rem 1.25rem}.DocSearch-Form{border-radius:.5rem;--tw-shadow:inset 0 1px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);font-size:13px;--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;height:auto}html.dark .DocSearch-Form{--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}.DocSearch-Dropdown{padding-left:0;padding-right:0;height:100%;max-height:100%}.DocSearch-Commands{width:100%;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(235 236 240/var(--tw-border-opacity));padding-top:1rem}html.dark .DocSearch-Commands{--tw-border-opacity:1;border-color:rgb(52 58 70/var(--tw-border-opacity))}.DocSearch-Commands-Key{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.DocSearch-Logo{padding-top:1rem;padding-bottom:.5rem}.DocSearch-Label{font-size:11px}.DocSearch-Footer{flex-direction:column-reverse;align-items:flex-start;height:auto;padding-bottom:.5rem;padding-left:1.25rem;padding-right:1.25rem;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}html.dark .DocSearch-Footer{--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.DocSearch-Input{padding-top:.75rem;padding-bottom:.75rem;font-size:13px;line-height:1.25;--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity));-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}html.dark .DocSearch-Input{--tw-text-opacity:1;color:rgb(246 247 249/var(--tw-text-opacity))}.DocSearch-Hit a{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-top-left-radius:0;border-bottom-left-radius:0;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-left:1.25rem}.DocSearch-Hit-source{text-transform:uppercase;letter-spacing:.025em;font-size:13px;--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity));font-weight:700;padding-top:0;padding-left:1.25rem;margin:0}html.dark .DocSearch-Hit-source{--tw-text-opacity:1;color:rgb(235 236 240/var(--tw-text-opacity))}.DocSearch-Dropdown ul{margin-right:1.25rem}.DocSearch-Hit-title{font-size:15px;--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity));font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html.dark .DocSearch-Hit-title{--tw-text-opacity:1;color:rgb(246 247 249/var(--tw-text-opacity))}.DocSearch-Hit-path{font-weight:400}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{width:13px;height:13px;--tw-text-opacity:1;color:rgb(153 161 179/var(--tw-text-opacity));margin-left:.25rem;margin-right:.25rem}.DocSearch-Modal{margin:0;display:flex;justify-content:space-between;height:100%;max-width:21rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-top-left-radius:0;border-bottom-left-radius:0}.DocSearch-Cancel{padding-left:1.25rem;margin-left:0;font-size:15px;--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity));font-weight:400}@media (max-width:1024px){.DocSearch-Modal{max-width:100%}.DocSearch-Cancel{display:inline-block}.DocSearch-Commands{display:none}.DocSearch-Modal{border-radius:0}}.DocSearch-Search-Icon{height:20px;width:20px;stroke-width:1.6;--tw-text-opacity:1;color:rgb(78 87 105/var(--tw-text-opacity))} + +/* + ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com + */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Source-Code-Pro-Regular.woff2) format("woff2")}@font-face{font-family:Optimistic Display;src:url(/fonts/Optimistic_Display_W_Lt.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Optimistic Display;src:url(/fonts/Optimistic_Display_W_Md.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Optimistic Display;src:url(/fonts/Optimistic_Display_W_Bd.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html{color-scheme:light;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}html.dark{color-scheme:dark}html .dark-image{display:none}html .light-image,html.dark .dark-image{display:block}html.dark .light-image{display:none}body,html{padding:0;margin:0}@media screen and (max-width:1023px){body{overflow-x:hidden}}.scrolling-gpu{transform:translateZ(0)}a>code{color:#087ea4!important;text-decoration:none!important}html.dark a>code{color:#149eca!important}.text-code{font-size:calc(1em - 10%)!important}details,table{margin-bottom:1rem}table{width:100%;display:block;overflow-x:auto}table td,table th{padding:.75rem;vertical-align:top;border:1px solid #dee2e6;overflow:auto}img{max-width:calc(min(700px, 100%))}summary::-webkit-details-marker{display:none}html .no-bg-scrollbar{scrollbar-color:rgba(0,0,0,.2) transparent}html.dark .no-bg-scrollbar{scrollbar-color:hsla(0,0%,100%,.2) transparent}html .no-bg-scrollbar::-webkit-scrollbar,html .no-bg-scrollbar::-webkit-scrollbar-track{background-color:transparent}html .no-bg-scrollbar:active::-webkit-scrollbar-thumb,html .no-bg-scrollbar:focus-within::-webkit-scrollbar-thumb,html .no-bg-scrollbar:focus::-webkit-scrollbar-thumb,html .no-bg-scrollbar:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border:4px solid transparent;background-clip:content-box;border-radius:10px}html .no-bg-scrollbar::-webkit-scrollbar-thumb:active,html .no-bg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.35)!important}html.dark .no-bg-scrollbar:active::-webkit-scrollbar-thumb,html.dark .no-bg-scrollbar:focus-within::-webkit-scrollbar-thumb,html.dark .no-bg-scrollbar:focus::-webkit-scrollbar-thumb,html.dark .no-bg-scrollbar:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2)}html.dark .no-bg-scrollbar::-webkit-scrollbar-thumb:active,html.dark .no-bg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.35)!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-8{left:-2rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-\[2px\]{left:2px}.right-0{right:0}.top-0{top:0}.top-12{top:3rem}.top-8{top:2rem}.top-\[1px\],.top-px{top:1px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.order-2{order:2}.order-last{order:9999}.m-3{margin:.75rem}.m-4{margin:1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-\[406px\]{max-height:406px}.max-h-\[calc\(100vh-7\.5rem\)\]{max-height:calc(100vh - 7.5rem)}.min-h-\[192px\]{min-height:192px}.min-h-\[216px\]{min-height:216px}.min-h-\[28px\]{min-height:28px}.min-h-\[32px\]{min-height:32px}.min-h-\[400px\]{min-height:400px}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[240px\]{min-width:240px}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-xs{max-width:21rem}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-\[2\]{flex-grow:2}.basis-2\/5{flex-basis:40%}.basis-3\/5{flex-basis:60%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-only-content{grid-template-columns:auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-8{row-gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-b-\[2px\]{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-blue-40{--tw-border-opacity:1;border-color:rgb(20 158 202/var(--tw-border-opacity))}.border-border,.border-gray-10{--tw-border-opacity:1;border-color:rgb(235 236 240/var(--tw-border-opacity))}.border-gray-20{--tw-border-opacity:1;border-color:rgb(188 193 205/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-green-40{--tw-border-opacity:1;border-color:rgb(68 172 153/var(--tw-border-opacity))}.border-green-50{--tw-border-opacity:1;border-color:rgb(56 143 127/var(--tw-border-opacity))}.border-link{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.border-purple-10{--tw-border-opacity:1;border-color:rgb(231 233 251/var(--tw-border-opacity))}.border-purple-40{--tw-border-opacity:1;border-color:rgb(107 117 219/var(--tw-border-opacity))}.border-purple-50{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.border-red-40{--tw-border-opacity:1;border-color:rgb(193 85 77/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-yellow-40{--tw-border-opacity:1;border-color:rgb(219 125 39/var(--tw-border-opacity))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(199 106 21/var(--tw-border-opacity))}.border-opacity-0{--tw-border-opacity:0}.border-opacity-60{--tw-border-opacity:0.6}.bg-blue-40{--tw-bg-opacity:1;background-color:rgb(20 158 202/var(--tw-bg-opacity))}.bg-card{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity))}.bg-card-dark{--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}.bg-github-highlight{--tw-bg-opacity:1;background-color:rgb(255 251 221/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-30{--tw-bg-opacity:1;background-color:rgb(153 161 179/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-5{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity))}.bg-gray-90{--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.bg-green-40{--tw-bg-opacity:1;background-color:rgb(68 172 153/var(--tw-bg-opacity))}.bg-green-5{--tw-bg-opacity:1;background-color:rgb(244 251 249/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(56 143 127/var(--tw-bg-opacity))}.bg-highlight{--tw-bg-opacity:1;background-color:rgb(231 233 251/var(--tw-bg-opacity))}.bg-link{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.bg-purple-40{--tw-bg-opacity:1;background-color:rgb(107 117 219/var(--tw-bg-opacity))}.bg-purple-5{--tw-bg-opacity:1;background-color:rgb(243 244 253/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.bg-red-30{--tw-bg-opacity:1;background-color:rgb(208 125 119/var(--tw-bg-opacity))}.bg-red-40{--tw-bg-opacity:1;background-color:rgb(193 85 77/var(--tw-bg-opacity))}.bg-red-5{--tw-bg-opacity:1;background-color:rgb(250 241 240/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}.bg-secondary-button{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-wash,.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-40{--tw-bg-opacity:1;background-color:rgb(219 125 39/var(--tw-bg-opacity))}.bg-yellow-5{--tw-bg-opacity:1;background-color:rgb(254 245 231/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(199 106 21/var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-5{--tw-bg-opacity:0.05}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-none{background-image:none}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[1\.5px\]{padding-top:1.5px;padding-bottom:1.5px}.py-\[18px\]{padding-top:18px;padding-bottom:18px}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[22px\]{padding-top:22px}.pt-\[56\.25\%\]{padding-top:56.25%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:24px}.text-3xl{font-size:28px}.text-5xl{font-size:40px}.text-\[13\.6px\]{font-size:13.6px}.text-base{font-size:15px}.text-code{font-size:calc(1em - 20%)}.text-lg{font-size:17px}.text-sm{font-size:13px}.text-xl{font-size:20px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-\[20px\]{line-height:20px}.leading-base{line-height:30px}.leading-large{line-height:38px}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-blue-30{--tw-text-opacity:1;color:rgb(88 196 220/var(--tw-text-opacity))}.text-blue-60{--tw-text-opacity:1;color:rgb(4 89 117/var(--tw-text-opacity))}.text-gray-30{--tw-text-opacity:1;color:rgb(153 161 179/var(--tw-text-opacity))}.text-gray-40{--tw-text-opacity:1;color:rgb(120 131 155/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-70{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.text-gray-90{--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.text-green-30{--tw-text-opacity:1;color:rgb(127 204 191/var(--tw-text-opacity))}.text-green-60{--tw-text-opacity:1;color:rgb(43 110 98/var(--tw-text-opacity))}.text-link{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.text-link-dark{--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.text-primary-dark{--tw-text-opacity:1;color:rgb(246 247 249/var(--tw-text-opacity))}.text-purple-30{--tw-text-opacity:1;color:rgb(136 145 236/var(--tw-text-opacity))}.text-purple-40{--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.text-purple-50{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.text-purple-60{--tw-text-opacity:1;color:rgb(43 52 145/var(--tw-text-opacity))}.text-red-40{--tw-text-opacity:1;color:rgb(193 85 77/var(--tw-text-opacity))}.text-red-50{--tw-text-opacity:1;color:rgb(166 66 58/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.text-secondary-dark{--tw-text-opacity:1;color:rgb(235 236 240/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-30{--tw-text-opacity:1;color:rgb(250 189 98/var(--tw-text-opacity))}.text-yellow-50{--tw-text-opacity:1;color:rgb(199 106 21/var(--tw-text-opacity))}.text-yellow-60{--tw-text-opacity:1;color:rgb(182 87 0/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 1px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 1px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0px 0.8px 2px rgba(0,0,0,.032),0px 2.7px 6.7px rgba(0,0,0,.048),0px 12px 30px rgba(0,0,0,.08);--tw-shadow-colored:0px 0.8px 2px var(--tw-shadow-color),0px 2.7px 6.7px var(--tw-shadow-color),0px 12px 30px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.code-step *{color:inherit!important}.code-step code{background:none!important;padding:2px!important}html.dark .code-step *{color:inherit!important}.mdx-heading{scroll-margin-top:3.5em;padding-right:1em}@media (min-width:1024px){.mdx-heading{scroll-margin-top:1em}}.mdx-heading:before{height:6rem;margin-top:-6rem;visibility:hidden;content:""}.mdx-heading .mdx-header-anchor{height:0;width:0}.mdx-heading .mdx-header-anchor svg{display:inline;visibility:hidden}.mdx-heading .mdx-header-anchor:focus svg,.mdx-heading:hover .mdx-header-anchor svg{visibility:visible}.mdx-blockquote>span>p:first-of-type{margin-bottom:0}.mdx-blockquote>span>p:last-of-type{margin-bottom:1rem}.mdx-illustration-block{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:stretch;gap:42px}ol.mdx-illustration-block{gap:60px}.mdx-illustration-block li{display:flex;align-items:flex-start;align-content:stretch;justify-content:space-around;position:relative;padding:1rem}.mdx-illustration-block figure{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:space-between;position:relative;height:100%}.mdx-illustration-block li:after{content:" ";display:block;position:absolute;top:50%;right:100%;transform:translateY(-50%);width:60px;height:49px;background:50%/contain no-repeat url(/images/g_arrow.png)}.mdx-illustration-block li:first-child:after{content:" ";display:none}.mdx-illustration-block img{max-height:250px;width:100%}@media (max-width:680px){.mdx-illustration-block{flex-direction:column}.mdx-illustration-block img{max-height:200px;width:auto}.mdx-illustration-block li:after{top:0;left:50%;right:auto;transform:translateX(-50%) translateY(-100%) rotate(90deg)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-y-16:before{content:var(--tw-content);top:-4rem;bottom:-4rem}.before\:inset-x-0:before{content:var(--tw-content);left:0;right:0}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-\[95\%\]:after{content:var(--tw-content);top:95%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:border-8:after{content:var(--tw-content);border-width:8px}.after\:border-x-transparent:after{content:var(--tw-content);border-left-color:transparent;border-right-color:transparent}.after\:border-b-transparent:after{content:var(--tw-content);border-bottom-color:transparent}.after\:border-t-card:after{content:var(--tw-content);--tw-border-opacity:1;border-top-color:rgb(246 247 249/var(--tw-border-opacity))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:border-none:first-child{border-style:none}.hover\:sr-only:hover{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hover\:border-gray-10:hover{--tw-border-opacity:1;border-color:rgb(235 236 240/var(--tw-border-opacity))}.hover\:border-opacity-100:hover{--tw-border-opacity:1}.hover\:bg-gray-5:hover{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity))}.hover\:bg-highlight:hover{--tw-bg-opacity:1;background-color:rgb(231 233 251/var(--tw-bg-opacity))}.hover\:bg-link:hover{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.hover\:bg-purple-40:hover{--tw-bg-opacity:1;background-color:rgb(107 117 219/var(--tw-bg-opacity))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.hover\:bg-yellow-40:hover{--tw-bg-opacity:1;background-color:rgb(219 125 39/var(--tw-bg-opacity))}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-gray-70:hover{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.hover\:text-link:hover{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(35 39 47/var(--tw-text-opacity))}.hover\:text-purple-50:hover{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-2:focus{border-width:2px}.focus\:border-link:focus{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.focus\:border-opacity-100:focus{--tw-border-opacity:1}.focus\:bg-highlight:focus{--tw-bg-opacity:1;background-color:rgb(231 233 251/var(--tw-bg-opacity))}.focus\:bg-link:focus,.focus\:bg-purple-50:focus{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.focus\:bg-yellow-50:focus{--tw-bg-opacity:1;background-color:rgb(199 106 21/var(--tw-bg-opacity))}.focus\:text-link:focus{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-40:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 158 202/var(--tw-ring-opacity))}.focus\:ring-link:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(87 95 183/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-4:focus{--tw-ring-offset-width:4px}.active\:border-link:active{--tw-border-opacity:1;border-color:rgb(87 95 183/var(--tw-border-opacity))}.active\:bg-link:active,.active\:bg-purple-50:active{--tw-bg-opacity:1;background-color:rgb(87 95 183/var(--tw-bg-opacity))}.active\:bg-yellow-50:active{--tw-bg-opacity:1;background-color:rgb(199 106 21/var(--tw-bg-opacity))}.active\:text-white:active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.active\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:ring-offset-0:active{--tw-ring-offset-width:0px}.group:focus-within .group-focus-within\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.group:hover .group-hover\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:text-link{--tw-text-opacity:1;color:rgb(87 95 183/var(--tw-text-opacity))}.group:focus .group-focus\:text-opacity-100{--tw-text-opacity:1}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-border-dark:is(.dark *){--tw-border-opacity:1;border-color:rgb(52 58 70/var(--tw-border-opacity))}.dark\:border-card-dark:is(.dark *){--tw-border-opacity:1;border-color:rgb(52 58 70/var(--tw-border-opacity))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.dark\:border-gray-90:is(.dark *){--tw-border-opacity:1;border-color:rgb(35 39 47/var(--tw-border-opacity))}.dark\:border-link-dark:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 117 219/var(--tw-border-opacity))}.dark\:border-purple-30:is(.dark *){--tw-border-opacity:1;border-color:rgb(136 145 236/var(--tw-border-opacity))}.dark\:border-purple-60:is(.dark *){--tw-border-opacity:1;border-color:rgb(43 52 145/var(--tw-border-opacity))}.dark\:border-yellow-60:is(.dark *){--tw-border-opacity:1;border-color:rgb(182 87 0/var(--tw-border-opacity))}.dark\:bg-card-dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}.dark\:bg-gray-50:is(.dark *){--tw-bg-opacity:1;background-color:rgb(94 104 126/var(--tw-bg-opacity))}.dark\:bg-gray-60:is(.dark *){--tw-bg-opacity:1;background-color:rgb(78 87 105/var(--tw-bg-opacity))}.dark\:bg-gray-70:is(.dark *){--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\:bg-gray-80:is(.dark *){--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}.dark\:bg-gray-90:is(.dark *){--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.dark\:bg-gray-95:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 24 29/var(--tw-bg-opacity))}.dark\:bg-green-60:is(.dark *){--tw-bg-opacity:1;background-color:rgb(43 110 98/var(--tw-bg-opacity))}.dark\:bg-highlight-dark:is(.dark *){background-color:rgba(88,175,223,.1)}.dark\:bg-link-dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 117 219/var(--tw-bg-opacity))}.dark\:bg-purple-60:is(.dark *){--tw-bg-opacity:1;background-color:rgb(43 52 145/var(--tw-bg-opacity))}.dark\:bg-red-60:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 45 40/var(--tw-bg-opacity))}.dark\:bg-secondary-button-dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}.dark\:bg-wash-dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.dark\:bg-yellow-60:is(.dark *){--tw-bg-opacity:1;background-color:rgb(182 87 0/var(--tw-bg-opacity))}.dark\:bg-opacity-10:is(.dark *){--tw-bg-opacity:0.1}.dark\:bg-opacity-20:is(.dark *){--tw-bg-opacity:0.2}.dark\:text-blue-30:is(.dark *){--tw-text-opacity:1;color:rgb(88 196 220/var(--tw-text-opacity))}.dark\:text-gray-50:is(.dark *){--tw-text-opacity:1;color:rgb(94 104 126/var(--tw-text-opacity))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark\:text-green-30:is(.dark *){--tw-text-opacity:1;color:rgb(127 204 191/var(--tw-text-opacity))}.dark\:text-green-40:is(.dark *){--tw-text-opacity:1;color:rgb(68 172 153/var(--tw-text-opacity))}.dark\:text-link-dark:is(.dark *){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.dark\:text-primary-dark:is(.dark *){--tw-text-opacity:1;color:rgb(246 247 249/var(--tw-text-opacity))}.dark\:text-purple-30:is(.dark *){--tw-text-opacity:1;color:rgb(136 145 236/var(--tw-text-opacity))}.dark\:text-red-30:is(.dark *){--tw-text-opacity:1;color:rgb(208 125 119/var(--tw-text-opacity))}.dark\:text-red-40:is(.dark *){--tw-text-opacity:1;color:rgb(193 85 77/var(--tw-text-opacity))}.dark\:text-secondary-dark:is(.dark *){--tw-text-opacity:1;color:rgb(235 236 240/var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:text-yellow-30:is(.dark *){--tw-text-opacity:1;color:rgb(250 189 98/var(--tw-text-opacity))}.dark\:text-yellow-40:is(.dark *){--tw-text-opacity:1;color:rgb(219 125 39/var(--tw-text-opacity))}.dark\:shadow-lg-dark:is(.dark *){--tw-shadow:0 0 0 1px hsla(0,0%,100%,.15),0px 0.8px 2px rgba(0,0,0,.032),0px 2.7px 6.7px rgba(0,0,0,.048),0px 12px 30px rgba(0,0,0,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0px 0.8px 2px var(--tw-shadow-color),0px 2.7px 6.7px var(--tw-shadow-color),0px 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.after\:dark\:border-t-card-dark:is(.dark *):after{content:var(--tw-content);--tw-border-opacity:1;border-top-color:rgb(52 58 70/var(--tw-border-opacity))}.dark\:hover\:bg-gray-70:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(64 71 86/var(--tw-bg-opacity))}.dark\:hover\:bg-gray-80:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(52 58 70/var(--tw-bg-opacity))}.dark\:hover\:bg-highlight-dark:hover:is(.dark *){background-color:rgba(88,175,223,.1)}.dark\:hover\:text-link-dark:hover:is(.dark *){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.dark\:hover\:text-purple-30:hover:is(.dark *){--tw-text-opacity:1;color:rgb(136 145 236/var(--tw-text-opacity))}.dark\:focus\:border-link-dark:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 117 219/var(--tw-border-opacity))}.dark\:focus\:bg-highlight-dark:focus:is(.dark *){background-color:rgba(88,175,223,.1)}.dark\:focus\:text-link-dark:focus:is(.dark *){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}.group:focus .dark\:group-focus\:text-link-dark:is(.dark *){--tw-text-opacity:1;color:rgb(107 117 219/var(--tw-text-opacity))}@media (min-width:640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-1{margin-left:.25rem}.sm\:mr-3{margin-right:.75rem}.sm\:mt-0{margin-top:0}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-28{width:7rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-0{padding:0}.sm\:p-10{padding:2.5rem}.sm\:p-2{padding:.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-7{padding-top:1.75rem}}@media (min-width:768px){.md\:ml-1{margin-left:.25rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-80{width:20rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.md\:p-4{padding:1rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-0{padding-bottom:0}.md\:pt-4{padding-top:1rem}.md\:text-lg{font-size:17px}.md\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:bottom-0{bottom:0}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:mb-3{margin-bottom:.75rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:ml-6{margin-left:1.5rem}.lg\:mt-10{margin-top:2.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:h-screen{height:100vh}.lg\:w-\[336px\]{width:336px}.lg\:w-auto{width:auto}.lg\:max-w-sm{max-width:24rem}.lg\:max-w-xs{max-width:21rem}.lg\:grow{flex-grow:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-sidebar-content{grid-template-columns:20rem auto}.lg\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.lg\:rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.lg\:border-b{border-bottom-width:1px}.lg\:p-8{padding:2rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:pb-0{padding-bottom:0}.lg\:pr-5{padding-right:1.25rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-5{padding-top:1.25rem}.lg\:text-lg{font-size:17px}.lg\:text-sm{font-size:13px}.lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:order-2{order:2}.xl\:order-last{order:9999}.xl\:w-full{width:100%}.xl\:max-w-xs{max-width:21rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:p-6{padding:1.5rem}.xl\:p-8{padding:2rem}.xl\:pb-6{padding-bottom:1.5rem}}@media (min-width:1536px){.\32xl\:mx-auto{margin-left:auto;margin-right:auto}.\32xl\:block{display:block}.\32xl\:max-w-6xl{max-width:72rem}.\32xl\:max-w-xs{max-width:21rem}.\32xl\:grid-cols-sidebar-content-toc{grid-template-columns:20rem auto 20rem}}@media (hover:hover){.betterhover\:hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}}.sandpack{color-scheme:inherit;-webkit-font-smoothing:antialiased;--sp-space-1:4px;--sp-space-2:8px;--sp-space-3:12px;--sp-space-4:16px;--sp-space-5:20px;--sp-space-6:24px;--sp-space-7:28px;--sp-space-8:32px;--sp-space-9:36px;--sp-space-10:40px;--sp-space-11:44px;--sp-border-radius:4px;--sp-layout-height:300px;--sp-layout-headerHeight:40px;--sp-transitions-default:150ms ease;--sp-zIndices-base:1;--sp-zIndices-overlay:2;--sp-zIndices-top:3;--sp-font-body:Optimistic Display,-apple-system,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--sp-font-mono:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--sp-font-size:calc(1em - 20%);--sp-font-lineHeight:24px}html .sandpack{--sp-colors-accent:#087ea4;--sp-colors-clickable:#959da5;--sp-colors-disabled:#24292e;--sp-colors-error:#811e18;--sp-colors-error-surface:#ffcdca;--sp-colors-surface1:#fff;--sp-colors-surface2:#e4e7eb;--sp-syntax-color-plain:#24292e;--sp-syntax-color-comment:#6a737d;--sp-syntax-color-keyword:#d73a49;--sp-syntax-color-tag:#22863a;--sp-syntax-color-punctuation:#24292e;--sp-syntax-color-definition:#6f42c1;--sp-syntax-color-property:#005cc5;--sp-syntax-color-static:#032f62;--sp-syntax-color-string:#032f62}html.dark .sp-wrapper{--sp-colors-accent:#149eca;--sp-colors-clickable:#999;--sp-colors-disabled:#fff;--sp-colors-error:#811e18;--sp-colors-error-surface:#ffcdca;--sp-colors-surface1:#16181d;--sp-colors-surface2:#343a46;--sp-syntax-color-plain:#fff;--sp-syntax-color-comment:#757575;--sp-syntax-color-keyword:#77b7d7;--sp-syntax-color-tag:#dfab5c;--sp-syntax-color-punctuation:#fff;--sp-syntax-color-definition:#86d9ca;--sp-syntax-color-property:#77b7d7;--sp-syntax-color-static:#c64640;--sp-syntax-color-string:#977cdc}.sandpack .sp-wrapper{width:100%;font-size:var(--sp-font-size);font-family:var(--sp-font-body);line-height:var(--sp-font-lineHeight)}.sandpack .sp-layout{display:flex;flex-wrap:wrap;align-items:stretch;background-color:var(--sp-colors-surface2);-webkit-mask-image:-webkit-radial-gradient(var(--sp-colors-surface1),var(--sp-colors-surface1));border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;overflow:visible;overflow:initial;gap:1px}.sandpack .sp-stack{display:flex;flex-direction:column;width:100%;position:relative}@media screen and (max-width:768px){.sandpack .sp-layout>.sp-stack{height:auto;min-width:100%!important}}.sandpack .sp-layout>.sp-stack{flex:1 1;height:var(--sp-layout-height)}.sandpack--playground .sp-tab-button{transition:none}.sandpack--playground .sp-tab-button:focus{outline:revert}.sandpack--playground .sp-tab-button:focus-visible{box-shadow:none}.sandpack .sp-cm:focus-visible{box-shadow:inset 0 0 0 4px rgba(20,158,202,.4);outline:none;height:100%}.sandpack .sp-tabs-scrollable-container{overflow:auto;display:flex;flex-wrap:nowrap;align-items:stretch;min-height:40px;margin-bottom:-1px}.sp-tabs .sp-tab-button{padding:0 6px;border-bottom:2px solid transparent}@media (min-width:768px){.sp-tabs .sp-tab-button{margin:0 12px 0 0}}.sp-tabs .sp-tab-button,.sp-tabs .sp-tab-button:hover:not(:disabled,[data-active=true]),.sp-tabs .sp-tab-button[data-active=true]{color:var(--sp-colors-accent)}.sp-tabs .sp-tab-button[data-active=true]{border-bottom:2px solid var(--sp-colors-accent)}.cm-line{padding-left:var(--sp-space-5)}.sandpack .sp-code-editor{flex:1 1;position:relative;overflow:auto;background:var(--sp-colors-surface1)}.sandpack .sp-code-editor .cm-editor,.sandpack .sp-code-editor .cm-editor .cm-gutters{background-color:transparent}.sandpack .sp-code-editor .cm-content,.sandpack .sp-code-editor .cm-gutterElement,.sandpack .sp-code-editor .cm-gutters{padding:0;-webkit-font-smoothing:auto}.sandpack .sp-code-editor .cm-content{overflow-x:auto;padding-bottom:18px}.sandpack--playground .sp-code-editor .cm-line{padding:0 var(--sp-space-3);width:-moz-max-content;width:max-content}.sandpack--playground .sp-code-editor .cm-lineNumbers{padding-left:var(--sp-space-3);padding-right:var(--sp-space-1);font-size:13.6px}.sandpack--playground .sp-code-editor .cm-line.cm-errorLine{background-color:rgb(248 113 113/var(--tw-bg-opacity));--tw-bg-opacity:0.1;position:relative;padding-right:2em;display:inline-block;min-width:100%}.sp-code-editor .cm-errorLine:after{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity));position:absolute;right:8px;top:0;content:"\26A0";font-size:22px;line-height:20px}.sp-code-editor .cm-tooltip{border:0;max-width:200px}.sp-code-editor .cm-diagnostic-error{--tw-border-opacity:1;border-color:rgb(193 85 77/var(--tw-border-opacity))}.sandpack .sp-cm{margin:0;outline:none;height:100%}.sp-code-editor .sp-cm .cm-scroller{overflow-x:hidden;overflow-y:auto;padding-top:18px}.sandpack .sp-syntax-string{color:var(--sp-syntax-color-string)}.sandpack .sp-syntax-plain{color:var(--sp-syntax-color-plain)}.sandpack .sp-syntax-comment{color:var(--sp-syntax-color-comment)}.sandpack .sp-syntax-keyword{color:var(--sp-syntax-color-keyword)}.sandpack .sp-syntax-definition{color:var(--sp-syntax-color-definition)}.sandpack .sp-syntax-punctuation{color:var(--sp-syntax-color-punctuation)}.sandpack .sp-syntax-property{color:var(--sp-syntax-color-property)}.sandpack .sp-syntax-tag{color:var(--sp-syntax-color-tag)}.sandpack .sp-syntax-static{color:var(--sp-syntax-color-static)}.sandpack .sp-cube-wrapper{background-color:var(--sp-colors-surface1);position:absolute;right:var(--sp-space-2);bottom:var(--sp-space-2);z-index:var(--sp-zIndices-top);width:32px;height:32px;border-radius:var(--sp-border-radius)}.sandpack .sp-button{display:flex;align-items:center;margin:auto;width:100%;height:100%}.sandpack .sp-button svg{min-width:var(--sp-space-5);width:var(--sp-space-5);height:var(--sp-space-5);margin:auto}.sandpack .sp-cube-wrapper .sp-cube{display:flex}.sandpack .sp-cube-wrapper .sp-button{display:none}.sandpack .sp-cube-wrapper:hover .sp-button{display:block}.sandpack .sp-cube-wrapper:hover .sp-cube{display:none}.sandpack .sp-cube{transform:translate(-4px,9px) scale(.13)}.sandpack .sp-cube *{position:absolute;width:96px;height:96px}@keyframes cubeRotate{0%{transform:rotateX(-25.5deg) rotateY(45deg)}to{transform:rotateX(-25.5deg) rotateY(405deg)}}.sandpack .sp-sides{animation:cubeRotate 1s linear infinite;animation-fill-mode:forwards;transform-style:preserve-3d;transform:rotateX(-25.5deg) rotateY(45deg)}.sandpack .sp-sides *{border:10px solid var(--sp-colors-clickable);border-radius:8px;background:var(--sp-colors-surface1)}.sandpack .sp-sides .top{transform:rotateX(90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .bottom{transform:rotateX(-90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .front{transform:rotateY(0deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .back{transform:rotateY(-180deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .left{transform:rotateY(-90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .right{transform:rotateY(90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-overlay{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity));position:absolute;inset:0;z-index:var(--sp-zIndices-top)}.sandpack .sp-error{padding:var(--sp-space-4);white-space:pre-wrap;font-family:var(--sp-font-mono);background-color:var(--sp-colors-error-surface)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sandpack .sp-error-message{animation:fadeIn .15s ease;color:var(--sp-colors-error)}html.dark .sandpack--playground .sp-overlay{--tw-bg-opacity:1;background-color:rgb(35 39 47/var(--tw-bg-opacity))}.sandpack .sp-code-editor .sp-pre-placeholder{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13.6px;line-height:24px;padding:18px 0;-webkit-font-smoothing:auto}.sandpack--playground .sp-code-editor .sp-pre-placeholder{padding-left:48px!important;margin-left:0!important}.text-xl .sp-pre-placeholder{font-size:16px!important;line-height:24px!important}.sandpack .sp-layout{min-height:216px}.sandpack .sp-layout>.sp-stack:first-child{min-width:431px;max-height:40vh}.sandpack .sp-layout>.sp-stack:nth-child(2){min-width:431px;min-height:40vh;max-height:40vh}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:first-child,.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(2){max-height:none;height:auto}@media (min-width:1280px){.sandpack .sp-layout>.sp-stack:first-child,.sandpack .sp-layout>.sp-stack:nth-child(2){height:auto;min-height:0;min-height:auto;max-height:406px}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:first-child,.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(2){max-height:none}}.sandpack .sp-layout .sandpack-expand{border-left:none;margin-left:0}.expandable-callout .sp-stack:nth-child(2){min-width:431px;min-height:40vh;max-height:40vh}.sandpack .console .sp-cm,.sandpack .console .sp-cm .cm-line,.sandpack .console .sp-cm .cm-scroller{padding:0!important}.sandpack .sp-code-editor .cm-diagnostic{--tw-text-opacity:1;color:rgb(64 71 86/var(--tw-text-opacity))}.sandpack .sp-devtools{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;overflow:hidden}.sandpack .sp-wrapper .sp-layout-devtools{border-bottom-left-radius:0;border-bottom-right-radius:0}.sandpack .sp-devtools>div{--color-background:var(--sp-colors-surface1)!important;--color-background-inactive:var(--sp-colors-surface2)!important;--color-background-selected:var(--sp-colors-accent)!important;--color-background-hover:transparent!important;--color-modal-background:#ffffffd2!important;--color-tab-selected-border:#087ea4!important;--color-component-name:var(--sp-syntax-color-definition)!important;--color-attribute-name:var(--sp-syntax-color-property)!important;--color-attribute-value:var(--sp-syntax-color-string)!important;--color-attribute-editable-value:var(--sp-syntax-color-property)!important;--color-attribute-name-not-editable:var(--sp-colors-clickable)!important;--color-button-background-focus:var(--sp-colors-surface2)!important;--color-button-active:var(--sp-colors-accent)!important;--color-button-background:transparent!important;--color-button:var(--sp-colors-clickable)!important;--color-button-hover:var(--sp-colors-disabled)!important;--color-border:var(--sp-colors-surface2)!important;--color-text:#23272f!important}html.dark .sp-devtools>div{--color-text:var(--sp-colors-clickable)!important;--color-modal-background:#16181de0!important}.sandpack .sp-devtools table td{border:1px solid var(--sp-colors-surface2)}.sandpack .sp-cm{-webkit-text-size-adjust:none}@media screen and (max-width:768px){@supports (-webkit-overflow-scrolling:touch){.DocSearch-Input,.sandpack--playground .cm-content,.sandpack--playground .sp-code-editor .sp-pre-placeholder{font-size:medium}}} \ No newline at end of file diff --git a/index.html b/index.html index a5d6148..6c53af9 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ -ReactUnity Docs \ No newline at end of file + \ No newline at end of file diff --git a/learn.html b/learn.html index 2211277..a6fa7c5 100644 --- a/learn.html +++ b/learn.html @@ -1,4 +1,4 @@ -Quick Start • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/howto/debug.html b/learn/howto/debug.html index 2bdc000..2deca72 100644 --- a/learn/howto/debug.html +++ b/learn/howto/debug.html @@ -1,4 +1,4 @@ -Debugging React code • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/howto/extending.html b/learn/howto/extending.html index 5fd1118..b8252b9 100644 --- a/learn/howto/extending.html +++ b/learn/howto/extending.html @@ -1,4 +1,4 @@ -Extending ReactUnity • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/howto/fonts.html b/learn/howto/fonts.html index 5fc8c7b..72d443b 100644 --- a/learn/howto/fonts.html +++ b/learn/howto/fonts.html @@ -1,4 +1,4 @@ -Using custom fonts • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/howto/interop.html b/learn/howto/interop.html index 1a24a30..645a78b 100644 --- a/learn/howto/interop.html +++ b/learn/howto/interop.html @@ -1,4 +1,4 @@ -React - C# communication (Interop) • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/misc/about.html b/learn/misc/about.html index afd5ccd..f5e3328 100644 --- a/learn/misc/about.html +++ b/learn/misc/about.html @@ -1,4 +1,4 @@ -About the documentation • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/misc/faq.html b/learn/misc/faq.html index b57e780..81cee6f 100644 --- a/learn/misc/faq.html +++ b/learn/misc/faq.html @@ -1,4 +1,4 @@ -FAQ • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/misc/showcase.html b/learn/misc/showcase.html index baf3364..1bbbcc2 100644 --- a/learn/misc/showcase.html +++ b/learn/misc/showcase.html @@ -1,4 +1,4 @@ -Showcase • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/misc/sponsors.html b/learn/misc/sponsors.html index fc90629..34c2cdd 100644 --- a/learn/misc/sponsors.html +++ b/learn/misc/sponsors.html @@ -1,4 +1,4 @@ -Sponsors & Donations • React \ No newline at end of file + \ No newline at end of file diff --git a/learn/ui-backends.html b/learn/ui-backends.html index 8877dba..2996b16 100644 --- a/learn/ui-backends.html +++ b/learn/ui-backends.html @@ -1,4 +1,4 @@ -Supported UI Backends • React \ No newline at end of file + \ No newline at end of file diff --git a/reference.html b/reference.html index 4bdbdad..23cf818 100644 --- a/reference.html +++ b/reference.html @@ -1,4 +1,4 @@ -ReactUnity APIs • React
Reference

ReactUnity APIs

ReactUnity works with a collection of packages on the Javascript side. These are @reactunity/renderer and @reactunity/scripts.

+
Reference

ReactUnity APIs

ReactUnity works with a collection of packages on the Javascript side. These are @reactunity/renderer and @reactunity/scripts.

Renderer

@reactunity/renderer is an npm package that handles the rendering login of the React virtual DOM. Without going into details, it is much alike react-dom in what it does.

import { render } from '@reactunity/renderer';

render(<view>Hello world!</view>)
@@ -54,4 +54,4 @@

{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"last\",{\"children\":[[\"$r\",\"Intro\",null,{\"children\":[\"$r\",\"p\",null,{\"children\":[\"ReactUnity works with a collection of packages on the Javascript side. These are \",[\"$r\",\"code\",null,{\"children\":\"@reactunity/renderer\"}],\" and \",[\"$r\",\"code\",null,{\"children\":\"@reactunity/scripts\"}],\".\"]}]}],\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"renderer\",\"children\":\"Renderer\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"@reactunity/renderer\"}],\" is an npm package that handles the rendering login of the React virtual DOM. Without going into details, it is much alike \",[\"$r\",\"code\",null,{\"children\":\"react-dom\"}],\" in what it does.\"]}],\"\\n\",[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"import { render } from '@reactunity/renderer';\\n\\nrender(\u003cview\u003eHello world!\u003c/view\u003e)\\n\"}]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"In addition to its rendering functionality, it also includes Typescript types and utilities to improve development experience.\"}],\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"scripts\",\"children\":\"Scripts\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"@reactunity/scripts\"}],\" is the collection of npm scripts and Webpack configuration that can be used to easily build and run ReactUnity projects. It is an npm package and it should be included in \",[\"$r\",\"code\",null,{\"children\":\"devDependencies\"}],\".\"]}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"starting\",\"children\":\"Starting\"}],\"\\n\",[\"$r\",\"TerminalBlock\",null,{\"children\":[\"$r\",\"p\",null,{\"children\":\"react-unity-scripts start\"}]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"Starts the Webpack Dev Server with Fast Refresh configuration.\"}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"building\",\"children\":\"Building\"}],\"\\n\",[\"$r\",\"TerminalBlock\",null,{\"children\":[\"$r\",\"p\",null,{\"children\":\"react-unity-scripts build\"}]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"Builds the project into statical files to be production-ready.\"}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#renderer\",\"depth\":2,\"text\":\"Renderer\"},{\"url\":\"#scripts\",\"depth\":2,\"text\":\"Scripts\"},{\"url\":\"#starting\",\"depth\":3,\"text\":\"Starting\"},{\"url\":\"#building\",\"depth\":3,\"text\":\"Building\"}]","meta":{"title":"ReactUnity APIs","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]} \ No newline at end of file +

\ No newline at end of file diff --git a/reference/api/render.html b/reference/api/render.html index dd32b1c..3727514 100644 --- a/reference/api/render.html +++ b/reference/api/render.html @@ -1,4 +1,4 @@ -render() • React
Reference
ReactUnity APIs

render()

render renders a piece of JSX into the ReactRendererUGUI component. It instructs React to change the UI so that it matches the passed JSX.

render(<App />);
+
Reference
ReactUnity APIs

render()

render renders a piece of JSX into the ReactRendererUGUI component. It instructs React to change the UI so that it matches the passed JSX.

render(<App />);

Rendering the root component

In apps fully built with React, you will do this once at the top level of your app—to render the “root” component.

import { render } from '@reactunity/renderer';
@@ -53,4 +53,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"6\",{\"children\":[[\"$r\",\"Intro\",null,{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"render\"}],\" renders a piece of JSX into the \",[\"$r\",\"code\",null,{\"children\":\"ReactRendererUGUI\"}],\" component. It instructs React to change the UI so that it matches the passed JSX.\"]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"render(\u003cApp /\u003e);\\n\"}]}]]}],\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"rendering-the-root-component\",\"children\":\"Rendering the root component\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"In apps fully built with React, you will do this once at the top level of your app—to render the “root” component.\"}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"import { render } from '@reactunity/renderer';\\n\\nfunction Hello() {\\n  return \u003ch1\u003eHello, world!\u003c/h1\u003e;\\n}\\n\\nrender(\u003cHello /\u003e);\\n\"}]}]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#rendering-the-root-component\",\"depth\":2,\"text\":\"Rendering the root component\"}]","meta":{"title":"render()","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","api","render"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/api/useglobals.html b/reference/api/useglobals.html index 8d400ff..72ac73b 100644 --- a/reference/api/useglobals.html +++ b/reference/api/useglobals.html @@ -1,4 +1,4 @@ -useGlobals() • React
Reference
ReactUnity APIs

useGlobals()

useGlobals is a hook that returns the Globals object, which is the shared object dictionary between React and C# sides.

+
Reference
ReactUnity APIs

useGlobals()

useGlobals is a hook that returns the Globals object, which is the shared object dictionary between React and C# sides.

const globals = useGlobals();

The hook will rerender the component it is used in when the Globals object changes in either side. Although the Globals object can be accessed directly, this hook is the recommended way to access it on React components.

import { useGlobals } from '@reactunity/renderer';
@@ -78,4 +78,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components.html b/reference/components.html index 078ed99..4fe797a 100644 --- a/reference/components.html +++ b/reference/components.html @@ -1,4 +1,4 @@ -Components • React
Reference

Components

This page lists the Components supported by ReactUnity in alphabetical order.

+
Reference

Components

This page lists the Components supported by ReactUnity in alphabetical order.

Components Index

  • anchor
    • @@ -45,11 +45,17 @@

    icon
  • image
  • input
    • +
  • prefab
    • +
  • portal
    • +
  • object
  • rawimage
  • render
    • +
  • richtext
  • script
  • scroll
  • style
    • +
  • svg
    • +
  • svgimage
  • text
  • toggle
  • video
    • @@ -60,4 +66,4 @@

    {"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"last\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"This page lists the Components supported by ReactUnity in alphabetical order.\"}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"components-index\",\"children\":\"Components Index\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":\"anchor\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"button\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"html\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"icon\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"image\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"input\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"rawimage\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"render\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"script\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"scroll\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"style\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"toggle\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"video\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"view\"}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#components-index\",\"depth\":3,\"text\":\"Components Index\"}]","meta":{"title":"Components","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]} \ No newline at end of file +

\ No newline at end of file diff --git a/reference/components/anchor.html b/reference/components/anchor.html index f11f210..50212cc 100644 --- a/reference/components/anchor.html +++ b/reference/components/anchor.html @@ -1,4 +1,4 @@ -<anchor> • React
Reference
Components

<anchor>

<anchor> is a special button component that opens the given link when clicked.

+
Reference
Components

<anchor>

<anchor> is a special button component that opens the given link when clicked.

export default function App() {
   return <anchor url="https://github.com/ReactUnity"
     style={{ margin: 20 }}>
@@ -50,4 +50,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/button.html b/reference/components/button.html index 022b320..ad51856 100644 --- a/reference/components/button.html +++ b/reference/components/button.html @@ -1,4 +1,4 @@ -<button> • React
Reference
Components

<button>

<button> can be used to create clickable components.

+
Reference
Components

<button>

<button> can be used to create clickable components.

export default function App() {
   const light = Globals.Light;
 
@@ -53,4 +53,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/html.html b/reference/components/html.html index 90093f0..cc6cacd 100644 --- a/reference/components/html.html +++ b/reference/components/html.html @@ -1,4 +1,4 @@ -<html> • React
Reference
Components

<html>

<html> component can take in an html-like string as its content and will render that. +

Reference
Components

<html>

<html> component can take in an html-like string as its content and will render that. It can be used for high performance solutions where React is not needed.

<style> tag can be used to add CSS, and <script> tag can be used to add Javascript. style property and event properties of components can be given as strings.

@@ -69,4 +69,4 @@

{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"4\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003chtml\u003e\"}],\" component can take in an \",[\"$r\",\"em\",null,{\"children\":\"html-like\"}],\" string as its content and will render that.\\nIt can be used for high performance solutions where React is not needed.\"]}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003cstyle\u003e\"}],\" tag can be used to add CSS, and \",[\"$r\",\"code\",null,{\"children\":\"\u003cscript\u003e\"}],\" tag can be used to add Javascript.\\n\",[\"$r\",\"code\",null,{\"children\":\"style\"}],\" property and event properties of components can be given as strings.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"const htmlContent = `\\n \u003cview\u003e\\n \u003cbutton onClick=\\\"console.log('hello there')\\\"\\n style=\\\"background-color: green; color: white;\\\"\u003e\\n Action button\\n \u003c/button\u003e\\n \u003c/view\u003e\\n`;\\n\\nexport default function App() {\\n return \u003chtml content={htmlContent} /\u003e;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"10\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"loading-content-from-a-url\",\"children\":\"Loading content from a URL\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"The content of this component can be loaded from a URL by defining the \",[\"$r\",\"code\",null,{\"children\":\"source\"}],\" property.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"\\nconst url = 'https://reactunity.github.io/examples/html-content.html';\\n\\nexport default function App() {\\n return \u003chtml source={url} /\u003e;\\n};\\n\"}]}]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#loading-content-from-a-url\",\"depth\":3,\"text\":\"Loading content from a URL\"}]","meta":{"title":"\u003chtml\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","html"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]} \ No newline at end of file +

\ No newline at end of file diff --git a/reference/components/icon.html b/reference/components/icon.html index 869198d..943568d 100644 --- a/reference/components/icon.html +++ b/reference/components/icon.html @@ -1,4 +1,4 @@ -<icon> • React
Reference
Components

<icon>

<icon> can be used to create icon fonts. By default, material icons are available in ReactUnity. +

Reference
Components

<icon>

<icon> can be used to create icon fonts. By default, material icons are available in ReactUnity. This component behaves like <text> component, except its content must be a single valid icon name.

The list of default icons can be seen at Google Fonts.

export default function App() {
@@ -57,4 +57,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/image.html b/reference/components/image.html index 72f8835..f3ff363 100644 --- a/reference/components/image.html +++ b/reference/components/image.html @@ -1,4 +1,4 @@ -<image> • React
Reference
Components

<image>

<image> creates an image component. Alternatively, <rawimage> creates a raw image component and <svg> creates a svg image component (requires Unity.VectorGraphics package).

+
Reference
Components

<image>

<image> creates an image component. Alternatively, <rawimage> creates a raw image component and <svgimage> creates a svg image component (requires Unity.VectorGraphics package).

export default function App() {
   const imageAddress = 'https://picsum.photos/200';
   return <image
@@ -59,4 +59,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003cimage\u003e\"}],\" creates an image component. Alternatively, \",[\"$r\",\"code\",null,{\"children\":\"\u003crawimage\u003e\"}],\" creates a raw image component and \",[\"$r\",\"code\",null,{\"children\":\"\u003csvg\u003e\"}],\" creates a svg image component (requires \",[\"$r\",\"code\",null,{\"children\":\"Unity.VectorGraphics\"}],\" package).\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n  const imageAddress = 'https://picsum.photos/200';\\n  return \u003cimage\\n    style={{ height: 300, objectFit: 'fit' }}\\n    source={imageAddress} /\u003e;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"properties\",\"children\":\"Properties\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"source\"}],\": Source of the image. Can be a url, a resource path (e.g. ‘res:/path/to/file’), the \",[\"$r\",\"code\",null,{\"children\":\"Texture2D\"}],\" object or the \",[\"$r\",\"code\",null,{\"children\":\"Sprite\"}],\" object.\"]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"fit\"}],\": Determines how to position the image inside the element.\"]}],\"\\n\"]}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"notes\",\"children\":\"Notes\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"The css \",[\"$r\",\"code\",null,{\"children\":\"color\"}],\" property can be used to tint the image.\"]}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#properties\",\"depth\":3,\"text\":\"Properties\"},{\"url\":\"#notes\",\"depth\":3,\"text\":\"Notes\"}]","meta":{"title":"\u003cimage\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","image"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/components/input.html b/reference/components/input.html index a1dc0db..8ab884d 100644 --- a/reference/components/input.html +++ b/reference/components/input.html @@ -1,4 +1,4 @@ -<input> • React
Reference
Components

<input>

<input> creates a text input component.

+
Reference
Components

<input>

<input> creates a text input component.

const defaultValue = 'Default value';
 
 export default function App() {
@@ -56,4 +56,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003cinput\u003e\"}],\" creates a text input component.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"const defaultValue = 'Default value';\\n\\nexport default function App() {\\n  return \u003cinput\\n    value={defaultValue}\\n    style={{ margin: 20 }}\\n    onChange={val =\u003e console.log(val)} /\u003e;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"properties\",\"children\":\"Properties\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"onChange\"}],\": An event fired when string in the input is changed by the user\"]}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#properties\",\"depth\":3,\"text\":\"Properties\"}]","meta":{"title":"\u003cinput\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","input"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/components/rawimage.html b/reference/components/rawimage.html index 7cbc9cb..912b144 100644 --- a/reference/components/rawimage.html +++ b/reference/components/rawimage.html @@ -1,4 +1,4 @@ -<rawimage> • React
Reference
Components

<rawimage>

<rawimage> creates an rawimage component.

+
Reference
Components

<rawimage>

<rawimage> creates an rawimage component.

import { useState, useEffect } from 'react';
 
 export default function App() {
@@ -57,4 +57,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003crawimage\u003e\"}],\" creates an rawimage component.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"import { useState, useEffect } from 'react';\\n\\nexport default function App() {\\n  return (\\n    \u003crawimage\\n      style={{ height: 300 }}\\n      source='https://picsum.photos/200' /\u003e\\n  );\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"properties\",\"children\":\"Properties\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"source\"}],\": Source of the image. Can be a url, the \",[\"$r\",\"code\",null,{\"children\":\"Texture2D\"}],\" object or the \",[\"$r\",\"code\",null,{\"children\":\"Sprite\"}],\" object.\"]}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#properties\",\"depth\":3,\"text\":\"Properties\"}]","meta":{"title":"\u003crawimage\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","rawimage"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/components/render.html b/reference/components/render.html index b6601d3..0191b98 100644 --- a/reference/components/render.html +++ b/reference/components/render.html @@ -1,4 +1,4 @@ -<render> • React
Reference

<render>

<render> can be used to create render texture components in UI which the camera can render to.

+
Reference

<render>

<render> can be used to create render texture components in UI which the camera can render to.

export default function App() {
   return <render
       height={200}
@@ -51,4 +51,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/script.html b/reference/components/script.html index ec039b1..1b73268 100644 --- a/reference/components/script.html +++ b/reference/components/script.html @@ -1,4 +1,4 @@ -<style> • React
Reference
Components

<style>

<script> component can be used to run Javascript code when the element is rendered. It is useful inside <html>. +

Reference
Components

<style>

<script> component can be used to run Javascript code when the element is rendered. It is useful inside <html>. It is recommended to use this sparingly in other situations.

const scriptContent = `
   let count = 0;
@@ -79,4 +79,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003cscript\u003e\"}],\" component can be used to run Javascript code when the element is rendered. It is useful inside \",[\"$r\",\"code\",null,{\"children\":\"\u003chtml\u003e\"}],\".\\nIt is recommended to use this sparingly in other situations.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"const scriptContent = `\\n  let count = 0;\\n\\n  setInterval(function () {\\n    count++;\\n    document.querySelector('#style-this').Style.color = count % 2 === 0 ? 'black' : 'crimson';\\n  }, 500);\\n`;\\n\\nexport default function App() {\\n  return \u003c\u003e\\n    \u003cview id=\\\"style-this\\\"\u003e\\n      Styled text\\n    \u003c/view\u003e\\n\\n    \u003cscript content={scriptContent} /\u003e\\n  \u003c/\u003e;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"8\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"loading-content-from-a-url\",\"children\":\"Loading content from a URL\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"The content of this component can be loaded from a URL by defining the \",[\"$r\",\"code\",null,{\"children\":\"source\"}],\" property.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"\\nconst url = 'https://reactunity.github.io/examples/script-content.js';\\n\\nexport default function App() {\\n  return \u003c\u003e\\n    \u003cview id=\\\"style-this\\\"\u003e\\n      Styled text\\n    \u003c/view\u003e\\n\\n    \u003cscript source={url} /\u003e\\n  \u003c/\u003e;\\n};\\n\"}]}]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#loading-content-from-a-url\",\"depth\":3,\"text\":\"Loading content from a URL\"}]","meta":{"title":"\u003cstyle\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","script"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/components/scroll.html b/reference/components/scroll.html index c0e66c5..8880e88 100644 --- a/reference/components/scroll.html +++ b/reference/components/scroll.html @@ -1,4 +1,4 @@ -<scroll> • React
Reference
Components

<scroll>

<scroll> creates a scrollable view component.

+
Reference
Components

<scroll>

<scroll> creates a scrollable view component.

export default function App() {
   return <scroll style={{
     backgroundColor: 'white',
@@ -54,4 +54,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/style.html b/reference/components/style.html index c86970e..f4ebf5a 100644 --- a/reference/components/style.html +++ b/reference/components/style.html @@ -1,4 +1,4 @@ -<style> • React
Reference
Components

<style>

<style> component can be used to define scoped CSS. It is useful for defining CSS inside <html>. +

Reference
Components

<style>

<style> component can be used to define scoped CSS. It is useful for defining CSS inside <html>. It is recommended to use this sparingly in other situations.

const styleContent = `
   #style-this {
@@ -91,10 +91,10 @@ 
</>;
 };
 
-
PreviousscriptNextvideo
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/svg.html b/reference/components/svg.html new file mode 100644 index 0000000..314514a --- /dev/null +++ b/reference/components/svg.html @@ -0,0 +1,53 @@ +<svg> • React
Reference
Components

<svg>

<svg> can be used to render inline SVG. It requires the Unity.VectorGraphics package.

+

Can be used with React Icons or similar libraries too.

+
export default function App() {
+  return <svg width="48" height="48" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style={{ color: 'black' }}>
+    <path d="M16 7.992C16 3.58 12.416 0 8 0S0 3.58 0 7.992c0 2.43 1.104 4.62 2.832 6.09.016.016.032.016.032.032.144.112.288.224.448.336.08.048.144.111.224.175A7.98 7.98 0 0 0 8.016 16a7.98 7.98 0 0 0 4.48-1.375c.08-.048.144-.111.224-.16.144-.111.304-.223.448-.335.016-.016.032-.016.032-.032 1.696-1.487 2.8-3.676 2.8-6.106zm-8 7.001c-1.504 0-2.88-.48-4.016-1.279.016-.128.048-.255.08-.383a4.17 4.17 0 0 1 .416-.991c.176-.304.384-.576.64-.816.24-.24.528-.463.816-.639.304-.176.624-.304.976-.4A4.15 4.15 0 0 1 8 10.342a4.185 4.185 0 0 1 2.928 1.166c.368.368.656.8.864 1.295.112.288.192.592.24.911A7.03 7.03 0 0 1 8 14.993zm-2.448-7.4a2.49 2.49 0 0 1-.208-1.024c0-.351.064-.703.208-1.023.144-.32.336-.607.576-.847.24-.24.528-.431.848-.575.32-.144.672-.208 1.024-.208.368 0 .704.064 1.024.208.32.144.608.336.848.575.24.24.432.528.576.847.144.32.208.672.208 1.023 0 .368-.064.704-.208 1.023a2.84 2.84 0 0 1-.576.848 2.84 2.84 0 0 1-.848.575 2.715 2.715 0 0 1-2.064 0 2.84 2.84 0 0 1-.848-.575 2.526 2.526 0 0 1-.56-.848zm7.424 5.306c0-.032-.016-.048-.016-.08a5.22 5.22 0 0 0-.688-1.406 4.883 4.883 0 0 0-1.088-1.135 5.207 5.207 0 0 0-1.04-.608 2.82 2.82 0 0 0 .464-.383 4.2 4.2 0 0 0 .624-.784 3.624 3.624 0 0 0 .528-1.934 3.71 3.71 0 0 0-.288-1.47 3.799 3.799 0 0 0-.816-1.199 3.845 3.845 0 0 0-1.2-.8 3.72 3.72 0 0 0-1.472-.287 3.72 3.72 0 0 0-1.472.288 3.631 3.631 0 0 0-1.2.815 3.84 3.84 0 0 0-.8 1.199 3.71 3.71 0 0 0-.288 1.47c0 .352.048.688.144 1.007.096.336.224.64.4.927.16.288.384.544.624.784.144.144.304.271.48.383a5.12 5.12 0 0 0-1.04.624c-.416.32-.784.703-1.088 1.119a4.999 4.999 0 0 0-.688 1.406c-.016.032-.016.064-.016.08C1.776 11.636.992 9.91.992 7.992.992 4.14 4.144.991 8 .991s7.008 3.149 7.008 7.001a6.96 6.96 0 0 1-2.032 4.907z"/>
+  </svg>
+};
+
+
PreviousstyleNextvideo
\ No newline at end of file diff --git a/reference/components/text.html b/reference/components/text.html index e42f62f..8033431 100644 --- a/reference/components/text.html +++ b/reference/components/text.html @@ -1,4 +1,4 @@ -<text> • React
Reference
Components

<text>

<text> creates a component whose only content is text. It is useful for creating interpolated text and being able to style text nodes.

+
Reference
Components

<text>

<text> creates a component whose only content is text. It is useful for creating interpolated text and being able to style text nodes.

const name = 'John Doe';
 
 export default function App() {
@@ -68,4 +68,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003ctext\u003e\"}],\" creates a component whose only content is text. It is useful for creating interpolated text and being able to style text nodes.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"const name = 'John Doe';\\n\\nexport default function App() {\\n  return \u003ctext style={{ color: 'green' }}\u003e\\n    Hello {name}\\n  \u003c/text\u003e;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"8\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"rich-text-support\",\"children\":\"Rich-text support\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"By default, text component allows \",[\"$r\",\"a\",null,{\"href\":\"http://digitalnativestudios.com/textmeshpro/docs/rich-text\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":\"rich-text\"}],\". Rich-text can be disabled by setting \",[\"$r\",\"code\",null,{\"children\":\"richText={false}\"}],\".\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"const name = 'John Doe';\\n\\nexport default function App() {\\n  return \u003c\u003e\\n    \u003ctext style={{ marginBottom: 20 }}\u003e\\n      {`Yes! This is \u003c#998855\u003erich-text\u003c/color\u003e with color`}\\n    \u003c/text\u003e\\n\\n    \u003ctext richText={false}\u003e\\n      {`Sorry, no \u003cb\u003erich-text\u003c/b\u003e here`}\\n    \u003c/text\u003e\\n  \u003c/\u003e;\\n};\\n\"}]}]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#rich-text-support\",\"depth\":3,\"text\":\"Rich-text support\"}]","meta":{"title":"\u003ctext\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","text"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/components/toggle.html b/reference/components/toggle.html index 80d5b10..6c4795d 100644 --- a/reference/components/toggle.html +++ b/reference/components/toggle.html @@ -1,4 +1,4 @@ -<toggle> • React
Reference
Components

<toggle>

<toggle> creates a boolean toggle component.

+
Reference
Components

<toggle>

<toggle> creates a boolean toggle component.

export default function App() {
   const light = Globals.Light;
 
@@ -63,4 +63,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":[[\"$r\",\"code\",null,{\"children\":\"\u003ctoggle\u003e\"}],\" creates a boolean toggle component.\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n  const light = Globals.Light;\\n\\n  return \u003cview style={{\\n    flexDirection: 'row',\\n    justifyContent: 'center',\\n  }}\u003e\\n    \u003ctoggle\\n      onChange={val =\u003e light.enabled = val}\\n      value={light.enabled} /\u003e\\n\\n    Toggle light\\n  \u003c/view\u003e;\\n};\\n\"}]}]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"properties\",\"children\":\"Properties\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"value\"}],\": Initial value of the toggle.\"]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[[\"$r\",\"strong\",null,{\"children\":\"onChange\"}],\": Event to call when the value changes.\"]}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#properties\",\"depth\":3,\"text\":\"Properties\"}]","meta":{"title":"\u003ctoggle\u003e","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","components","toggle"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/components/video.html b/reference/components/video.html index c651965..8a444a9 100644 --- a/reference/components/video.html +++ b/reference/components/video.html @@ -1,4 +1,4 @@ -<video> • React
Reference
Components

<video>

<video> creates an video component.

+
Reference
Components

<video>

<video> creates an video component.

import { useState, useEffect } from 'react';
 
 export default function App() {
@@ -70,10 +70,10 @@
 
Properties

 
    
 
  • source: Source of the image. Can be a url, a Video object.
    • 
-
Previousstyle
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/components/view.html b/reference/components/view.html index 8343296..fa44dc0 100644 --- a/reference/components/view.html +++ b/reference/components/view.html @@ -1,4 +1,4 @@ -view • React
Reference
Components

view

<view> is the simplest container component and building block of ReactUnity. Think of it as div in web development.

+
Reference
Components

view

<view> is the simplest container component and building block of ReactUnity. Think of it as div in web development.

export default function App() {
   return <view style={{
     padding: 20,
@@ -53,4 +53,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css.html b/reference/css.html index 8c6d0b2..f8d1707 100644 --- a/reference/css.html +++ b/reference/css.html @@ -1,4 +1,4 @@ -CSS Properties • React
Reference

CSS Properties

ReactUnity allows you to style elements using CSS. The CSS properties works the same as in browsers unless specified otherwise.

+
Reference

CSS Properties

ReactUnity allows you to style elements using CSS. The CSS properties works the same as in browsers unless specified otherwise.

:root {
   justify-content: space-around;
   text-align: center;
@@ -216,4 +216,4 @@ 
{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"2\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"ReactUnity allows you to style elements using CSS. The CSS properties works the same as in browsers unless specified otherwise.\"}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n  return \u003c\u003e\\n    \u003cview /\u003e\\n  \u003c/\u003e;\\n};\\n\"}]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-css\",\"meta\":\"active\",\"children\":\":root {\\n  justify-content: space-around;\\n  text-align: center;\\n  background-color: #a9b2ba;\\n}\\n\\nview {\\n  align-self: center;\\n  width: 100px;\\n  height: 100px;\\n  background-color: coral;\\n  cursor: pointer;\\n}\\n\\nview:hover {\\n  background-color: blue;\\n}\\n\"}]}]]}],[\"$r\",\"MaxWidth\",\"last\",{\"children\":[\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"css-properties\",\"children\":\"CSS Properties\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"List of supported CSS properties in alphabetical order:\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":\"align-content\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"align-items\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"align-self\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-delay\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-direction\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-duration\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-fill-mode\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-iteration-count\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-name\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-play-state\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation-timing-function\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"appearance\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"aspect-ratio\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"audio-clip\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"audio-delay\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"audio-iteration-count\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-blend-mode\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-image\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-position-x\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-position-y\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-repeat-x\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-repeat-y\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-size\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-bottom-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-bottom-left-radius\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-bottom-right-radius\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-bottom-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-end-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-left-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-left-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-right-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-right-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-start-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-top-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-top-left-radius\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-top-right-radius\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-top-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"bottom\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"box-shadow\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"content\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"cursor\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"display\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"end\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"flex-basis\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"flex-direction\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"flex-grow\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"flex-shrink\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"font-family\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"font-size\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"font-style\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"font-weight\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"height\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"justify-content\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"left\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"letter-spacing\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"line-height\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-bottom\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-end\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-horizontal\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-left\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-right\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-start\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-top\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin-vertical\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-image\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-position-x\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-position-y\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-repeat-x\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-repeat-y\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-size\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"max-height\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"max-lines\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"max-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"min-height\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"min-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"motion-delay\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"motion-duration\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"motion-timing-function\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"navigation\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"object-fit\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"object-position\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"opacity\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"order\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"overflow\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-bottom\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-end\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-horizontal\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-left\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-right\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-start\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-top\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding-vertical\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"pointer-events\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"position\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"right\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"rotate\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"scale\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"start\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"state-duration\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text-align\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text-overflow\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text-stroke-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text-stroke-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text-wrap\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"top\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transform-origin\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transition-delay\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transition-duration\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transition-play-state\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transition-property\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transition-timing-function\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"translate\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"visibility\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"word-spacing\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"z-index\"}],\"\\n\"]}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"css-shorthands\",\"children\":\"CSS Shorthands\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"List of supported CSS shorthands in alphabetical order:\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":\"all\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"animation\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"audio\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-position\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"background-repeat\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-bottom\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-color\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-left\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-radius\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-right\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-top\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"border-width\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"flex\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"flex-flow\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"font\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"inset\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"margin\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-position\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"mask-repeat\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"motion\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"padding\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"text-stroke\"}],\"\\n\",[\"$r\",\"li\",null,{\"children\":\"transition\"}],\"\\n\"]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#css-properties\",\"depth\":3,\"text\":\"CSS Properties\"},{\"url\":\"#css-shorthands\",\"depth\":3,\"text\":\"CSS Shorthands\"}]","meta":{"title":"CSS Properties","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","css"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]}
\ No newline at end of file
+
\ No newline at end of file diff --git a/reference/css/animation.html b/reference/css/animation.html index d8445fa..66f3905 100644 --- a/reference/css/animation.html +++ b/reference/css/animation.html @@ -1,4 +1,4 @@ -Animation • React
Reference
CSS Properties

Animation

Applies a keyframe animation to an element.

+
Reference
CSS Properties

Animation

Applies a keyframe animation to an element.

This property is completely compatible with CSS animation.

:root {
   justify-content: space-around;
@@ -85,4 +85,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/appearance.html b/reference/css/appearance.html index a285c5c..c6dc5e5 100644 --- a/reference/css/appearance.html +++ b/reference/css/appearance.html @@ -1,4 +1,4 @@ -Appearance • React
Reference
CSS Properties

Appearance

Remove native styling from elements which have it, such as button, input and toggle. This allows styling those element more accurately if desired.

+
Reference
CSS Properties

Appearance

Remove native styling from elements which have it, such as button, input and toggle. This allows styling those element more accurately if desired.

Valid values are none or button.

export default function App() {
   return <>
@@ -60,4 +60,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/audio.html b/reference/css/audio.html index d657b0c..968adb8 100644 --- a/reference/css/audio.html +++ b/reference/css/audio.html @@ -1,4 +1,4 @@ -Audio • React
Reference
CSS Properties

Audio

Plays audio in certain situations. This property is unique to React Unity and does not exist in web CSS.

+
Reference
CSS Properties

Audio

Plays audio in certain situations. This property is unique to React Unity and does not exist in web CSS.

The property must have the format <url> <delay> <iteration-count | infinite>

  • Example: url(res:click) 400ms 1 - Meaning to play the resource named click after 400ms delay once
    • @@ -57,4 +57,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/background-color.html b/reference/css/background-color.html index dc0c01d..c86d88f 100644 --- a/reference/css/background-color.html +++ b/reference/css/background-color.html @@ -1,4 +1,4 @@ -Background • React
Reference
CSS Properties

Background

Sets the background color of a component.

+
Reference
CSS Properties

Background

Sets the background color of a component.

Valid values

  • Known color name: red, limegreen, transparent
    • @@ -80,4 +80,4 @@

    {"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"6\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"Sets the background color of a component.\"}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"valid-values\",\"children\":\"Valid values\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"Known color name: \",[\"$r\",\"code\",null,{\"children\":\"red\"}],\", \",[\"$r\",\"code\",null,{\"children\":\"limegreen\"}],\", \",[\"$r\",\"code\",null,{\"children\":\"transparent\"}]]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"Hex color: \",[\"$r\",\"code\",null,{\"children\":\"#a5a5a5\"}],\", \",[\"$r\",\"code\",null,{\"children\":\"#777\"}],\", \",[\"$r\",\"code\",null,{\"children\":\"#00ff0033\"}]]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"RGBA color: \",[\"$r\",\"code\",null,{\"children\":\"rgba(23, 16, 168, 0.3)\"}]]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"CSS keywords: \",[\"$r\",\"code\",null,{\"children\":\"inherit\"}]]}],\"\\n\"]}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n return \u003c\u003e\\n \u003cview className=\\\"test\\\" /\u003e\\n \u003c/\u003e;\\n}\\n\"}]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-css\",\"meta\":\"active\",\"children\":\".test {\\n width: 240px;\\n height: 160px;\\n margin: 40px auto;\\n border: 1px solid black;\\n animation: backgroundColorAnim 8s infinite;\\n}\\n\\n@keyframes backgroundColorAnim {\\n 0% {\\n background-color: crimson;\\n }\\n\\n 25% {\\n background-color: #a5a5a5;\\n }\\n\\n 50% {\\n background-color: rgba(10, 10, 235, 0.4);\\n }\\n\\n 75% {\\n background-color: #00ff0033;\\n }\\n\\n 100% {\\n background-color: crimson;\\n }\\n}\\n\"}]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#valid-values\",\"depth\":3,\"text\":\"Valid values\"}]","meta":{"title":"Background","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","css","background-color"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]} \ No newline at end of file +

\ No newline at end of file diff --git a/reference/css/background-image.html b/reference/css/background-image.html index b1be21a..4bbb819 100644 --- a/reference/css/background-image.html +++ b/reference/css/background-image.html @@ -1,4 +1,4 @@ -Background • React
Reference
CSS Properties

Background

Sets the background image of a component.

+
Reference
CSS Properties

Background

Sets the background image of a component.

Valid values

  • Url value. Examples: @@ -59,4 +59,4 @@

    {"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"8\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"Sets the background image of a component.\"}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"valid-values\",\"children\":\"Valid values\"}],\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"Url value. Examples:\",\"\\n\",[\"$r\",\"ul\",null,{\"children\":[\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"From web address: \",[\"$r\",\"code\",null,{\"children\":\"url(https://via.placeholder.com/350x150)\"}]]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"From resources: \",[\"$r\",\"code\",null,{\"children\":\"url(res:images/ui/exampleImage)\"}]]}],\"\\n\",[\"$r\",\"li\",null,{\"children\":[\"Data url: \",[\"$r\",\"code\",null,{\"children\":\"url(data:image/png;base64,9j4AAQSkZJRgABAQEBLAEsAAD...)\"}]]}],\"\\n\"]}],\"\\n\"]}],\"\\n\"]}],\"\\n\",[\"$r\",\"h3\",null,{\"id\":\"example\",\"children\":\"Example\"}],\"\\n\"]}],[\"$r\",\"Sandpack\",null,{\"children\":[[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"export default function App() {\\n return \u003c\u003e\\n \u003cview /\u003e\\n \u003c/\u003e;\\n}\\n\"}]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-css\",\"meta\":\"active\",\"children\":\"view {\\n flex-grow: 1;\\n background-image: url(res:star);\\n}\\n\"}]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#valid-values\",\"depth\":3,\"text\":\"Valid values\"},{\"url\":\"#example\",\"depth\":3,\"text\":\"Example\"}]","meta":{"title":"Background","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","css","background-image"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]} \ No newline at end of file +

\ No newline at end of file diff --git a/reference/css/border-color.html b/reference/css/border-color.html index 5857147..d81373c 100644 --- a/reference/css/border-color.html +++ b/reference/css/border-color.html @@ -1,4 +1,4 @@ -Border • React
Reference
CSS Properties

Border

Changes the border color of all sides of the element’s rectangle.

+
Reference
CSS Properties

Border

Changes the border color of all sides of the element’s rectangle.

Alternatively, each side can be set separately with the following properties:

  • border-top-color
    • @@ -88,4 +88,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/border-radius.html b/reference/css/border-radius.html index 28409c9..c100031 100644 --- a/reference/css/border-radius.html +++ b/reference/css/border-radius.html @@ -1,4 +1,4 @@ -Border Radius • React
Reference
CSS Properties

Border Radius

Changes the border radius of all four corners of the element’s rectangle.

+
Reference
CSS Properties

Border Radius

Changes the border radius of all four corners of the element’s rectangle.

Alternatively, each corner can be set separately with the following properties:

  • border-top-left-radius
    • @@ -83,4 +83,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/border-width.html b/reference/css/border-width.html index a7f8dd3..859aec3 100644 --- a/reference/css/border-width.html +++ b/reference/css/border-width.html @@ -1,4 +1,4 @@ -Border • React
Reference
CSS Properties

Border

Changes the border width of all sides of the element’s rectangle.

+
Reference
CSS Properties

Border

Changes the border width of all sides of the element’s rectangle.

Alternatively, each side can be set separately with the following properties:

  • border-top-width
    • @@ -85,4 +85,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/box-shadow.html b/reference/css/box-shadow.html index 6f0443f..649a13f 100644 --- a/reference/css/box-shadow.html +++ b/reference/css/box-shadow.html @@ -1,4 +1,4 @@ -Animation • React
Reference
CSS Properties

Animation

Creates a box shadow of the target element.

+
Reference
CSS Properties

Animation

Creates a box shadow of the target element.

Check out the MDN for how to use.

:root {
   padding: 10px;
@@ -72,4 +72,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/color.html b/reference/css/color.html index 6891f60..434df7e 100644 --- a/reference/css/color.html +++ b/reference/css/color.html @@ -1,4 +1,4 @@ -Color • React
Reference
CSS Properties

Color

Sets the text color inside a component.

+
Reference
CSS Properties

Color

Sets the text color inside a component.

view {
   flex-grow: 1;
   justify-content: center;
@@ -65,4 +65,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/content.html b/reference/css/content.html index cc71de5..b35e8b2 100644 --- a/reference/css/content.html +++ b/reference/css/content.html @@ -1,4 +1,4 @@ -Animation • React
Reference
CSS Properties

Animation

Adds content to text elements and pseudo elements :before and :after.

+
Reference
CSS Properties

Animation

Adds content to text elements and pseudo elements :before and :after.

The value must be a string enclosed in quotes, like "Hello world!".

.test {
   border: 1px solid black;
@@ -64,4 +64,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/cursor.html b/reference/css/cursor.html index 4a26f18..b5671c1 100644 --- a/reference/css/cursor.html +++ b/reference/css/cursor.html @@ -1,4 +1,4 @@ -Cursor • React
Reference
CSS Properties

Cursor

Sets the mouse cursor texture when an element is hovered. Compatible with CSS syntax.

+
Reference
CSS Properties

Cursor

Sets the mouse cursor texture when an element is hovered. Compatible with CSS syntax.

Valid values are:

  • A named cursor: default, none, pointer etc.
    • @@ -61,4 +61,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/mask-image.html b/reference/css/mask-image.html index 3db5cd5..a314ed6 100644 --- a/reference/css/mask-image.html +++ b/reference/css/mask-image.html @@ -1,4 +1,4 @@ -Mask • React
Reference
CSS Properties

Mask

Sets the mask image of a component.

+
Reference
CSS Properties

Mask

Sets the mask image of a component.

See MDN for usage.

view {
   flex-grow: 1;
@@ -50,4 +50,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/opacity.html b/reference/css/opacity.html index 914efa3..6d76efd 100644 --- a/reference/css/opacity.html +++ b/reference/css/opacity.html @@ -1,4 +1,4 @@ -Opacity • React
Reference
CSS Properties

Opacity

Changes the opacity of an element and its children.

+
Reference
CSS Properties

Opacity

Changes the opacity of an element and its children.

Valid values are:

  • A number between 0 and 1: 0, 0.72, 1 etc.
    • @@ -78,4 +78,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/pointer-events.html b/reference/css/pointer-events.html index fe9b74d..4a5816c 100644 --- a/reference/css/pointer-events.html +++ b/reference/css/pointer-events.html @@ -1,4 +1,4 @@ -Pointer Events • React
Reference
CSS Properties

Pointer Events

Allows an element and its children to ignore pointer events.

+
Reference
CSS Properties

Pointer Events

Allows an element and its children to ignore pointer events.

Valid values are:

  • auto or visible: allow pointer events only when the element is visible
    • @@ -63,4 +63,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/rotate.html b/reference/css/rotate.html index 2f9e956..5007bd3 100644 --- a/reference/css/rotate.html +++ b/reference/css/rotate.html @@ -1,4 +1,4 @@ -Rotate • React
Reference
CSS Properties

Rotate

Rotates the element around its transform-origin.

+
Reference
CSS Properties

Rotate

Rotates the element around its transform-origin.

Valid values are:

  • Single angle value to rotate around Z-axis: 45deg, 1.2rad, 0.5turn etc.
    • @@ -89,4 +89,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/scale.html b/reference/css/scale.html index 1153c2a..0390733 100644 --- a/reference/css/scale.html +++ b/reference/css/scale.html @@ -1,4 +1,4 @@ -Scale • React
Reference
CSS Properties

Scale

Scale the element around its transform-origin. Does not affect the layout.

+
Reference
CSS Properties

Scale

Scale the element around its transform-origin. Does not affect the layout.

Valid values are:

  • Single number to scale uniformly: 0.8, 1.6 etc.
    • @@ -85,4 +85,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/transform-origin.html b/reference/css/transform-origin.html index ad1ac37..5fc562f 100644 --- a/reference/css/transform-origin.html +++ b/reference/css/transform-origin.html @@ -1,4 +1,4 @@ -Transform Origin • React
Reference
CSS Properties

Transform Origin

Affects the pivot point for scale and rotate. By default it is at the center.

+
Reference
CSS Properties

Transform Origin

Affects the pivot point for scale and rotate. By default it is at the center.

Valid values are:

  • Positional keyword: top, right, bottom, left, center, top left etc.
    • @@ -58,4 +58,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/transition.html b/reference/css/transition.html index bea3f25..b852b1f 100644 --- a/reference/css/transition.html +++ b/reference/css/transition.html @@ -1,4 +1,4 @@ -Transition • React
Reference
CSS Properties

Transition

Allows gradually changing a CSS value when it changes.

+
Reference
CSS Properties

Transition

Allows gradually changing a CSS value when it changes.

This property is completely compatible with CSS transition.

:root {
   justify-content: space-around;
@@ -64,4 +64,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/translate.html b/reference/css/translate.html index 29f1381..bcdf4b5 100644 --- a/reference/css/translate.html +++ b/reference/css/translate.html @@ -1,4 +1,4 @@ -Translate • React
Reference
CSS Properties

Translate

Repositions the element without affecting its layout.

+
Reference
CSS Properties

Translate

Repositions the element without affecting its layout.

Valid values are:

  • 2-dimensional pixel amount or percentage: 40px 50px, 50% -50%
    • @@ -84,4 +84,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/visibility.html b/reference/css/visibility.html index 6eb870e..ee38b32 100644 --- a/reference/css/visibility.html +++ b/reference/css/visibility.html @@ -1,4 +1,4 @@ -Visibility • React
Reference
CSS Properties

Visibility

Completely shows or hides the element.

+
Reference
CSS Properties

Visibility

Completely shows or hides the element.

Valid values are:

  • Keyword values: visible or hidden
    • @@ -70,4 +70,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/css/z-index.html b/reference/css/z-index.html index 9b78304..1399048 100644 --- a/reference/css/z-index.html +++ b/reference/css/z-index.html @@ -1,4 +1,4 @@ -Z Index • React
Reference
CSS Properties

Z Index

Allows showing certain elements in front of others.

+
Reference
CSS Properties

Z Index

Allows showing certain elements in front of others.

Valid values are:

  • Integer values: 0, 100, 762 etc.
    • @@ -81,4 +81,4 @@ gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material.html b/reference/material.html index 78a06a7..41ecf27 100644 --- a/reference/material.html +++ b/reference/material.html @@ -1,4 +1,4 @@ -Material Design • React
Reference

Material Design

ReactUnity provides some high level components out of the box to help developers generate UI quickly. +

Reference

Material Design

ReactUnity provides some high level components out of the box to help developers generate UI quickly. These components are styled with Material Design principles and will seem familiar to web and mobile developers.

This is a work in progress and development on this may or may not continue depending on the reception.

Installation

@@ -47,4 +47,4 @@

{"props":{"pageProps":{"content":"[[\"$r\",\"MaxWidth\",\"last\",{\"children\":[[\"$r\",\"p\",null,{\"children\":\"ReactUnity provides some high level components out of the box to help developers generate UI quickly.\\nThese components are styled with Material Design principles and will seem familiar to web and mobile developers.\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":\"This is a work in progress and development on this may or may not continue depending on the reception.\"}],\"\\n\",[\"$r\",\"h2\",null,{\"id\":\"installation\",\"children\":\"Installation\"}],\"\\n\",[\"$r\",\"p\",null,{\"children\":[\"It is available as \",[\"$r\",\"a\",null,{\"href\":\"https://www.npmjs.com/package/@reactunity/material\",\"target\":\"_blank\",\"rel\":\"nofollow noopener noreferrer\",\"children\":[\"$r\",\"code\",null,{\"children\":\"@reactunity/material\"}]}],\" on npm.\"]}],\"\\n\",[\"$r\",\"PackageImport\",null,{\"children\":[[\"$r\",\"TerminalBlock\",null,{\"children\":[\"$r\",\"p\",null,{\"children\":\"yarn add @reactunity/material\"}]}],[\"$r\",\"pre\",null,{\"children\":[\"$r\",\"code\",null,{\"className\":\"language-js\",\"children\":\"// Global styles is needed to be imported at least once for correct styling\\nimport '@reactunity/material/styles';\\n\\n// Importing a specific component:\\nimport { Button } from '@reactunity/material';\\n\\n// Importing all components together:\\nimport * as Material from '@reactunity/material';\\n\"}]}]]}]]}]]","toc":"[{\"url\":\"#\",\"text\":\"Overview\",\"depth\":2},{\"url\":\"#installation\",\"depth\":2,\"text\":\"Installation\"}]","meta":{"title":"Material Design","layout":"API"}},"__N_SSG":true},"page":"/[[...markdownPath]]","query":{"markdownPath":["reference","material"]},"buildId":"41xC1mcDIRp0x7_S1KItx","isFallback":false,"gsp":true,"scriptLoader":[]} \ No newline at end of file +

\ No newline at end of file diff --git a/reference/material/accordion.html b/reference/material/accordion.html index d62b619..0d49c86 100644 --- a/reference/material/accordion.html +++ b/reference/material/accordion.html @@ -1,4 +1,4 @@ -Accordion • React
Reference
Material Components

Accordion

+
Reference
Material Components

Accordion

import { Accordion } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -60,4 +60,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/button.html b/reference/material/button.html index 92d159a..7069671 100644 --- a/reference/material/button.html +++ b/reference/material/button.html @@ -1,4 +1,4 @@ -Button • React
Reference
Material Components

Button

+
Reference
Material Components

Button

import { Button } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -66,4 +66,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/card.html b/reference/material/card.html index b609dc3..cdd7efc 100644 --- a/reference/material/card.html +++ b/reference/material/card.html @@ -1,4 +1,4 @@ -Card • React
Reference
Material Components

Card

+
Reference
Material Components

Card

import { Card } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -68,4 +68,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/dialogs.html b/reference/material/dialogs.html index 3c14b45..6863d88 100644 --- a/reference/material/dialogs.html +++ b/reference/material/dialogs.html @@ -1,4 +1,4 @@ -Dialogs • React
Reference
Material Components

Dialogs

+
Reference
Material Components

Dialogs

import { Button, AlertDialog, ConfirmDialog, PromptDialog } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -82,4 +82,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/paper.html b/reference/material/paper.html index 06561bf..cef922e 100644 --- a/reference/material/paper.html +++ b/reference/material/paper.html @@ -1,4 +1,4 @@ -Paper • React
Reference
Material Components

Paper

+
Reference
Material Components

Paper

import { Paper } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -62,4 +62,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/select.html b/reference/material/select.html index a7e3022..3905f3f 100644 --- a/reference/material/select.html +++ b/reference/material/select.html @@ -1,4 +1,4 @@ -Select • React
Reference
Material Components

Select

+
Reference
Material Components

Select

import { Select } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -80,4 +80,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/slider.html b/reference/material/slider.html index 0054a18..a4c8fab 100644 --- a/reference/material/slider.html +++ b/reference/material/slider.html @@ -1,4 +1,4 @@ -Slider • React
Reference
Material Components

Slider

+
Reference
Material Components

Slider

import { Slider } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -62,4 +62,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/text-field.html b/reference/material/text-field.html index c85dc6f..8a4d43e 100644 --- a/reference/material/text-field.html +++ b/reference/material/text-field.html @@ -1,4 +1,4 @@ -Text Field • React
Reference
Material Components

Text Field

+
Reference
Material Components

Text Field

import { TextField } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -55,4 +55,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/toggle.html b/reference/material/toggle.html index bb63567..3025323 100644 --- a/reference/material/toggle.html +++ b/reference/material/toggle.html @@ -1,4 +1,4 @@ -Toggle • React
Reference
Material Components

Toggle

+
Reference
Material Components

Toggle

import { Toggle, ToggleGroup } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -67,4 +67,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/tooltip.html b/reference/material/tooltip.html index 60d8b88..543a0bd 100644 --- a/reference/material/tooltip.html +++ b/reference/material/tooltip.html @@ -1,4 +1,4 @@ -Tooltip • React
Reference
Material Components

Tooltip

+
Reference
Material Components

Tooltip

import { useDataTooltip, Button } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -87,4 +87,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/material/virtual-scroll.html b/reference/material/virtual-scroll.html index 9cbc171..88a925f 100644 --- a/reference/material/virtual-scroll.html +++ b/reference/material/virtual-scroll.html @@ -1,4 +1,4 @@ -Virtual Scroll • React
Reference
Material Components

Virtual Scroll

+
Reference
Material Components

Virtual Scroll

import { FixedSizeList } from '@reactunity/material';
 import '@reactunity/material/styles';
 
@@ -65,4 +65,4 @@
         gtag('js', new Date());
 
         gtag('config', 'G-LS8ZK1BB3T');
-
\ No newline at end of file +
\ No newline at end of file diff --git a/reference/media-queries.html b/reference/media-queries.html index f7334f8..197c65d 100644 --- a/reference/media-queries.html +++ b/reference/media-queries.html @@ -1,4 +1,4 @@ -Media Queries • React
Reference

Media Queries

CSS media queries are supported in ReactUnity. How to use media queries in CSS can be learned at MDN Docs. Programmatical usage also works.

+
Reference

Media Queries

CSS media queries are supported in ReactUnity. How to use media queries in CSS can be learned at MDN Docs. Programmatical usage also works.

These are different kind of media queries supported in ReactUnity.

Boolean typed media properties

Boolean properties are either true or false. There is no comparison required, only the existence of the property.

@@ -58,4 +58,4 @@

Ex gtag('js', new Date()); gtag('config', 'G-LS8ZK1BB3T'); -

\ No newline at end of file +
\ No newline at end of file