diff --git a/404.html b/404.html index 057550df..10f1a05d 100644 --- a/404.html +++ b/404.html @@ -1,4 +1,4 @@ -404: This page could not be found

404

This page could not be found.

\ No newline at end of file + }

404

This page could not be found.

\ No newline at end of file diff --git a/_next/static/BrfYnMzb74xL6ieGaaaax/_buildManifest.js b/_next/static/2juv3Oqi7lyZRMuGv_1X3/_buildManifest.js similarity index 100% rename from _next/static/BrfYnMzb74xL6ieGaaaax/_buildManifest.js rename to _next/static/2juv3Oqi7lyZRMuGv_1X3/_buildManifest.js diff --git a/_next/static/BrfYnMzb74xL6ieGaaaax/_ssgManifest.js b/_next/static/2juv3Oqi7lyZRMuGv_1X3/_ssgManifest.js similarity index 100% rename from _next/static/BrfYnMzb74xL6ieGaaaax/_ssgManifest.js rename to _next/static/2juv3Oqi7lyZRMuGv_1X3/_ssgManifest.js diff --git a/_next/static/chunks/nextra-data-en-US.json b/_next/static/chunks/nextra-data-en-US.json index b238ab96..e66da318 100644 --- a/_next/static/chunks/nextra-data-en-US.json +++ b/_next/static/chunks/nextra-data-en-US.json @@ -1 +1 @@ -{"/docs/editor-settings":{"title":"IDE / Editor config","data":{"":"The react-dev-inspector could launch your local IDE/Editor application with file path, but which one will be open?In fact, it uses an environment variable named REACT_EDITOR to specify an IDE application.For example, if you want it always open VSCode when inspection clicked, set export REACT_EDITOR=code in your shell config like .bashrc or .zshrc.\nNote: Don't forget restart shell or IDE to reload the updated environment variables.\nNote: if you do NOT specify the environment variable of REACT_EDITOR, react-dev-inspector will temporarily set it to code by default.\nThis means that VSCode will be used as the default editor. \nThis setting is designed to be broadly applicable for a wide range of users.","vscode#VSCode":"Install VSCode command line tools, follow the official docs,\nyou need to run the command: >Shell Command: Install 'code' command in PATH\nSet env to shell, like .bashrc or .zshrc","webstorm#WebStorm":"Just set env with an absolute path to shell, like .bashrc or .zshrc (only MacOS)\nORInstall WebStorm command line tools:\nThen set env to shell, like .bashrc or .zshrc:","nvim--vim#Nvim / Vim":"Yes! you can also use nvim/vim if you want, just set env to shell"}},"/docs":{"title":"Introduction - React Dev Inspector","data":{"the-problems#The Problems":"Hey folks, have you ever run into any of these issues 🤔:\nYou've got to fix some bugs in your team's project, but you have no idea where the heck page/component's code is located.\nYou're eager to dive into an open-source project that interests you, but it's hard to find where the code for the page/component is implemented.\nYou may thinking about a component and want to quickly peek at its code, but don't want to memorize or manually expand those never-ending deep file paths.\nThat's exactly why react-dev-inspector was created.","react-dev-inspector#React Dev Inspector":"react-dev-inspector is the tool for seamlessly code navigation from browser to IDE.With just a simple click, you can jump from a React component on the browser to its source code in your local IDE instantly.\nThink of it as a more advanced version of Chrome's Inspector.It's designed to work in any environment:\nno browser restrictions, no framework limitations.\ndoesn't matter whether your code is running locally, remotely, or even in a container.\nalso flexible enough to handle both development and production build modes.\nIt's not just built for app, also designed to be integrated into tools you developed or ready to develop,\nlike browser extensions and developer toolkits.","quick-look#Quick Look":"Just check out this demo below and you'll get it in a snap.","try-it-online#Try It Online":"Wanna try out the demo right now? Sure, here is the online demo:","how-to-use-and-configure#How to Use and Configure":"According to the working pipeline below, the Part.1 and Part.2 are what you need configure to use.Basically, it's includes:\nadd the component in your page\nintegrate the middleware in your framework's dev-server\nCheck their documentation link for details.","how-it-works#How It Works":"Here is the working pipeline of react-dev-inspector:","inject-jsx-source#Inject JSX Source":"The compiler's plugin records source path info into React components during development stage.\nNote: Most frameworks offer this feature out-of-the-box,\nwhich means you usually don't need to manually configure it additionally.","inspector-component#Inspector Component":"The react-dev-inspector provide a component to reads the source info,\nand sends it to the dev-server when you inspect elements on browser.","dev-server-middleware#Dev Server Middleware":"The react-dev-inspector provide some middlewares for dev-server in most frameworks to receives source path info from API,\nthen call your local IDE/Editor to open the source file."}},"/docs/inspector-component":{"title":"Inspector Component","data":{"":"Optional Compiler\nInspector Component\nDev Server Middleware\nThis page is the Part.1 of configuration, we will add the Inspector UI component in your project\nthat provider interaction on browser, like this:","setup#Setup":"At first install the package:\nThen import the react-dev-inspector in your project entry file, like one of main.tsx, App.tsx or index.tsx:\nNow, we've completed the simplest setup way in this Part.1 🎉.To begin developing your project, you'll gain access to the Inspector UI in the browser\nvia default keyboard shortcuts:\nCtrl + Shift + Command + C on macOS\nCtrl + Shift + Alt + C on Windows / Linux\nBy default, clicking inspected element in the browser will trigger the to send an API network request to dev-server,\nthat will call your local IDE/editor to open the source file.For the next Part.2, you'll need to do set up a Middleware on Server-Side to handle these API requests.Certainly, you also have the option to override these shortcuts by configuring the props of the component.\nFor more advanced controls, refer to the Props section below.","props#Props":"This section refers to the interface of InspectorProps\nfor component.","keys#keys":"Type: keys?: string[] | null{:ts}\nDefault: \n['Ctrl', 'Shift', 'Command', 'C']{:ts} on macOS \n['Ctrl', 'Shift', 'Alt', 'C']{:ts} on other platforms\nActivity toggle hotkeys for component, supported keys see: https://github.com/jaywcjlove/hotkeys#supported-keysSetting keys={null} {:tsx} explicitly means that disable use hotkeys to trigger it.","active#active":"Added in: v2.0.0\nType: active?: boolean{:ts}If setting active prop, the Inspector will be a Controlled React Component,\nyou need to control the true{:ts} / false{:ts} state to active the Inspector.If not setting active prop, this only a Uncontrolled component that\nwill activate/deactivate by hotkeys.","onactivechange#onActiveChange":"Added in: v2.0.0\nType: onActiveChange?: (active: boolean) => void{:ts}Callback trigger by active state change, includes:\nhotkeys toggle, before activate/deactivate Inspector\nEscape / Click, before deactivate Inspector\nNote: onActiveChange will NOT trigger by change of active prop key.","disable#disable":"Added in: v2.0.0\nType: disable?: boolean{:ts}Whether to disable all behavior include hotkeys listening or trigger.\nNote: react-dev-inspector will automatically disable in production environment by default.","oninspectelement#onInspectElement":"Added in: v2.0.0\nType: onInspectElement?: (params: Required) => void{:ts}\ninterface InspectParams{:ts})\nDefault: built-in gotoServerEditor{:ts} util function\nCallback when left-clicking on an element, with ensuring the source code info is found,\nthe default gotoServerEditor callback will request the dev-server to open local IDE/editor from server-side.\nNote: By override the onInspectElement prop, the default gotoServerEditor will be removed,\nthat means you want to manually handle the source info, or handle how to goto editor by yourself.\nYou can also use the built-in gotoServerEditor util funtion in onInspectElement to get origin behavior (open local IDE on server-side),\nit looks like:\nOr simply use other built-in utils likes gotoVSCode, gotoVSCodeInsiders, gotoWebStorm to open IDE/editor by URL-scheme,\nwhich not need any server side configuration:","onhoverelement#onHoverElement":"Type: onHoverElement?: (params: InspectParams) => void{:ts}Callback when hovering on an element","onclickelement#onClickElement":"Type: onHoverElement?: (params: InspectParams) => void{:ts}Callback when left-clicking on an element.","children#children":"Type: children?: ReactNode{:ts}Any children of react nodes, to support usages like both of:\nand","disablelauncheditor#disableLaunchEditor":"Deprecated after: v2.0.0\nType: disableLaunchEditor?: boolean{:ts}\nDefault: true{:ts} if setting onInspectElement callback, otherwise is false{:ts}.\nWhether to disable default behavior: \"open local IDE when click on component\".\nDeprecated \ndisableLaunchEditor is deprecated after v2, please use onInspectElement callback instead for fully custom controlling."}},"/docs/integration":{"title":"Server-Side Integration","data":{"":"react-dev-inspector provides a pure middleware and many integrated plugins for popular frameworks,\nyou can choose one of them to integrate into your project.","frameworks-integration#Frameworks Integration":"All behind those interaction plugins is the @react-dev-inspector/middleware{:ts},for other frameworks, you can use the middleware directly in your framework's dev-server.","inspector-middleware#Inspector Middleware":"This package mainly just provides a launchEditorMiddleware,\nthat is an Express.js / Connect.js compatible request middleware.","usage-examples#Usage Examples":"For example, use with webpack-dev-server / webpack-dev-middleware:\nNote: make launchEditorMiddleware as far forward as possible before other middlewares.\nNote: make launchEditorMiddleware as far forward as possible before other middlewares."}},"/docs/integration/_snip-declaration":{"title":" Snip Declaration","data":{"":"Optional Compiler\nInspector Component\nDev Server Middleware\nThis page is the Part.2 of configuration, we will add a middleware in dev-server to receives API from Inspector Component,\nand call your local IDE/Editor to open the source file from server side. Please make sure you have already added the Inspector Component in your project as Part.1."}},"/docs/integration/create-react-app":{"title":"Create-React-App Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your create-react-app project.","setup-customize-cra#Setup customize-cra":"Before setup with react-dev-inspector, let's assume you have use customize-cra\nand react-app-rewired\nto override the create-react-app config in your project,\nbecause create-react-app doesn't provide configuration capabilities of its own.If not yet, please follow the customize-cra document to work at first.Now you should already replace the react-scripts with react-app-rewired in your package.json file likes:\nand already have a config-overrides.js for customize-cra.","setup-react-dev-inspector#Setup react-dev-inspector":"Install the middleware package and add it to your config-overrides.js:","example#Example":"Example project code you can find in examples/cra5-with-rewired,\nor see online demo via:"}},"/docs/integration/nextjs":{"title":"Next.js Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Next.js project.","setup#Setup":"At first install the package:\nThis middleware package just provides a launchEditorMiddleware,\nyou need to add it to Custom Server of Next.js,\nand update the dev script in package.json.Here provide a example template for your to create a server.mjs as custom server:\nThat is because the launchEditorMiddleware can it CANNOT running in Next.js Edge Runtime,\nthat need you to use it in the Custom Server.","example#Example":"Example project code you can find in examples/nextjs-custom-server,\nor see online demo via:"}},"/docs/integration/rspack":{"title":"Rspack Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Rspack project.","setup#Setup":"At first install the package:\nThis package provides a launchEditorMiddleware,\njust add it in your rscpack.config.ts by devServer.setupMiddlewares:\nNote: make launchEditorMiddleware as far forward as possible before other middlewares.","example#Example":"Example project code you can find in examples/rspack,\nor see online demo via:"}},"/docs/integration/umijs":{"title":"Umi Plugin","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your UmiJS project.","umi4-setup#Umi4 Setup":"At first install the plugin package:\nThen add the plugin to your UmiJS config file and that's all done, likes .umirc.dev.ts:\nThe plugin includes @react-dev-inspector/babel-plugin,\nwhich will automatically be disabled when using srcTranspiler: 'swc' in umi4 config or when in production build mode.","umi3-setup#Umi3 Setup":"Same as setup with Umi4, but change the plugin package to:\nThen add the plugin to your UmiJS config file and that's all done, likes .umirc.dev.ts:\nThis plugin has include a @react-dev-inspector/babel-plugin\nwhich will automatically disable when production build mode.","example#Example":"Example project code you can find in examples/umi4\nand examples/umi3,\nor see online demo via:"}},"/docs/integration/vite":{"title":"Vite Plugin","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Vite project.","setup#Setup":"At first install the plugin package:\nThe @react-dev-inspector/vite-plugin{:ts} now export a inspectorServer that compatible with vite@4 / vite@3 / vite@2,\njust add it into vite.config.ts and that's all done.","example#Example":"Example project code you can find in examples/vite4,\nor see online demo via:"}},"/docs/integration/webpack":{"title":"Webpack Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Webpack project.","setup#Setup":"At first install the package:\nThis package provides a launchEditorMiddleware,\njust add it in your webpack config's middlewares.\nNote: make launchEditorMiddleware as far forward as possible before other middlewares.\nFor example, use with setupMiddlewares in Webpack 5 likes:\nUse with devServer.before in Webpack 4 likes:"}},"/docs/migrate-v1-to-v2":{"title":"Migrate From V1 to V2","data":{"breaking-changes#Breaking Changes":"Replaced Imports:\nimport { launchEditorMiddleware } from 'react-dev-inspector/plugins/webpack'{:ts} \n-> import { launchEditorMiddleware } from '@react-dev-inspector/middleware'{:ts}\nimport { inspectorServer } from 'react-dev-inspector/plugins/vite'{:ts} \n-> import { inspectorServer } from '@react-dev-inspector/vite-plugin'{:ts}\nReplaced references path:\n'react-dev-inspector/plugins/babel'{:ts} -> '@react-dev-inspector/babel-plugin'{:ts}\n'react-dev-inspector/plugins/umi/react-inspector'{:ts}\n-> '@react-dev-inspector/umi3-plugin'{:ts}\n-> '@react-dev-inspector/umi4-plugin'{:ts}\nDeprecated and Removed:\nthe babel plugin and middleware in package react-dev-inspector/plugins/webpack{:ts} was splited to two packages:\n@react-dev-inspector/babel-plugin{:ts}\n@react-dev-inspector/middleware{:ts}\nimport type { InspectorConfig } from 'react-dev-inspector/plugins/webpack'{:ts}\nthe babel plugin config type changed to \nimport type { InspectorBabelPlugin } from '@react-dev-inspector/babel-plugin'{:ts}\nimport { ReactInspectorPlugin } from 'react-dev-inspector/plugins/webpack'{:ts}\nthe dev server middleware changed to launchEditorMiddleware{:ts}, \nimport { launchEditorMiddleware } from '@react-dev-inspector/middleware'{:ts}"}},"/":{"title":"React Dev Inspector – Seamless Browser-to-Editor Code Navigation","data":{}},"/docs/compiler-plugin":{"title":"Compiler Plugin","data":{"":"Optional Compiler\nInspector Component\nDev Server Middleware\nThis page serves as Part.0 of configuration guide, which focuses on adding a plugin the the compiler within your development framework.\nThe plugin will record source path information into React components during the development phase.\nNote: The 0 of Part.0 implies that this section is generally OPTIONAL.\nMost React frameworks offer this feature out-of-the-box,\nwhich means you usually don't need to manually configure it additionally.\nThe Component of react-dev-inspector can read the source path from element's custom data attributes data-inspector-\nor read from React's fiber._debugSource, some compiler with plugins can provide these information.","babel#Babel":"There are two supported Babel plugins avaliable should you need them:","babelplugin-transform-react-jsx-source#@babel/plugin-transform-react-jsx-source":"@babel/plugin-transform-react-jsx-source could inject __source props to JSX Elements,\nwhich will be transform to fiber._debugSource by React.\nNote: Most React frameworks used @babel/plugin-transform-react-jsx-source plugin as built-in preset,\nincludes Vite / Next.js / Remix / Gatsby / Umijs / create-react-app / ...","react-dev-inspectorbabel-plugin#@react-dev-inspector/babel-plugin":"@react-dev-inspector/babel-plugin could inject some custom data attributes start with data-inspector-,\nwhich will eventually appear on the DOM element.\nThe difference is that @react-dev-inspector/babel-plugin will inject the relative path for aesthetic reasons,\nwhile the @babel/plugin-transform-react-jsx-source injects the absolute path.","setup-examples#Setup Examples":"If you wish to use a Babel plugin, please manually add it to your framework's Babel configuration, here ara some examples:\nFollow the docs of vite plugin-react,\nadd plugin to @vitejs/plugin-react's config:\nIf you are using @vitejs/plugin-react-swc, you don't need any plugin.\nFollow the docs of Nextjs Babel configuration,\nadd plugin to .babelrc.js or babel.config.js:\nIf you are using swc in Next.js, you don't need any plugin.\nIncludes in @react-dev-inspector/umi4-plugin and @react-dev-inspector/umi3-plugin, see their documentation for details.\nIn the those umi plugins, the babel plugin will automatically be disabled when using srcTranspiler: 'swc' in umi4 config or when in production build mode.","swc#SWC":"No additional plugins are required when using SWC.","esbuild#esbuild":"No additional plugins are required when using esbuild."}}} \ No newline at end of file +{"/docs/compiler-plugin":{"title":"Compiler Plugin","data":{"":"Optional Compiler\nInspector Component\nDev Server Middleware\nThis page serves as Part.0 of configuration guide, which focuses on adding a plugin the the compiler within your development framework.\nThe plugin will record source path information into React components during the development phase.\nNote: The 0 of Part.0 implies that this section is generally OPTIONAL.\nMost React frameworks offer this feature out-of-the-box,\nwhich means you usually don't need to manually configure it additionally.\nThe Component of react-dev-inspector can read the source path from element's custom data attributes data-inspector-\nor read from React's fiber._debugSource, some compiler with plugins can provide these information.","babel#Babel":"There are two supported Babel plugins avaliable should you need them:","babelplugin-transform-react-jsx-source#@babel/plugin-transform-react-jsx-source":"@babel/plugin-transform-react-jsx-source could inject __source props to JSX Elements,\nwhich will be transform to fiber._debugSource by React.\nNote: Most React frameworks used @babel/plugin-transform-react-jsx-source plugin as built-in preset,\nincludes Vite / Next.js / Remix / Gatsby / Umijs / create-react-app / ...","react-dev-inspectorbabel-plugin#@react-dev-inspector/babel-plugin":"@react-dev-inspector/babel-plugin could inject some custom data attributes start with data-inspector-,\nwhich will eventually appear on the DOM element.\nThe difference is that @react-dev-inspector/babel-plugin will inject the relative path for aesthetic reasons,\nwhile the @babel/plugin-transform-react-jsx-source injects the absolute path.","setup-examples#Setup Examples":"If you wish to use a Babel plugin, please manually add it to your framework's Babel configuration, here ara some examples:\nFollow the docs of vite plugin-react,\nadd plugin to @vitejs/plugin-react's config:\nIf you are using @vitejs/plugin-react-swc, you don't need any plugin.\nFollow the docs of Nextjs Babel configuration,\nadd plugin to .babelrc.js or babel.config.js:\nIf you are using swc in Next.js, you don't need any plugin.\nIncludes in @react-dev-inspector/umi4-plugin and @react-dev-inspector/umi3-plugin, see their documentation for details.\nIn the those umi plugins, the babel plugin will automatically be disabled when using srcTranspiler: 'swc' in umi4 config or when in production build mode.","swc#SWC":"No additional plugins are required when using SWC.","esbuild#esbuild":"No additional plugins are required when using esbuild."}},"/docs/editor-settings":{"title":"IDE / Editor config","data":{"":"The react-dev-inspector could launch your local IDE/Editor application with file path, but which one will be open?In fact, it uses an environment variable named REACT_EDITOR to specify an IDE application.For example, if you want it always open VSCode when inspection clicked, set export REACT_EDITOR=code in your shell config like .bashrc or .zshrc.\nNote: Don't forget restart shell or IDE to reload the updated environment variables.\nNote: if you do NOT specify the environment variable of REACT_EDITOR, react-dev-inspector will temporarily set it to code by default.\nThis means that VSCode will be used as the default editor. \nThis setting is designed to be broadly applicable for a wide range of users.","vscode#VSCode":"Install VSCode command line tools, follow the official docs,\nyou need to run the command: >Shell Command: Install 'code' command in PATH\nSet env to shell, like .bashrc or .zshrc","webstorm#WebStorm":"Just set env with an absolute path to shell, like .bashrc or .zshrc (only MacOS)\nORInstall WebStorm command line tools:\nThen set env to shell, like .bashrc or .zshrc:","nvim--vim#Nvim / Vim":"Yes! you can also use nvim/vim if you want, just set env to shell"}},"/docs":{"title":"Introduction - React Dev Inspector","data":{"the-problems#The Problems":"Hey folks, have you ever run into any of these issues 🤔:\nYou've got to fix some bugs in your team's project, but you have no idea where the heck page/component's code is located.\nYou're eager to dive into an open-source project that interests you, but it's hard to find where the code for the page/component is implemented.\nYou may thinking about a component and want to quickly peek at its code, but don't want to memorize or manually expand those never-ending deep file paths.\nThat's exactly why react-dev-inspector was created.","react-dev-inspector#React Dev Inspector":"react-dev-inspector is the tool for seamlessly code navigation from browser to IDE.With just a simple click, you can jump from a React component on the browser to its source code in your local IDE instantly.\nThink of it as a more advanced version of Chrome's Inspector.It's designed to work in any environment:\nno browser restrictions, no framework limitations.\ndoesn't matter whether your code is running locally, remotely, or even in a container.\nalso flexible enough to handle both development and production build modes.\nIt's not just built for app, also designed to be integrated into tools you developed or ready to develop,\nlike browser extensions and developer toolkits.","quick-look#Quick Look":"Just check out this demo below and you'll get it in a snap.","try-it-online#Try It Online":"Wanna try out the demo right now? Sure, here is the online demo:","how-to-use-and-configure#How to Use and Configure":"According to the working pipeline below, the Part.1 and Part.2 are what you need configure to use.Basically, it's includes:\nadd the component in your page\nintegrate the middleware in your framework's dev-server\nCheck their documentation link for details.","how-it-works#How It Works":"Here is the working pipeline of react-dev-inspector:","inject-jsx-source#Inject JSX Source":"The compiler's plugin records source path info into React components during development stage.\nNote: Most frameworks offer this feature out-of-the-box,\nwhich means you usually don't need to manually configure it additionally.","inspector-component#Inspector Component":"The react-dev-inspector provide a component to reads the source info,\nand sends it to the dev-server when you inspect elements on browser.","dev-server-middleware#Dev Server Middleware":"The react-dev-inspector provide some middlewares for dev-server in most frameworks to receives source path info from API,\nthen call your local IDE/Editor to open the source file."}},"/docs/inspector-component":{"title":"Inspector Component","data":{"":"Optional Compiler\nInspector Component\nDev Server Middleware\nThis page is the Part.1 of configuration, we will add the Inspector UI component in your project\nthat provider interaction on browser, like this:","setup#Setup":"At first install the package:\nThen import the react-dev-inspector in your project entry file, like one of main.tsx, App.tsx or index.tsx:\nNow, we've completed the simplest setup way in this Part.1 🎉.To begin developing your project, you'll gain access to the Inspector UI in the browser\nvia default keyboard shortcuts:\nCtrl + Shift + Command + C on macOS\nCtrl + Shift + Alt + C on Windows / Linux\nBy default, clicking inspected element in the browser will trigger the to send an API network request to dev-server,\nthat will call your local IDE/editor to open the source file.For the next Part.2, you'll need to do set up a Middleware on Server-Side to handle these API requests.Certainly, you also have the option to override these shortcuts by configuring the props of the component.\nFor more advanced controls, refer to the Props section below.","props#Props":"This section refers to the interface of InspectorProps\nfor component.","keys#keys":"Type: keys?: string[] | null{:ts}\nDefault: \n['Ctrl', 'Shift', 'Command', 'C']{:ts} on macOS \n['Ctrl', 'Shift', 'Alt', 'C']{:ts} on other platforms\nActivity toggle hotkeys for component, supported keys see: https://github.com/jaywcjlove/hotkeys#supported-keysSetting keys={null} {:tsx} explicitly means that disable use hotkeys to trigger it.","active#active":"Added in: v2.0.0\nType: active?: boolean{:ts}If setting active prop, the Inspector will be a Controlled React Component,\nyou need to control the true{:ts} / false{:ts} state to active the Inspector.If not setting active prop, this only a Uncontrolled component that\nwill activate/deactivate by hotkeys.","onactivechange#onActiveChange":"Added in: v2.0.0\nType: onActiveChange?: (active: boolean) => void{:ts}Callback trigger by active state change, includes:\nhotkeys toggle, before activate/deactivate Inspector\nEscape / Click, before deactivate Inspector\nNote: onActiveChange will NOT trigger by change of active prop key.","disable#disable":"Added in: v2.0.0\nType: disable?: boolean{:ts}Whether to disable all behavior include hotkeys listening or trigger.\nNote: react-dev-inspector will automatically disable in production environment by default.","oninspectelement#onInspectElement":"Added in: v2.0.0\nType: onInspectElement?: (params: Required) => void{:ts}\ninterface InspectParams{:ts})\nDefault: built-in gotoServerEditor{:ts} util function\nCallback when left-clicking on an element, with ensuring the source code info is found,\nthe default gotoServerEditor callback will request the dev-server to open local IDE/editor from server-side.\nNote: By override the onInspectElement prop, the default gotoServerEditor will be removed,\nthat means you want to manually handle the source info, or handle how to goto editor by yourself.\nYou can also use the built-in gotoServerEditor util funtion in onInspectElement to get origin behavior (open local IDE on server-side),\nit looks like:\nOr simply use other built-in utils likes gotoVSCode, gotoVSCodeInsiders, gotoWebStorm to open IDE/editor by URL-scheme,\nwhich not need any server side configuration:","onhoverelement#onHoverElement":"Type: onHoverElement?: (params: InspectParams) => void{:ts}Callback when hovering on an element","onclickelement#onClickElement":"Type: onHoverElement?: (params: InspectParams) => void{:ts}Callback when left-clicking on an element.","children#children":"Type: children?: ReactNode{:ts}Any children of react nodes, to support usages like both of:\nand","disablelauncheditor#disableLaunchEditor":"Deprecated after: v2.0.0\nType: disableLaunchEditor?: boolean{:ts}\nDefault: true{:ts} if setting onInspectElement callback, otherwise is false{:ts}.\nWhether to disable default behavior: \"open local IDE when click on component\".\nDeprecated \ndisableLaunchEditor is deprecated after v2, please use onInspectElement callback instead for fully custom controlling."}},"/docs/integration":{"title":"Server-Side Integration","data":{"":"react-dev-inspector provides a pure middleware and many integrated plugins for popular frameworks,\nyou can choose one of them to integrate into your project.","frameworks-integration#Frameworks Integration":"All behind those interaction plugins is the @react-dev-inspector/middleware{:ts},for other frameworks, you can use the middleware directly in your framework's dev-server.","inspector-middleware#Inspector Middleware":"This package mainly just provides a launchEditorMiddleware,\nthat is an Express.js / Connect.js compatible request middleware.","usage-examples#Usage Examples":"For example, use with webpack-dev-server / webpack-dev-middleware:\nNote: make launchEditorMiddleware as far forward as possible before other middlewares.\nNote: make launchEditorMiddleware as far forward as possible before other middlewares."}},"/docs/integration/_snip-declaration":{"title":" Snip Declaration","data":{"":"Optional Compiler\nInspector Component\nDev Server Middleware\nThis page is the Part.2 of configuration, we will add a middleware in dev-server to receives API from Inspector Component,\nand call your local IDE/Editor to open the source file from server side. Please make sure you have already added the Inspector Component in your project as Part.1."}},"/docs/integration/create-react-app":{"title":"Create-React-App Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your create-react-app project.","setup-customize-cra#Setup customize-cra":"Before setup with react-dev-inspector, let's assume you have use customize-cra\nand react-app-rewired\nto override the create-react-app config in your project,\nbecause create-react-app doesn't provide configuration capabilities of its own.If not yet, please follow the customize-cra document to work at first.Now you should already replace the react-scripts with react-app-rewired in your package.json file likes:\nand already have a config-overrides.js for customize-cra.","setup-react-dev-inspector#Setup react-dev-inspector":"Install the middleware package and add it to your config-overrides.js:","example#Example":"Example project code you can find in examples/cra5-with-rewired,\nor see online demo via:"}},"/docs/integration/nextjs":{"title":"Next.js Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Next.js project.","setup#Setup":"At first install the package:\nThis middleware package just provides a launchEditorMiddleware,\nyou need to add it to Custom Server of Next.js,\nand update the dev script in package.json.Here provide a example template for your to create a server.mjs as custom server:\nThat is because the launchEditorMiddleware can it CANNOT running in Next.js Edge Runtime,\nthat need you to use it in the Custom Server.","example#Example":"Example project code you can find in examples/nextjs-custom-server,\nor see online demo via:"}},"/docs/integration/rspack":{"title":"Rspack Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Rspack project.","setup#Setup":"At first install the package:\nThis package provides a launchEditorMiddleware,\njust add it in your rscpack.config.ts by devServer.setupMiddlewares:\nNote: make launchEditorMiddleware as far forward as possible before other middlewares.","example#Example":"Example project code you can find in examples/rspack,\nor see online demo via:"}},"/docs/integration/umijs":{"title":"Umi Plugin","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your UmiJS project.","umi4-setup#Umi4 Setup":"At first install the plugin package:\nThen add the plugin to your UmiJS config file and that's all done, likes .umirc.dev.ts:\nThe plugin includes @react-dev-inspector/babel-plugin,\nwhich will automatically be disabled when using srcTranspiler: 'swc' in umi4 config or when in production build mode.","umi3-setup#Umi3 Setup":"Same as setup with Umi4, but change the plugin package to:\nThen add the plugin to your UmiJS config file and that's all done, likes .umirc.dev.ts:\nThis plugin has include a @react-dev-inspector/babel-plugin\nwhich will automatically disable when production build mode.","example#Example":"Example project code you can find in examples/umi4\nand examples/umi3,\nor see online demo via:"}},"/docs/integration/vite":{"title":"Vite Plugin","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Vite project.","setup#Setup":"At first install the plugin package:\nThe @react-dev-inspector/vite-plugin{:ts} now export a inspectorServer that compatible with vite@4 / vite@3 / vite@2,\njust add it into vite.config.ts and that's all done.","example#Example":"Example project code you can find in examples/vite4,\nor see online demo via:"}},"/docs/integration/webpack":{"title":"Webpack Integration","data":{"":"In this section, follow the simple setup below to integrate react-dev-inspector into your Webpack project.","setup#Setup":"At first install the package:\nThis package provides a launchEditorMiddleware,\njust add it in your webpack config's middlewares.\nNote: make launchEditorMiddleware as far forward as possible before other middlewares.\nFor example, use with setupMiddlewares in Webpack 5 likes:\nUse with devServer.before in Webpack 4 likes:"}},"/docs/migrate-v1-to-v2":{"title":"Migrate From V1 to V2","data":{"breaking-changes#Breaking Changes":"Replaced Imports:\nimport { launchEditorMiddleware } from 'react-dev-inspector/plugins/webpack'{:ts} \n-> import { launchEditorMiddleware } from '@react-dev-inspector/middleware'{:ts}\nimport { inspectorServer } from 'react-dev-inspector/plugins/vite'{:ts} \n-> import { inspectorServer } from '@react-dev-inspector/vite-plugin'{:ts}\nReplaced references path:\n'react-dev-inspector/plugins/babel'{:ts} -> '@react-dev-inspector/babel-plugin'{:ts}\n'react-dev-inspector/plugins/umi/react-inspector'{:ts}\n-> '@react-dev-inspector/umi3-plugin'{:ts}\n-> '@react-dev-inspector/umi4-plugin'{:ts}\nDeprecated and Removed:\nthe babel plugin and middleware in package react-dev-inspector/plugins/webpack{:ts} was splited to two packages:\n@react-dev-inspector/babel-plugin{:ts}\n@react-dev-inspector/middleware{:ts}\nimport type { InspectorConfig } from 'react-dev-inspector/plugins/webpack'{:ts}\nthe babel plugin config type changed to \nimport type { InspectorBabelPlugin } from '@react-dev-inspector/babel-plugin'{:ts}\nimport { ReactInspectorPlugin } from 'react-dev-inspector/plugins/webpack'{:ts}\nthe dev server middleware changed to launchEditorMiddleware{:ts}, \nimport { launchEditorMiddleware } from '@react-dev-inspector/middleware'{:ts}"}},"/":{"title":"React Dev Inspector – Seamless Browser-to-Editor Code Navigation","data":{}}} \ No newline at end of file diff --git a/_next/static/chunks/pages/_app-807838669f89fc60.js b/_next/static/chunks/pages/_app-c3ff847ce005aba0.js similarity index 86% rename from _next/static/chunks/pages/_app-807838669f89fc60.js rename to _next/static/chunks/pages/_app-c3ff847ce005aba0.js index beaf427a..e4735c6c 100644 --- a/_next/static/chunks/pages/_app-807838669f89fc60.js +++ b/_next/static/chunks/pages/_app-c3ff847ce005aba0.js @@ -18,7 +18,7 @@ .dark { --nextra-primary-hue: ${o}deg; } - `}),a]})]})}var lO={link:(0,O.Z)("nx-flex nx-max-w-[50%] nx-items-center nx-gap-1 nx-py-4 nx-text-base nx-font-medium nx-text-gray-600 nx-transition-colors [word-break:break-word] hover:nx-text-primary-600 dark:nx-text-gray-300 md:nx-text-lg"),icon:(0,O.Z)("nx-inline nx-h-5 nx-shrink-0")},lC=({flatDirectories:e,currentIndex:t})=>{let n=s8(),r=n.navigation,a="boolean"==typeof r?{prev:r,next:r}:r,i=a.prev&&e[t-1],o=a.next&&e[t+1];return(i&&!i.isUnderCurrentDocsTree&&(i=!1),o&&!o.isUnderCurrentDocsTree&&(o=!1),i||o)?(0,tA.jsxs)("div",{className:(0,O.Z)("nx-mb-8 nx-flex nx-items-center nx-border-t nx-pt-8 dark:nx-border-neutral-800","contrast-more:nx-border-neutral-400 dark:contrast-more:nx-border-neutral-400","print:nx-hidden"),children:[i&&(0,tA.jsxs)(lr,{href:i.route,title:i.title,className:(0,O.Z)(lO.link,"ltr:nx-pr-4 rtl:nx-pl-4"),children:[(0,tA.jsx)(q.LZ,{className:(0,O.Z)(lO.icon,"ltr:nx-rotate-180")}),i.title]}),o&&(0,tA.jsxs)(lr,{href:o.route,title:o.title,className:(0,O.Z)(lO.link,"ltr:nx-ml-auto ltr:nx-pl-4 ltr:nx-text-right rtl:nx-mr-auto rtl:nx-pr-4 rtl:nx-text-left"),children:[o.title,(0,tA.jsx)(q.LZ,{className:(0,O.Z)(lO.icon,"rtl:nx-rotate-180")})]})]}):null},lT={link:(0,O.Z)("nx-text-sm contrast-more:nx-text-gray-700 contrast-more:dark:nx-text-gray-100"),active:(0,O.Z)("nx-font-medium nx-subpixel-antialiased"),inactive:(0,O.Z)("nx-text-gray-600 hover:nx-text-gray-800 dark:nx-text-gray-400 dark:hover:nx-text-gray-200")};function lS({className:e,menu:t,children:n}){let{items:r}=t,a=Object.fromEntries((t.children||[]).map(e=>[e.name,e]));return(0,tA.jsx)("div",{className:"nx-relative nx-inline-block",children:(0,tA.jsxs)(sc,{children:[(0,tA.jsx)(sc.Button,{className:(0,O.Z)(e,"-nx-ml-2 nx-hidden nx-items-center nx-whitespace-nowrap nx-rounded nx-p-2 md:nx-inline-flex",lT.inactive),children:n}),(0,tA.jsx)(i2,{leave:"nx-transition-opacity",leaveFrom:"nx-opacity-100",leaveTo:"nx-opacity-0",children:(0,tA.jsx)(sc.Items,{className:"nx-absolute nx-right-0 nx-z-20 nx-mt-1 nx-max-h-64 nx-min-w-full nx-overflow-auto nx-rounded-md nx-ring-1 nx-ring-black/5 nx-bg-white nx-py-1 nx-text-sm nx-shadow-lg dark:nx-ring-white/20 dark:nx-bg-neutral-800",tabIndex:0,children:Object.entries(r||{}).map(([e,n])=>{var r;return(0,tA.jsx)(sc.Item,{children:(0,tA.jsx)(lr,{href:n.href||(null==(r=a[e])?void 0:r.route)||t.route+"/"+e,className:(0,O.Z)("nx-relative nx-hidden nx-w-full nx-select-none nx-whitespace-nowrap nx-text-gray-600 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-100 md:nx-inline-block","nx-py-1.5 nx-transition-colors ltr:nx-pl-3 ltr:nx-pr-9 rtl:nx-pr-3 rtl:nx-pl-9"),newWindow:n.newWindow,children:n.title||e})},e)})})})]})})}function lN({flatDirectories:e,items:t}){let n=s8(),r=N(),{menu:a,setMenu:i}=s3();return(0,tA.jsxs)("div",{className:"nextra-nav-container nx-sticky nx-top-0 nx-z-20 nx-w-full nx-bg-transparent print:nx-hidden",children:[(0,tA.jsx)("div",{className:(0,O.Z)("nextra-nav-container-blur","nx-pointer-events-none nx-absolute nx-z-[-1] nx-h-full nx-w-full nx-bg-white dark:nx-bg-dark","nx-shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)] dark:nx-shadow-[0_-1px_0_rgba(255,255,255,.1)_inset]","contrast-more:nx-shadow-[0_0_0_1px_#000] contrast-more:dark:nx-shadow-[0_0_0_1px_#fff]")}),(0,tA.jsxs)("nav",{className:"nx-mx-auto nx-flex nx-h-[var(--nextra-navbar-height)] nx-max-w-[90rem] nx-items-center nx-justify-end nx-gap-2 nx-pl-[max(env(safe-area-inset-left),1.5rem)] nx-pr-[max(env(safe-area-inset-right),1.5rem)]",children:[n.logoLink?(0,tA.jsx)(lr,{href:"string"==typeof n.logoLink?n.logoLink:"/",className:"nx-flex nx-items-center hover:nx-opacity-75 ltr:nx-mr-auto rtl:nx-ml-auto",children:li(n.logo)}):(0,tA.jsx)("div",{className:"nx-flex nx-items-center ltr:nx-mr-auto rtl:nx-ml-auto",children:li(n.logo)}),t.map(e=>{if("hidden"===e.display)return null;if("menu"===e.type){let t=e;return(0,tA.jsxs)(lS,{className:(0,O.Z)(lT.link,"nx-flex nx-gap-1",lT.inactive),menu:t,children:[t.title,(0,tA.jsx)(q.LZ,{className:"nx-h-[18px] nx-min-w-[18px] nx-rounded-sm nx-p-0.5",pathClassName:"nx-origin-center nx-transition-transform nx-rotate-90"})]},t.title)}let n=e,a=n.href||n.route||"#";n.children&&(a=(n.withIndexPage?n.route:n.firstChildRoute)||a);let i=n.route===r||r.startsWith(n.route+"/");return(0,tA.jsxs)(lr,{href:a,className:(0,O.Z)(lT.link,"nx-relative -nx-ml-2 nx-hidden nx-whitespace-nowrap nx-p-2 md:nx-inline-block",!i||n.newWindow?lT.inactive:lT.active),newWindow:n.newWindow,"aria-current":!n.newWindow&&i,children:[(0,tA.jsx)("span",{className:"nx-absolute nx-inset-x-0 nx-text-center",children:n.title}),(0,tA.jsx)("span",{className:"nx-invisible nx-font-medium",children:n.title})]},a)}),li(n.search.component,{directories:e,className:"nx-hidden md:nx-inline-block mx-min-w-[200px]"}),n.project.link?(0,tA.jsx)(lr,{className:"nx-p-2 nx-text-current",href:n.project.link,newWindow:!0,children:li(n.project.icon)}):null,n.chat.link?(0,tA.jsx)(lr,{className:"nx-p-2 nx-text-current",href:n.chat.link,newWindow:!0,children:li(n.chat.icon)}):null,li(n.navbar.extraContent),(0,tA.jsx)("button",{type:"button","aria-label":"Menu",className:"nextra-hamburger -nx-mr-2 nx-rounded nx-p-2 active:nx-bg-gray-400/20 md:nx-hidden",onClick:()=>i(!a),children:(0,tA.jsx)(q.Oq,{className:(0,O.Z)({open:a})})})]})]})}var lZ=Object.create(null),lq=(0,j.createContext)(null),lR=(0,j.createContext)(null),lI=(0,j.createContext)(0),lM=(0,j.memo)(function(e){let t=(0,j.useContext)(lI);return(0,tA.jsx)(lI.Provider,{value:t+1,children:(0,tA.jsx)(lP,sU({},e))})}),lA={link:(0,O.Z)("nx-flex nx-rounded nx-px-2 nx-py-1.5 nx-text-sm nx-transition-colors [word-break:break-word]","nx-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:nx-border"),inactive:(0,O.Z)("nx-text-gray-500 hover:nx-bg-gray-100 hover:nx-text-gray-900","dark:nx-text-neutral-400 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50","contrast-more:nx-text-gray-900 contrast-more:dark:nx-text-gray-50","contrast-more:nx-border-transparent contrast-more:hover:nx-border-gray-900 contrast-more:dark:hover:nx-border-gray-50"),active:(0,O.Z)("nx-bg-primary-100 nx-font-semibold nx-text-primary-800 dark:nx-bg-primary-400/10 dark:nx-text-primary-600","contrast-more:nx-border-primary-500 contrast-more:dark:nx-border-primary-500"),list:(0,O.Z)("nx-flex nx-flex-col nx-gap-1"),border:(0,O.Z)("nx-relative before:nx-absolute before:nx-inset-y-1",'before:nx-w-px before:nx-bg-gray-200 before:nx-content-[""] dark:before:nx-bg-neutral-800',"ltr:nx-pl-3 ltr:before:nx-left-0 rtl:nx-pr-3 rtl:before:nx-right-0")};function lP({item:e,anchors:t}){let n=N(),[r]=n.split("#"),a=[r,r+"/"].includes(e.route+"/"),i=a||r.startsWith(e.route+"/"),o=(0,j.useContext)(lq),s=!!(null==o?void 0:o.startsWith(e.route+"/")),l=(0,j.useContext)(lI),{setMenu:c}=s3(),u=s8(),{theme:d}=e,f=void 0===lZ[e.route]?a||i||s||(d&&"collapsed"in d?!d.collapsed:l{let t=()=>{(i||s)&&(lZ[e.route]=!0)},n=()=>{i&&s?lZ[e.route]=!0:delete lZ[e.route]};u.sidebar.autoCollapse?n():t()},[i,s,e.route,u.sidebar.autoCollapse]),"menu"===e.type){let h=e,m=Object.fromEntries((h.children||[]).map(e=>[e.name,e]));e.children=Object.entries(h.items||{}).map(([e,t])=>{let n=m[e]||sV(sU({name:e},"locale"in h&&{locale:h.locale}),{route:h.route+"/"+e});return sU(sU({},n),t)})}let g="withIndexPage"in e&&e.withIndexPage,x=g?lr:"button";return(0,tA.jsxs)("li",{className:(0,O.Z)({open:f,active:a}),children:[(0,tA.jsxs)(x,{href:g?e.route:void 0,className:(0,O.Z)("nx-items-center nx-justify-between nx-gap-2",!g&&"nx-text-left nx-w-full",lA.link,a?lA.active:lA.inactive),onClick:t=>{let n=["svg","path"].includes(t.target.tagName.toLowerCase());if(n&&t.preventDefault(),g){a||n?lZ[e.route]=!f:(lZ[e.route]=!0,c(!1)),p({});return}a||(lZ[e.route]=!f,p({}))},children:[li(u.sidebar.titleComponent,{title:e.title,type:e.type,route:e.route}),(0,tA.jsx)(q.LZ,{className:"nx-h-[18px] nx-min-w-[18px] nx-rounded-sm nx-p-0.5 hover:nx-bg-gray-800/5 dark:hover:nx-bg-gray-100/5",pathClassName:(0,O.Z)("nx-origin-center nx-transition-transform rtl:-nx-rotate-180",f&&"ltr:nx-rotate-90 rtl:nx-rotate-[-270deg]")})]}),(0,tA.jsx)(ld,{className:"ltr:nx-pr-0 rtl:nx-pl-0 nx-pt-1",isOpen:f,children:Array.isArray(e.children)?(0,tA.jsx)(lz,{className:(0,O.Z)(lA.border,"ltr:nx-ml-3 rtl:nx-mr-3"),directories:e.children,base:e.route,anchors:t}):null})]})}function lL({title:e}){let t=s8();return(0,tA.jsx)("li",{className:(0,O.Z)("[word-break:break-word]",e?"nx-mt-5 nx-mb-2 nx-px-2 nx-py-1.5 nx-text-sm nx-font-semibold nx-text-gray-900 first:nx-mt-0 dark:nx-text-gray-100":"nx-my-4"),children:e?li(t.sidebar.titleComponent,{title:e,type:"separator",route:""}):(0,tA.jsx)("hr",{className:"nx-mx-2 nx-border-t nx-border-gray-200 dark:nx-border-primary-100/10"})})}function lD({item:e,anchors:t}){let n=N(),r=(0,j.useContext)(lR),a=e.route&&[n,n+"/"].includes(e.route+"/"),i=sJ(),{setMenu:o}=s3(),s=s8();return"separator"===e.type?(0,tA.jsx)(lL,{title:e.title}):(0,tA.jsxs)("li",{className:(0,O.Z)(lA.list,{active:a}),children:[(0,tA.jsx)(lr,{href:e.href||e.route,newWindow:e.newWindow,className:(0,O.Z)(lA.link,a?lA.active:lA.inactive),onClick:()=>{o(!1)},onFocus:()=>{null==r||r(e.route)},onBlur:()=>{null==r||r(null)},children:li(s.sidebar.titleComponent,{title:e.title,type:e.type,route:e.route})}),a&&t.length>0&&(0,tA.jsx)("ul",{className:(0,O.Z)(lA.list,lA.border,"ltr:nx-ml-3 rtl:nx-mr-3"),children:t.map(({id:e,value:t})=>{var n;return(0,tA.jsx)("li",{children:(0,tA.jsx)("a",{href:`#${e}`,className:(0,O.Z)(lA.link,'nx-flex nx-gap-2 before:nx-opacity-25 before:nx-content-["#"]',(null==(n=i[e])?void 0:n.isActive)?lA.active:lA.inactive),onClick:()=>{o(!1)},children:t})},e)})})]})}function lz({directories:e,anchors:t,className:n,onlyCurrentDocs:r}){return(0,tA.jsx)("ul",{className:(0,O.Z)(lA.list,n),children:e.map(e=>!r||e.isUnderCurrentDocsTree?"menu"===e.type||e.children&&(e.children.length||!e.withIndexPage)?(0,tA.jsx)(lM,{item:e,anchors:t},e.name):(0,tA.jsx)(lD,{item:e,anchors:t},e.name):null)})}function lF({docsDirectories:e,flatDirectories:t,fullDirectories:n,asPopover:r=!1,headings:a,includePlaceholder:i}){let o=s8(),{menu:s,setMenu:l}=s3(),c=(0,E.useRouter)(),[u,d]=(0,j.useState)(null),[f,p]=(0,j.useState)(!0),[h,m]=(0,j.useState)(!1),g=(0,j.useMemo)(()=>a.filter(e=>2===e.depth),[a]),x=(0,j.useRef)(null),v=(0,j.useRef)(null),y=C();(0,j.useEffect)(()=>{s?document.body.classList.add("nx-overflow-hidden","md:nx-overflow-auto"):document.body.classList.remove("nx-overflow-hidden","md:nx-overflow-auto")},[s]),(0,j.useEffect)(()=>{var e;let t=null==(e=x.current)?void 0:e.querySelector("li.active");if(t&&(window.innerWidth>767||s)){let n=()=>{sx(t,{block:"center",inline:"center",scrollMode:"always",boundary:v.current})};s?setTimeout(n,300):n()}},[s]),(0,j.useEffect)(()=>{l(!1)},[c.asPath,l]);let b=o.i18n.length>0,_=o.darkMode||b;return(0,tA.jsxs)(tA.Fragment,{children:[i&&r?(0,tA.jsx)("div",{className:"max-xl:nx-hidden nx-h-0 nx-w-64 nx-shrink-0"}):null,(0,tA.jsx)("div",{className:(0,O.Z)("motion-reduce:nx-transition-none [transition:background-color_1.5s_ease]",s?"nx-fixed nx-inset-0 nx-z-10 nx-bg-black/80 dark:nx-bg-black/60":"nx-bg-transparent"),onClick:()=>l(!1)}),(0,tA.jsxs)("aside",{className:(0,O.Z)("nextra-sidebar-container nx-flex nx-flex-col","md:nx-top-16 md:nx-shrink-0 motion-reduce:nx-transform-none","nx-transform-gpu nx-transition-all nx-ease-in-out","print:nx-hidden",f?"md:nx-w-64":"md:nx-w-20",r?"md:nx-hidden":"md:nx-sticky md:nx-self-start",s?"max-md:[transform:translate3d(0,0,0)]":"max-md:[transform:translate3d(0,-100%,0)]"),ref:v,children:[(0,tA.jsx)("div",{className:"nx-px-4 nx-pt-4 md:nx-hidden",children:li(o.search.component,{directories:t})}),(0,tA.jsx)(lq.Provider,{value:u,children:(0,tA.jsx)(lR.Provider,{value:e=>{d(e)},children:(0,tA.jsxs)("div",{className:(0,O.Z)("nx-overflow-y-auto nx-overflow-x-hidden","nx-p-4 nx-grow md:nx-h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))]",f?"nextra-scrollbar":"no-scrollbar"),ref:x,children:[(!r||!f)&&(0,tA.jsx)(ld,{isOpen:f,horizontal:!0,children:(0,tA.jsx)(lz,{className:"nextra-menu-desktop max-md:nx-hidden",directories:e,anchors:o.toc.float?[]:g,onlyCurrentDocs:!0})}),y&&window.innerWidth<768&&(0,tA.jsx)(lz,{className:"nextra-menu-mobile md:nx-hidden",directories:n,anchors:g})]})})}),_&&(0,tA.jsxs)("div",{className:(0,O.Z)("nx-sticky nx-bottom-0","nx-bg-white dark:nx-bg-dark","nx-mx-4 nx-py-4 nx-shadow-[0_-12px_16px_#fff]","nx-flex nx-items-center nx-gap-2","dark:nx-border-neutral-800 dark:nx-shadow-[0_-12px_16px_#111]","contrast-more:nx-border-neutral-400 contrast-more:nx-shadow-none contrast-more:dark:nx-shadow-none",f?(0,O.Z)(b&&"nx-justify-end","nx-border-t"):"nx-py-4 nx-flex-wrap nx-justify-center"),"data-toggle-animation":h?f?"show":"hide":"off",children:[(0,tA.jsx)(lw,{lite:!f,className:(0,O.Z)(f?"nx-grow":"max-md:nx-grow")}),o.darkMode&&(0,tA.jsx)("div",{className:f&&!b?"nx-grow nx-flex nx-flex-col":"",children:li(o.themeSwitch.component,{lite:!f||b})}),o.sidebar.toggleButton&&(0,tA.jsx)("button",{title:f?"Hide sidebar":"Show sidebar",className:"max-md:nx-hidden nx-h-7 nx-rounded-md nx-transition-colors nx-text-gray-600 dark:nx-text-gray-400 nx-px-2 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",onClick:()=>{p(!f),m(!0)},children:(0,tA.jsx)(q.Qq,{isOpen:f})})]})]})]})}var l$="reach-skip-nav",lU="Skip to content";(0,j.forwardRef)(function(e,t){var n=e,{className:r,id:a,label:i=lU,styled:o}=n,s=sW(n,["className","id","label","styled"]);let l=void 0===r?o?(0,O.Z)("nx-sr-only","focus:nx-not-sr-only focus:nx-fixed focus:nx-z-50 focus:nx-m-3 focus:nx-ml-4 focus:nx-h-[calc(var(--nextra-navbar-height)-1.5rem)] focus:nx-rounded-lg focus:nx-border focus:nx-px-3 focus:nx-py-2 focus:nx-align-middle focus:nx-text-sm focus:nx-font-bold","focus:nx-text-gray-900 focus:dark:nx-text-gray-100","focus:nx-bg-white focus:dark:nx-bg-neutral-900","focus:nx-border-neutral-400 focus:dark:nx-border-neutral-800"):"":r;return(0,tA.jsx)("a",sV(sU({},s),{ref:t,href:`#${a||l$}`,className:l,"data-reach-skip-link":"",children:i}))}).displayName="SkipNavLink";var lV=(0,j.forwardRef)(function(e,t){var n=e,{id:r}=n,a=sW(n,["id"]);return(0,tA.jsx)("div",sV(sU({},a),{ref:t,id:r||l$}))});lV.displayName="SkipNavContent";var lW=tq.strictObject({light:tq.string(),dark:tq.string(),system:tq.string()});function lB({lite:e,className:t}){let{setTheme:n,resolvedTheme:r,theme:a=""}=t$(),i=C(),o=s8().themeSwitch,s=i&&"dark"===r?q.kL:q.NW,l="function"==typeof o.useOptions?o.useOptions():o.useOptions;return(0,tA.jsx)(l_,{className:t,title:"Change theme",options:[{key:"light",name:l.light},{key:"dark",name:l.dark},{key:"system",name:l.system}],onChange:e=>{n(e.key)},selected:{key:a,name:(0,tA.jsxs)("div",{className:"nx-flex nx-items-center nx-gap-2 nx-capitalize",children:[(0,tA.jsx)(s,{}),(0,tA.jsx)("span",{className:e?"md:nx-hidden":"",children:i?l[a]:l.light})]})}})}function lH(){window.scrollTo({top:0,behavior:"smooth"})}function lG({className:e}){let t=(0,j.useRef)(null);return(0,j.useEffect)(()=>{function e(){var e;let{scrollTop:n}=document.documentElement;null==(e=t.current)||e.classList.toggle("nx-opacity-0",n<300)}return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]),(0,tA.jsxs)("button",{ref:t,"aria-hidden":"true",onClick:lH,className:(0,O.Z)("nx-flex nx-items-center nx-gap-1.5 nx-transition nx-opacity-0",e),children:["Scroll to top",(0,tA.jsx)(q.LZ,{className:"-nx-rotate-90 nx-w-3.5 nx-h-3.5 nx-border nx-rounded-full nx-border-current"})]})}var lK=(0,O.Z)("nx-text-xs nx-font-medium nx-text-gray-500 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-100","contrast-more:nx-text-gray-800 contrast-more:dark:nx-text-gray-50");function lY({headings:e,filePath:t}){var n;let r=sJ(),a=s8(),i=(0,j.useRef)(null),o=(0,j.useMemo)(()=>e.filter(e=>e.depth>1),[e]),s=o.length>0,l=Boolean(a.feedback.content||a.editLink.component||a.toc.extraContent),c=null==(n=Object.entries(r).find(([,{isActive:e}])=>e))?void 0:n[0];return(0,j.useEffect)(()=>{var e;if(!c)return;let t=null==(e=i.current)?void 0:e.querySelector(`li > a[href="#${c}"]`);t&&sx(t,{behavior:"smooth",block:"center",inline:"center",scrollMode:"always",boundary:i.current})},[c]),(0,tA.jsxs)("div",{ref:i,className:(0,O.Z)("nextra-scrollbar nx-sticky nx-top-16 nx-overflow-y-auto nx-pr-4 nx-pt-6 nx-text-sm [hyphens:auto]","nx-max-h-[calc(100vh-var(--nextra-navbar-height)-env(safe-area-inset-bottom))] ltr:-nx-mr-4 rtl:-nx-ml-4"),children:[s&&(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("p",{className:"nx-mb-4 nx-font-semibold nx-tracking-tight",children:li(a.toc.title)}),(0,tA.jsx)("ul",{children:o.map(({id:e,value:t,depth:n})=>{var i,o,s,l;return(0,tA.jsx)("li",{className:"nx-my-2 nx-scroll-my-6 nx-scroll-py-6",children:(0,tA.jsx)("a",{href:`#${e}`,className:(0,O.Z)({2:"nx-font-semibold",3:"ltr:nx-pl-4 rtl:nx-pr-4",4:"ltr:nx-pl-8 rtl:nx-pr-8",5:"ltr:nx-pl-12 rtl:nx-pr-12",6:"ltr:nx-pl-16 rtl:nx-pr-16"}[n],"nx-inline-block",(null==(i=r[e])?void 0:i.isActive)?"nx-text-primary-600 nx-subpixel-antialiased contrast-more:!nx-text-primary-600":"nx-text-gray-500 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-300","contrast-more:nx-text-gray-900 contrast-more:nx-underline contrast-more:dark:nx-text-gray-50 nx-w-full nx-break-words"),children:null!=(l=null==(s=(o=a.toc).headingComponent)?void 0:s.call(o,{id:e,children:t}))?l:t})},e)})})]}),l&&(0,tA.jsxs)("div",{className:(0,O.Z)(s&&"nx-mt-8 nx-border-t nx-bg-white nx-pt-8 nx-shadow-[0_-12px_16px_white] dark:nx-bg-dark dark:nx-shadow-[0_-12px_16px_#111]","nx-sticky nx-bottom-0 nx-flex nx-flex-col nx-items-start nx-gap-2 nx-pb-8 dark:nx-border-neutral-800","contrast-more:nx-border-t contrast-more:nx-border-neutral-400 contrast-more:nx-shadow-none contrast-more:dark:nx-border-neutral-400"),children:[a.feedback.content?(0,tA.jsx)(lr,{className:lK,href:a.feedback.useLink(),newWindow:!0,children:li(a.feedback.content)}):null,li(a.editLink.component,{filePath:t,className:lK,children:li(a.editLink.text)}),li(a.toc.extraContent),a.toc.backToTop&&(0,tA.jsx)(lG,{className:lK})]})]})}function lQ({className:e,directories:t}){let[n,r]=(0,j.useState)(""),a=(0,j.useMemo)(()=>n?sw(t,n,{keys:["title"]}).map(({route:e,title:t})=>({id:e+t,route:e,children:(0,tA.jsx)(lf,{value:t,match:n})})):[],[n,t]);return(0,tA.jsx)(lm,{value:n,onChange:r,className:e,overlayClassName:"nx-w-full",results:a})}var lJ="en-US",lX="undefined"!=typeof window;function l1(e){return null==e||"string"==typeof e||l0(e)||(0,j.isValidElement)(e)}function l0(e){return"function"==typeof e}var l2=tq.array(tq.strictObject({direction:tq.enum(["ltr","rtl"]).optional(),locale:tq.string(),text:tq.string()})),l4=[l1,{message:"Must be React.ReactNode or React.FC"}],l3=[l0,{message:"Must be React.FC"}];tq.strictObject({banner:tq.strictObject({dismissible:tq.boolean(),key:tq.string(),text:tq.custom(...l4).optional()}),chat:tq.strictObject({icon:tq.custom(...l4),link:tq.string().startsWith("https://").optional()}),components:tq.record(tq.custom(...l3)).optional(),darkMode:tq.boolean(),direction:tq.enum(["ltr","rtl"]),docsRepositoryBase:tq.string().startsWith("https://"),editLink:tq.strictObject({component:tq.custom(...l3),text:tq.custom(...l4)}),faviconGlyph:tq.string().optional(),feedback:tq.strictObject({content:tq.custom(...l4),labels:tq.string(),useLink:tq.function().returns(tq.string())}),footer:tq.strictObject({component:tq.custom(...l4),text:tq.custom(...l4)}),gitTimestamp:tq.custom(...l4),head:tq.custom(...l4),i18n:l2,logo:tq.custom(...l4),logoLink:tq.boolean().or(tq.string()),main:tq.custom(...l3).optional(),navbar:tq.strictObject({component:tq.custom(...l4),extraContent:tq.custom(...l4).optional()}),navigation:tq.boolean().or(tq.strictObject({next:tq.boolean(),prev:tq.boolean()})),nextThemes:tq.strictObject({defaultTheme:tq.string(),forcedTheme:tq.string().optional(),storageKey:tq.string()}),notFound:tq.strictObject({content:tq.custom(...l4),labels:tq.string()}),primaryHue:tq.number().or(tq.strictObject({dark:tq.number(),light:tq.number()})),project:tq.strictObject({icon:tq.custom(...l4),link:tq.string().startsWith("https://").optional()}),search:tq.strictObject({component:tq.custom(...l4),emptyResult:tq.custom(...l4),error:tq.string().or(tq.function().returns(tq.string())),loading:tq.custom(...l4),placeholder:tq.string().or(tq.function().returns(tq.string()))}),serverSideError:tq.strictObject({content:tq.custom(...l4),labels:tq.string()}),sidebar:tq.strictObject({autoCollapse:tq.boolean().optional(),defaultMenuCollapseLevel:tq.number().min(1).int(),titleComponent:tq.custom(...l4),toggleButton:tq.boolean()}),themeSwitch:tq.strictObject({component:tq.custom(...l4),useOptions:lW.or(tq.function().returns(lW))}),toc:tq.strictObject({backToTop:tq.boolean(),component:tq.custom(...l4),extraContent:tq.custom(...l4),float:tq.boolean(),headingComponent:tq.custom(...l3).optional(),title:tq.custom(...l4)}),useNextSeoProps:tq.custom(l0)}).deepPartial().extend({i18n:l2.optional()});var l5={"en-US":"Loading",fr:"Сhargement",ru:"Загрузка","zh-CN":"正在加载"},l6={"en-US":"Search documentation",fr:"Rechercher documents",ru:"Поиск документации","zh-CN":"搜索文档"},l8={banner:{dismissible:!0,key:"nextra-banner"},chat:{icon:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)(q.D7,{}),(0,tA.jsx)("span",{className:"nx-sr-only",children:"Discord"})]})},darkMode:!0,direction:"ltr",docsRepositoryBase:"https://github.com/shuding/nextra",editLink:{component:function({className:e,filePath:t,children:n}){let r=ll(t);return r?(0,tA.jsx)(lr,{className:e,href:r,children:n}):null},text:"Edit this page"},feedback:{content:"Question? Give us feedback →",labels:"feedback",useLink(){let e=s8();return la({labels:e.feedback.labels,repository:e.docsRepositoryBase,title:`Feedback for \u201C${e.title}\u201D`})}},footer:{component:lE,text:`MIT ${new Date().getFullYear()} \xa9 Nextra.`},gitTimestamp:function({timestamp:e}){let{locale:t=lJ}=(0,E.useRouter)();return(0,tA.jsxs)(tA.Fragment,{children:["Last updated on"," ",(0,tA.jsx)("time",{dateTime:e.toISOString(),children:e.toLocaleDateString(t,{day:"numeric",month:"long",year:"numeric"})})]})},head:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("meta",{name:"msapplication-TileColor",content:"#fff"}),(0,tA.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,tA.jsx)("meta",{name:"description",content:"Nextra: the next docs builder"}),(0,tA.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,tA.jsx)("meta",{name:"twitter:site",content:"@shuding_"}),(0,tA.jsx)("meta",{property:"og:title",content:"Nextra: the next docs builder"}),(0,tA.jsx)("meta",{property:"og:description",content:"Nextra: the next docs builder"}),(0,tA.jsx)("meta",{name:"apple-mobile-web-app-title",content:"Nextra"})]}),i18n:[],logo:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("span",{className:"nx-font-extrabold",children:"Nextra"}),(0,tA.jsx)("span",{className:"nx-ml-2 nx-hidden nx-font-normal nx-text-gray-600 md:nx-inline",children:"The Next Docs Builder"})]}),logoLink:!0,navbar:{component:lN},navigation:!0,nextThemes:{defaultTheme:"system",storageKey:"theme"},notFound:{content:"Submit an issue about broken link →",labels:"bug"},primaryHue:{dark:204,light:212},project:{icon:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)(q.fy,{}),(0,tA.jsx)("span",{className:"nx-sr-only",children:"GitHub"})]})},search:{component:function({className:e,directories:t}){let n=s8();return n.flexsearch?(0,tA.jsx)(lb,{className:e}):(0,tA.jsx)(lQ,{className:e,directories:t})},emptyResult:(0,tA.jsx)("span",{className:"nx-block nx-select-none nx-p-8 nx-text-center nx-text-sm nx-text-gray-400",children:"No results found."}),error:"Failed to load search index.",loading:function(){let{locale:e,defaultLocale:t=lJ}=(0,E.useRouter)(),n=e&&l5[e]||l5[t];return(0,tA.jsxs)(tA.Fragment,{children:[n,"…"]})},placeholder:function(){let{locale:e,defaultLocale:t=lJ}=(0,E.useRouter)(),n=e&&l6[e]||l6[t];return`${n}\u2026`}},serverSideError:{content:"Submit an issue about error in url →",labels:"bug"},sidebar:{defaultMenuCollapseLevel:2,titleComponent:({title:e})=>(0,tA.jsx)(tA.Fragment,{children:e}),toggleButton:!1},themeSwitch:{component:lB,useOptions(){let{locale:e}=(0,E.useRouter)();return"zh-CN"===e?{dark:"深色主题",light:"浅色主题",system:"系统默认"}:{dark:"Dark",light:"Light",system:"System"}}},toc:{backToTop:!1,component:lY,float:!0,title:"On This Page"},useNextSeoProps:()=>({titleTemplate:"%s – Nextra"})},l7=Object.entries(l8).map(([e,t])=>{let n=t&&"object"==typeof t&&!Array.isArray(t)&&!(0,j.isValidElement)(t);if(n)return e}).filter(Boolean);if(lX){let l9;let ce=()=>{document.body.classList.add("resizing"),clearTimeout(l9),l9=setTimeout(()=>{document.body.classList.remove("resizing")},200)};window.addEventListener("resize",ce)}function ct(e){var t=e,{tag:n,context:r,children:a,id:i,className:o}=t,s=sW(t,["tag","context","children","id","className"]);let l=sX(),c=s0(),u=s1(),d=(0,j.useRef)(null);return(0,j.useEffect)(()=>{if(!i)return;let e=d.current;if(e)return c.set(e,[i,r.index+=1]),null==u||u.observe(e),()=>{null==u||u.disconnect(),c.delete(e),l(e=>{let t=sU({},e);return delete t[i],t})}},[i,r,c,u,l]),(0,tA.jsxs)(n,sV(sU({className:"sr-only"===o?"nx-sr-only":(0,O.Z)("nx-font-semibold nx-tracking-tight nx-text-slate-900 dark:nx-text-slate-100",{h2:"nx-mt-10 nx-border-b nx-pb-1 nx-text-3xl nx-border-neutral-200/70 contrast-more:nx-border-neutral-400 dark:nx-border-primary-100/10 contrast-more:dark:nx-border-neutral-400",h3:"nx-mt-8 nx-text-2xl",h4:"nx-mt-8 nx-text-xl",h5:"nx-mt-8 nx-text-lg",h6:"nx-mt-8 nx-text-base"}[n])},s),{children:[a,i&&(0,tA.jsx)("a",{href:`#${i}`,id:i,className:"subheading-anchor","aria-label":"Permalink for this section",ref:d})]}))}var cn=e=>{let t=null,n=[];return j.Children.forEach(e,(e,r)=>{var a;if(e&&e.type===ca){t||(t=e);return}let i=e;if(!t&&e&&"object"==typeof e&&e.type!==cr&&"props"in e&&e.props){let o=cn(e.props.children);t=o[0],i=(0,j.cloneElement)(e,sV(sU({},e.props),{children:(null==(a=o[1])?void 0:a.length)?o[1]:void 0,key:r}))}n.push(i)}),[t,n]},cr=e=>{var t=e,{children:n,open:r}=t,a=sW(t,["children","open"]);let[i,o]=(0,j.useState)(!!r),[s,l]=cn(n),[c,u]=(0,j.useState)(i);return(0,j.useEffect)(()=>{if(i)u(!0);else{let e=setTimeout(()=>u(i),500);return()=>clearTimeout(e)}},[i]),(0,tA.jsxs)("details",sV(sU(sV(sU({className:"nx-my-4 nx-rounded nx-border nx-border-gray-200 nx-bg-white nx-p-2 nx-shadow-sm first:nx-mt-0 dark:nx-border-neutral-800 dark:nx-bg-neutral-900"},a),{open:c}),i&&{"data-expanded":!0}),{children:[(0,tA.jsx)(lt,{value:o,children:s}),(0,tA.jsx)(ld,{isOpen:i,children:l})]}))},ca=e=>{let t=le();return(0,tA.jsx)("summary",sV(sU({className:(0,O.Z)("nx-flex nx-items-center nx-cursor-pointer nx-list-none nx-p-1 nx-transition-colors hover:nx-bg-gray-100 dark:hover:nx-bg-neutral-800","before:nx-mr-1 before:nx-inline-block before:nx-transition-transform before:nx-content-[''] dark:before:nx-invert before:nx-shrink-0","rtl:before:nx-rotate-180 [[data-expanded]>&]:before:nx-rotate-90")},e),{onClick:e=>{e.preventDefault(),t(e=>!e)}}))},ci=/https?:\/\//,co=e=>{var t=e,{href:n="",className:r}=t,a=sW(t,["href","className"]);return(0,tA.jsx)(lr,sU({href:n,newWindow:ci.test(n),className:(0,O.Z)("nx-text-primary-600 nx-underline nx-decoration-from-font [text-underline-position:from-font]",r)},a))},cs=e=>{var t=e,{href:n=""}=t,r=sW(t,["href"]);return(0,tA.jsx)(lr,sU({href:n,newWindow:ci.test(n)},r))},cl=({isRawLayout:e,components:t})=>{if(e)return{a:cs};let n={index:0};return sU({h1:e=>(0,tA.jsx)("h1",sU({className:"nx-mt-2 nx-text-4xl nx-font-bold nx-tracking-tight nx-text-slate-900 dark:nx-text-slate-100"},e)),h2:e=>(0,tA.jsx)(ct,sU({tag:"h2",context:n},e)),h3:e=>(0,tA.jsx)(ct,sU({tag:"h3",context:n},e)),h4:e=>(0,tA.jsx)(ct,sU({tag:"h4",context:n},e)),h5:e=>(0,tA.jsx)(ct,sU({tag:"h5",context:n},e)),h6:e=>(0,tA.jsx)(ct,sU({tag:"h6",context:n},e)),ul:e=>(0,tA.jsx)("ul",sU({className:"nx-mt-6 nx-list-disc first:nx-mt-0 ltr:nx-ml-6 rtl:nx-mr-6"},e)),ol:e=>(0,tA.jsx)("ol",sU({className:"nx-mt-6 nx-list-decimal first:nx-mt-0 ltr:nx-ml-6 rtl:nx-mr-6"},e)),li:e=>(0,tA.jsx)("li",sU({className:"nx-my-2"},e)),blockquote:e=>(0,tA.jsx)("blockquote",sU({className:(0,O.Z)("nx-mt-6 nx-border-gray-300 nx-italic nx-text-gray-700 dark:nx-border-gray-700 dark:nx-text-gray-400","first:nx-mt-0 ltr:nx-border-l-2 ltr:nx-pl-6 rtl:nx-border-r-2 rtl:nx-pr-6")},e)),hr:e=>(0,tA.jsx)("hr",sU({className:"nx-my-8 nx-border-neutral-200/70 contrast-more:nx-border-neutral-400 dark:nx-border-primary-100/10 contrast-more:dark:nx-border-neutral-400"},e)),a:co,table:e=>(0,tA.jsx)(sM.iA,sU({className:"nextra-scrollbar nx-mt-6 nx-p-0 first:nx-mt-0"},e)),p:e=>(0,tA.jsx)("p",sU({className:"nx-mt-6 nx-leading-7 first:nx-mt-0"},e)),tr:sM.Tr,th:sM.Th,td:sM.Td,details:cr,summary:ca,pre:sM.SU,code:sM.EK},t)},cc={toc:(0,O.Z)("nextra-toc nx-order-last nx-hidden nx-w-64 nx-shrink-0 xl:nx-block print:nx-hidden"),main:(0,O.Z)("nx-w-full nx-break-words")},cu=({themeContext:e,breadcrumb:t,timestamp:n,navigation:r,children:a})=>{var i;let o=s8(),s=C();if("raw"===e.layout)return(0,tA.jsx)("div",{className:cc.main,children:a});let l=e.timestamp&&o.gitTimestamp&&n?new Date(n):null,c=s&&l?(0,tA.jsx)("div",{className:"nx-mt-12 nx-mb-8 nx-block nx-text-xs nx-text-gray-500 ltr:nx-text-right rtl:nx-text-left dark:nx-text-gray-400",children:li(o.gitTimestamp,{timestamp:l})}):(0,tA.jsx)("div",{className:"nx-mt-16"}),u=(0,tA.jsxs)(tA.Fragment,{children:[a,c,r]}),d=(null==(i=o.main)?void 0:i.call(o,{children:u}))||u;return"full"===e.layout?(0,tA.jsx)("article",{className:(0,O.Z)(cc.main,"nextra-content nx-min-h-[calc(100vh-var(--nextra-navbar-height))] nx-pl-[max(env(safe-area-inset-left),1.5rem)] nx-pr-[max(env(safe-area-inset-right),1.5rem)]"),children:d}):(0,tA.jsx)("article",{className:(0,O.Z)(cc.main,"nextra-content nx-flex nx-min-h-[calc(100vh-var(--nextra-navbar-height))] nx-min-w-0 nx-justify-center nx-pb-8 nx-pr-[calc(env(safe-area-inset-right)-1.5rem)]","article"===e.typesetting&&"nextra-body-typesetting-article"),children:(0,tA.jsxs)("main",{className:"nx-w-full nx-min-w-0 nx-max-w-6xl nx-px-6 nx-pt-4 md:nx-px-12",children:[t,d]})})},cd=({filePath:e,pageMap:t,frontMatter:n,headings:r,timestamp:a,children:i})=>{let o=s8(),{locale:s=lJ,defaultLocale:l}=(0,E.useRouter)(),c=N(),{activeType:u,activeIndex:d,activeThemeContext:f,activePath:p,topLevelNavbarItems:h,docsDirectories:m,flatDirectories:g,flatDocsDirectories:x,directories:v}=(0,j.useMemo)(()=>rQ({list:t,locale:s,defaultLocale:l,route:c}),[t,s,l,c]),y=sU(sU({},f),n),b=!y.sidebar||"raw"===y.layout||"page"===u,_="page"!==u&&y.toc&&"default"===y.layout?(0,tA.jsx)("nav",{className:(0,O.Z)(cc.toc,"nx-px-4"),"aria-label":"table of contents",children:li(o.toc.component,{headings:o.toc.float?r:[],filePath:e})}):"full"!==y.layout&&"raw"!==y.layout&&(0,tA.jsx)("nav",{className:cc.toc,"aria-label":"table of contents"}),k=o.i18n.find(e=>e.locale===s),w=k?"rtl"===k.direction:"rtl"===o.direction,C=w?"rtl":"ltr";return(0,tA.jsxs)("div",{dir:C,children:[(0,tA.jsx)("script",{dangerouslySetInnerHTML:{__html:`document.documentElement.setAttribute('dir','${C}')`}}),(0,tA.jsx)(lj,{}),(0,tA.jsx)(lc,{}),y.navbar&&li(o.navbar.component,{flatDirectories:g,items:h}),(0,tA.jsx)("div",{className:(0,O.Z)("nx-mx-auto nx-flex","raw"!==y.layout&&"nx-max-w-[90rem]"),children:(0,tA.jsxs)(s2,{children:[(0,tA.jsx)(lF,{docsDirectories:m,flatDirectories:g,fullDirectories:v,headings:r,asPopover:b,includePlaceholder:"default"===y.layout}),_,(0,tA.jsx)(lV,{}),(0,tA.jsx)(cu,{themeContext:y,breadcrumb:"page"!==u&&y.breadcrumb?(0,tA.jsx)(lu,{activePath:p}):null,timestamp:a,navigation:"page"!==u&&y.pagination?(0,tA.jsx)(lC,{flatDirectories:x,currentIndex:d}):null,children:(0,tA.jsx)(Z.Z,{components:cl({isRawLayout:"raw"===y.layout,components:o.components}),children:i})})]})}),y.footer&&li(o.footer.component,{menu:b})]})};function cf(e){var t=e,{children:n}=t,r=sW(t,["children"]);return(0,tA.jsx)(s7,{value:r,children:(0,tA.jsx)(cd,sV(sU({},r.pageOpts),{children:n}))})}var cp=n(6683),ch=n.n(cp),cm=n(4410),cg={project:{link:"https://github.com/zthxxx/react-dev-inspector"},docsRepositoryBase:"https://github.com/zthxxx/react-dev-inspector/tree/main/docs",useNextSeoProps:function(){if("/"!==(0,E.useRouter)().asPath)return{titleTemplate:"%s – React Dev Inspector"}},logo:(0,tA.jsxs)("span",{"data-inspector-line":"11","data-inspector-column":"2","data-inspector-relative-path":"theme.config.tsx",className:"jsx-3700285762 py-2 font-bold text-xl hover:transition-[mask-position] hover:duration-1000 hover:ease",children:["React Dev Inspector",(0,tA.jsx)(ch(),{id:"3700285762",children:["span.jsx-3700285762{-webkit-mask-image:linear-gradient( 60deg, black 25%, rgba(0,0,0,0.2) 50%, black 75% );mask-image:linear-gradient( 60deg, black 25%, rgba(0,0,0,0.2) 50%, black 75% );-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%;}","span.jsx-3700285762:hover{-webkit-mask-position:100%;mask-position:100%;}"]})]}),head:function(){var e=s8().title;return(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("meta",{"data-inspector-line":"65","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"msapplication-TileColor",content:"#fff"}),(0,tA.jsx)("meta",{"data-inspector-line":"66","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"theme-color",content:"#fff"}),(0,tA.jsx)("meta",{"data-inspector-line":"67","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,tA.jsx)("meta",{"data-inspector-line":"68","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",httpEquiv:"Content-Language",content:"en"}),(0,tA.jsx)("meta",{"data-inspector-line":"69","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"og:title",content:e?"".concat(e," – React Dev Inspector"):"React Dev Inspector"}),(0,tA.jsx)("meta",{"data-inspector-line":"73","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"description",content:"Make beautiful websites with Next.js & MDX."}),(0,tA.jsx)("link",{"data-inspector-line":"77","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",rel:"icon",href:"/favicon.svg",type:"image/svg+xml"}),(0,tA.jsx)("link",{"data-inspector-line":"78","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",rel:"icon",href:"/favicon-dark.svg",type:"image/svg+xml",media:"(prefers-color-scheme: dark)"})]})},editLink:{text:"Edit this page on GitHub →"},feedback:{content:"Question? Give us feedback →",labels:"feedback"},sidebar:{titleComponent:function(e){var t=e.title;return"separator"===e.type?(0,tA.jsx)("span",{"data-inspector-line":"97","data-inspector-column":"15","data-inspector-relative-path":"theme.config.tsx",className:"cursor-default",children:t}):(0,tA.jsx)(tA.Fragment,{children:t})},defaultMenuCollapseLevel:1,toggleButton:!0},footer:{text:(0,tA.jsx)("div",{"data-inspector-line":"108","data-inspector-column":"6","data-inspector-relative-path":"theme.config.tsx",className:"flex w-full flex-col items-center sm:items-start",children:(0,tA.jsx)("div",{"data-inspector-line":"109","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",children:(0,tA.jsxs)("a",{"data-inspector-line":"110","data-inspector-column":"10","data-inspector-relative-path":"theme.config.tsx",className:"flex items-center gap-2 text-current",target:"_blank",rel:"noopener noreferrer",title:"Nextra",href:"https://nextra.site/",children:[(0,tA.jsx)("span",{"data-inspector-line":"117","data-inspector-column":"12","data-inspector-relative-path":"theme.config.tsx",children:"Powered by"}),(0,tA.jsx)("span",{"data-inspector-line":"118","data-inspector-column":"12","data-inspector-relative-path":"theme.config.tsx",children:(0,tA.jsx)(cm.O3,{"data-inspector-line":"119","data-inspector-column":"14","data-inspector-relative-path":"theme.config.tsx",height:20})})]})})})}};function cx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function cv(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{};return(0,tA.jsx)(cy,cv(cv({"data-inspector-line":"17","data-inspector-column":"9","data-inspector-relative-path":"pages/_app.mdx"},e),{},{children:(0,tA.jsx)(c_,cv({"data-inspector-line":"17","data-inspector-column":"31","data-inspector-relative-path":"pages/_app.mdx"},e))}))},cw=globalThis[k=Symbol.for("__nextra_internal__")]||(globalThis[k]=Object.create(null));cw.Layout=cf,cw.pageMap=[{kind:"Meta",data:{index:{type:"page",title:"React Dev Inspector",display:"hidden",theme:{layout:"raw"}},docs:{type:"page",title:"Documentation"},showcase:{type:"page",title:"Showcase",href:"/showcase",newWindow:!0},Changelog:{type:"menu",title:"Changelog",items:{"Changelog V2":{title:"Changelog V2 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v2.md",newWindow:!0},"Changelog V1":{title:"Changelog V1 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v1.md",newWindow:!0}}}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Introduction","-- Guide":{type:"separator",title:"Guide"},"inspector-component":"Inspector Component",integration:"Server-Side Integration","compiler-plugin":"Compiler Plugin","editor-settings":"Editor Settings","-- Changelog":{type:"separator",title:"Changelog"},"Changelog v2":{title:"Changelog V2 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v2.md",newWindow:!0},"Changelog v1":{title:"Changelog V1 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v1.md",newWindow:!0},"-- Migration":{type:"separator",title:"Migration"},"migrate-v1-to-v2":"Migrate From V1","-- More":{type:"separator",title:"More"},"next.js-link":{title:"GitHub ↗",href:"https://github.com/zthxxx/react-dev-inspector",newWindow:!0}}},{kind:"MdxPage",name:"compiler-plugin",route:"/docs/compiler-plugin"},{kind:"MdxPage",name:"editor-settings",route:"/docs/editor-settings"},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Introduction - React Dev Inspector"}},{kind:"MdxPage",name:"inspector-component",route:"/docs/inspector-component"},{kind:"Folder",name:"integration",route:"/docs/integration",children:[{kind:"Meta",data:{vite:"Vite",nextjs:"Next.js",webpack:"Webpack",rspack:"Rspack",umijs:"UmiJS","create-react-app":"Create React App","_snip-declaration":{display:"hidden",title:" Snip Declaration"}}},{kind:"MdxPage",name:"_snip-declaration",route:"/docs/integration/_snip-declaration"},{kind:"MdxPage",name:"create-react-app",route:"/docs/integration/create-react-app"},{kind:"MdxPage",name:"nextjs",route:"/docs/integration/nextjs"},{kind:"MdxPage",name:"rspack",route:"/docs/integration/rspack"},{kind:"MdxPage",name:"umijs",route:"/docs/integration/umijs"},{kind:"MdxPage",name:"vite",route:"/docs/integration/vite"},{kind:"MdxPage",name:"webpack",route:"/docs/integration/webpack"}]},{kind:"MdxPage",name:"integration",route:"/docs/integration"},{kind:"MdxPage",name:"migrate-v1-to-v2",route:"/docs/migrate-v1-to-v2"}]},{kind:"MdxPage",name:"index",route:"/",frontMatter:{title:"React Dev Inspector – Seamless Browser-to-Editor Code Navigation"}}],cw.flexsearch={codeblocks:!1},cw.themeConfig=cg},2320:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(9860)}])},8980:function(){},3616:function(){},9881:function(){},1585:function(){},5777:function(){},6814:function(e){var t="/";!function(){"use strict";var n={114:function(e){function t(e){if("string"!=typeof e)throw TypeError("Path must be a string. Received "+JSON.stringify(e))}function n(e,t){for(var n,r="",a=0,i=-1,o=0,s=0;s<=e.length;++s){if(s2){var l=r.lastIndexOf("/");if(l!==r.length-1){-1===l?(r="",a=0):a=(r=r.slice(0,l)).length-1-r.lastIndexOf("/"),i=s,o=0;continue}}else if(2===r.length||1===r.length){r="",a=0,i=s,o=0;continue}}t&&(r.length>0?r+="/..":r="..",a=2)}else r.length>0?r+="/"+e.slice(i+1,s):r=e.slice(i+1,s),a=s-i-1;i=s,o=0}else 46===n&&-1!==o?++o:o=-1}return r}function r(e,t){var n=t.dir||t.root,r=t.base||(t.name||"")+(t.ext||"");return n?n===t.root?n+r:n+e+r:r}var a={resolve:function(){for(var e,r,a="",i=!1,o=arguments.length-1;o>=-1&&!i;o--)o>=0?r=arguments[o]:(void 0===e&&(e=""),r=e),t(r),0!==r.length&&(a=r+"/"+a,i=47===r.charCodeAt(0));return(a=n(a,!i),i)?a.length>0?"/"+a:"/":a.length>0?a:"."},normalize:function(e){if(t(e),0===e.length)return".";var r=47===e.charCodeAt(0),a=47===e.charCodeAt(e.length-1);return(0!==(e=n(e,!r)).length||r||(e="."),e.length>0&&a&&(e+="/"),r)?"/"+e:e},isAbsolute:function(e){return t(e),e.length>0&&47===e.charCodeAt(0)},join:function(){if(0==arguments.length)return".";for(var e,n=0;n0&&(void 0===e?e=r:e+="/"+r)}return void 0===e?".":a.normalize(e)},relative:function(e,n){if(t(e),t(n),e===n||(e=a.resolve(e))===(n=a.resolve(n)))return"";for(var r=1;rc){if(47===n.charCodeAt(s+d))return n.slice(s+d+1);if(0===d)return n.slice(s+d)}else o>c&&(47===e.charCodeAt(r+d)?u=d:0===d&&(u=0));break}var f=e.charCodeAt(r+d);if(f!==n.charCodeAt(s+d))break;47===f&&(u=d)}var p="";for(d=r+u+1;d<=i;++d)(d===i||47===e.charCodeAt(d))&&(0===p.length?p+="..":p+="/..");return p.length>0?p+n.slice(s+u):(s+=u,47===n.charCodeAt(s)&&++s,n.slice(s))},_makeLong:function(e){return e},dirname:function(e){if(t(e),0===e.length)return".";for(var n=e.charCodeAt(0),r=47===n,a=-1,i=!0,o=e.length-1;o>=1;--o)if(47===(n=e.charCodeAt(o))){if(!i){a=o;break}}else i=!1;return -1===a?r?"/":".":r&&1===a?"//":e.slice(0,a)},basename:function(e,n){if(void 0!==n&&"string"!=typeof n)throw TypeError('"ext" argument must be a string');t(e);var r,a=0,i=-1,o=!0;if(void 0!==n&&n.length>0&&n.length<=e.length){if(n.length===e.length&&n===e)return"";var s=n.length-1,l=-1;for(r=e.length-1;r>=0;--r){var c=e.charCodeAt(r);if(47===c){if(!o){a=r+1;break}}else -1===l&&(o=!1,l=r+1),s>=0&&(c===n.charCodeAt(s)?-1==--s&&(i=r):(s=-1,i=l))}return a===i?i=l:-1===i&&(i=e.length),e.slice(a,i)}for(r=e.length-1;r>=0;--r)if(47===e.charCodeAt(r)){if(!o){a=r+1;break}}else -1===i&&(o=!1,i=r+1);return -1===i?"":e.slice(a,i)},extname:function(e){t(e);for(var n=-1,r=0,a=-1,i=!0,o=0,s=e.length-1;s>=0;--s){var l=e.charCodeAt(s);if(47===l){if(!i){r=s+1;break}continue}-1===a&&(i=!1,a=s+1),46===l?-1===n?n=s:1!==o&&(o=1):-1!==n&&(o=-1)}return -1===n||-1===a||0===o||1===o&&n===a-1&&n===r+1?"":e.slice(n,a)},format:function(e){if(null===e||"object"!=typeof e)throw TypeError('The "pathObject" argument must be of type Object. Received type '+typeof e);return r("/",e)},parse:function(e){t(e);var n,r={root:"",dir:"",base:"",ext:"",name:""};if(0===e.length)return r;var a=e.charCodeAt(0),i=47===a;i?(r.root="/",n=1):n=0;for(var o=-1,s=0,l=-1,c=!0,u=e.length-1,d=0;u>=n;--u){if(47===(a=e.charCodeAt(u))){if(!c){s=u+1;break}continue}-1===l&&(c=!1,l=u+1),46===a?-1===o?o=u:1!==d&&(d=1):-1!==o&&(d=-1)}return -1===o||-1===l||0===d||1===d&&o===l-1&&o===s+1?-1!==l&&(0===s&&i?r.base=r.name=e.slice(1,l):r.base=r.name=e.slice(s,l)):(0===s&&i?(r.name=e.slice(1,o),r.base=e.slice(1,l)):(r.name=e.slice(s,o),r.base=e.slice(s,l)),r.ext=e.slice(o,l)),s>0?r.dir=e.slice(0,s-1):i&&(r.dir="/"),r},sep:"/",delimiter:":",win32:null,posix:null};a.posix=a,e.exports=a}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}},o=!0;try{n[e](i,i.exports,a),o=!1}finally{o&&delete r[e]}return i.exports}a.ab=t+"/";var i=a(114);e.exports=i}()},3102:function(e,t,n){e.exports=n(9088)},6663:function(e,t,n){e.exports=n(594)},7681:function(e,t,n){e.exports=n(5862)},9704:function(e,t,n){e.exports=n(1549)},9829:function(e,t,n){"use strict";n.d(t,{UW:function(){return f},oy:function(){return eg},EK:function(){return m},SU:function(){return g},Rg:function(){return x},OK:function(){return ei},iA:function(){return el},mQ:function(){return eo},Td:function(){return es},Th:function(){return ec},Tr:function(){return eu}});var r,a,i,o=n(3230),s=n(5250),l=({children:e,className:t,...n})=>(0,s.jsx)("button",{className:(0,o.Z)("nextra-button nx-transition-all active:nx-opacity-50","nx-bg-primary-700/5 nx-border nx-border-black/5 nx-text-gray-600 hover:nx-text-gray-900 nx-rounded-md nx-p-1.5","dark:nx-bg-primary-300/10 dark:nx-border-white/10 dark:nx-text-gray-400 dark:hover:nx-text-gray-50",t),...n,children:e}),c=n(4725),u={default:"\uD83D\uDCA1",error:"\uD83D\uDEAB",info:(0,s.jsx)(c.AV,{className:"nx-mt-1"}),warning:"⚠️"},d={default:(0,o.Z)("nx-border-orange-100 nx-bg-orange-50 nx-text-orange-800 dark:nx-border-orange-400/30 dark:nx-bg-orange-400/20 dark:nx-text-orange-300"),error:(0,o.Z)("nx-border-red-200 nx-bg-red-100 nx-text-red-900 dark:nx-border-red-200/30 dark:nx-bg-red-900/30 dark:nx-text-red-200"),info:(0,o.Z)("nx-border-blue-200 nx-bg-blue-100 nx-text-blue-900 dark:nx-border-blue-200/30 dark:nx-bg-blue-900/30 dark:nx-text-blue-200"),warning:(0,o.Z)("nx-border-yellow-100 nx-bg-yellow-50 nx-text-yellow-900 dark:nx-border-yellow-200/30 dark:nx-bg-yellow-700/30 dark:nx-text-yellow-200")};function f({children:e,type:t="default",emoji:n=u[t]}){return(0,s.jsxs)("div",{className:(0,o.Z)("nextra-callout nx-overflow-x-auto nx-mt-6 nx-flex nx-rounded-lg nx-border nx-py-2 ltr:nx-pr-4 rtl:nx-pl-4","contrast-more:nx-border-current contrast-more:dark:nx-border-current",d[t]),children:[(0,s.jsx)("div",{className:"nx-select-none nx-text-xl ltr:nx-pl-3 ltr:nx-pr-2 rtl:nx-pr-3 rtl:nx-pl-2",style:{fontFamily:'"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'},children:n}),(0,s.jsx)("div",{className:"nx-w-full nx-min-w-0 nx-leading-7",children:e})]})}var p=n(79),h=({getValue:e,...t})=>{let[n,r]=(0,p.useState)(!1);(0,p.useEffect)(()=>{if(!n)return;let e=setTimeout(()=>{r(!1)},2e3);return()=>{clearTimeout(e)}},[n]);let a=(0,p.useCallback)(async()=>{r(!0),navigator?.clipboard||console.error("Access to clipboard rejected!");try{await navigator.clipboard.writeText(e())}catch{console.error("Failed to copy!")}},[e]),i=n?c.nQ:c.TI;return(0,s.jsx)(l,{onClick:a,title:"Copy code",tabIndex:0,...t,children:(0,s.jsx)(i,{className:"nextra-copy-icon nx-pointer-events-none nx-h-4 nx-w-4"})})},m=({children:e,className:t,...n})=>{let r="data-line-numbers"in n;return(0,s.jsx)("code",{className:(0,o.Z)("nx-border-black nx-border-opacity-[0.04] nx-bg-opacity-[0.03] nx-bg-black nx-break-words nx-rounded-md nx-border nx-py-0.5 nx-px-[.25em] nx-text-[.9em]","dark:nx-border-white/10 dark:nx-bg-white/10",r&&"[counter-reset:line]",t),dir:"ltr",...n,children:e})},g=({children:e,className:t,hasCopyCode:n,filename:r,...a})=>{let i=(0,p.useRef)(null),u=(0,p.useCallback)(()=>{let e=document.documentElement.dataset,t="nextraWordWrap"in e;t?delete e.nextraWordWrap:e.nextraWordWrap=""},[]);return(0,s.jsxs)("div",{className:"nextra-code-block nx-relative nx-mt-6 first:nx-mt-0",children:[r&&(0,s.jsx)("div",{className:"nx-absolute nx-top-0 nx-z-[1] nx-w-full nx-truncate nx-rounded-t-xl nx-bg-primary-700/5 nx-py-2 nx-px-4 nx-text-xs nx-text-gray-700 dark:nx-bg-primary-300/10 dark:nx-text-gray-200",children:r}),(0,s.jsx)("pre",{className:(0,o.Z)("nx-bg-primary-700/5 nx-mb-4 nx-overflow-x-auto nx-rounded-xl nx-subpixel-antialiased dark:nx-bg-primary-300/10 nx-text-[.9em]","contrast-more:nx-border contrast-more:nx-border-primary-900/20 contrast-more:nx-contrast-150 contrast-more:dark:nx-border-primary-100/40",r?"nx-pt-12 nx-pb-4":"nx-py-4",t),ref:i,...a,children:e}),(0,s.jsxs)("div",{className:(0,o.Z)("nx-opacity-0 nx-transition [div:hover>&]:nx-opacity-100 focus-within:nx-opacity-100","nx-flex nx-gap-1 nx-absolute nx-m-[11px] nx-right-0",r?"nx-top-8":"nx-top-0"),children:[(0,s.jsx)(l,{onClick:u,className:"md:nx-hidden",title:"Toggle word wrap",children:(0,s.jsx)(c.NK,{className:"nx-pointer-events-none nx-h-4 nx-w-4"})}),n&&(0,s.jsx)(h,{getValue:()=>i.current?.querySelector("code")?.textContent||""})]})]})};function x({children:e,className:t,...n}){return(0,s.jsx)("div",{className:(0,o.Z)("nextra-steps nx-ml-4 nx-mb-12 nx-border-l nx-border-gray-200 nx-pl-6","dark:nx-border-neutral-800 [counter-reset:step]",t),...n,children:e})}var v=n(4604),y=n(6583),b=n(1280),_=n(2449),k=n(9401),w=n(6946),E=n(1213),j=n(6503),O=n(968),C=n(7682);function T({onFocus:e}){let[t,n]=(0,p.useState)(!0);return t?p.createElement(C._,{as:"button",type:"button",features:C.A.Focusable,onFocus:t=>{t.preventDefault();let r,a=50;function i(){if(a--<=0){r&&cancelAnimationFrame(r);return}if(e()){n(!1),cancelAnimationFrame(r);return}r=requestAnimationFrame(i)}r=requestAnimationFrame(i)}}):null}var S=n(2974),N=n(3744),Z=n(9773);let q=p.createContext(null);function R(){return{groups:new Map,get(e,t){var n;let r=this.groups.get(e);r||(r=new Map,this.groups.set(e,r));let a=null!=(n=r.get(t))?n:0;function i(){let e=r.get(t);e>1?r.set(t,e-1):r.delete(t)}return r.set(t,a+1),[Array.from(r.keys()).indexOf(t),i]}}}function I({children:e}){let t=p.useRef(R());return p.createElement(q.Provider,{value:t},e)}function M(e){let t=p.useContext(q);if(!t)throw Error("You must wrap your component in a ");let n=A(),[r,a]=t.current.get(e,n);return p.useEffect(()=>a,[]),r}function A(){var e,t,n;let r=null!=(n=null==(t=null==(e=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)?void 0:e.ReactCurrentOwner)?void 0:t.current)?n:null;if(!r)return Symbol();let a=[],i=r;for(;i;)a.push(i.index),i=i.return;return"$."+a.join(".")}var P=((r=P||{})[r.Forwards=0]="Forwards",r[r.Backwards=1]="Backwards",r),L=((a=L||{})[a.Less=-1]="Less",a[a.Equal=0]="Equal",a[a.Greater=1]="Greater",a),D=((i=D||{})[i.SetSelectedIndex=0]="SetSelectedIndex",i[i.RegisterTab=1]="RegisterTab",i[i.UnregisterTab=2]="UnregisterTab",i[i.RegisterPanel=3]="RegisterPanel",i[i.UnregisterPanel=4]="UnregisterPanel",i);let z={0(e,t){var n;let r=(0,k.z2)(e.tabs,e=>e.current),a=(0,k.z2)(e.panels,e=>e.current),i=r.filter(e=>{var t;return!(null!=(t=e.current)&&t.hasAttribute("disabled"))}),o={...e,tabs:r,panels:a};if(t.index<0||t.index>r.length-1){let s=(0,b.E)(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>(0,b.E)(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});return 0===i.length?o:{...o,selectedIndex:(0,b.E)(s,{0:()=>r.indexOf(i[0]),1:()=>r.indexOf(i[i.length-1])})}}let l=r.slice(0,t.index),c=[...r.slice(t.index),...l].find(e=>i.includes(e));if(!c)return o;let u=null!=(n=r.indexOf(c))?n:e.selectedIndex;return -1===u&&(u=e.selectedIndex),{...o,selectedIndex:u}},1(e,t){var n;if(e.tabs.includes(t.tab))return e;let r=e.tabs[e.selectedIndex],a=(0,k.z2)([...e.tabs,t.tab],e=>e.current),i=null!=(n=a.indexOf(r))?n:e.selectedIndex;return -1===i&&(i=e.selectedIndex),{...e,tabs:a,selectedIndex:i}},2:(e,t)=>({...e,tabs:e.tabs.filter(e=>e!==t.tab)}),3:(e,t)=>e.panels.includes(t.panel)?e:{...e,panels:(0,k.z2)([...e.panels,t.panel],e=>e.current)},4:(e,t)=>({...e,panels:e.panels.filter(e=>e!==t.panel)})},F=(0,p.createContext)(null);function $(e){let t=(0,p.useContext)(F);if(null===t){let n=Error(`<${e} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,$),n}return t}F.displayName="TabsDataContext";let U=(0,p.createContext)(null);function V(e){let t=(0,p.useContext)(U);if(null===t){let n=Error(`<${e} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,V),n}return t}function W(e,t){return(0,b.E)(t.type,z,e,t)}U.displayName="TabsActionsContext";let B=p.Fragment;function H(e,t){let{defaultIndex:n=0,vertical:r=!1,manual:a=!1,onChange:i,selectedIndex:o=null,...s}=e,l=r?"vertical":"horizontal",c=a?"manual":"auto",u=null!==o,d=(0,E.T)(t),[f,h]=(0,p.useReducer)(W,{selectedIndex:null!=o?o:n,tabs:[],panels:[]}),m=(0,p.useMemo)(()=>({selectedIndex:f.selectedIndex}),[f.selectedIndex]),g=(0,O.E)(i||(()=>{})),x=(0,O.E)(f.tabs),y=(0,p.useMemo)(()=>({orientation:l,activation:c,...f}),[l,c,f]),b=(0,S.z)(e=>(h({type:1,tab:e}),()=>h({type:2,tab:e}))),_=(0,S.z)(e=>(h({type:3,panel:e}),()=>h({type:4,panel:e}))),j=(0,S.z)(e=>{C.current!==e&&g.current(e),u||h({type:0,index:e})}),C=(0,O.E)(u?e.selectedIndex:f.selectedIndex),N=(0,p.useMemo)(()=>({registerTab:b,registerPanel:_,change:j}),[]);(0,w.e)(()=>{h({type:0,index:null!=o?o:n})},[o]),(0,w.e)(()=>{if(void 0===C.current||f.tabs.length<=0)return;let e=(0,k.z2)(f.tabs,e=>e.current);e.some((e,t)=>f.tabs[t]!==e)&&j(e.indexOf(f.tabs[C.current]))});let Z={ref:d};return p.createElement(I,null,p.createElement(U.Provider,{value:N},p.createElement(F.Provider,{value:y},y.tabs.length<=0&&p.createElement(T,{onFocus:()=>{var e,t;for(let n of x.current)if((null==(e=n.current)?void 0:e.tabIndex)===0)return null==(t=n.current)||t.focus(),!0;return!1}}),(0,v.sY)({ourProps:Z,theirProps:s,slot:m,defaultTag:B,name:"Tabs"}))))}let G="div";function K(e,t){let{orientation:n,selectedIndex:r}=$("Tab.List"),a=(0,E.T)(t);return(0,v.sY)({ourProps:{ref:a,role:"tablist","aria-orientation":n},theirProps:e,slot:{selectedIndex:r},defaultTag:G,name:"Tabs.List"})}let Y="button";function Q(e,t){var n,r;let a=(0,y.M)(),{id:i=`headlessui-tabs-tab-${a}`,...o}=e,{orientation:s,activation:l,selectedIndex:c,tabs:u,panels:d}=$("Tab"),f=V("Tab"),h=$("Tab"),m=(0,p.useRef)(null),g=(0,E.T)(m,t);(0,w.e)(()=>f.registerTab(m),[f,m]);let x=M("tabs"),O=u.indexOf(m);-1===O&&(O=x);let C=O===c,T=(0,S.z)(e=>{var t;let n=e();if(n===k.fE.Success&&"auto"===l){let r=null==(t=(0,Z.r)(m))?void 0:t.activeElement,a=h.tabs.findIndex(e=>e.current===r);-1!==a&&f.change(a)}return n}),q=(0,S.z)(e=>{let t=u.map(e=>e.current).filter(Boolean);if(e.key===_.R.Space||e.key===_.R.Enter){e.preventDefault(),e.stopPropagation(),f.change(O);return}switch(e.key){case _.R.Home:case _.R.PageUp:return e.preventDefault(),e.stopPropagation(),T(()=>(0,k.jA)(t,k.TO.First));case _.R.End:case _.R.PageDown:return e.preventDefault(),e.stopPropagation(),T(()=>(0,k.jA)(t,k.TO.Last))}if(T(()=>(0,b.E)(s,{vertical:()=>e.key===_.R.ArrowUp?(0,k.jA)(t,k.TO.Previous|k.TO.WrapAround):e.key===_.R.ArrowDown?(0,k.jA)(t,k.TO.Next|k.TO.WrapAround):k.fE.Error,horizontal:()=>e.key===_.R.ArrowLeft?(0,k.jA)(t,k.TO.Previous|k.TO.WrapAround):e.key===_.R.ArrowRight?(0,k.jA)(t,k.TO.Next|k.TO.WrapAround):k.fE.Error}))===k.fE.Success)return e.preventDefault()}),R=(0,p.useRef)(!1),I=(0,S.z)(()=>{var e;R.current||(R.current=!0,null==(e=m.current)||e.focus(),f.change(O),(0,N.Y)(()=>{R.current=!1}))}),A=(0,S.z)(e=>{e.preventDefault()}),P=(0,p.useMemo)(()=>({selected:C}),[C]),L={ref:g,onKeyDown:q,onMouseDown:A,onClick:I,id:i,role:"tab",type:(0,j.f)(e,m),"aria-controls":null==(r=null==(n=d[O])?void 0:n.current)?void 0:r.id,"aria-selected":C,tabIndex:C?0:-1};return(0,v.sY)({ourProps:L,theirProps:o,slot:P,defaultTag:Y,name:"Tabs.Tab"})}let J="div";function X(e,t){let{selectedIndex:n}=$("Tab.Panels"),r=(0,E.T)(t),a=(0,p.useMemo)(()=>({selectedIndex:n}),[n]);return(0,v.sY)({ourProps:{ref:r},theirProps:e,slot:a,defaultTag:J,name:"Tabs.Panels"})}let ee="div",et=v.AN.RenderStrategy|v.AN.Static;function en(e,t){var n,r,a,i;let o=(0,y.M)(),{id:s=`headlessui-tabs-panel-${o}`,tabIndex:l=0,...c}=e,{selectedIndex:u,tabs:d,panels:f}=$("Tab.Panel"),h=V("Tab.Panel"),m=(0,p.useRef)(null),g=(0,E.T)(m,t);(0,w.e)(()=>h.registerPanel(m),[h,m]);let x=M("panels"),b=f.indexOf(m);-1===b&&(b=x);let _=b===u,k=(0,p.useMemo)(()=>({selected:_}),[_]),j={ref:g,id:s,role:"tabpanel","aria-labelledby":null==(r=null==(n=d[b])?void 0:n.current)?void 0:r.id,tabIndex:_?l:-1};return _||null!=(a=c.unmount)&&!a||null!=(i=c.static)&&i?(0,v.sY)({ourProps:j,theirProps:c,slot:k,defaultTag:ee,features:et,visible:_,name:"Tabs.Panel"}):p.createElement(C._,{as:"span",...j})}let er=Object.assign((0,v.yV)(Q),{Group:(0,v.yV)(H),List:(0,v.yV)(K),Panels:(0,v.yV)(X),Panel:(0,v.yV)(en)});function ea(e){return!!e&&"object"==typeof e&&"label"in e}function ei({children:e,...t}){return(0,s.jsx)(er.Panel,{...t,className:"nx-rounded nx-pt-6",children:e})}var eo=Object.assign(function({items:e,selectedIndex:t,defaultIndex:n=0,onChange:r,children:a,storageKey:i}){let[l,c]=(0,p.useState)(n);(0,p.useEffect)(()=>{void 0!==t&&c(t)},[t]),(0,p.useEffect)(()=>{if(!i)return;function e(e){e.key===i&&c(Number(e.newValue))}let t=Number(localStorage.getItem(i));return c(Number.isNaN(t)?0:t),window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}},[]);let u=(0,p.useCallback)(e=>{if(i){let t=String(e);localStorage.setItem(i,t),window.dispatchEvent(new StorageEvent("storage",{key:i,newValue:t}));return}c(e),r?.(e)},[]);return(0,s.jsxs)(er.Group,{selectedIndex:l,defaultIndex:n,onChange:u,children:[(0,s.jsx)("div",{className:"nextra-scrollbar nx-overflow-x-auto nx-overflow-y-hidden nx-overscroll-x-contain",children:(0,s.jsx)(er.List,{className:"nx-mt-4 nx-flex nx-w-max nx-min-w-full nx-border-b nx-border-gray-200 nx-pb-px dark:nx-border-neutral-800",children:e.map((e,t)=>{let n=ea(e)&&e.disabled;return(0,s.jsx)(er,{disabled:n,className:({selected:e})=>(0,o.Z)("nx-mr-2 nx-rounded-t nx-p-2 nx-font-medium nx-leading-5 nx-transition-colors","-nx-mb-0.5 nx-select-none nx-border-b-2",e?"nx-border-primary-500 nx-text-primary-600":"nx-border-transparent nx-text-gray-600 hover:nx-border-gray-200 hover:nx-text-black dark:nx-text-gray-200 dark:hover:nx-border-neutral-800 dark:hover:nx-text-white",n&&"nx-pointer-events-none nx-text-gray-400 dark:nx-text-neutral-600"),children:ea(e)?e.label:e},t)})})}),(0,s.jsx)(er.Panels,{children:a})]})},{displayName:"Tabs",Tab:ei}),es=({className:e="",...t})=>(0,s.jsx)("td",{className:(0,o.Z)("nx-m-0 nx-border nx-border-gray-300 nx-px-4 nx-py-2 dark:nx-border-gray-600",e),...t}),el=({className:e="",...t})=>(0,s.jsx)("table",{className:(0,o.Z)("nx-block nx-overflow-x-scroll",e),...t}),ec=({className:e="",...t})=>(0,s.jsx)("th",{className:(0,o.Z)("nx-m-0 nx-border nx-border-gray-300 nx-px-4 nx-py-2 nx-font-semibold dark:nx-border-gray-600",e),...t}),eu=({className:e="",...t})=>(0,s.jsx)("tr",{className:(0,o.Z)("nx-m-0 nx-border-t nx-border-gray-300 nx-p-0 dark:nx-border-gray-600","even:nx-bg-gray-100 even:dark:nx-bg-gray-600/20",e),...t}),ed=n(7681),ef=n.n(ed),ep={cards:(0,o.Z)("nextra-cards nx-mt-4 nx-gap-4 nx-grid","nx-not-prose"),card:(0,o.Z)("nextra-card nx-group nx-flex nx-flex-col nx-justify-start nx-overflow-hidden nx-rounded-lg nx-border nx-border-gray-200","nx-text-current nx-no-underline dark:nx-shadow-none","hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100","active:nx-shadow-sm active:nx-shadow-gray-200","nx-transition-all nx-duration-200 hover:nx-border-gray-300"),title:(0,o.Z)("nx-flex nx-font-semibold nx-items-start nx-gap-2 nx-p-4 nx-text-gray-700 hover:nx-text-gray-900")},eh=(0,s.jsx)("span",{className:"nx-transition-transform nx-duration-75 group-hover:nx-translate-x-[2px]",children:"→"});function em({children:e,title:t,icon:n,image:r,arrow:a,href:i,...l}){let c=a?eh:null;return r?(0,s.jsxs)(ef(),{href:i,className:(0,o.Z)(ep.card,"nx-bg-gray-100 nx-shadow dark:nx-border-neutral-700 dark:nx-bg-neutral-800 dark:nx-text-gray-50 hover:nx-shadow-lg dark:hover:nx-border-neutral-500 dark:hover:nx-bg-neutral-700"),...l,children:[e,(0,s.jsxs)("span",{className:(0,o.Z)(ep.title,"dark:nx-text-gray-300 dark:hover:nx-text-gray-100"),children:[n,(0,s.jsxs)("span",{className:"nx-flex nx-gap-1",children:[t,c]})]})]}):(0,s.jsx)(ef(),{href:i,className:(0,o.Z)(ep.card,"nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),...l,children:(0,s.jsxs)("span",{className:(0,o.Z)(ep.title,"dark:nx-text-neutral-200 dark:hover:nx-text-neutral-50 nx-flex nx-items-center"),children:[n,t,c]})})}var eg=Object.assign(function({children:e,num:t=3,className:n,style:r,...a}){return(0,s.jsx)("div",{className:(0,o.Z)(ep.cards,n),...a,style:{...r,"--rows":t},children:e})},{displayName:"Cards",Card:em}),ex=(0,p.createContext)(0);function ev(){return(0,p.useContext)(ex)}function ey({children:e}){return(0,s.jsx)("div",{className:(0,o.Z)("nextra-filetree nx-mt-6 nx-select-none nx-text-sm nx-text-gray-800 dark:nx-text-gray-300","nx-not-prose"),children:(0,s.jsx)("div",{className:"nx-inline-block nx-rounded-lg nx-border nx-px-4 nx-py-2 dark:nx-border-neutral-800",children:e})})}function eb(){let e=ev();return(0,s.jsx)(s.Fragment,{children:Array.from({length:e},(e,t)=>(0,s.jsx)("span",{className:"nx-w-5"},t))})}var e_=(0,p.memo)(({label:e,name:t,open:n,children:r,defaultOpen:a=!1,onToggle:i})=>{let o=ev(),[l,c]=(0,p.useState)(a),u=(0,p.useCallback)(()=>{i?.(!l),c(!l)},[l,i]),d=void 0===n?l:n;return(0,s.jsxs)("li",{className:"nx-flex nx-list-none nx-flex-col",children:[(0,s.jsxs)("button",{onClick:u,title:t,className:"nx-inline-flex nx-cursor-pointer nx-items-center nx-py-1 hover:nx-opacity-60",children:[(0,s.jsx)(eb,{}),(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:d?"M5 19a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h4l2 2h4a2 2 0 0 1 2 2v1M5 19h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2Z":"M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2Z"})}),(0,s.jsx)("span",{className:"nx-ml-1",children:e??t})]}),d&&(0,s.jsx)("ul",{children:(0,s.jsx)(ex.Provider,{value:o+1,children:r})})]})});e_.displayName="Folder";var ek=(0,p.memo)(({label:e,name:t,active:n})=>(0,s.jsx)("li",{className:(0,o.Z)("nx-flex nx-list-none",n&&"nx-text-primary-600 contrast-more:nx-underline"),children:(0,s.jsxs)("span",{className:"nx-inline-flex nx-cursor-default nx-items-center nx-py-1",children:[(0,s.jsx)(eb,{}),(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 12h6m-6 4h6m2 5H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5.586a1 1 0 0 1 .707.293l5.414 5.414a1 1 0 0 1 .293.707V19a2 2 0 0 1-2 2Z"})}),(0,s.jsx)("span",{className:"nx-ml-1",children:e??t})]})}));ek.displayName="File",Object.assign(ey,{Folder:e_,File:ek})},4725:function(e,t,n){"use strict";n.d(t,{LZ:function(){return a},nQ:function(){return i},TI:function(){return o},D7:function(){return s},Qq:function(){return l},fy:function(){return c},n9:function(){return u},AV:function(){return d},Oq:function(){return f},kL:function(){return p},L4:function(){return h},NW:function(){return m},NK:function(){return g},b0:function(){return x}});var r=n(5250);function a({pathClassName:e,...t}){return(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",...t,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 5l7 7-7 7",className:e})})}function i(e){return(0,r.jsx)("svg",{viewBox:"0 0 20 20",width:"1em",height:"1em",fill:"currentColor",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}function o(e){return(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",...e,children:[(0,r.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M5 15H4C2.89543 15 2 14.1046 2 13V4C2 2.89543 2.89543 2 4 2H13C14.1046 2 15 2.89543 15 4V5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function s(e){return(0,r.jsxs)("svg",{width:"24",height:"24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 5 30.67 23.25",...e,children:[(0,r.jsx)("title",{children:"Discord"}),(0,r.jsx)("path",{d:"M26.0015 6.9529C24.0021 6.03845 21.8787 5.37198 19.6623 5C19.3833 5.48048 19.0733 6.13144 18.8563 6.64292C16.4989 6.30193 14.1585 6.30193 11.8336 6.64292C11.6166 6.13144 11.2911 5.48048 11.0276 5C8.79575 5.37198 6.67235 6.03845 4.6869 6.9529C0.672601 12.8736 -0.41235 18.6548 0.130124 24.3585C2.79599 26.2959 5.36889 27.4739 7.89682 28.2489C8.51679 27.4119 9.07477 26.5129 9.55525 25.5675C8.64079 25.2265 7.77283 24.808 6.93587 24.312C7.15286 24.1571 7.36986 23.9866 7.57135 23.8161C12.6241 26.1255 18.0969 26.1255 23.0876 23.8161C23.3046 23.9866 23.5061 24.1571 23.7231 24.312C22.8861 24.808 22.0182 25.2265 21.1037 25.5675C21.5842 26.5129 22.1422 27.4119 22.7621 28.2489C25.2885 27.4739 27.8769 26.2959 30.5288 24.3585C31.1952 17.7559 29.4733 12.0212 26.0015 6.9529ZM10.2527 20.8402C8.73376 20.8402 7.49382 19.4608 7.49382 17.7714C7.49382 16.082 8.70276 14.7025 10.2527 14.7025C11.7871 14.7025 13.0425 16.082 13.0115 17.7714C13.0115 19.4608 11.7871 20.8402 10.2527 20.8402ZM20.4373 20.8402C18.9183 20.8402 17.6768 19.4608 17.6768 17.7714C17.6768 16.082 18.8873 14.7025 20.4373 14.7025C21.9717 14.7025 23.2271 16.082 23.1961 17.7714C23.1961 19.4608 21.9872 20.8402 20.4373 20.8402Z"})]})}function l({isOpen:e,...t}){return(0,r.jsxs)("svg",{height:"12",width:"12",viewBox:"0 0 16 16",fill:"currentColor",...t,children:[(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.177 7.823l2.396-2.396A.25.25 0 017 5.604v4.792a.25.25 0 01-.427.177L4.177 8.177a.25.25 0 010-.354z",className:e?"":"nx-origin-[35%] nx-rotate-180"}),(0,r.jsx)("path",{fillRule:"evenodd",d:"M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0114.25 16H1.75A1.75 1.75 0 010 14.25V1.75zm1.75-.25a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25H9.5v-13H1.75zm12.5 13H11v-13h3.25a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25z"})]})}function c(e){return(0,r.jsxs)("svg",{width:"24",height:"24",fill:"currentColor",viewBox:"3 3 18 18",...e,children:[(0,r.jsx)("title",{children:"GitHub"}),(0,r.jsx)("path",{d:"M12 3C7.0275 3 3 7.12937 3 12.2276C3 16.3109 5.57625 19.7597 9.15374 20.9824C9.60374 21.0631 9.77249 20.7863 9.77249 20.5441C9.77249 20.3249 9.76125 19.5982 9.76125 18.8254C7.5 19.2522 6.915 18.2602 6.735 17.7412C6.63375 17.4759 6.19499 16.6569 5.8125 16.4378C5.4975 16.2647 5.0475 15.838 5.80124 15.8264C6.51 15.8149 7.01625 16.4954 7.18499 16.7723C7.99499 18.1679 9.28875 17.7758 9.80625 17.5335C9.885 16.9337 10.1212 16.53 10.38 16.2993C8.3775 16.0687 6.285 15.2728 6.285 11.7432C6.285 10.7397 6.63375 9.9092 7.20749 9.26326C7.1175 9.03257 6.8025 8.08674 7.2975 6.81794C7.2975 6.81794 8.05125 6.57571 9.77249 7.76377C10.4925 7.55615 11.2575 7.45234 12.0225 7.45234C12.7875 7.45234 13.5525 7.55615 14.2725 7.76377C15.9937 6.56418 16.7475 6.81794 16.7475 6.81794C17.2424 8.08674 16.9275 9.03257 16.8375 9.26326C17.4113 9.9092 17.76 10.7281 17.76 11.7432C17.76 15.2843 15.6563 16.0687 13.6537 16.2993C13.98 16.5877 14.2613 17.1414 14.2613 18.0065C14.2613 19.2407 14.25 20.2326 14.25 20.5441C14.25 20.7863 14.4188 21.0746 14.8688 20.9824C16.6554 20.364 18.2079 19.1866 19.3078 17.6162C20.4077 16.0457 20.9995 14.1611 21 12.2276C21 7.12937 16.9725 3 12 3Z"})]})}function u(e){return(0,r.jsx)("svg",{viewBox:"2 2 16 16",width:"12",height:"12",fill:"currentColor",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z",clipRule:"evenodd"})})}function d(e){return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:"20",height:"20",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"})})}function f(e){return(0,r.jsxs)("svg",{fill:"none",width:"24",height:"24",viewBox:"0 0 24 24",stroke:"currentColor",...e,children:[(0,r.jsx)("g",{children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16"})}),(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 12h16"}),(0,r.jsx)("g",{children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 18h16"})})]})}function p(e){return(0,r.jsx)("svg",{fill:"none",viewBox:"2 2 20 20",width:"12",height:"12",stroke:"currentColor",...e,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",fill:"currentColor",d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})})}function h(e){return(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"24",height:"24",...e,children:[(0,r.jsx)("circle",{className:"nx-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"nx-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}function m(e){return(0,r.jsx)("svg",{fill:"none",viewBox:"3 3 18 18",width:"12",height:"12",stroke:"currentColor",...e,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",fill:"currentColor",d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})})}function g(e){return(0,r.jsx)("svg",{viewBox:"0 0 24 24",width:"24",height:"24",...e,children:(0,r.jsx)("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"})})}function x(e){return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})}},460:function(e,t,n){"use strict";n.d(t,{Z:function(){return s},a:function(){return d}});var r=n(79);let a=r.createContext({});function i(e){let t=r.useContext(a);return r.useMemo(()=>"function"==typeof e?e(t):{...t,...e},[t,e])}let o={};function s({components:e,children:t,disableParentContext:n}){let s;return s=n?"function"==typeof e?e({}):e||o:i(e),r.createElement(a.Provider,{value:s},t)}var l=n(6663),c=n.n(l),u={img:e=>(0,r.createElement)("object"==typeof e.src?c():"img",e)},d=e=>i({...u,...e})},2513:function(e,t,n){"use strict";var r=n(3155);function a(e){var t={protocols:[],protocol:null,port:null,resource:"",host:"",user:"",password:"",pathname:"",hash:"",search:"",href:e,query:{},parse_failed:!1};try{var n=new URL(e);t.protocols=r(n),t.protocol=t.protocols[0],t.port=n.port,t.resource=n.hostname,t.host=n.host,t.user=n.username||"",t.password=n.password||"",t.pathname=n.pathname,t.hash=n.hash.slice(1),t.search=n.search.slice(1),t.href=n.href,t.query=Object.fromEntries(n.searchParams)}catch(a){t.protocols=["file"],t.protocol=t.protocols[0],t.port="",t.resource="",t.user="",t.pathname="",t.hash="",t.search="",t.href=e,t.query={},t.parse_failed=!0}return t}e.exports=a},2343:function(e,t,n){"use strict";var r=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(n(2513));let a="text/plain",i="us-ascii",o=(e,t)=>t.some(t=>t instanceof RegExp?t.test(e):t===e),s=(e,{stripHash:t})=>{let n=/^data:(?[^,]*?),(?[^#]*?)(?:#(?.*))?$/.exec(e);if(!n)throw Error(`Invalid URL: ${e}`);let{type:r,data:o,hash:s}=n.groups,l=r.split(";");s=t?"":s;let c=!1;"base64"===l[l.length-1]&&(l.pop(),c=!0);let u=(l.shift()||"").toLowerCase(),d=l.map(e=>{let[t,n=""]=e.split("=").map(e=>e.trim());return"charset"===t&&(n=n.toLowerCase())===i?"":`${t}${n?`=${n}`:""}`}).filter(Boolean),f=[...d];return c&&f.push("base64"),(f.length>0||u&&u!==a)&&f.unshift(u),`data:${f.join(";")},${c?o.trim():o}${s?`#${s}`:""}`};function l(e,t){if(t={defaultProtocol:"http:",normalizeProtocol:!0,forceHttp:!1,forceHttps:!1,stripAuthentication:!0,stripHash:!1,stripTextFragment:!0,stripWWW:!0,removeQueryParameters:[/^utm_\w+/i],removeTrailingSlash:!0,removeSingleSlash:!0,removeDirectoryIndex:!1,sortQueryParameters:!0,...t},e=e.trim(),/^data:/i.test(e))return s(e,t);if(/^view-source:/i.test(e))throw Error("`view-source:` is not supported as it is a non-standard protocol");let n=e.startsWith("//"),r=!n&&/^\.*\//.test(e);r||(e=e.replace(/^(?!(?:\w+:)?\/\/)|^\/\//,t.defaultProtocol));let a=new URL(e);if(t.forceHttp&&t.forceHttps)throw Error("The `forceHttp` and `forceHttps` options cannot be used together");if(t.forceHttp&&"https:"===a.protocol&&(a.protocol="http:"),t.forceHttps&&"http:"===a.protocol&&(a.protocol="https:"),t.stripAuthentication&&(a.username="",a.password=""),t.stripHash?a.hash="":t.stripTextFragment&&(a.hash=a.hash.replace(/#?:~:text.*?$/i,"")),a.pathname){let i=/\b[a-z][a-z\d+\-.]{1,50}:\/\//g,l=0,c="";for(;;){let u=i.exec(a.pathname);if(!u)break;let d=u[0],f=u.index,p=a.pathname.slice(l,f);c+=p.replace(/\/{2,}/g,"/")+d,l=f+d.length}let h=a.pathname.slice(l,a.pathname.length);c+=h.replace(/\/{2,}/g,"/"),a.pathname=c}if(a.pathname)try{a.pathname=decodeURI(a.pathname)}catch{}if(!0===t.removeDirectoryIndex&&(t.removeDirectoryIndex=[/^index\.[a-z]+$/]),Array.isArray(t.removeDirectoryIndex)&&t.removeDirectoryIndex.length>0){let m=a.pathname.split("/"),g=m[m.length-1];o(g,t.removeDirectoryIndex)&&(m=m.slice(0,-1),a.pathname=m.slice(1).join("/")+"/")}if(a.hostname&&(a.hostname=a.hostname.replace(/\.$/,""),t.stripWWW&&/^www\.(?!www\.)[a-z\-\d]{1,63}\.[a-z.\-\d]{2,63}$/.test(a.hostname)&&(a.hostname=a.hostname.replace(/^www\./,""))),Array.isArray(t.removeQueryParameters))for(let x of[...a.searchParams.keys()])o(x,t.removeQueryParameters)&&a.searchParams.delete(x);if(!0===t.removeQueryParameters&&(a.search=""),t.sortQueryParameters){a.searchParams.sort();try{a.search=decodeURIComponent(a.search)}catch{}}t.removeTrailingSlash&&(a.pathname=a.pathname.replace(/\/$/,""));let v=e;return e=a.toString(),t.removeSingleSlash||"/"!==a.pathname||v.endsWith("/")||""!==a.hash||(e=e.replace(/\/$/,"")),(t.removeTrailingSlash||"/"===a.pathname)&&""===a.hash&&t.removeSingleSlash&&(e=e.replace(/\/$/,"")),n&&!t.normalizeProtocol&&(e=e.replace(/^http:\/\//,"//")),t.stripProtocol&&(e=e.replace(/^(?:https?:)?\/\//,"")),e}let c=(e,t=!1)=>{let n=/^(?:([a-z_][a-z0-9_-]{0,31})@|https?:\/\/)([\w\.\-@]+)[\/:]([\~,\.\w,\-,\_,\/]+?(?:\.git|\/)?)$/,a=t=>{let n=Error(t);throw n.subject_url=e,n};"string"==typeof e&&e.trim()||a("Invalid url."),e.length>c.MAX_INPUT_LENGTH&&a("Input exceeds maximum length. If needed, change the value of parseUrl.MAX_INPUT_LENGTH."),t&&("object"!=typeof t&&(t={stripHash:!1}),e=l(e,t));let i=r.default(e);if(i.parse_failed){let o=i.href.match(n);o?(i.protocols=["ssh"],i.protocol="ssh",i.resource=o[2],i.host=o[2],i.user=o[1],i.pathname=`/${o[3]}`,i.parse_failed=!1):a("URL parsing failed.")}return i};c.MAX_INPUT_LENGTH=2048,e.exports=c},4675:function(e){var t,n,r,a=e.exports={};function i(){throw Error("setTimeout has not been defined")}function o(){throw Error("clearTimeout has not been defined")}function s(e){if(t===setTimeout)return setTimeout(e,0);if((t===i||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(r){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}function l(e){if(n===clearTimeout)return clearTimeout(e);if((n===o||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(e);try{return n(e)}catch(r){try{return n.call(null,e)}catch(t){return n.call(this,e)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:i}catch(e){t=i}try{n="function"==typeof clearTimeout?clearTimeout:o}catch(r){n=o}}();var c=[],u=!1,d=-1;function f(){u&&r&&(u=!1,r.length?c=r.concat(c):d=-1,c.length&&p())}function p(){if(!u){var e=s(f);u=!0;for(var t=c.length;t;){for(r=c,c=[];++d1)for(var n=1;nt.current(...e),[t])}},6583:function(e,t,n){"use strict";n.d(t,{M:function(){return l}});var r,a=n(79),i=n(6946),o=n(8736),s=n(3584);let l=null!=(r=a.useId)?r:function(){let e=(0,o.H)(),[t,n]=a.useState(e?()=>s.O.nextId():null);return(0,i.e)(()=>{null===t&&n(s.O.nextId())},[t]),null!=t?""+t:void 0}},6946:function(e,t,n){"use strict";n.d(t,{e:function(){return i}});var r=n(79),a=n(3584);let i=(e,t)=>{a.O.isServer?(0,r.useEffect)(e,t):(0,r.useLayoutEffect)(e,t)}},968:function(e,t,n){"use strict";n.d(t,{E:function(){return i}});var r=n(79),a=n(6946);function i(e){let t=(0,r.useRef)(e);return(0,a.e)(()=>{t.current=e},[e]),t}},6503:function(e,t,n){"use strict";n.d(t,{f:function(){return o}});var r=n(79),a=n(6946);function i(e){var t;if(e.type)return e.type;let n=null!=(t=e.as)?t:"button";if("string"==typeof n&&"button"===n.toLowerCase())return"button"}function o(e,t){let[n,o]=(0,r.useState)(()=>i(e));return(0,a.e)(()=>{o(i(e))},[e.type,e.as]),(0,a.e)(()=>{n||t.current&&t.current instanceof HTMLButtonElement&&!t.current.hasAttribute("type")&&o("button")},[n,t]),n}},8736:function(e,t,n){"use strict";n.d(t,{H:function(){return i}});var r=n(79),a=n(3584);function i(){let[e,t]=(0,r.useState)(a.O.isHandoffComplete);return e&&!1===a.O.isHandoffComplete&&t(!1),(0,r.useEffect)(()=>{!0!==e&&t(!0)},[e]),(0,r.useEffect)(()=>a.O.handoff(),[]),e}},1213:function(e,t,n){"use strict";n.d(t,{T:function(){return o}});var r=n(79),a=n(2974);let i=Symbol();function o(...e){let t=(0,r.useRef)(e);(0,r.useEffect)(()=>{t.current=e},[e]);let n=(0,a.z)(e=>{for(let n of t.current)null!=n&&("function"==typeof n?n(e):n.current=e)});return e.every(e=>null==e||(null==e?void 0:e[i]))?void 0:n}},7682:function(e,t,n){"use strict";n.d(t,{A:function(){return o},_:function(){return l}});var r,a=n(4604);let i="div";var o=((r=o||{})[r.None=1]="None",r[r.Focusable=2]="Focusable",r[r.Hidden=4]="Hidden",r);function s(e,t){let{features:n=1,...r}=e,o={ref:t,"aria-hidden":(2&n)==2||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(4&n)==4&&(2&n)!=2&&{display:"none"}}};return(0,a.sY)({ourProps:o,theirProps:r,slot:{},defaultTag:i,name:"Hidden"})}let l=(0,a.yV)(s)},3472:function(e,t,n){"use strict";function r(...e){return e.filter(Boolean).join(" ")}n.d(t,{A:function(){return r}})},7779:function(e,t,n){"use strict";n.d(t,{k:function(){return a}});var r=n(3744);function a(){let e=[],t={addEventListener:(e,n,r,a)=>(e.addEventListener(n,r,a),t.add(()=>e.removeEventListener(n,r,a))),requestAnimationFrame(...e){let n=requestAnimationFrame(...e);return t.add(()=>cancelAnimationFrame(n))},nextFrame:(...e)=>t.requestAnimationFrame(()=>t.requestAnimationFrame(...e)),setTimeout(...e){let n=setTimeout(...e);return t.add(()=>clearTimeout(n))},microTask(...e){let n={current:!0};return(0,r.Y)(()=>{n.current&&e[0]()}),t.add(()=>{n.current=!1})},style(e,t,n){let r=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add(()=>{Object.assign(e.style,{[t]:r})})},group(e){let t=a();return e(t),this.add(()=>t.dispose())},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0)for(let r of e.splice(n,1))r()}),dispose(){for(let t of e.splice(0))t()}};return t}},3584:function(e,t,n){"use strict";n.d(t,{O:function(){return s}});var r=Object.defineProperty,a=(e,t,n)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t,n)=>(a(e,"symbol"!=typeof t?t+"":t,n),n);class o{constructor(){i(this,"current",this.detect()),i(this,"handoffState","pending"),i(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}}let s=new o},9401:function(e,t,n){"use strict";n.d(t,{EO:function(){return E},TO:function(){return f},fE:function(){return p},jA:function(){return j},sP:function(){return x},tJ:function(){return g},wI:function(){return v},z2:function(){return w}});var r,a,i,o,s,l=n(7779),c=n(1280),u=n(9773);let d=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var f=((r=f||{})[r.First=1]="First",r[r.Previous=2]="Previous",r[r.Next=4]="Next",r[r.Last=8]="Last",r[r.WrapAround=16]="WrapAround",r[r.NoScroll=32]="NoScroll",r),p=((a=p||{})[a.Error=0]="Error",a[a.Overflow=1]="Overflow",a[a.Success=2]="Success",a[a.Underflow=3]="Underflow",a),h=((i=h||{})[i.Previous=-1]="Previous",i[i.Next=1]="Next",i);function m(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(d)).sort((e,t)=>Math.sign((e.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}var g=((o=g||{})[o.Strict=0]="Strict",o[o.Loose=1]="Loose",o);function x(e,t=0){var n;return e!==(null==(n=(0,u.r)(e))?void 0:n.body)&&(0,c.E)(t,{0:()=>e.matches(d),1(){let t=e;for(;null!==t;){if(t.matches(d))return!0;t=t.parentElement}return!1}})}function v(e){let t=(0,u.r)(e);(0,l.k)().nextFrame(()=>{t&&!x(t.activeElement,0)&&b(e)})}var y=((s=y||{})[s.Keyboard=0]="Keyboard",s[s.Mouse=1]="Mouse",s);function b(e){null==e||e.focus({preventScroll:!0})}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{1===e.detail?delete document.documentElement.dataset.headlessuiFocusVisible:0===e.detail&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));let _="textarea,input";function k(e){var t,n;return null!=(n=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,_))&&n}function w(e,t=e=>e){return e.slice().sort((e,n)=>{let r=t(e),a=t(n);if(null===r||null===a)return 0;let i=r.compareDocumentPosition(a);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function E(e,t){return j(m(),t,{relativeTo:e})}function j(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:a=[]}={}){let i=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,o=Array.isArray(e)?n?w(e):e:m(e);a.length>0&&o.length>1&&(o=o.filter(e=>!a.includes(e))),r=null!=r?r:i.activeElement;let s=(()=>{if(5&t)return 1;if(10&t)return -1;throw Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),l=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,o.indexOf(r))-1;if(4&t)return Math.max(0,o.indexOf(r))+1;if(8&t)return o.length-1;throw Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=32&t?{preventScroll:!0}:{},u=0,d=o.length,f;do{if(u>=d||u+d<=0)return 0;let p=l+u;if(16&t)p=(p+d)%d;else{if(p<0)return 3;if(p>=d)return 1}null==(f=o[p])||f.focus(c),u+=s}while(f!==i.activeElement);return 6&t&&k(f)&&f.select(),2}},1280:function(e,t,n){"use strict";function r(e,t,...n){if(e in t){let a=t[e];return"function"==typeof a?a(...n):a}let i=Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(e=>`"${e}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,r),i}n.d(t,{E:function(){return r}})},3744:function(e,t,n){"use strict";function r(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch(e=>setTimeout(()=>{throw e}))}n.d(t,{Y:function(){return r}})},9773:function(e,t,n){"use strict";n.d(t,{r:function(){return a}});var r=n(3584);function a(e){return r.O.isServer?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}},4604:function(e,t,n){"use strict";n.d(t,{AN:function(){return l},l4:function(){return c},oA:function(){return m},sY:function(){return u},yV:function(){return h}});var r,a,i=n(79),o=n(3472),s=n(1280),l=((r=l||{})[r.None=0]="None",r[r.RenderStrategy=1]="RenderStrategy",r[r.Static=2]="Static",r),c=((a=c||{})[a.Unmount=0]="Unmount",a[a.Hidden=1]="Hidden",a);function u({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:a,visible:i=!0,name:o}){let l=p(t,e);if(i)return d(l,n,r,o);let c=null!=a?a:0;if(2&c){let{static:u=!1,...f}=l;if(u)return d(f,n,r,o)}if(1&c){let{unmount:h=!0,...m}=l;return(0,s.E)(h?0:1,{0:()=>null,1:()=>d({...m,hidden:!0,style:{display:"none"}},n,r,o)})}return d(l,n,r,o)}function d(e,t={},n,r){let{as:a=n,children:s,refName:l="ref",...c}=g(e,["unmount","static"]),u=void 0!==e.ref?{[l]:e.ref}:{},d="function"==typeof s?s(t):s;"className"in c&&c.className&&"function"==typeof c.className&&(c.className=c.className(t));let h={};if(t){let x=!1,v=[];for(let[y,b]of Object.entries(t))"boolean"==typeof b&&(x=!0),!0===b&&v.push(y);x&&(h["data-headlessui-state"]=v.join(" "))}if(a===i.Fragment&&Object.keys(m(c)).length>0){if(!(0,i.isValidElement)(d)||Array.isArray(d)&&d.length>1)throw Error(['Passing props on "Fragment"!',"",`The current component <${r} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(c).map(e=>` - ${e}`).join(` + `}),a]})]})}var lO={link:(0,O.Z)("nx-flex nx-max-w-[50%] nx-items-center nx-gap-1 nx-py-4 nx-text-base nx-font-medium nx-text-gray-600 nx-transition-colors [word-break:break-word] hover:nx-text-primary-600 dark:nx-text-gray-300 md:nx-text-lg"),icon:(0,O.Z)("nx-inline nx-h-5 nx-shrink-0")},lC=({flatDirectories:e,currentIndex:t})=>{let n=s8(),r=n.navigation,a="boolean"==typeof r?{prev:r,next:r}:r,i=a.prev&&e[t-1],o=a.next&&e[t+1];return(i&&!i.isUnderCurrentDocsTree&&(i=!1),o&&!o.isUnderCurrentDocsTree&&(o=!1),i||o)?(0,tA.jsxs)("div",{className:(0,O.Z)("nx-mb-8 nx-flex nx-items-center nx-border-t nx-pt-8 dark:nx-border-neutral-800","contrast-more:nx-border-neutral-400 dark:contrast-more:nx-border-neutral-400","print:nx-hidden"),children:[i&&(0,tA.jsxs)(lr,{href:i.route,title:i.title,className:(0,O.Z)(lO.link,"ltr:nx-pr-4 rtl:nx-pl-4"),children:[(0,tA.jsx)(q.LZ,{className:(0,O.Z)(lO.icon,"ltr:nx-rotate-180")}),i.title]}),o&&(0,tA.jsxs)(lr,{href:o.route,title:o.title,className:(0,O.Z)(lO.link,"ltr:nx-ml-auto ltr:nx-pl-4 ltr:nx-text-right rtl:nx-mr-auto rtl:nx-pr-4 rtl:nx-text-left"),children:[o.title,(0,tA.jsx)(q.LZ,{className:(0,O.Z)(lO.icon,"rtl:nx-rotate-180")})]})]}):null},lT={link:(0,O.Z)("nx-text-sm contrast-more:nx-text-gray-700 contrast-more:dark:nx-text-gray-100"),active:(0,O.Z)("nx-font-medium nx-subpixel-antialiased"),inactive:(0,O.Z)("nx-text-gray-600 hover:nx-text-gray-800 dark:nx-text-gray-400 dark:hover:nx-text-gray-200")};function lS({className:e,menu:t,children:n}){let{items:r}=t,a=Object.fromEntries((t.children||[]).map(e=>[e.name,e]));return(0,tA.jsx)("div",{className:"nx-relative nx-inline-block",children:(0,tA.jsxs)(sc,{children:[(0,tA.jsx)(sc.Button,{className:(0,O.Z)(e,"-nx-ml-2 nx-hidden nx-items-center nx-whitespace-nowrap nx-rounded nx-p-2 md:nx-inline-flex",lT.inactive),children:n}),(0,tA.jsx)(i2,{leave:"nx-transition-opacity",leaveFrom:"nx-opacity-100",leaveTo:"nx-opacity-0",children:(0,tA.jsx)(sc.Items,{className:"nx-absolute nx-right-0 nx-z-20 nx-mt-1 nx-max-h-64 nx-min-w-full nx-overflow-auto nx-rounded-md nx-ring-1 nx-ring-black/5 nx-bg-white nx-py-1 nx-text-sm nx-shadow-lg dark:nx-ring-white/20 dark:nx-bg-neutral-800",tabIndex:0,children:Object.entries(r||{}).map(([e,n])=>{var r;return(0,tA.jsx)(sc.Item,{children:(0,tA.jsx)(lr,{href:n.href||(null==(r=a[e])?void 0:r.route)||t.route+"/"+e,className:(0,O.Z)("nx-relative nx-hidden nx-w-full nx-select-none nx-whitespace-nowrap nx-text-gray-600 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-100 md:nx-inline-block","nx-py-1.5 nx-transition-colors ltr:nx-pl-3 ltr:nx-pr-9 rtl:nx-pr-3 rtl:nx-pl-9"),newWindow:n.newWindow,children:n.title||e})},e)})})})]})})}function lN({flatDirectories:e,items:t}){let n=s8(),r=N(),{menu:a,setMenu:i}=s3();return(0,tA.jsxs)("div",{className:"nextra-nav-container nx-sticky nx-top-0 nx-z-20 nx-w-full nx-bg-transparent print:nx-hidden",children:[(0,tA.jsx)("div",{className:(0,O.Z)("nextra-nav-container-blur","nx-pointer-events-none nx-absolute nx-z-[-1] nx-h-full nx-w-full nx-bg-white dark:nx-bg-dark","nx-shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)] dark:nx-shadow-[0_-1px_0_rgba(255,255,255,.1)_inset]","contrast-more:nx-shadow-[0_0_0_1px_#000] contrast-more:dark:nx-shadow-[0_0_0_1px_#fff]")}),(0,tA.jsxs)("nav",{className:"nx-mx-auto nx-flex nx-h-[var(--nextra-navbar-height)] nx-max-w-[90rem] nx-items-center nx-justify-end nx-gap-2 nx-pl-[max(env(safe-area-inset-left),1.5rem)] nx-pr-[max(env(safe-area-inset-right),1.5rem)]",children:[n.logoLink?(0,tA.jsx)(lr,{href:"string"==typeof n.logoLink?n.logoLink:"/",className:"nx-flex nx-items-center hover:nx-opacity-75 ltr:nx-mr-auto rtl:nx-ml-auto",children:li(n.logo)}):(0,tA.jsx)("div",{className:"nx-flex nx-items-center ltr:nx-mr-auto rtl:nx-ml-auto",children:li(n.logo)}),t.map(e=>{if("hidden"===e.display)return null;if("menu"===e.type){let t=e;return(0,tA.jsxs)(lS,{className:(0,O.Z)(lT.link,"nx-flex nx-gap-1",lT.inactive),menu:t,children:[t.title,(0,tA.jsx)(q.LZ,{className:"nx-h-[18px] nx-min-w-[18px] nx-rounded-sm nx-p-0.5",pathClassName:"nx-origin-center nx-transition-transform nx-rotate-90"})]},t.title)}let n=e,a=n.href||n.route||"#";n.children&&(a=(n.withIndexPage?n.route:n.firstChildRoute)||a);let i=n.route===r||r.startsWith(n.route+"/");return(0,tA.jsxs)(lr,{href:a,className:(0,O.Z)(lT.link,"nx-relative -nx-ml-2 nx-hidden nx-whitespace-nowrap nx-p-2 md:nx-inline-block",!i||n.newWindow?lT.inactive:lT.active),newWindow:n.newWindow,"aria-current":!n.newWindow&&i,children:[(0,tA.jsx)("span",{className:"nx-absolute nx-inset-x-0 nx-text-center",children:n.title}),(0,tA.jsx)("span",{className:"nx-invisible nx-font-medium",children:n.title})]},a)}),li(n.search.component,{directories:e,className:"nx-hidden md:nx-inline-block mx-min-w-[200px]"}),n.project.link?(0,tA.jsx)(lr,{className:"nx-p-2 nx-text-current",href:n.project.link,newWindow:!0,children:li(n.project.icon)}):null,n.chat.link?(0,tA.jsx)(lr,{className:"nx-p-2 nx-text-current",href:n.chat.link,newWindow:!0,children:li(n.chat.icon)}):null,li(n.navbar.extraContent),(0,tA.jsx)("button",{type:"button","aria-label":"Menu",className:"nextra-hamburger -nx-mr-2 nx-rounded nx-p-2 active:nx-bg-gray-400/20 md:nx-hidden",onClick:()=>i(!a),children:(0,tA.jsx)(q.Oq,{className:(0,O.Z)({open:a})})})]})]})}var lZ=Object.create(null),lq=(0,j.createContext)(null),lR=(0,j.createContext)(null),lI=(0,j.createContext)(0),lM=(0,j.memo)(function(e){let t=(0,j.useContext)(lI);return(0,tA.jsx)(lI.Provider,{value:t+1,children:(0,tA.jsx)(lP,sU({},e))})}),lA={link:(0,O.Z)("nx-flex nx-rounded nx-px-2 nx-py-1.5 nx-text-sm nx-transition-colors [word-break:break-word]","nx-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:nx-border"),inactive:(0,O.Z)("nx-text-gray-500 hover:nx-bg-gray-100 hover:nx-text-gray-900","dark:nx-text-neutral-400 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50","contrast-more:nx-text-gray-900 contrast-more:dark:nx-text-gray-50","contrast-more:nx-border-transparent contrast-more:hover:nx-border-gray-900 contrast-more:dark:hover:nx-border-gray-50"),active:(0,O.Z)("nx-bg-primary-100 nx-font-semibold nx-text-primary-800 dark:nx-bg-primary-400/10 dark:nx-text-primary-600","contrast-more:nx-border-primary-500 contrast-more:dark:nx-border-primary-500"),list:(0,O.Z)("nx-flex nx-flex-col nx-gap-1"),border:(0,O.Z)("nx-relative before:nx-absolute before:nx-inset-y-1",'before:nx-w-px before:nx-bg-gray-200 before:nx-content-[""] dark:before:nx-bg-neutral-800',"ltr:nx-pl-3 ltr:before:nx-left-0 rtl:nx-pr-3 rtl:before:nx-right-0")};function lP({item:e,anchors:t}){let n=N(),[r]=n.split("#"),a=[r,r+"/"].includes(e.route+"/"),i=a||r.startsWith(e.route+"/"),o=(0,j.useContext)(lq),s=!!(null==o?void 0:o.startsWith(e.route+"/")),l=(0,j.useContext)(lI),{setMenu:c}=s3(),u=s8(),{theme:d}=e,f=void 0===lZ[e.route]?a||i||s||(d&&"collapsed"in d?!d.collapsed:l{let t=()=>{(i||s)&&(lZ[e.route]=!0)},n=()=>{i&&s?lZ[e.route]=!0:delete lZ[e.route]};u.sidebar.autoCollapse?n():t()},[i,s,e.route,u.sidebar.autoCollapse]),"menu"===e.type){let h=e,m=Object.fromEntries((h.children||[]).map(e=>[e.name,e]));e.children=Object.entries(h.items||{}).map(([e,t])=>{let n=m[e]||sV(sU({name:e},"locale"in h&&{locale:h.locale}),{route:h.route+"/"+e});return sU(sU({},n),t)})}let g="withIndexPage"in e&&e.withIndexPage,x=g?lr:"button";return(0,tA.jsxs)("li",{className:(0,O.Z)({open:f,active:a}),children:[(0,tA.jsxs)(x,{href:g?e.route:void 0,className:(0,O.Z)("nx-items-center nx-justify-between nx-gap-2",!g&&"nx-text-left nx-w-full",lA.link,a?lA.active:lA.inactive),onClick:t=>{let n=["svg","path"].includes(t.target.tagName.toLowerCase());if(n&&t.preventDefault(),g){a||n?lZ[e.route]=!f:(lZ[e.route]=!0,c(!1)),p({});return}a||(lZ[e.route]=!f,p({}))},children:[li(u.sidebar.titleComponent,{title:e.title,type:e.type,route:e.route}),(0,tA.jsx)(q.LZ,{className:"nx-h-[18px] nx-min-w-[18px] nx-rounded-sm nx-p-0.5 hover:nx-bg-gray-800/5 dark:hover:nx-bg-gray-100/5",pathClassName:(0,O.Z)("nx-origin-center nx-transition-transform rtl:-nx-rotate-180",f&&"ltr:nx-rotate-90 rtl:nx-rotate-[-270deg]")})]}),(0,tA.jsx)(ld,{className:"ltr:nx-pr-0 rtl:nx-pl-0 nx-pt-1",isOpen:f,children:Array.isArray(e.children)?(0,tA.jsx)(lz,{className:(0,O.Z)(lA.border,"ltr:nx-ml-3 rtl:nx-mr-3"),directories:e.children,base:e.route,anchors:t}):null})]})}function lL({title:e}){let t=s8();return(0,tA.jsx)("li",{className:(0,O.Z)("[word-break:break-word]",e?"nx-mt-5 nx-mb-2 nx-px-2 nx-py-1.5 nx-text-sm nx-font-semibold nx-text-gray-900 first:nx-mt-0 dark:nx-text-gray-100":"nx-my-4"),children:e?li(t.sidebar.titleComponent,{title:e,type:"separator",route:""}):(0,tA.jsx)("hr",{className:"nx-mx-2 nx-border-t nx-border-gray-200 dark:nx-border-primary-100/10"})})}function lD({item:e,anchors:t}){let n=N(),r=(0,j.useContext)(lR),a=e.route&&[n,n+"/"].includes(e.route+"/"),i=sJ(),{setMenu:o}=s3(),s=s8();return"separator"===e.type?(0,tA.jsx)(lL,{title:e.title}):(0,tA.jsxs)("li",{className:(0,O.Z)(lA.list,{active:a}),children:[(0,tA.jsx)(lr,{href:e.href||e.route,newWindow:e.newWindow,className:(0,O.Z)(lA.link,a?lA.active:lA.inactive),onClick:()=>{o(!1)},onFocus:()=>{null==r||r(e.route)},onBlur:()=>{null==r||r(null)},children:li(s.sidebar.titleComponent,{title:e.title,type:e.type,route:e.route})}),a&&t.length>0&&(0,tA.jsx)("ul",{className:(0,O.Z)(lA.list,lA.border,"ltr:nx-ml-3 rtl:nx-mr-3"),children:t.map(({id:e,value:t})=>{var n;return(0,tA.jsx)("li",{children:(0,tA.jsx)("a",{href:`#${e}`,className:(0,O.Z)(lA.link,'nx-flex nx-gap-2 before:nx-opacity-25 before:nx-content-["#"]',(null==(n=i[e])?void 0:n.isActive)?lA.active:lA.inactive),onClick:()=>{o(!1)},children:t})},e)})})]})}function lz({directories:e,anchors:t,className:n,onlyCurrentDocs:r}){return(0,tA.jsx)("ul",{className:(0,O.Z)(lA.list,n),children:e.map(e=>!r||e.isUnderCurrentDocsTree?"menu"===e.type||e.children&&(e.children.length||!e.withIndexPage)?(0,tA.jsx)(lM,{item:e,anchors:t},e.name):(0,tA.jsx)(lD,{item:e,anchors:t},e.name):null)})}function lF({docsDirectories:e,flatDirectories:t,fullDirectories:n,asPopover:r=!1,headings:a,includePlaceholder:i}){let o=s8(),{menu:s,setMenu:l}=s3(),c=(0,E.useRouter)(),[u,d]=(0,j.useState)(null),[f,p]=(0,j.useState)(!0),[h,m]=(0,j.useState)(!1),g=(0,j.useMemo)(()=>a.filter(e=>2===e.depth),[a]),x=(0,j.useRef)(null),v=(0,j.useRef)(null),y=C();(0,j.useEffect)(()=>{s?document.body.classList.add("nx-overflow-hidden","md:nx-overflow-auto"):document.body.classList.remove("nx-overflow-hidden","md:nx-overflow-auto")},[s]),(0,j.useEffect)(()=>{var e;let t=null==(e=x.current)?void 0:e.querySelector("li.active");if(t&&(window.innerWidth>767||s)){let n=()=>{sx(t,{block:"center",inline:"center",scrollMode:"always",boundary:v.current})};s?setTimeout(n,300):n()}},[s]),(0,j.useEffect)(()=>{l(!1)},[c.asPath,l]);let b=o.i18n.length>0,_=o.darkMode||b;return(0,tA.jsxs)(tA.Fragment,{children:[i&&r?(0,tA.jsx)("div",{className:"max-xl:nx-hidden nx-h-0 nx-w-64 nx-shrink-0"}):null,(0,tA.jsx)("div",{className:(0,O.Z)("motion-reduce:nx-transition-none [transition:background-color_1.5s_ease]",s?"nx-fixed nx-inset-0 nx-z-10 nx-bg-black/80 dark:nx-bg-black/60":"nx-bg-transparent"),onClick:()=>l(!1)}),(0,tA.jsxs)("aside",{className:(0,O.Z)("nextra-sidebar-container nx-flex nx-flex-col","md:nx-top-16 md:nx-shrink-0 motion-reduce:nx-transform-none","nx-transform-gpu nx-transition-all nx-ease-in-out","print:nx-hidden",f?"md:nx-w-64":"md:nx-w-20",r?"md:nx-hidden":"md:nx-sticky md:nx-self-start",s?"max-md:[transform:translate3d(0,0,0)]":"max-md:[transform:translate3d(0,-100%,0)]"),ref:v,children:[(0,tA.jsx)("div",{className:"nx-px-4 nx-pt-4 md:nx-hidden",children:li(o.search.component,{directories:t})}),(0,tA.jsx)(lq.Provider,{value:u,children:(0,tA.jsx)(lR.Provider,{value:e=>{d(e)},children:(0,tA.jsxs)("div",{className:(0,O.Z)("nx-overflow-y-auto nx-overflow-x-hidden","nx-p-4 nx-grow md:nx-h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))]",f?"nextra-scrollbar":"no-scrollbar"),ref:x,children:[(!r||!f)&&(0,tA.jsx)(ld,{isOpen:f,horizontal:!0,children:(0,tA.jsx)(lz,{className:"nextra-menu-desktop max-md:nx-hidden",directories:e,anchors:o.toc.float?[]:g,onlyCurrentDocs:!0})}),y&&window.innerWidth<768&&(0,tA.jsx)(lz,{className:"nextra-menu-mobile md:nx-hidden",directories:n,anchors:g})]})})}),_&&(0,tA.jsxs)("div",{className:(0,O.Z)("nx-sticky nx-bottom-0","nx-bg-white dark:nx-bg-dark","nx-mx-4 nx-py-4 nx-shadow-[0_-12px_16px_#fff]","nx-flex nx-items-center nx-gap-2","dark:nx-border-neutral-800 dark:nx-shadow-[0_-12px_16px_#111]","contrast-more:nx-border-neutral-400 contrast-more:nx-shadow-none contrast-more:dark:nx-shadow-none",f?(0,O.Z)(b&&"nx-justify-end","nx-border-t"):"nx-py-4 nx-flex-wrap nx-justify-center"),"data-toggle-animation":h?f?"show":"hide":"off",children:[(0,tA.jsx)(lw,{lite:!f,className:(0,O.Z)(f?"nx-grow":"max-md:nx-grow")}),o.darkMode&&(0,tA.jsx)("div",{className:f&&!b?"nx-grow nx-flex nx-flex-col":"",children:li(o.themeSwitch.component,{lite:!f||b})}),o.sidebar.toggleButton&&(0,tA.jsx)("button",{title:f?"Hide sidebar":"Show sidebar",className:"max-md:nx-hidden nx-h-7 nx-rounded-md nx-transition-colors nx-text-gray-600 dark:nx-text-gray-400 nx-px-2 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",onClick:()=>{p(!f),m(!0)},children:(0,tA.jsx)(q.Qq,{isOpen:f})})]})]})]})}var l$="reach-skip-nav",lU="Skip to content";(0,j.forwardRef)(function(e,t){var n=e,{className:r,id:a,label:i=lU,styled:o}=n,s=sW(n,["className","id","label","styled"]);let l=void 0===r?o?(0,O.Z)("nx-sr-only","focus:nx-not-sr-only focus:nx-fixed focus:nx-z-50 focus:nx-m-3 focus:nx-ml-4 focus:nx-h-[calc(var(--nextra-navbar-height)-1.5rem)] focus:nx-rounded-lg focus:nx-border focus:nx-px-3 focus:nx-py-2 focus:nx-align-middle focus:nx-text-sm focus:nx-font-bold","focus:nx-text-gray-900 focus:dark:nx-text-gray-100","focus:nx-bg-white focus:dark:nx-bg-neutral-900","focus:nx-border-neutral-400 focus:dark:nx-border-neutral-800"):"":r;return(0,tA.jsx)("a",sV(sU({},s),{ref:t,href:`#${a||l$}`,className:l,"data-reach-skip-link":"",children:i}))}).displayName="SkipNavLink";var lV=(0,j.forwardRef)(function(e,t){var n=e,{id:r}=n,a=sW(n,["id"]);return(0,tA.jsx)("div",sV(sU({},a),{ref:t,id:r||l$}))});lV.displayName="SkipNavContent";var lW=tq.strictObject({light:tq.string(),dark:tq.string(),system:tq.string()});function lB({lite:e,className:t}){let{setTheme:n,resolvedTheme:r,theme:a=""}=t$(),i=C(),o=s8().themeSwitch,s=i&&"dark"===r?q.kL:q.NW,l="function"==typeof o.useOptions?o.useOptions():o.useOptions;return(0,tA.jsx)(l_,{className:t,title:"Change theme",options:[{key:"light",name:l.light},{key:"dark",name:l.dark},{key:"system",name:l.system}],onChange:e=>{n(e.key)},selected:{key:a,name:(0,tA.jsxs)("div",{className:"nx-flex nx-items-center nx-gap-2 nx-capitalize",children:[(0,tA.jsx)(s,{}),(0,tA.jsx)("span",{className:e?"md:nx-hidden":"",children:i?l[a]:l.light})]})}})}function lH(){window.scrollTo({top:0,behavior:"smooth"})}function lG({className:e}){let t=(0,j.useRef)(null);return(0,j.useEffect)(()=>{function e(){var e;let{scrollTop:n}=document.documentElement;null==(e=t.current)||e.classList.toggle("nx-opacity-0",n<300)}return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]),(0,tA.jsxs)("button",{ref:t,"aria-hidden":"true",onClick:lH,className:(0,O.Z)("nx-flex nx-items-center nx-gap-1.5 nx-transition nx-opacity-0",e),children:["Scroll to top",(0,tA.jsx)(q.LZ,{className:"-nx-rotate-90 nx-w-3.5 nx-h-3.5 nx-border nx-rounded-full nx-border-current"})]})}var lK=(0,O.Z)("nx-text-xs nx-font-medium nx-text-gray-500 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-100","contrast-more:nx-text-gray-800 contrast-more:dark:nx-text-gray-50");function lY({headings:e,filePath:t}){var n;let r=sJ(),a=s8(),i=(0,j.useRef)(null),o=(0,j.useMemo)(()=>e.filter(e=>e.depth>1),[e]),s=o.length>0,l=Boolean(a.feedback.content||a.editLink.component||a.toc.extraContent),c=null==(n=Object.entries(r).find(([,{isActive:e}])=>e))?void 0:n[0];return(0,j.useEffect)(()=>{var e;if(!c)return;let t=null==(e=i.current)?void 0:e.querySelector(`li > a[href="#${c}"]`);t&&sx(t,{behavior:"smooth",block:"center",inline:"center",scrollMode:"always",boundary:i.current})},[c]),(0,tA.jsxs)("div",{ref:i,className:(0,O.Z)("nextra-scrollbar nx-sticky nx-top-16 nx-overflow-y-auto nx-pr-4 nx-pt-6 nx-text-sm [hyphens:auto]","nx-max-h-[calc(100vh-var(--nextra-navbar-height)-env(safe-area-inset-bottom))] ltr:-nx-mr-4 rtl:-nx-ml-4"),children:[s&&(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("p",{className:"nx-mb-4 nx-font-semibold nx-tracking-tight",children:li(a.toc.title)}),(0,tA.jsx)("ul",{children:o.map(({id:e,value:t,depth:n})=>{var i,o,s,l;return(0,tA.jsx)("li",{className:"nx-my-2 nx-scroll-my-6 nx-scroll-py-6",children:(0,tA.jsx)("a",{href:`#${e}`,className:(0,O.Z)({2:"nx-font-semibold",3:"ltr:nx-pl-4 rtl:nx-pr-4",4:"ltr:nx-pl-8 rtl:nx-pr-8",5:"ltr:nx-pl-12 rtl:nx-pr-12",6:"ltr:nx-pl-16 rtl:nx-pr-16"}[n],"nx-inline-block",(null==(i=r[e])?void 0:i.isActive)?"nx-text-primary-600 nx-subpixel-antialiased contrast-more:!nx-text-primary-600":"nx-text-gray-500 hover:nx-text-gray-900 dark:nx-text-gray-400 dark:hover:nx-text-gray-300","contrast-more:nx-text-gray-900 contrast-more:nx-underline contrast-more:dark:nx-text-gray-50 nx-w-full nx-break-words"),children:null!=(l=null==(s=(o=a.toc).headingComponent)?void 0:s.call(o,{id:e,children:t}))?l:t})},e)})})]}),l&&(0,tA.jsxs)("div",{className:(0,O.Z)(s&&"nx-mt-8 nx-border-t nx-bg-white nx-pt-8 nx-shadow-[0_-12px_16px_white] dark:nx-bg-dark dark:nx-shadow-[0_-12px_16px_#111]","nx-sticky nx-bottom-0 nx-flex nx-flex-col nx-items-start nx-gap-2 nx-pb-8 dark:nx-border-neutral-800","contrast-more:nx-border-t contrast-more:nx-border-neutral-400 contrast-more:nx-shadow-none contrast-more:dark:nx-border-neutral-400"),children:[a.feedback.content?(0,tA.jsx)(lr,{className:lK,href:a.feedback.useLink(),newWindow:!0,children:li(a.feedback.content)}):null,li(a.editLink.component,{filePath:t,className:lK,children:li(a.editLink.text)}),li(a.toc.extraContent),a.toc.backToTop&&(0,tA.jsx)(lG,{className:lK})]})]})}function lQ({className:e,directories:t}){let[n,r]=(0,j.useState)(""),a=(0,j.useMemo)(()=>n?sw(t,n,{keys:["title"]}).map(({route:e,title:t})=>({id:e+t,route:e,children:(0,tA.jsx)(lf,{value:t,match:n})})):[],[n,t]);return(0,tA.jsx)(lm,{value:n,onChange:r,className:e,overlayClassName:"nx-w-full",results:a})}var lJ="en-US",lX="undefined"!=typeof window;function l1(e){return null==e||"string"==typeof e||l0(e)||(0,j.isValidElement)(e)}function l0(e){return"function"==typeof e}var l2=tq.array(tq.strictObject({direction:tq.enum(["ltr","rtl"]).optional(),locale:tq.string(),text:tq.string()})),l4=[l1,{message:"Must be React.ReactNode or React.FC"}],l3=[l0,{message:"Must be React.FC"}];tq.strictObject({banner:tq.strictObject({dismissible:tq.boolean(),key:tq.string(),text:tq.custom(...l4).optional()}),chat:tq.strictObject({icon:tq.custom(...l4),link:tq.string().startsWith("https://").optional()}),components:tq.record(tq.custom(...l3)).optional(),darkMode:tq.boolean(),direction:tq.enum(["ltr","rtl"]),docsRepositoryBase:tq.string().startsWith("https://"),editLink:tq.strictObject({component:tq.custom(...l3),text:tq.custom(...l4)}),faviconGlyph:tq.string().optional(),feedback:tq.strictObject({content:tq.custom(...l4),labels:tq.string(),useLink:tq.function().returns(tq.string())}),footer:tq.strictObject({component:tq.custom(...l4),text:tq.custom(...l4)}),gitTimestamp:tq.custom(...l4),head:tq.custom(...l4),i18n:l2,logo:tq.custom(...l4),logoLink:tq.boolean().or(tq.string()),main:tq.custom(...l3).optional(),navbar:tq.strictObject({component:tq.custom(...l4),extraContent:tq.custom(...l4).optional()}),navigation:tq.boolean().or(tq.strictObject({next:tq.boolean(),prev:tq.boolean()})),nextThemes:tq.strictObject({defaultTheme:tq.string(),forcedTheme:tq.string().optional(),storageKey:tq.string()}),notFound:tq.strictObject({content:tq.custom(...l4),labels:tq.string()}),primaryHue:tq.number().or(tq.strictObject({dark:tq.number(),light:tq.number()})),project:tq.strictObject({icon:tq.custom(...l4),link:tq.string().startsWith("https://").optional()}),search:tq.strictObject({component:tq.custom(...l4),emptyResult:tq.custom(...l4),error:tq.string().or(tq.function().returns(tq.string())),loading:tq.custom(...l4),placeholder:tq.string().or(tq.function().returns(tq.string()))}),serverSideError:tq.strictObject({content:tq.custom(...l4),labels:tq.string()}),sidebar:tq.strictObject({autoCollapse:tq.boolean().optional(),defaultMenuCollapseLevel:tq.number().min(1).int(),titleComponent:tq.custom(...l4),toggleButton:tq.boolean()}),themeSwitch:tq.strictObject({component:tq.custom(...l4),useOptions:lW.or(tq.function().returns(lW))}),toc:tq.strictObject({backToTop:tq.boolean(),component:tq.custom(...l4),extraContent:tq.custom(...l4),float:tq.boolean(),headingComponent:tq.custom(...l3).optional(),title:tq.custom(...l4)}),useNextSeoProps:tq.custom(l0)}).deepPartial().extend({i18n:l2.optional()});var l5={"en-US":"Loading",fr:"Сhargement",ru:"Загрузка","zh-CN":"正在加载"},l6={"en-US":"Search documentation",fr:"Rechercher documents",ru:"Поиск документации","zh-CN":"搜索文档"},l8={banner:{dismissible:!0,key:"nextra-banner"},chat:{icon:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)(q.D7,{}),(0,tA.jsx)("span",{className:"nx-sr-only",children:"Discord"})]})},darkMode:!0,direction:"ltr",docsRepositoryBase:"https://github.com/shuding/nextra",editLink:{component:function({className:e,filePath:t,children:n}){let r=ll(t);return r?(0,tA.jsx)(lr,{className:e,href:r,children:n}):null},text:"Edit this page"},feedback:{content:"Question? Give us feedback →",labels:"feedback",useLink(){let e=s8();return la({labels:e.feedback.labels,repository:e.docsRepositoryBase,title:`Feedback for \u201C${e.title}\u201D`})}},footer:{component:lE,text:`MIT ${new Date().getFullYear()} \xa9 Nextra.`},gitTimestamp:function({timestamp:e}){let{locale:t=lJ}=(0,E.useRouter)();return(0,tA.jsxs)(tA.Fragment,{children:["Last updated on"," ",(0,tA.jsx)("time",{dateTime:e.toISOString(),children:e.toLocaleDateString(t,{day:"numeric",month:"long",year:"numeric"})})]})},head:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("meta",{name:"msapplication-TileColor",content:"#fff"}),(0,tA.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,tA.jsx)("meta",{name:"description",content:"Nextra: the next docs builder"}),(0,tA.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,tA.jsx)("meta",{name:"twitter:site",content:"@shuding_"}),(0,tA.jsx)("meta",{property:"og:title",content:"Nextra: the next docs builder"}),(0,tA.jsx)("meta",{property:"og:description",content:"Nextra: the next docs builder"}),(0,tA.jsx)("meta",{name:"apple-mobile-web-app-title",content:"Nextra"})]}),i18n:[],logo:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("span",{className:"nx-font-extrabold",children:"Nextra"}),(0,tA.jsx)("span",{className:"nx-ml-2 nx-hidden nx-font-normal nx-text-gray-600 md:nx-inline",children:"The Next Docs Builder"})]}),logoLink:!0,navbar:{component:lN},navigation:!0,nextThemes:{defaultTheme:"system",storageKey:"theme"},notFound:{content:"Submit an issue about broken link →",labels:"bug"},primaryHue:{dark:204,light:212},project:{icon:(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)(q.fy,{}),(0,tA.jsx)("span",{className:"nx-sr-only",children:"GitHub"})]})},search:{component:function({className:e,directories:t}){let n=s8();return n.flexsearch?(0,tA.jsx)(lb,{className:e}):(0,tA.jsx)(lQ,{className:e,directories:t})},emptyResult:(0,tA.jsx)("span",{className:"nx-block nx-select-none nx-p-8 nx-text-center nx-text-sm nx-text-gray-400",children:"No results found."}),error:"Failed to load search index.",loading:function(){let{locale:e,defaultLocale:t=lJ}=(0,E.useRouter)(),n=e&&l5[e]||l5[t];return(0,tA.jsxs)(tA.Fragment,{children:[n,"…"]})},placeholder:function(){let{locale:e,defaultLocale:t=lJ}=(0,E.useRouter)(),n=e&&l6[e]||l6[t];return`${n}\u2026`}},serverSideError:{content:"Submit an issue about error in url →",labels:"bug"},sidebar:{defaultMenuCollapseLevel:2,titleComponent:({title:e})=>(0,tA.jsx)(tA.Fragment,{children:e}),toggleButton:!1},themeSwitch:{component:lB,useOptions(){let{locale:e}=(0,E.useRouter)();return"zh-CN"===e?{dark:"深色主题",light:"浅色主题",system:"系统默认"}:{dark:"Dark",light:"Light",system:"System"}}},toc:{backToTop:!1,component:lY,float:!0,title:"On This Page"},useNextSeoProps:()=>({titleTemplate:"%s – Nextra"})},l7=Object.entries(l8).map(([e,t])=>{let n=t&&"object"==typeof t&&!Array.isArray(t)&&!(0,j.isValidElement)(t);if(n)return e}).filter(Boolean);if(lX){let l9;let ce=()=>{document.body.classList.add("resizing"),clearTimeout(l9),l9=setTimeout(()=>{document.body.classList.remove("resizing")},200)};window.addEventListener("resize",ce)}function ct(e){var t=e,{tag:n,context:r,children:a,id:i,className:o}=t,s=sW(t,["tag","context","children","id","className"]);let l=sX(),c=s0(),u=s1(),d=(0,j.useRef)(null);return(0,j.useEffect)(()=>{if(!i)return;let e=d.current;if(e)return c.set(e,[i,r.index+=1]),null==u||u.observe(e),()=>{null==u||u.disconnect(),c.delete(e),l(e=>{let t=sU({},e);return delete t[i],t})}},[i,r,c,u,l]),(0,tA.jsxs)(n,sV(sU({className:"sr-only"===o?"nx-sr-only":(0,O.Z)("nx-font-semibold nx-tracking-tight nx-text-slate-900 dark:nx-text-slate-100",{h2:"nx-mt-10 nx-border-b nx-pb-1 nx-text-3xl nx-border-neutral-200/70 contrast-more:nx-border-neutral-400 dark:nx-border-primary-100/10 contrast-more:dark:nx-border-neutral-400",h3:"nx-mt-8 nx-text-2xl",h4:"nx-mt-8 nx-text-xl",h5:"nx-mt-8 nx-text-lg",h6:"nx-mt-8 nx-text-base"}[n])},s),{children:[a,i&&(0,tA.jsx)("a",{href:`#${i}`,id:i,className:"subheading-anchor","aria-label":"Permalink for this section",ref:d})]}))}var cn=e=>{let t=null,n=[];return j.Children.forEach(e,(e,r)=>{var a;if(e&&e.type===ca){t||(t=e);return}let i=e;if(!t&&e&&"object"==typeof e&&e.type!==cr&&"props"in e&&e.props){let o=cn(e.props.children);t=o[0],i=(0,j.cloneElement)(e,sV(sU({},e.props),{children:(null==(a=o[1])?void 0:a.length)?o[1]:void 0,key:r}))}n.push(i)}),[t,n]},cr=e=>{var t=e,{children:n,open:r}=t,a=sW(t,["children","open"]);let[i,o]=(0,j.useState)(!!r),[s,l]=cn(n),[c,u]=(0,j.useState)(i);return(0,j.useEffect)(()=>{if(i)u(!0);else{let e=setTimeout(()=>u(i),500);return()=>clearTimeout(e)}},[i]),(0,tA.jsxs)("details",sV(sU(sV(sU({className:"nx-my-4 nx-rounded nx-border nx-border-gray-200 nx-bg-white nx-p-2 nx-shadow-sm first:nx-mt-0 dark:nx-border-neutral-800 dark:nx-bg-neutral-900"},a),{open:c}),i&&{"data-expanded":!0}),{children:[(0,tA.jsx)(lt,{value:o,children:s}),(0,tA.jsx)(ld,{isOpen:i,children:l})]}))},ca=e=>{let t=le();return(0,tA.jsx)("summary",sV(sU({className:(0,O.Z)("nx-flex nx-items-center nx-cursor-pointer nx-list-none nx-p-1 nx-transition-colors hover:nx-bg-gray-100 dark:hover:nx-bg-neutral-800","before:nx-mr-1 before:nx-inline-block before:nx-transition-transform before:nx-content-[''] dark:before:nx-invert before:nx-shrink-0","rtl:before:nx-rotate-180 [[data-expanded]>&]:before:nx-rotate-90")},e),{onClick:e=>{e.preventDefault(),t(e=>!e)}}))},ci=/https?:\/\//,co=e=>{var t=e,{href:n="",className:r}=t,a=sW(t,["href","className"]);return(0,tA.jsx)(lr,sU({href:n,newWindow:ci.test(n),className:(0,O.Z)("nx-text-primary-600 nx-underline nx-decoration-from-font [text-underline-position:from-font]",r)},a))},cs=e=>{var t=e,{href:n=""}=t,r=sW(t,["href"]);return(0,tA.jsx)(lr,sU({href:n,newWindow:ci.test(n)},r))},cl=({isRawLayout:e,components:t})=>{if(e)return{a:cs};let n={index:0};return sU({h1:e=>(0,tA.jsx)("h1",sU({className:"nx-mt-2 nx-text-4xl nx-font-bold nx-tracking-tight nx-text-slate-900 dark:nx-text-slate-100"},e)),h2:e=>(0,tA.jsx)(ct,sU({tag:"h2",context:n},e)),h3:e=>(0,tA.jsx)(ct,sU({tag:"h3",context:n},e)),h4:e=>(0,tA.jsx)(ct,sU({tag:"h4",context:n},e)),h5:e=>(0,tA.jsx)(ct,sU({tag:"h5",context:n},e)),h6:e=>(0,tA.jsx)(ct,sU({tag:"h6",context:n},e)),ul:e=>(0,tA.jsx)("ul",sU({className:"nx-mt-6 nx-list-disc first:nx-mt-0 ltr:nx-ml-6 rtl:nx-mr-6"},e)),ol:e=>(0,tA.jsx)("ol",sU({className:"nx-mt-6 nx-list-decimal first:nx-mt-0 ltr:nx-ml-6 rtl:nx-mr-6"},e)),li:e=>(0,tA.jsx)("li",sU({className:"nx-my-2"},e)),blockquote:e=>(0,tA.jsx)("blockquote",sU({className:(0,O.Z)("nx-mt-6 nx-border-gray-300 nx-italic nx-text-gray-700 dark:nx-border-gray-700 dark:nx-text-gray-400","first:nx-mt-0 ltr:nx-border-l-2 ltr:nx-pl-6 rtl:nx-border-r-2 rtl:nx-pr-6")},e)),hr:e=>(0,tA.jsx)("hr",sU({className:"nx-my-8 nx-border-neutral-200/70 contrast-more:nx-border-neutral-400 dark:nx-border-primary-100/10 contrast-more:dark:nx-border-neutral-400"},e)),a:co,table:e=>(0,tA.jsx)(sM.iA,sU({className:"nextra-scrollbar nx-mt-6 nx-p-0 first:nx-mt-0"},e)),p:e=>(0,tA.jsx)("p",sU({className:"nx-mt-6 nx-leading-7 first:nx-mt-0"},e)),tr:sM.Tr,th:sM.Th,td:sM.Td,details:cr,summary:ca,pre:sM.SU,code:sM.EK},t)},cc={toc:(0,O.Z)("nextra-toc nx-order-last nx-hidden nx-w-64 nx-shrink-0 xl:nx-block print:nx-hidden"),main:(0,O.Z)("nx-w-full nx-break-words")},cu=({themeContext:e,breadcrumb:t,timestamp:n,navigation:r,children:a})=>{var i;let o=s8(),s=C();if("raw"===e.layout)return(0,tA.jsx)("div",{className:cc.main,children:a});let l=e.timestamp&&o.gitTimestamp&&n?new Date(n):null,c=s&&l?(0,tA.jsx)("div",{className:"nx-mt-12 nx-mb-8 nx-block nx-text-xs nx-text-gray-500 ltr:nx-text-right rtl:nx-text-left dark:nx-text-gray-400",children:li(o.gitTimestamp,{timestamp:l})}):(0,tA.jsx)("div",{className:"nx-mt-16"}),u=(0,tA.jsxs)(tA.Fragment,{children:[a,c,r]}),d=(null==(i=o.main)?void 0:i.call(o,{children:u}))||u;return"full"===e.layout?(0,tA.jsx)("article",{className:(0,O.Z)(cc.main,"nextra-content nx-min-h-[calc(100vh-var(--nextra-navbar-height))] nx-pl-[max(env(safe-area-inset-left),1.5rem)] nx-pr-[max(env(safe-area-inset-right),1.5rem)]"),children:d}):(0,tA.jsx)("article",{className:(0,O.Z)(cc.main,"nextra-content nx-flex nx-min-h-[calc(100vh-var(--nextra-navbar-height))] nx-min-w-0 nx-justify-center nx-pb-8 nx-pr-[calc(env(safe-area-inset-right)-1.5rem)]","article"===e.typesetting&&"nextra-body-typesetting-article"),children:(0,tA.jsxs)("main",{className:"nx-w-full nx-min-w-0 nx-max-w-6xl nx-px-6 nx-pt-4 md:nx-px-12",children:[t,d]})})},cd=({filePath:e,pageMap:t,frontMatter:n,headings:r,timestamp:a,children:i})=>{let o=s8(),{locale:s=lJ,defaultLocale:l}=(0,E.useRouter)(),c=N(),{activeType:u,activeIndex:d,activeThemeContext:f,activePath:p,topLevelNavbarItems:h,docsDirectories:m,flatDirectories:g,flatDocsDirectories:x,directories:v}=(0,j.useMemo)(()=>rQ({list:t,locale:s,defaultLocale:l,route:c}),[t,s,l,c]),y=sU(sU({},f),n),b=!y.sidebar||"raw"===y.layout||"page"===u,_="page"!==u&&y.toc&&"default"===y.layout?(0,tA.jsx)("nav",{className:(0,O.Z)(cc.toc,"nx-px-4"),"aria-label":"table of contents",children:li(o.toc.component,{headings:o.toc.float?r:[],filePath:e})}):"full"!==y.layout&&"raw"!==y.layout&&(0,tA.jsx)("nav",{className:cc.toc,"aria-label":"table of contents"}),k=o.i18n.find(e=>e.locale===s),w=k?"rtl"===k.direction:"rtl"===o.direction,C=w?"rtl":"ltr";return(0,tA.jsxs)("div",{dir:C,children:[(0,tA.jsx)("script",{dangerouslySetInnerHTML:{__html:`document.documentElement.setAttribute('dir','${C}')`}}),(0,tA.jsx)(lj,{}),(0,tA.jsx)(lc,{}),y.navbar&&li(o.navbar.component,{flatDirectories:g,items:h}),(0,tA.jsx)("div",{className:(0,O.Z)("nx-mx-auto nx-flex","raw"!==y.layout&&"nx-max-w-[90rem]"),children:(0,tA.jsxs)(s2,{children:[(0,tA.jsx)(lF,{docsDirectories:m,flatDirectories:g,fullDirectories:v,headings:r,asPopover:b,includePlaceholder:"default"===y.layout}),_,(0,tA.jsx)(lV,{}),(0,tA.jsx)(cu,{themeContext:y,breadcrumb:"page"!==u&&y.breadcrumb?(0,tA.jsx)(lu,{activePath:p}):null,timestamp:a,navigation:"page"!==u&&y.pagination?(0,tA.jsx)(lC,{flatDirectories:x,currentIndex:d}):null,children:(0,tA.jsx)(Z.Z,{components:cl({isRawLayout:"raw"===y.layout,components:o.components}),children:i})})]})}),y.footer&&li(o.footer.component,{menu:b})]})};function cf(e){var t=e,{children:n}=t,r=sW(t,["children"]);return(0,tA.jsx)(s7,{value:r,children:(0,tA.jsx)(cd,sV(sU({},r.pageOpts),{children:n}))})}var cp=n(6683),ch=n.n(cp),cm=n(4410),cg={project:{link:"https://github.com/zthxxx/react-dev-inspector"},docsRepositoryBase:"https://github.com/zthxxx/react-dev-inspector/tree/dev/docs",useNextSeoProps:function(){if("/"!==(0,E.useRouter)().asPath)return{titleTemplate:"%s – React Dev Inspector"}},logo:(0,tA.jsxs)("span",{"data-inspector-line":"11","data-inspector-column":"2","data-inspector-relative-path":"theme.config.tsx",className:"jsx-3700285762 py-2 font-bold text-xl hover:transition-[mask-position] hover:duration-1000 hover:ease",children:["React Dev Inspector",(0,tA.jsx)(ch(),{id:"3700285762",children:["span.jsx-3700285762{-webkit-mask-image:linear-gradient( 60deg, black 25%, rgba(0,0,0,0.2) 50%, black 75% );mask-image:linear-gradient( 60deg, black 25%, rgba(0,0,0,0.2) 50%, black 75% );-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%;}","span.jsx-3700285762:hover{-webkit-mask-position:100%;mask-position:100%;}"]})]}),head:function(){var e=s8().title;return(0,tA.jsxs)(tA.Fragment,{children:[(0,tA.jsx)("meta",{"data-inspector-line":"65","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"msapplication-TileColor",content:"#fff"}),(0,tA.jsx)("meta",{"data-inspector-line":"66","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"theme-color",content:"#fff"}),(0,tA.jsx)("meta",{"data-inspector-line":"67","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,tA.jsx)("meta",{"data-inspector-line":"68","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",httpEquiv:"Content-Language",content:"en"}),(0,tA.jsx)("meta",{"data-inspector-line":"69","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"og:title",content:e?"".concat(e," – React Dev Inspector"):"React Dev Inspector"}),(0,tA.jsx)("meta",{"data-inspector-line":"73","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",name:"description",content:"Seamless browser-to-editor code navigation"}),(0,tA.jsx)("link",{"data-inspector-line":"77","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",rel:"icon",href:"/favicon.svg",type:"image/svg+xml"}),(0,tA.jsx)("link",{"data-inspector-line":"78","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",rel:"icon",href:"/favicon-dark.svg",type:"image/svg+xml",media:"(prefers-color-scheme: dark)"})]})},editLink:{text:"Edit this page on GitHub →"},feedback:{content:"Question? Give us feedback →",labels:"feedback"},sidebar:{titleComponent:function(e){var t=e.title;return"separator"===e.type?(0,tA.jsx)("span",{"data-inspector-line":"97","data-inspector-column":"15","data-inspector-relative-path":"theme.config.tsx",className:"cursor-default",children:t}):(0,tA.jsx)(tA.Fragment,{children:t})},defaultMenuCollapseLevel:1,toggleButton:!0},footer:{text:(0,tA.jsx)("div",{"data-inspector-line":"108","data-inspector-column":"6","data-inspector-relative-path":"theme.config.tsx",className:"flex w-full flex-col items-center sm:items-start",children:(0,tA.jsx)("div",{"data-inspector-line":"109","data-inspector-column":"8","data-inspector-relative-path":"theme.config.tsx",children:(0,tA.jsxs)("a",{"data-inspector-line":"110","data-inspector-column":"10","data-inspector-relative-path":"theme.config.tsx",className:"flex items-center gap-2 text-current",target:"_blank",rel:"noopener noreferrer",title:"Nextra",href:"https://nextra.site/",children:[(0,tA.jsx)("span",{"data-inspector-line":"117","data-inspector-column":"12","data-inspector-relative-path":"theme.config.tsx",children:"Powered by"}),(0,tA.jsx)("span",{"data-inspector-line":"118","data-inspector-column":"12","data-inspector-relative-path":"theme.config.tsx",children:(0,tA.jsx)(cm.O3,{"data-inspector-line":"119","data-inspector-column":"14","data-inspector-relative-path":"theme.config.tsx",height:20})})]})})})}};function cx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function cv(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{};return(0,tA.jsx)(cy,cv(cv({"data-inspector-line":"17","data-inspector-column":"9","data-inspector-relative-path":"pages/_app.mdx"},e),{},{children:(0,tA.jsx)(c_,cv({"data-inspector-line":"17","data-inspector-column":"31","data-inspector-relative-path":"pages/_app.mdx"},e))}))},cw=globalThis[k=Symbol.for("__nextra_internal__")]||(globalThis[k]=Object.create(null));cw.Layout=cf,cw.pageMap=[{kind:"Meta",data:{index:{type:"page",title:"React Dev Inspector",display:"hidden",theme:{layout:"raw"}},docs:{type:"page",title:"Documentation"},showcase:{type:"page",title:"Showcase",href:"/showcase",newWindow:!0},Changelog:{type:"menu",title:"Changelog",items:{"Changelog V2":{title:"Changelog V2 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v2.md",newWindow:!0},"Changelog V1":{title:"Changelog V1 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v1.md",newWindow:!0}}}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Introduction","-- Guide":{type:"separator",title:"Guide"},"inspector-component":"Inspector Component",integration:"Server-Side Integration","compiler-plugin":"Compiler Plugin","editor-settings":"Editor Settings","-- Changelog":{type:"separator",title:"Changelog"},"Changelog v2":{title:"Changelog V2 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v2.md",newWindow:!0},"Changelog v1":{title:"Changelog V1 ↗",href:"https://github.com/zthxxx/react-dev-inspector/blob/dev/docs/CHANGELOG.v1.md",newWindow:!0},"-- Migration":{type:"separator",title:"Migration"},"migrate-v1-to-v2":"Migrate From V1","-- More":{type:"separator",title:"More"},"next.js-link":{title:"GitHub ↗",href:"https://github.com/zthxxx/react-dev-inspector",newWindow:!0}}},{kind:"MdxPage",name:"compiler-plugin",route:"/docs/compiler-plugin"},{kind:"MdxPage",name:"editor-settings",route:"/docs/editor-settings"},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Introduction - React Dev Inspector"}},{kind:"MdxPage",name:"inspector-component",route:"/docs/inspector-component"},{kind:"Folder",name:"integration",route:"/docs/integration",children:[{kind:"Meta",data:{vite:"Vite",nextjs:"Next.js",webpack:"Webpack",rspack:"Rspack",umijs:"UmiJS","create-react-app":"Create React App","_snip-declaration":{display:"hidden",title:" Snip Declaration"}}},{kind:"MdxPage",name:"_snip-declaration",route:"/docs/integration/_snip-declaration"},{kind:"MdxPage",name:"create-react-app",route:"/docs/integration/create-react-app"},{kind:"MdxPage",name:"nextjs",route:"/docs/integration/nextjs"},{kind:"MdxPage",name:"rspack",route:"/docs/integration/rspack"},{kind:"MdxPage",name:"umijs",route:"/docs/integration/umijs"},{kind:"MdxPage",name:"vite",route:"/docs/integration/vite"},{kind:"MdxPage",name:"webpack",route:"/docs/integration/webpack"}]},{kind:"MdxPage",name:"integration",route:"/docs/integration"},{kind:"MdxPage",name:"migrate-v1-to-v2",route:"/docs/migrate-v1-to-v2"}]},{kind:"MdxPage",name:"index",route:"/",frontMatter:{title:"React Dev Inspector – Seamless Browser-to-Editor Code Navigation"}}],cw.flexsearch={codeblocks:!1},cw.themeConfig=cg},2320:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(9860)}])},8980:function(){},3616:function(){},9881:function(){},1585:function(){},5777:function(){},6814:function(e){var t="/";!function(){"use strict";var n={114:function(e){function t(e){if("string"!=typeof e)throw TypeError("Path must be a string. Received "+JSON.stringify(e))}function n(e,t){for(var n,r="",a=0,i=-1,o=0,s=0;s<=e.length;++s){if(s2){var l=r.lastIndexOf("/");if(l!==r.length-1){-1===l?(r="",a=0):a=(r=r.slice(0,l)).length-1-r.lastIndexOf("/"),i=s,o=0;continue}}else if(2===r.length||1===r.length){r="",a=0,i=s,o=0;continue}}t&&(r.length>0?r+="/..":r="..",a=2)}else r.length>0?r+="/"+e.slice(i+1,s):r=e.slice(i+1,s),a=s-i-1;i=s,o=0}else 46===n&&-1!==o?++o:o=-1}return r}function r(e,t){var n=t.dir||t.root,r=t.base||(t.name||"")+(t.ext||"");return n?n===t.root?n+r:n+e+r:r}var a={resolve:function(){for(var e,r,a="",i=!1,o=arguments.length-1;o>=-1&&!i;o--)o>=0?r=arguments[o]:(void 0===e&&(e=""),r=e),t(r),0!==r.length&&(a=r+"/"+a,i=47===r.charCodeAt(0));return(a=n(a,!i),i)?a.length>0?"/"+a:"/":a.length>0?a:"."},normalize:function(e){if(t(e),0===e.length)return".";var r=47===e.charCodeAt(0),a=47===e.charCodeAt(e.length-1);return(0!==(e=n(e,!r)).length||r||(e="."),e.length>0&&a&&(e+="/"),r)?"/"+e:e},isAbsolute:function(e){return t(e),e.length>0&&47===e.charCodeAt(0)},join:function(){if(0==arguments.length)return".";for(var e,n=0;n0&&(void 0===e?e=r:e+="/"+r)}return void 0===e?".":a.normalize(e)},relative:function(e,n){if(t(e),t(n),e===n||(e=a.resolve(e))===(n=a.resolve(n)))return"";for(var r=1;rc){if(47===n.charCodeAt(s+d))return n.slice(s+d+1);if(0===d)return n.slice(s+d)}else o>c&&(47===e.charCodeAt(r+d)?u=d:0===d&&(u=0));break}var f=e.charCodeAt(r+d);if(f!==n.charCodeAt(s+d))break;47===f&&(u=d)}var p="";for(d=r+u+1;d<=i;++d)(d===i||47===e.charCodeAt(d))&&(0===p.length?p+="..":p+="/..");return p.length>0?p+n.slice(s+u):(s+=u,47===n.charCodeAt(s)&&++s,n.slice(s))},_makeLong:function(e){return e},dirname:function(e){if(t(e),0===e.length)return".";for(var n=e.charCodeAt(0),r=47===n,a=-1,i=!0,o=e.length-1;o>=1;--o)if(47===(n=e.charCodeAt(o))){if(!i){a=o;break}}else i=!1;return -1===a?r?"/":".":r&&1===a?"//":e.slice(0,a)},basename:function(e,n){if(void 0!==n&&"string"!=typeof n)throw TypeError('"ext" argument must be a string');t(e);var r,a=0,i=-1,o=!0;if(void 0!==n&&n.length>0&&n.length<=e.length){if(n.length===e.length&&n===e)return"";var s=n.length-1,l=-1;for(r=e.length-1;r>=0;--r){var c=e.charCodeAt(r);if(47===c){if(!o){a=r+1;break}}else -1===l&&(o=!1,l=r+1),s>=0&&(c===n.charCodeAt(s)?-1==--s&&(i=r):(s=-1,i=l))}return a===i?i=l:-1===i&&(i=e.length),e.slice(a,i)}for(r=e.length-1;r>=0;--r)if(47===e.charCodeAt(r)){if(!o){a=r+1;break}}else -1===i&&(o=!1,i=r+1);return -1===i?"":e.slice(a,i)},extname:function(e){t(e);for(var n=-1,r=0,a=-1,i=!0,o=0,s=e.length-1;s>=0;--s){var l=e.charCodeAt(s);if(47===l){if(!i){r=s+1;break}continue}-1===a&&(i=!1,a=s+1),46===l?-1===n?n=s:1!==o&&(o=1):-1!==n&&(o=-1)}return -1===n||-1===a||0===o||1===o&&n===a-1&&n===r+1?"":e.slice(n,a)},format:function(e){if(null===e||"object"!=typeof e)throw TypeError('The "pathObject" argument must be of type Object. Received type '+typeof e);return r("/",e)},parse:function(e){t(e);var n,r={root:"",dir:"",base:"",ext:"",name:""};if(0===e.length)return r;var a=e.charCodeAt(0),i=47===a;i?(r.root="/",n=1):n=0;for(var o=-1,s=0,l=-1,c=!0,u=e.length-1,d=0;u>=n;--u){if(47===(a=e.charCodeAt(u))){if(!c){s=u+1;break}continue}-1===l&&(c=!1,l=u+1),46===a?-1===o?o=u:1!==d&&(d=1):-1!==o&&(d=-1)}return -1===o||-1===l||0===d||1===d&&o===l-1&&o===s+1?-1!==l&&(0===s&&i?r.base=r.name=e.slice(1,l):r.base=r.name=e.slice(s,l)):(0===s&&i?(r.name=e.slice(1,o),r.base=e.slice(1,l)):(r.name=e.slice(s,o),r.base=e.slice(s,l)),r.ext=e.slice(o,l)),s>0?r.dir=e.slice(0,s-1):i&&(r.dir="/"),r},sep:"/",delimiter:":",win32:null,posix:null};a.posix=a,e.exports=a}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}},o=!0;try{n[e](i,i.exports,a),o=!1}finally{o&&delete r[e]}return i.exports}a.ab=t+"/";var i=a(114);e.exports=i}()},3102:function(e,t,n){e.exports=n(9088)},6663:function(e,t,n){e.exports=n(594)},7681:function(e,t,n){e.exports=n(5862)},9704:function(e,t,n){e.exports=n(1549)},9829:function(e,t,n){"use strict";n.d(t,{UW:function(){return f},oy:function(){return eg},EK:function(){return m},SU:function(){return g},Rg:function(){return x},OK:function(){return ei},iA:function(){return el},mQ:function(){return eo},Td:function(){return es},Th:function(){return ec},Tr:function(){return eu}});var r,a,i,o=n(3230),s=n(5250),l=({children:e,className:t,...n})=>(0,s.jsx)("button",{className:(0,o.Z)("nextra-button nx-transition-all active:nx-opacity-50","nx-bg-primary-700/5 nx-border nx-border-black/5 nx-text-gray-600 hover:nx-text-gray-900 nx-rounded-md nx-p-1.5","dark:nx-bg-primary-300/10 dark:nx-border-white/10 dark:nx-text-gray-400 dark:hover:nx-text-gray-50",t),...n,children:e}),c=n(4725),u={default:"\uD83D\uDCA1",error:"\uD83D\uDEAB",info:(0,s.jsx)(c.AV,{className:"nx-mt-1"}),warning:"⚠️"},d={default:(0,o.Z)("nx-border-orange-100 nx-bg-orange-50 nx-text-orange-800 dark:nx-border-orange-400/30 dark:nx-bg-orange-400/20 dark:nx-text-orange-300"),error:(0,o.Z)("nx-border-red-200 nx-bg-red-100 nx-text-red-900 dark:nx-border-red-200/30 dark:nx-bg-red-900/30 dark:nx-text-red-200"),info:(0,o.Z)("nx-border-blue-200 nx-bg-blue-100 nx-text-blue-900 dark:nx-border-blue-200/30 dark:nx-bg-blue-900/30 dark:nx-text-blue-200"),warning:(0,o.Z)("nx-border-yellow-100 nx-bg-yellow-50 nx-text-yellow-900 dark:nx-border-yellow-200/30 dark:nx-bg-yellow-700/30 dark:nx-text-yellow-200")};function f({children:e,type:t="default",emoji:n=u[t]}){return(0,s.jsxs)("div",{className:(0,o.Z)("nextra-callout nx-overflow-x-auto nx-mt-6 nx-flex nx-rounded-lg nx-border nx-py-2 ltr:nx-pr-4 rtl:nx-pl-4","contrast-more:nx-border-current contrast-more:dark:nx-border-current",d[t]),children:[(0,s.jsx)("div",{className:"nx-select-none nx-text-xl ltr:nx-pl-3 ltr:nx-pr-2 rtl:nx-pr-3 rtl:nx-pl-2",style:{fontFamily:'"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'},children:n}),(0,s.jsx)("div",{className:"nx-w-full nx-min-w-0 nx-leading-7",children:e})]})}var p=n(79),h=({getValue:e,...t})=>{let[n,r]=(0,p.useState)(!1);(0,p.useEffect)(()=>{if(!n)return;let e=setTimeout(()=>{r(!1)},2e3);return()=>{clearTimeout(e)}},[n]);let a=(0,p.useCallback)(async()=>{r(!0),navigator?.clipboard||console.error("Access to clipboard rejected!");try{await navigator.clipboard.writeText(e())}catch{console.error("Failed to copy!")}},[e]),i=n?c.nQ:c.TI;return(0,s.jsx)(l,{onClick:a,title:"Copy code",tabIndex:0,...t,children:(0,s.jsx)(i,{className:"nextra-copy-icon nx-pointer-events-none nx-h-4 nx-w-4"})})},m=({children:e,className:t,...n})=>{let r="data-line-numbers"in n;return(0,s.jsx)("code",{className:(0,o.Z)("nx-border-black nx-border-opacity-[0.04] nx-bg-opacity-[0.03] nx-bg-black nx-break-words nx-rounded-md nx-border nx-py-0.5 nx-px-[.25em] nx-text-[.9em]","dark:nx-border-white/10 dark:nx-bg-white/10",r&&"[counter-reset:line]",t),dir:"ltr",...n,children:e})},g=({children:e,className:t,hasCopyCode:n,filename:r,...a})=>{let i=(0,p.useRef)(null),u=(0,p.useCallback)(()=>{let e=document.documentElement.dataset,t="nextraWordWrap"in e;t?delete e.nextraWordWrap:e.nextraWordWrap=""},[]);return(0,s.jsxs)("div",{className:"nextra-code-block nx-relative nx-mt-6 first:nx-mt-0",children:[r&&(0,s.jsx)("div",{className:"nx-absolute nx-top-0 nx-z-[1] nx-w-full nx-truncate nx-rounded-t-xl nx-bg-primary-700/5 nx-py-2 nx-px-4 nx-text-xs nx-text-gray-700 dark:nx-bg-primary-300/10 dark:nx-text-gray-200",children:r}),(0,s.jsx)("pre",{className:(0,o.Z)("nx-bg-primary-700/5 nx-mb-4 nx-overflow-x-auto nx-rounded-xl nx-subpixel-antialiased dark:nx-bg-primary-300/10 nx-text-[.9em]","contrast-more:nx-border contrast-more:nx-border-primary-900/20 contrast-more:nx-contrast-150 contrast-more:dark:nx-border-primary-100/40",r?"nx-pt-12 nx-pb-4":"nx-py-4",t),ref:i,...a,children:e}),(0,s.jsxs)("div",{className:(0,o.Z)("nx-opacity-0 nx-transition [div:hover>&]:nx-opacity-100 focus-within:nx-opacity-100","nx-flex nx-gap-1 nx-absolute nx-m-[11px] nx-right-0",r?"nx-top-8":"nx-top-0"),children:[(0,s.jsx)(l,{onClick:u,className:"md:nx-hidden",title:"Toggle word wrap",children:(0,s.jsx)(c.NK,{className:"nx-pointer-events-none nx-h-4 nx-w-4"})}),n&&(0,s.jsx)(h,{getValue:()=>i.current?.querySelector("code")?.textContent||""})]})]})};function x({children:e,className:t,...n}){return(0,s.jsx)("div",{className:(0,o.Z)("nextra-steps nx-ml-4 nx-mb-12 nx-border-l nx-border-gray-200 nx-pl-6","dark:nx-border-neutral-800 [counter-reset:step]",t),...n,children:e})}var v=n(4604),y=n(6583),b=n(1280),_=n(2449),k=n(9401),w=n(6946),E=n(1213),j=n(6503),O=n(968),C=n(7682);function T({onFocus:e}){let[t,n]=(0,p.useState)(!0);return t?p.createElement(C._,{as:"button",type:"button",features:C.A.Focusable,onFocus:t=>{t.preventDefault();let r,a=50;function i(){if(a--<=0){r&&cancelAnimationFrame(r);return}if(e()){n(!1),cancelAnimationFrame(r);return}r=requestAnimationFrame(i)}r=requestAnimationFrame(i)}}):null}var S=n(2974),N=n(3744),Z=n(9773);let q=p.createContext(null);function R(){return{groups:new Map,get(e,t){var n;let r=this.groups.get(e);r||(r=new Map,this.groups.set(e,r));let a=null!=(n=r.get(t))?n:0;function i(){let e=r.get(t);e>1?r.set(t,e-1):r.delete(t)}return r.set(t,a+1),[Array.from(r.keys()).indexOf(t),i]}}}function I({children:e}){let t=p.useRef(R());return p.createElement(q.Provider,{value:t},e)}function M(e){let t=p.useContext(q);if(!t)throw Error("You must wrap your component in a ");let n=A(),[r,a]=t.current.get(e,n);return p.useEffect(()=>a,[]),r}function A(){var e,t,n;let r=null!=(n=null==(t=null==(e=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)?void 0:e.ReactCurrentOwner)?void 0:t.current)?n:null;if(!r)return Symbol();let a=[],i=r;for(;i;)a.push(i.index),i=i.return;return"$."+a.join(".")}var P=((r=P||{})[r.Forwards=0]="Forwards",r[r.Backwards=1]="Backwards",r),L=((a=L||{})[a.Less=-1]="Less",a[a.Equal=0]="Equal",a[a.Greater=1]="Greater",a),D=((i=D||{})[i.SetSelectedIndex=0]="SetSelectedIndex",i[i.RegisterTab=1]="RegisterTab",i[i.UnregisterTab=2]="UnregisterTab",i[i.RegisterPanel=3]="RegisterPanel",i[i.UnregisterPanel=4]="UnregisterPanel",i);let z={0(e,t){var n;let r=(0,k.z2)(e.tabs,e=>e.current),a=(0,k.z2)(e.panels,e=>e.current),i=r.filter(e=>{var t;return!(null!=(t=e.current)&&t.hasAttribute("disabled"))}),o={...e,tabs:r,panels:a};if(t.index<0||t.index>r.length-1){let s=(0,b.E)(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>(0,b.E)(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});return 0===i.length?o:{...o,selectedIndex:(0,b.E)(s,{0:()=>r.indexOf(i[0]),1:()=>r.indexOf(i[i.length-1])})}}let l=r.slice(0,t.index),c=[...r.slice(t.index),...l].find(e=>i.includes(e));if(!c)return o;let u=null!=(n=r.indexOf(c))?n:e.selectedIndex;return -1===u&&(u=e.selectedIndex),{...o,selectedIndex:u}},1(e,t){var n;if(e.tabs.includes(t.tab))return e;let r=e.tabs[e.selectedIndex],a=(0,k.z2)([...e.tabs,t.tab],e=>e.current),i=null!=(n=a.indexOf(r))?n:e.selectedIndex;return -1===i&&(i=e.selectedIndex),{...e,tabs:a,selectedIndex:i}},2:(e,t)=>({...e,tabs:e.tabs.filter(e=>e!==t.tab)}),3:(e,t)=>e.panels.includes(t.panel)?e:{...e,panels:(0,k.z2)([...e.panels,t.panel],e=>e.current)},4:(e,t)=>({...e,panels:e.panels.filter(e=>e!==t.panel)})},F=(0,p.createContext)(null);function $(e){let t=(0,p.useContext)(F);if(null===t){let n=Error(`<${e} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,$),n}return t}F.displayName="TabsDataContext";let U=(0,p.createContext)(null);function V(e){let t=(0,p.useContext)(U);if(null===t){let n=Error(`<${e} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,V),n}return t}function W(e,t){return(0,b.E)(t.type,z,e,t)}U.displayName="TabsActionsContext";let B=p.Fragment;function H(e,t){let{defaultIndex:n=0,vertical:r=!1,manual:a=!1,onChange:i,selectedIndex:o=null,...s}=e,l=r?"vertical":"horizontal",c=a?"manual":"auto",u=null!==o,d=(0,E.T)(t),[f,h]=(0,p.useReducer)(W,{selectedIndex:null!=o?o:n,tabs:[],panels:[]}),m=(0,p.useMemo)(()=>({selectedIndex:f.selectedIndex}),[f.selectedIndex]),g=(0,O.E)(i||(()=>{})),x=(0,O.E)(f.tabs),y=(0,p.useMemo)(()=>({orientation:l,activation:c,...f}),[l,c,f]),b=(0,S.z)(e=>(h({type:1,tab:e}),()=>h({type:2,tab:e}))),_=(0,S.z)(e=>(h({type:3,panel:e}),()=>h({type:4,panel:e}))),j=(0,S.z)(e=>{C.current!==e&&g.current(e),u||h({type:0,index:e})}),C=(0,O.E)(u?e.selectedIndex:f.selectedIndex),N=(0,p.useMemo)(()=>({registerTab:b,registerPanel:_,change:j}),[]);(0,w.e)(()=>{h({type:0,index:null!=o?o:n})},[o]),(0,w.e)(()=>{if(void 0===C.current||f.tabs.length<=0)return;let e=(0,k.z2)(f.tabs,e=>e.current);e.some((e,t)=>f.tabs[t]!==e)&&j(e.indexOf(f.tabs[C.current]))});let Z={ref:d};return p.createElement(I,null,p.createElement(U.Provider,{value:N},p.createElement(F.Provider,{value:y},y.tabs.length<=0&&p.createElement(T,{onFocus:()=>{var e,t;for(let n of x.current)if((null==(e=n.current)?void 0:e.tabIndex)===0)return null==(t=n.current)||t.focus(),!0;return!1}}),(0,v.sY)({ourProps:Z,theirProps:s,slot:m,defaultTag:B,name:"Tabs"}))))}let G="div";function K(e,t){let{orientation:n,selectedIndex:r}=$("Tab.List"),a=(0,E.T)(t);return(0,v.sY)({ourProps:{ref:a,role:"tablist","aria-orientation":n},theirProps:e,slot:{selectedIndex:r},defaultTag:G,name:"Tabs.List"})}let Y="button";function Q(e,t){var n,r;let a=(0,y.M)(),{id:i=`headlessui-tabs-tab-${a}`,...o}=e,{orientation:s,activation:l,selectedIndex:c,tabs:u,panels:d}=$("Tab"),f=V("Tab"),h=$("Tab"),m=(0,p.useRef)(null),g=(0,E.T)(m,t);(0,w.e)(()=>f.registerTab(m),[f,m]);let x=M("tabs"),O=u.indexOf(m);-1===O&&(O=x);let C=O===c,T=(0,S.z)(e=>{var t;let n=e();if(n===k.fE.Success&&"auto"===l){let r=null==(t=(0,Z.r)(m))?void 0:t.activeElement,a=h.tabs.findIndex(e=>e.current===r);-1!==a&&f.change(a)}return n}),q=(0,S.z)(e=>{let t=u.map(e=>e.current).filter(Boolean);if(e.key===_.R.Space||e.key===_.R.Enter){e.preventDefault(),e.stopPropagation(),f.change(O);return}switch(e.key){case _.R.Home:case _.R.PageUp:return e.preventDefault(),e.stopPropagation(),T(()=>(0,k.jA)(t,k.TO.First));case _.R.End:case _.R.PageDown:return e.preventDefault(),e.stopPropagation(),T(()=>(0,k.jA)(t,k.TO.Last))}if(T(()=>(0,b.E)(s,{vertical:()=>e.key===_.R.ArrowUp?(0,k.jA)(t,k.TO.Previous|k.TO.WrapAround):e.key===_.R.ArrowDown?(0,k.jA)(t,k.TO.Next|k.TO.WrapAround):k.fE.Error,horizontal:()=>e.key===_.R.ArrowLeft?(0,k.jA)(t,k.TO.Previous|k.TO.WrapAround):e.key===_.R.ArrowRight?(0,k.jA)(t,k.TO.Next|k.TO.WrapAround):k.fE.Error}))===k.fE.Success)return e.preventDefault()}),R=(0,p.useRef)(!1),I=(0,S.z)(()=>{var e;R.current||(R.current=!0,null==(e=m.current)||e.focus(),f.change(O),(0,N.Y)(()=>{R.current=!1}))}),A=(0,S.z)(e=>{e.preventDefault()}),P=(0,p.useMemo)(()=>({selected:C}),[C]),L={ref:g,onKeyDown:q,onMouseDown:A,onClick:I,id:i,role:"tab",type:(0,j.f)(e,m),"aria-controls":null==(r=null==(n=d[O])?void 0:n.current)?void 0:r.id,"aria-selected":C,tabIndex:C?0:-1};return(0,v.sY)({ourProps:L,theirProps:o,slot:P,defaultTag:Y,name:"Tabs.Tab"})}let J="div";function X(e,t){let{selectedIndex:n}=$("Tab.Panels"),r=(0,E.T)(t),a=(0,p.useMemo)(()=>({selectedIndex:n}),[n]);return(0,v.sY)({ourProps:{ref:r},theirProps:e,slot:a,defaultTag:J,name:"Tabs.Panels"})}let ee="div",et=v.AN.RenderStrategy|v.AN.Static;function en(e,t){var n,r,a,i;let o=(0,y.M)(),{id:s=`headlessui-tabs-panel-${o}`,tabIndex:l=0,...c}=e,{selectedIndex:u,tabs:d,panels:f}=$("Tab.Panel"),h=V("Tab.Panel"),m=(0,p.useRef)(null),g=(0,E.T)(m,t);(0,w.e)(()=>h.registerPanel(m),[h,m]);let x=M("panels"),b=f.indexOf(m);-1===b&&(b=x);let _=b===u,k=(0,p.useMemo)(()=>({selected:_}),[_]),j={ref:g,id:s,role:"tabpanel","aria-labelledby":null==(r=null==(n=d[b])?void 0:n.current)?void 0:r.id,tabIndex:_?l:-1};return _||null!=(a=c.unmount)&&!a||null!=(i=c.static)&&i?(0,v.sY)({ourProps:j,theirProps:c,slot:k,defaultTag:ee,features:et,visible:_,name:"Tabs.Panel"}):p.createElement(C._,{as:"span",...j})}let er=Object.assign((0,v.yV)(Q),{Group:(0,v.yV)(H),List:(0,v.yV)(K),Panels:(0,v.yV)(X),Panel:(0,v.yV)(en)});function ea(e){return!!e&&"object"==typeof e&&"label"in e}function ei({children:e,...t}){return(0,s.jsx)(er.Panel,{...t,className:"nx-rounded nx-pt-6",children:e})}var eo=Object.assign(function({items:e,selectedIndex:t,defaultIndex:n=0,onChange:r,children:a,storageKey:i}){let[l,c]=(0,p.useState)(n);(0,p.useEffect)(()=>{void 0!==t&&c(t)},[t]),(0,p.useEffect)(()=>{if(!i)return;function e(e){e.key===i&&c(Number(e.newValue))}let t=Number(localStorage.getItem(i));return c(Number.isNaN(t)?0:t),window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}},[]);let u=(0,p.useCallback)(e=>{if(i){let t=String(e);localStorage.setItem(i,t),window.dispatchEvent(new StorageEvent("storage",{key:i,newValue:t}));return}c(e),r?.(e)},[]);return(0,s.jsxs)(er.Group,{selectedIndex:l,defaultIndex:n,onChange:u,children:[(0,s.jsx)("div",{className:"nextra-scrollbar nx-overflow-x-auto nx-overflow-y-hidden nx-overscroll-x-contain",children:(0,s.jsx)(er.List,{className:"nx-mt-4 nx-flex nx-w-max nx-min-w-full nx-border-b nx-border-gray-200 nx-pb-px dark:nx-border-neutral-800",children:e.map((e,t)=>{let n=ea(e)&&e.disabled;return(0,s.jsx)(er,{disabled:n,className:({selected:e})=>(0,o.Z)("nx-mr-2 nx-rounded-t nx-p-2 nx-font-medium nx-leading-5 nx-transition-colors","-nx-mb-0.5 nx-select-none nx-border-b-2",e?"nx-border-primary-500 nx-text-primary-600":"nx-border-transparent nx-text-gray-600 hover:nx-border-gray-200 hover:nx-text-black dark:nx-text-gray-200 dark:hover:nx-border-neutral-800 dark:hover:nx-text-white",n&&"nx-pointer-events-none nx-text-gray-400 dark:nx-text-neutral-600"),children:ea(e)?e.label:e},t)})})}),(0,s.jsx)(er.Panels,{children:a})]})},{displayName:"Tabs",Tab:ei}),es=({className:e="",...t})=>(0,s.jsx)("td",{className:(0,o.Z)("nx-m-0 nx-border nx-border-gray-300 nx-px-4 nx-py-2 dark:nx-border-gray-600",e),...t}),el=({className:e="",...t})=>(0,s.jsx)("table",{className:(0,o.Z)("nx-block nx-overflow-x-scroll",e),...t}),ec=({className:e="",...t})=>(0,s.jsx)("th",{className:(0,o.Z)("nx-m-0 nx-border nx-border-gray-300 nx-px-4 nx-py-2 nx-font-semibold dark:nx-border-gray-600",e),...t}),eu=({className:e="",...t})=>(0,s.jsx)("tr",{className:(0,o.Z)("nx-m-0 nx-border-t nx-border-gray-300 nx-p-0 dark:nx-border-gray-600","even:nx-bg-gray-100 even:dark:nx-bg-gray-600/20",e),...t}),ed=n(7681),ef=n.n(ed),ep={cards:(0,o.Z)("nextra-cards nx-mt-4 nx-gap-4 nx-grid","nx-not-prose"),card:(0,o.Z)("nextra-card nx-group nx-flex nx-flex-col nx-justify-start nx-overflow-hidden nx-rounded-lg nx-border nx-border-gray-200","nx-text-current nx-no-underline dark:nx-shadow-none","hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100","active:nx-shadow-sm active:nx-shadow-gray-200","nx-transition-all nx-duration-200 hover:nx-border-gray-300"),title:(0,o.Z)("nx-flex nx-font-semibold nx-items-start nx-gap-2 nx-p-4 nx-text-gray-700 hover:nx-text-gray-900")},eh=(0,s.jsx)("span",{className:"nx-transition-transform nx-duration-75 group-hover:nx-translate-x-[2px]",children:"→"});function em({children:e,title:t,icon:n,image:r,arrow:a,href:i,...l}){let c=a?eh:null;return r?(0,s.jsxs)(ef(),{href:i,className:(0,o.Z)(ep.card,"nx-bg-gray-100 nx-shadow dark:nx-border-neutral-700 dark:nx-bg-neutral-800 dark:nx-text-gray-50 hover:nx-shadow-lg dark:hover:nx-border-neutral-500 dark:hover:nx-bg-neutral-700"),...l,children:[e,(0,s.jsxs)("span",{className:(0,o.Z)(ep.title,"dark:nx-text-gray-300 dark:hover:nx-text-gray-100"),children:[n,(0,s.jsxs)("span",{className:"nx-flex nx-gap-1",children:[t,c]})]})]}):(0,s.jsx)(ef(),{href:i,className:(0,o.Z)(ep.card,"nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),...l,children:(0,s.jsxs)("span",{className:(0,o.Z)(ep.title,"dark:nx-text-neutral-200 dark:hover:nx-text-neutral-50 nx-flex nx-items-center"),children:[n,t,c]})})}var eg=Object.assign(function({children:e,num:t=3,className:n,style:r,...a}){return(0,s.jsx)("div",{className:(0,o.Z)(ep.cards,n),...a,style:{...r,"--rows":t},children:e})},{displayName:"Cards",Card:em}),ex=(0,p.createContext)(0);function ev(){return(0,p.useContext)(ex)}function ey({children:e}){return(0,s.jsx)("div",{className:(0,o.Z)("nextra-filetree nx-mt-6 nx-select-none nx-text-sm nx-text-gray-800 dark:nx-text-gray-300","nx-not-prose"),children:(0,s.jsx)("div",{className:"nx-inline-block nx-rounded-lg nx-border nx-px-4 nx-py-2 dark:nx-border-neutral-800",children:e})})}function eb(){let e=ev();return(0,s.jsx)(s.Fragment,{children:Array.from({length:e},(e,t)=>(0,s.jsx)("span",{className:"nx-w-5"},t))})}var e_=(0,p.memo)(({label:e,name:t,open:n,children:r,defaultOpen:a=!1,onToggle:i})=>{let o=ev(),[l,c]=(0,p.useState)(a),u=(0,p.useCallback)(()=>{i?.(!l),c(!l)},[l,i]),d=void 0===n?l:n;return(0,s.jsxs)("li",{className:"nx-flex nx-list-none nx-flex-col",children:[(0,s.jsxs)("button",{onClick:u,title:t,className:"nx-inline-flex nx-cursor-pointer nx-items-center nx-py-1 hover:nx-opacity-60",children:[(0,s.jsx)(eb,{}),(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:d?"M5 19a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h4l2 2h4a2 2 0 0 1 2 2v1M5 19h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2Z":"M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2Z"})}),(0,s.jsx)("span",{className:"nx-ml-1",children:e??t})]}),d&&(0,s.jsx)("ul",{children:(0,s.jsx)(ex.Provider,{value:o+1,children:r})})]})});e_.displayName="Folder";var ek=(0,p.memo)(({label:e,name:t,active:n})=>(0,s.jsx)("li",{className:(0,o.Z)("nx-flex nx-list-none",n&&"nx-text-primary-600 contrast-more:nx-underline"),children:(0,s.jsxs)("span",{className:"nx-inline-flex nx-cursor-default nx-items-center nx-py-1",children:[(0,s.jsx)(eb,{}),(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 12h6m-6 4h6m2 5H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5.586a1 1 0 0 1 .707.293l5.414 5.414a1 1 0 0 1 .293.707V19a2 2 0 0 1-2 2Z"})}),(0,s.jsx)("span",{className:"nx-ml-1",children:e??t})]})}));ek.displayName="File",Object.assign(ey,{Folder:e_,File:ek})},4725:function(e,t,n){"use strict";n.d(t,{LZ:function(){return a},nQ:function(){return i},TI:function(){return o},D7:function(){return s},Qq:function(){return l},fy:function(){return c},n9:function(){return u},AV:function(){return d},Oq:function(){return f},kL:function(){return p},L4:function(){return h},NW:function(){return m},NK:function(){return g},b0:function(){return x}});var r=n(5250);function a({pathClassName:e,...t}){return(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",...t,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 5l7 7-7 7",className:e})})}function i(e){return(0,r.jsx)("svg",{viewBox:"0 0 20 20",width:"1em",height:"1em",fill:"currentColor",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}function o(e){return(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",...e,children:[(0,r.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M5 15H4C2.89543 15 2 14.1046 2 13V4C2 2.89543 2.89543 2 4 2H13C14.1046 2 15 2.89543 15 4V5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function s(e){return(0,r.jsxs)("svg",{width:"24",height:"24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 5 30.67 23.25",...e,children:[(0,r.jsx)("title",{children:"Discord"}),(0,r.jsx)("path",{d:"M26.0015 6.9529C24.0021 6.03845 21.8787 5.37198 19.6623 5C19.3833 5.48048 19.0733 6.13144 18.8563 6.64292C16.4989 6.30193 14.1585 6.30193 11.8336 6.64292C11.6166 6.13144 11.2911 5.48048 11.0276 5C8.79575 5.37198 6.67235 6.03845 4.6869 6.9529C0.672601 12.8736 -0.41235 18.6548 0.130124 24.3585C2.79599 26.2959 5.36889 27.4739 7.89682 28.2489C8.51679 27.4119 9.07477 26.5129 9.55525 25.5675C8.64079 25.2265 7.77283 24.808 6.93587 24.312C7.15286 24.1571 7.36986 23.9866 7.57135 23.8161C12.6241 26.1255 18.0969 26.1255 23.0876 23.8161C23.3046 23.9866 23.5061 24.1571 23.7231 24.312C22.8861 24.808 22.0182 25.2265 21.1037 25.5675C21.5842 26.5129 22.1422 27.4119 22.7621 28.2489C25.2885 27.4739 27.8769 26.2959 30.5288 24.3585C31.1952 17.7559 29.4733 12.0212 26.0015 6.9529ZM10.2527 20.8402C8.73376 20.8402 7.49382 19.4608 7.49382 17.7714C7.49382 16.082 8.70276 14.7025 10.2527 14.7025C11.7871 14.7025 13.0425 16.082 13.0115 17.7714C13.0115 19.4608 11.7871 20.8402 10.2527 20.8402ZM20.4373 20.8402C18.9183 20.8402 17.6768 19.4608 17.6768 17.7714C17.6768 16.082 18.8873 14.7025 20.4373 14.7025C21.9717 14.7025 23.2271 16.082 23.1961 17.7714C23.1961 19.4608 21.9872 20.8402 20.4373 20.8402Z"})]})}function l({isOpen:e,...t}){return(0,r.jsxs)("svg",{height:"12",width:"12",viewBox:"0 0 16 16",fill:"currentColor",...t,children:[(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.177 7.823l2.396-2.396A.25.25 0 017 5.604v4.792a.25.25 0 01-.427.177L4.177 8.177a.25.25 0 010-.354z",className:e?"":"nx-origin-[35%] nx-rotate-180"}),(0,r.jsx)("path",{fillRule:"evenodd",d:"M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0114.25 16H1.75A1.75 1.75 0 010 14.25V1.75zm1.75-.25a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25H9.5v-13H1.75zm12.5 13H11v-13h3.25a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25z"})]})}function c(e){return(0,r.jsxs)("svg",{width:"24",height:"24",fill:"currentColor",viewBox:"3 3 18 18",...e,children:[(0,r.jsx)("title",{children:"GitHub"}),(0,r.jsx)("path",{d:"M12 3C7.0275 3 3 7.12937 3 12.2276C3 16.3109 5.57625 19.7597 9.15374 20.9824C9.60374 21.0631 9.77249 20.7863 9.77249 20.5441C9.77249 20.3249 9.76125 19.5982 9.76125 18.8254C7.5 19.2522 6.915 18.2602 6.735 17.7412C6.63375 17.4759 6.19499 16.6569 5.8125 16.4378C5.4975 16.2647 5.0475 15.838 5.80124 15.8264C6.51 15.8149 7.01625 16.4954 7.18499 16.7723C7.99499 18.1679 9.28875 17.7758 9.80625 17.5335C9.885 16.9337 10.1212 16.53 10.38 16.2993C8.3775 16.0687 6.285 15.2728 6.285 11.7432C6.285 10.7397 6.63375 9.9092 7.20749 9.26326C7.1175 9.03257 6.8025 8.08674 7.2975 6.81794C7.2975 6.81794 8.05125 6.57571 9.77249 7.76377C10.4925 7.55615 11.2575 7.45234 12.0225 7.45234C12.7875 7.45234 13.5525 7.55615 14.2725 7.76377C15.9937 6.56418 16.7475 6.81794 16.7475 6.81794C17.2424 8.08674 16.9275 9.03257 16.8375 9.26326C17.4113 9.9092 17.76 10.7281 17.76 11.7432C17.76 15.2843 15.6563 16.0687 13.6537 16.2993C13.98 16.5877 14.2613 17.1414 14.2613 18.0065C14.2613 19.2407 14.25 20.2326 14.25 20.5441C14.25 20.7863 14.4188 21.0746 14.8688 20.9824C16.6554 20.364 18.2079 19.1866 19.3078 17.6162C20.4077 16.0457 20.9995 14.1611 21 12.2276C21 7.12937 16.9725 3 12 3Z"})]})}function u(e){return(0,r.jsx)("svg",{viewBox:"2 2 16 16",width:"12",height:"12",fill:"currentColor",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z",clipRule:"evenodd"})})}function d(e){return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:"20",height:"20",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"})})}function f(e){return(0,r.jsxs)("svg",{fill:"none",width:"24",height:"24",viewBox:"0 0 24 24",stroke:"currentColor",...e,children:[(0,r.jsx)("g",{children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16"})}),(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 12h16"}),(0,r.jsx)("g",{children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 18h16"})})]})}function p(e){return(0,r.jsx)("svg",{fill:"none",viewBox:"2 2 20 20",width:"12",height:"12",stroke:"currentColor",...e,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",fill:"currentColor",d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})})}function h(e){return(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"24",height:"24",...e,children:[(0,r.jsx)("circle",{className:"nx-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"nx-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}function m(e){return(0,r.jsx)("svg",{fill:"none",viewBox:"3 3 18 18",width:"12",height:"12",stroke:"currentColor",...e,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",fill:"currentColor",d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})})}function g(e){return(0,r.jsx)("svg",{viewBox:"0 0 24 24",width:"24",height:"24",...e,children:(0,r.jsx)("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"})})}function x(e){return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})}},460:function(e,t,n){"use strict";n.d(t,{Z:function(){return s},a:function(){return d}});var r=n(79);let a=r.createContext({});function i(e){let t=r.useContext(a);return r.useMemo(()=>"function"==typeof e?e(t):{...t,...e},[t,e])}let o={};function s({components:e,children:t,disableParentContext:n}){let s;return s=n?"function"==typeof e?e({}):e||o:i(e),r.createElement(a.Provider,{value:s},t)}var l=n(6663),c=n.n(l),u={img:e=>(0,r.createElement)("object"==typeof e.src?c():"img",e)},d=e=>i({...u,...e})},2513:function(e,t,n){"use strict";var r=n(3155);function a(e){var t={protocols:[],protocol:null,port:null,resource:"",host:"",user:"",password:"",pathname:"",hash:"",search:"",href:e,query:{},parse_failed:!1};try{var n=new URL(e);t.protocols=r(n),t.protocol=t.protocols[0],t.port=n.port,t.resource=n.hostname,t.host=n.host,t.user=n.username||"",t.password=n.password||"",t.pathname=n.pathname,t.hash=n.hash.slice(1),t.search=n.search.slice(1),t.href=n.href,t.query=Object.fromEntries(n.searchParams)}catch(a){t.protocols=["file"],t.protocol=t.protocols[0],t.port="",t.resource="",t.user="",t.pathname="",t.hash="",t.search="",t.href=e,t.query={},t.parse_failed=!0}return t}e.exports=a},2343:function(e,t,n){"use strict";var r=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(n(2513));let a="text/plain",i="us-ascii",o=(e,t)=>t.some(t=>t instanceof RegExp?t.test(e):t===e),s=(e,{stripHash:t})=>{let n=/^data:(?[^,]*?),(?[^#]*?)(?:#(?.*))?$/.exec(e);if(!n)throw Error(`Invalid URL: ${e}`);let{type:r,data:o,hash:s}=n.groups,l=r.split(";");s=t?"":s;let c=!1;"base64"===l[l.length-1]&&(l.pop(),c=!0);let u=(l.shift()||"").toLowerCase(),d=l.map(e=>{let[t,n=""]=e.split("=").map(e=>e.trim());return"charset"===t&&(n=n.toLowerCase())===i?"":`${t}${n?`=${n}`:""}`}).filter(Boolean),f=[...d];return c&&f.push("base64"),(f.length>0||u&&u!==a)&&f.unshift(u),`data:${f.join(";")},${c?o.trim():o}${s?`#${s}`:""}`};function l(e,t){if(t={defaultProtocol:"http:",normalizeProtocol:!0,forceHttp:!1,forceHttps:!1,stripAuthentication:!0,stripHash:!1,stripTextFragment:!0,stripWWW:!0,removeQueryParameters:[/^utm_\w+/i],removeTrailingSlash:!0,removeSingleSlash:!0,removeDirectoryIndex:!1,sortQueryParameters:!0,...t},e=e.trim(),/^data:/i.test(e))return s(e,t);if(/^view-source:/i.test(e))throw Error("`view-source:` is not supported as it is a non-standard protocol");let n=e.startsWith("//"),r=!n&&/^\.*\//.test(e);r||(e=e.replace(/^(?!(?:\w+:)?\/\/)|^\/\//,t.defaultProtocol));let a=new URL(e);if(t.forceHttp&&t.forceHttps)throw Error("The `forceHttp` and `forceHttps` options cannot be used together");if(t.forceHttp&&"https:"===a.protocol&&(a.protocol="http:"),t.forceHttps&&"http:"===a.protocol&&(a.protocol="https:"),t.stripAuthentication&&(a.username="",a.password=""),t.stripHash?a.hash="":t.stripTextFragment&&(a.hash=a.hash.replace(/#?:~:text.*?$/i,"")),a.pathname){let i=/\b[a-z][a-z\d+\-.]{1,50}:\/\//g,l=0,c="";for(;;){let u=i.exec(a.pathname);if(!u)break;let d=u[0],f=u.index,p=a.pathname.slice(l,f);c+=p.replace(/\/{2,}/g,"/")+d,l=f+d.length}let h=a.pathname.slice(l,a.pathname.length);c+=h.replace(/\/{2,}/g,"/"),a.pathname=c}if(a.pathname)try{a.pathname=decodeURI(a.pathname)}catch{}if(!0===t.removeDirectoryIndex&&(t.removeDirectoryIndex=[/^index\.[a-z]+$/]),Array.isArray(t.removeDirectoryIndex)&&t.removeDirectoryIndex.length>0){let m=a.pathname.split("/"),g=m[m.length-1];o(g,t.removeDirectoryIndex)&&(m=m.slice(0,-1),a.pathname=m.slice(1).join("/")+"/")}if(a.hostname&&(a.hostname=a.hostname.replace(/\.$/,""),t.stripWWW&&/^www\.(?!www\.)[a-z\-\d]{1,63}\.[a-z.\-\d]{2,63}$/.test(a.hostname)&&(a.hostname=a.hostname.replace(/^www\./,""))),Array.isArray(t.removeQueryParameters))for(let x of[...a.searchParams.keys()])o(x,t.removeQueryParameters)&&a.searchParams.delete(x);if(!0===t.removeQueryParameters&&(a.search=""),t.sortQueryParameters){a.searchParams.sort();try{a.search=decodeURIComponent(a.search)}catch{}}t.removeTrailingSlash&&(a.pathname=a.pathname.replace(/\/$/,""));let v=e;return e=a.toString(),t.removeSingleSlash||"/"!==a.pathname||v.endsWith("/")||""!==a.hash||(e=e.replace(/\/$/,"")),(t.removeTrailingSlash||"/"===a.pathname)&&""===a.hash&&t.removeSingleSlash&&(e=e.replace(/\/$/,"")),n&&!t.normalizeProtocol&&(e=e.replace(/^http:\/\//,"//")),t.stripProtocol&&(e=e.replace(/^(?:https?:)?\/\//,"")),e}let c=(e,t=!1)=>{let n=/^(?:([a-z_][a-z0-9_-]{0,31})@|https?:\/\/)([\w\.\-@]+)[\/:]([\~,\.\w,\-,\_,\/]+?(?:\.git|\/)?)$/,a=t=>{let n=Error(t);throw n.subject_url=e,n};"string"==typeof e&&e.trim()||a("Invalid url."),e.length>c.MAX_INPUT_LENGTH&&a("Input exceeds maximum length. If needed, change the value of parseUrl.MAX_INPUT_LENGTH."),t&&("object"!=typeof t&&(t={stripHash:!1}),e=l(e,t));let i=r.default(e);if(i.parse_failed){let o=i.href.match(n);o?(i.protocols=["ssh"],i.protocol="ssh",i.resource=o[2],i.host=o[2],i.user=o[1],i.pathname=`/${o[3]}`,i.parse_failed=!1):a("URL parsing failed.")}return i};c.MAX_INPUT_LENGTH=2048,e.exports=c},4675:function(e){var t,n,r,a=e.exports={};function i(){throw Error("setTimeout has not been defined")}function o(){throw Error("clearTimeout has not been defined")}function s(e){if(t===setTimeout)return setTimeout(e,0);if((t===i||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(r){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}function l(e){if(n===clearTimeout)return clearTimeout(e);if((n===o||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(e);try{return n(e)}catch(r){try{return n.call(null,e)}catch(t){return n.call(this,e)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:i}catch(e){t=i}try{n="function"==typeof clearTimeout?clearTimeout:o}catch(r){n=o}}();var c=[],u=!1,d=-1;function f(){u&&r&&(u=!1,r.length?c=r.concat(c):d=-1,c.length&&p())}function p(){if(!u){var e=s(f);u=!0;for(var t=c.length;t;){for(r=c,c=[];++d1)for(var n=1;nt.current(...e),[t])}},6583:function(e,t,n){"use strict";n.d(t,{M:function(){return l}});var r,a=n(79),i=n(6946),o=n(8736),s=n(3584);let l=null!=(r=a.useId)?r:function(){let e=(0,o.H)(),[t,n]=a.useState(e?()=>s.O.nextId():null);return(0,i.e)(()=>{null===t&&n(s.O.nextId())},[t]),null!=t?""+t:void 0}},6946:function(e,t,n){"use strict";n.d(t,{e:function(){return i}});var r=n(79),a=n(3584);let i=(e,t)=>{a.O.isServer?(0,r.useEffect)(e,t):(0,r.useLayoutEffect)(e,t)}},968:function(e,t,n){"use strict";n.d(t,{E:function(){return i}});var r=n(79),a=n(6946);function i(e){let t=(0,r.useRef)(e);return(0,a.e)(()=>{t.current=e},[e]),t}},6503:function(e,t,n){"use strict";n.d(t,{f:function(){return o}});var r=n(79),a=n(6946);function i(e){var t;if(e.type)return e.type;let n=null!=(t=e.as)?t:"button";if("string"==typeof n&&"button"===n.toLowerCase())return"button"}function o(e,t){let[n,o]=(0,r.useState)(()=>i(e));return(0,a.e)(()=>{o(i(e))},[e.type,e.as]),(0,a.e)(()=>{n||t.current&&t.current instanceof HTMLButtonElement&&!t.current.hasAttribute("type")&&o("button")},[n,t]),n}},8736:function(e,t,n){"use strict";n.d(t,{H:function(){return i}});var r=n(79),a=n(3584);function i(){let[e,t]=(0,r.useState)(a.O.isHandoffComplete);return e&&!1===a.O.isHandoffComplete&&t(!1),(0,r.useEffect)(()=>{!0!==e&&t(!0)},[e]),(0,r.useEffect)(()=>a.O.handoff(),[]),e}},1213:function(e,t,n){"use strict";n.d(t,{T:function(){return o}});var r=n(79),a=n(2974);let i=Symbol();function o(...e){let t=(0,r.useRef)(e);(0,r.useEffect)(()=>{t.current=e},[e]);let n=(0,a.z)(e=>{for(let n of t.current)null!=n&&("function"==typeof n?n(e):n.current=e)});return e.every(e=>null==e||(null==e?void 0:e[i]))?void 0:n}},7682:function(e,t,n){"use strict";n.d(t,{A:function(){return o},_:function(){return l}});var r,a=n(4604);let i="div";var o=((r=o||{})[r.None=1]="None",r[r.Focusable=2]="Focusable",r[r.Hidden=4]="Hidden",r);function s(e,t){let{features:n=1,...r}=e,o={ref:t,"aria-hidden":(2&n)==2||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(4&n)==4&&(2&n)!=2&&{display:"none"}}};return(0,a.sY)({ourProps:o,theirProps:r,slot:{},defaultTag:i,name:"Hidden"})}let l=(0,a.yV)(s)},3472:function(e,t,n){"use strict";function r(...e){return e.filter(Boolean).join(" ")}n.d(t,{A:function(){return r}})},7779:function(e,t,n){"use strict";n.d(t,{k:function(){return a}});var r=n(3744);function a(){let e=[],t={addEventListener:(e,n,r,a)=>(e.addEventListener(n,r,a),t.add(()=>e.removeEventListener(n,r,a))),requestAnimationFrame(...e){let n=requestAnimationFrame(...e);return t.add(()=>cancelAnimationFrame(n))},nextFrame:(...e)=>t.requestAnimationFrame(()=>t.requestAnimationFrame(...e)),setTimeout(...e){let n=setTimeout(...e);return t.add(()=>clearTimeout(n))},microTask(...e){let n={current:!0};return(0,r.Y)(()=>{n.current&&e[0]()}),t.add(()=>{n.current=!1})},style(e,t,n){let r=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add(()=>{Object.assign(e.style,{[t]:r})})},group(e){let t=a();return e(t),this.add(()=>t.dispose())},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0)for(let r of e.splice(n,1))r()}),dispose(){for(let t of e.splice(0))t()}};return t}},3584:function(e,t,n){"use strict";n.d(t,{O:function(){return s}});var r=Object.defineProperty,a=(e,t,n)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t,n)=>(a(e,"symbol"!=typeof t?t+"":t,n),n);class o{constructor(){i(this,"current",this.detect()),i(this,"handoffState","pending"),i(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}}let s=new o},9401:function(e,t,n){"use strict";n.d(t,{EO:function(){return E},TO:function(){return f},fE:function(){return p},jA:function(){return j},sP:function(){return x},tJ:function(){return g},wI:function(){return v},z2:function(){return w}});var r,a,i,o,s,l=n(7779),c=n(1280),u=n(9773);let d=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var f=((r=f||{})[r.First=1]="First",r[r.Previous=2]="Previous",r[r.Next=4]="Next",r[r.Last=8]="Last",r[r.WrapAround=16]="WrapAround",r[r.NoScroll=32]="NoScroll",r),p=((a=p||{})[a.Error=0]="Error",a[a.Overflow=1]="Overflow",a[a.Success=2]="Success",a[a.Underflow=3]="Underflow",a),h=((i=h||{})[i.Previous=-1]="Previous",i[i.Next=1]="Next",i);function m(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(d)).sort((e,t)=>Math.sign((e.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}var g=((o=g||{})[o.Strict=0]="Strict",o[o.Loose=1]="Loose",o);function x(e,t=0){var n;return e!==(null==(n=(0,u.r)(e))?void 0:n.body)&&(0,c.E)(t,{0:()=>e.matches(d),1(){let t=e;for(;null!==t;){if(t.matches(d))return!0;t=t.parentElement}return!1}})}function v(e){let t=(0,u.r)(e);(0,l.k)().nextFrame(()=>{t&&!x(t.activeElement,0)&&b(e)})}var y=((s=y||{})[s.Keyboard=0]="Keyboard",s[s.Mouse=1]="Mouse",s);function b(e){null==e||e.focus({preventScroll:!0})}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{1===e.detail?delete document.documentElement.dataset.headlessuiFocusVisible:0===e.detail&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));let _="textarea,input";function k(e){var t,n;return null!=(n=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,_))&&n}function w(e,t=e=>e){return e.slice().sort((e,n)=>{let r=t(e),a=t(n);if(null===r||null===a)return 0;let i=r.compareDocumentPosition(a);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function E(e,t){return j(m(),t,{relativeTo:e})}function j(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:a=[]}={}){let i=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,o=Array.isArray(e)?n?w(e):e:m(e);a.length>0&&o.length>1&&(o=o.filter(e=>!a.includes(e))),r=null!=r?r:i.activeElement;let s=(()=>{if(5&t)return 1;if(10&t)return -1;throw Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),l=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,o.indexOf(r))-1;if(4&t)return Math.max(0,o.indexOf(r))+1;if(8&t)return o.length-1;throw Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=32&t?{preventScroll:!0}:{},u=0,d=o.length,f;do{if(u>=d||u+d<=0)return 0;let p=l+u;if(16&t)p=(p+d)%d;else{if(p<0)return 3;if(p>=d)return 1}null==(f=o[p])||f.focus(c),u+=s}while(f!==i.activeElement);return 6&t&&k(f)&&f.select(),2}},1280:function(e,t,n){"use strict";function r(e,t,...n){if(e in t){let a=t[e];return"function"==typeof a?a(...n):a}let i=Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(e=>`"${e}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,r),i}n.d(t,{E:function(){return r}})},3744:function(e,t,n){"use strict";function r(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch(e=>setTimeout(()=>{throw e}))}n.d(t,{Y:function(){return r}})},9773:function(e,t,n){"use strict";n.d(t,{r:function(){return a}});var r=n(3584);function a(e){return r.O.isServer?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}},4604:function(e,t,n){"use strict";n.d(t,{AN:function(){return l},l4:function(){return c},oA:function(){return m},sY:function(){return u},yV:function(){return h}});var r,a,i=n(79),o=n(3472),s=n(1280),l=((r=l||{})[r.None=0]="None",r[r.RenderStrategy=1]="RenderStrategy",r[r.Static=2]="Static",r),c=((a=c||{})[a.Unmount=0]="Unmount",a[a.Hidden=1]="Hidden",a);function u({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:a,visible:i=!0,name:o}){let l=p(t,e);if(i)return d(l,n,r,o);let c=null!=a?a:0;if(2&c){let{static:u=!1,...f}=l;if(u)return d(f,n,r,o)}if(1&c){let{unmount:h=!0,...m}=l;return(0,s.E)(h?0:1,{0:()=>null,1:()=>d({...m,hidden:!0,style:{display:"none"}},n,r,o)})}return d(l,n,r,o)}function d(e,t={},n,r){let{as:a=n,children:s,refName:l="ref",...c}=g(e,["unmount","static"]),u=void 0!==e.ref?{[l]:e.ref}:{},d="function"==typeof s?s(t):s;"className"in c&&c.className&&"function"==typeof c.className&&(c.className=c.className(t));let h={};if(t){let x=!1,v=[];for(let[y,b]of Object.entries(t))"boolean"==typeof b&&(x=!0),!0===b&&v.push(y);x&&(h["data-headlessui-state"]=v.join(" "))}if(a===i.Fragment&&Object.keys(m(c)).length>0){if(!(0,i.isValidElement)(d)||Array.isArray(d)&&d.length>1)throw Error(['Passing props on "Fragment"!',"",`The current component <${r} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(c).map(e=>` - ${e}`).join(` `),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map(e=>` - ${e}`).join(` `)].join(` `));let _=d.props,k="function"==typeof(null==_?void 0:_.className)?(...e)=>(0,o.A)(null==_?void 0:_.className(...e),c.className):(0,o.A)(null==_?void 0:_.className,c.className),w=k?{className:k}:{};return(0,i.cloneElement)(d,Object.assign({},p(d.props,m(g(c,["ref"]))),h,u,f(d.ref,u.ref),w))}return(0,i.createElement)(a,Object.assign({},g(c,["ref"]),a!==i.Fragment&&u,a!==i.Fragment&&h),d)}function f(...e){return{ref:e.every(e=>null==e)?void 0:t=>{for(let n of e)null!=n&&("function"==typeof n?n(t):n.current=t)}}}function p(...e){var t;if(0===e.length)return{};if(1===e.length)return e[0];let n={},r={};for(let a of e)for(let i in a)i.startsWith("on")&&"function"==typeof a[i]?(null!=(t=r[i])||(r[i]=[]),r[i].push(a[i])):n[i]=a[i];if(n.disabled||n["aria-disabled"])return Object.assign(n,Object.fromEntries(Object.keys(r).map(e=>[e,void 0])));for(let o in r)Object.assign(n,{[o](e,...t){for(let n of r[o]){if((e instanceof Event||(null==e?void 0:e.nativeEvent)instanceof Event)&&e.defaultPrevented)return;n(e,...t)}}});return n}function h(e){var t;return Object.assign((0,i.forwardRef)(e),{displayName:null!=(t=e.displayName)?t:e.name})}function m(e){let t=Object.assign({},e);for(let n in t)void 0===t[n]&&delete t[n];return t}function g(e,t=[]){let n=Object.assign({},e);for(let r of t)r in n&&delete n[r];return n}},3230:function(e,t,n){"use strict";function r(e){var t,n,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e){if(Array.isArray(e))for(t=0;t
Documentation
Introduction

Why React Dev Inspector

+
Documentation
Introduction

Why React Dev Inspector

The Problems

Hey folks, have you ever run into any of these issues 🤔:

    @@ -57,4 +57,4 @@

    Inject JSX Source

    The compiler's plugin records source path info into React components during development stage.

    💡

    Note: Most frameworks offer this feature out-of-the-box, which means you usually don't need to manually configure it additionally.

    Inspector Component

    The react-dev-inspector provide a <Inspector/> component to reads the source info, and sends it to the dev-server when you inspect elements on browser.

    Dev Server Middleware

    The react-dev-inspector provide some middlewares for dev-server in most frameworks to receives source path info from API, -then call your local IDE/Editor to open the source file.

Inspector Component
\ No newline at end of file +then call your local IDE/Editor to open the source file.

Inspector Component
\ No newline at end of file diff --git a/docs/compiler-plugin.html b/docs/compiler-plugin.html index b675d424..11b230bb 100644 --- a/docs/compiler-plugin.html +++ b/docs/compiler-plugin.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Compiler Plugin

Compiler Plugin

+
\ No newline at end of file +

No additional plugins are required when using esbuild (opens in a new tab).

Create React AppEditor Settings
\ No newline at end of file diff --git a/docs/editor-settings.html b/docs/editor-settings.html index b8010b1c..7f9f14bd 100644 --- a/docs/editor-settings.html +++ b/docs/editor-settings.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Editor Settings

IDE / Editor config

+
Documentation
Editor Settings

IDE / Editor config

The react-dev-inspector could launch your local IDE/Editor application with file path, but which one will be open?

In fact, it uses an environment variable named REACT_EDITOR to specify an IDE application.

For example, if you want it always open VSCode when inspection clicked, set export REACT_EDITOR=code in your shell config like .bashrc or .zshrc.

@@ -45,4 +45,4 @@

Yes! you can also use nvim/vim if you want, just set env to shell

~/.zshrc
export REACT_EDITOR=nvim
 # or
-export REACT_EDITOR=vim
Compiler PluginChangelog V2 ↗

\ No newline at end of file +export REACT_EDITOR=vim
Compiler PluginChangelog V2 ↗
\ No newline at end of file diff --git a/docs/inspector-component.html b/docs/inspector-component.html index 6fe6ec7a..3c7e810b 100644 --- a/docs/inspector-component.html +++ b/docs/inspector-component.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Inspector Component

Inspector Component

+
Documentation
Inspector Component

Inspector Component

Whether to disable default behavior: "open local IDE when click on component".

⚠️

Deprecated
-disableLaunchEditor is deprecated after v2, please use onInspectElement callback instead for fully custom controlling.

IntroductionServer-Side Integration
\ No newline at end of file +disableLaunchEditor is deprecated after v2, please use onInspectElement callback instead for fully custom controlling.

IntroductionServer-Side Integration
\ No newline at end of file diff --git a/docs/integration.html b/docs/integration.html index 01a5aa61..d8c8433d 100644 --- a/docs/integration.html +++ b/docs/integration.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration

Server-Side Integration

+
Inspector ComponentVite
\ No newline at end of file +}
Inspector ComponentVite
\ No newline at end of file diff --git a/docs/integration/_snip-declaration.html b/docs/integration/_snip-declaration.html index 235a6e35..b1ca4b1b 100644 --- a/docs/integration/_snip-declaration.html +++ b/docs/integration/_snip-declaration.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -

This page is the Part.2 of configuration, we will add a middleware in dev-server to receives API from Inspector Component, and call your local IDE/Editor to open the source file from server side. Please make sure you have already added the Inspector Component in your project as Part.1.

-
Inspector Component
\ No newline at end of file +
Inspector Component
\ No newline at end of file diff --git a/docs/integration/create-react-app.html b/docs/integration/create-react-app.html index 9fcda9ce..ebd5e998 100644 --- a/docs/integration/create-react-app.html +++ b/docs/integration/create-react-app.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration
Create React App

Create-React-App Integration

+
\ No newline at end of file + (opens in a new tab)

UmiJSCompiler Plugin
\ No newline at end of file diff --git a/docs/integration/nextjs.html b/docs/integration/nextjs.html index 5a07c6ca..dbb87ca8 100644 --- a/docs/integration/nextjs.html +++ b/docs/integration/nextjs.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration
Next.js

Next.js Integration

+
\ No newline at end of file + (opens in a new tab)

ViteWebpack
\ No newline at end of file diff --git a/docs/integration/rspack.html b/docs/integration/rspack.html index 159a1e87..106a440d 100644 --- a/docs/integration/rspack.html +++ b/docs/integration/rspack.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration
Rspack

Rspack Integration

+
\ No newline at end of file + (opens in a new tab)

WebpackUmiJS
\ No newline at end of file diff --git a/docs/integration/umijs.html b/docs/integration/umijs.html index 6c0cd896..575c280c 100644 --- a/docs/integration/umijs.html +++ b/docs/integration/umijs.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration
UmiJS

Umi Plugin

+
\ No newline at end of file + (opens in a new tab)

RspackCreate React App
\ No newline at end of file diff --git a/docs/integration/vite.html b/docs/integration/vite.html index 22f0d23e..c41604a5 100644 --- a/docs/integration/vite.html +++ b/docs/integration/vite.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration
Vite

Vite Plugin

+
\ No newline at end of file + (opens in a new tab)

Server-Side IntegrationNext.js
\ No newline at end of file diff --git a/docs/integration/webpack.html b/docs/integration/webpack.html index b87509fb..9a86aa40 100644 --- a/docs/integration/webpack.html +++ b/docs/integration/webpack.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Server-Side Integration
Webpack

Webpack Integration

+
\ No newline at end of file +}
Next.jsRspack
\ No newline at end of file diff --git a/docs/migrate-v1-to-v2.html b/docs/migrate-v1-to-v2.html index c58df75d..a53f9622 100644 --- a/docs/migrate-v1-to-v2.html +++ b/docs/migrate-v1-to-v2.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -
Documentation
Migrate From V1

Migrate From V1 to V2

+
\ No newline at end of file +
Changelog V1 ↗GitHub ↗
\ No newline at end of file diff --git a/index.html b/index.html index ded956bc..ef47ce1b 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ .dark { --nextra-primary-hue: 204deg; } -

Seamless browser-to-editor code navigation.

Inspect in browser, click, then you will get its source code in your local IDE, instantly.

Get started →

Background

Seamless browser-to-editor code navigation.

Inspect in browser, click, then you will get its source code in your local IDE, instantly.

Get started →

Background

Simple to integrate with
your React frameworks and Editors

🍭

And more...

Examples / Configuration / Built-in Plugins / API / Fully Controlled Usages ...
A lot of new possibilities to be explored.

Getting the Docs →

\ No newline at end of file + ">🍭

And more...

Examples / Configuration / Built-in Plugins / API / Fully Controlled Usages ...
A lot of new possibilities to be explored.

Getting the Docs →

\ No newline at end of file diff --git a/showcase.html b/showcase.html index 37a58a76..260762c0 100644 --- a/showcase.html +++ b/showcase.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file