Specify your Nextjs Text Field component requirements below

Describe the features, layout, and functionality you envision for your Nextjs Text Field component

Featured Generations

Discover all

Craft Your Nextjs Text Field UI in Minutes

Step 1

Plan Nextjs Text Field Features & Targets

Establish the features and objectives of your Nextjs Text Field UI in prompt area

Step 2

Configure your Nextjs component with your preferred features and design

From basic styling to advanced functionality, tailor every aspect of your Text Field component to match your exact requirements.

Step 3

One-click export to your VS Code project

Get your component into VS Code quickly with our one-click export feature.

Step 4

Review your Nextjs component before deployment

Verify your component before adding it to your project. Iterate further using our VS Code plugin.

What is Next.js text field component?

A NextJS text field is an essential input component in React applications, facilitating interaction by capturing text input. These components are pivotal in forms, allowing users to enter information such as email, username, or password. Implementing appropriate input types ensures data is collected in the desired format. Utilizing Tailwind CSS enhances the visual appeal and responsiveness of these fields. Properly structured with HTML elements like and , and managed using React's state management, these components ensure seamless data handling and improved accessibility. Additionally, a text input is often rendered using a semantic HTML tag like or depending on the function. The input component may capture a string, which can be passed securely using the proper input type, improving security and accessibility in React. Moreover, consistent use of text input improves the readability and behavior of the input component throughout the interface. Furthermore, when you design a form in React, it’s essential to handle every string input carefully to ensure seamless audience communication. For better maintainability, many developers define a const to handle logic related to the tag, aligning consistently with HTML structures.</p></div><div class="w-full"><h2 class="pb-2 text-base font-semibold text-black200">How to use Next.js text fields?</h2><p class="text-sm text-black400"><b>Next.js text fields</b> are highly beneficial for capturing structured data, whether for login forms, feedback systems, or search functionality. They enhance site visitor interaction, enabling real-time validation and seamless state handling. <br><br>To utilize Next.js text fields, begin by integrating the <strong>input component</strong> into your React form. Assign relevant props such as value, onChange, and type to manage interaction effectively. It's crucial to validate the input to ensure data integrity, displaying an error message when necessary. Incorporate Tailwind CSS classes to style the text input, ensuring consistency across your project. Managing input value through state hooks like useState allows for dynamic updates and real-time feedback. Remember to handle submitted data appropriately, ensuring it aligns with your backend server requirements. For example, using a text input inside a form enhances structured collection practices while allowing developers to assign each prop based on its intended function. These setups often use query logic for dynamic search behavior, making every text input entry responsive and adaptable. To maintain precise behavior, ensure the form offers strong control over each prop involved. To enhance functionality, always pass the correct prop configuration in your form, especially when building interfaces in React. In practice, defining a const at the top ensures clear flow control and smooth communication with the server, especially when dealing with backend connections.</p></div><div class="w-full"><h2 class="pb-2 text-base font-semibold text-black200">How to style Next.js text fields?</h2><p class="text-sm text-black400">Styling <b>Next.js text fields</b> is essential because it enhances the overall interface experience, ensures the <strong>component</strong> aligns with your design system, and improves the clarity of visitor interactions. A well-styled input improves accessibility, focuses visitor attention, and creates a consistent UI experience across pages. <br><br>Utilize <b>Tailwind CSS</b> to apply utility-first classes, customizing aspects like padding, borders, and colors. Define default styles for the <b>input component</b>, ensuring uniformity across different sections of your page. Incorporate label elements to provide context, and use child components for additional information or icons. Address error states by modifying border colors or displaying helper messages. Ensure that the text input remains visible and accessible, adhering to best practices in UI design. Effective styling of text input fields also requires consistency across devices. With React, developers can dynamically log style states. When an object structure is used for conditional styling, it's easier to apply styles or replace them when needed. You can also import UI presets to ensure all text input fields share uniform presentation. These enhancements not only maintain display clarity but improve the overall function of the interface. Additionally, consistent styling also enables better React interaction when implementing dynamic search functionalities.</p></div><div class="w-full"><h2 class="pb-2 text-base font-semibold text-black200">How to build Next.js text fields using Purecode AI?</h2><p class="text-sm text-black400">Customizing a PureCode-generated text field ensures it aligns perfectly with your brand and specific workflow, offering control over props, styles, and behaviors. It also accelerates development by providing clean, reusable code that integrates seamlessly with your form logic.<br> To build a Next.js text field using PureCode AI:<br><br> <ul><li> • Navigate to the PureCode AI text field component page.</li><li> • Select the desired input component variant suitable for your form requirements.</li><li> • Customize the component by setting props like label, type, default value, and required attributes.</li><li> • Integrate Tailwind CSS classes to style the component, ensuring it aligns with your project's design language.</li><li> • Implement state management using React hooks to handle input value changes and validate form entries.</li><li> • Handle error scenarios by displaying appropriate error messages and adjusting styles accordingly.</li><li> • Export the generated code and import it into your project, ensuring all dependencies and packages are correctly configured.</li></ul><br> By following these steps, you can efficiently build and integrate customized text input components into your Next.js applications, enhancing both functionality and interface quality. Moreover, PureCode AI's editor makes it simple to assign every required prop for a text input, whether you're using it for a search, dropdown, or submission response. It also offers full support for submitting a file as part of your query, where each key is passed as a string. Ensure you pass the correct configuration to maintain consistency when rendering the input component or uploading a file input.</p></div></div><div class="flex w-full flex-col"><div data-orientation="horizontal" role="none" class="shrink-0 h-[1px] w-full my-[50px] bg-[#605F5F]"></div><a href="/components/nextjs"><h2 class="mb-6 pb-2 text-base font-semibold text-black200">Explore Our Nextjs Components</h2></a><div class="flex flex-wrap gap-[10px]"><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-action">Nextjs Accordion Action</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-detail">Nextjs Accordion Detail</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-group">Nextjs Accordion Group</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-summary">Nextjs Accordion Summary</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion">Nextjs Accordion</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/account-overview">Nextjs Account Overview</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/account-setting">Nextjs Account Setting</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/action-panel">Nextjs Action Panel</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/adapters-locale">Nextjs Adapters Locale</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/alert-title">Nextjs Alert Title</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/alert">Nextjs Alert</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/animated-area-chart">Nextjs Animated Area Chart</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/animated-line-chart">Nextjs Animated Line Chart</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/app-bar">Nextjs App Bar</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/application-ui">Nextjs Application Ui</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/area-plot">Nextjs Area Plot</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete-listbox">Nextjs Autocomplete Listbox</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete-loading">Nextjs Autocomplete Loading</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete-option">Nextjs Autocomplete Option</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete">Nextjs Autocomplete</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/avatar-group">Nextjs Avatar Group</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/avatar">Nextjs Avatar</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/backdrop-unstyled">Nextjs Backdrop Unstyled</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/backdrop">Nextjs Backdrop</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/badge-unstyled">Nextjs Badge Unstyled</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/badge">Nextjs Badge</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bar-chart">Nextjs Bar Chart</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bar-plot">Nextjs Bar Plot</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/baseline">Nextjs Baseline</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/blog-list">Nextjs Blog List</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bottom-navigation-action">Nextjs Bottom Navigation Action</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bottom-navigation">Nextjs Bottom Navigation</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bottom-status-bar">Nextjs Bottom Status Bar</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/box">Nextjs Box</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/breadcrumbs">Nextjs Breadcrumbs</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/breakpoint">Nextjs Breakpoint</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button-group">Nextjs Button Group</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button-onclick">Nextjs Button Onclick</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button-unstyled">Nextjs Button Unstyled</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button">Nextjs Button</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/calendar-picker">Nextjs Calendar Picker</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-action-area">Nextjs Card Action Area</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-actions">Nextjs Card Actions</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-cover">Nextjs Card Cover</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-header">Nextjs Card Header</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-heading">Nextjs Card Heading</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-list">Nextjs Card List</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-media">Nextjs Card Media</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-overflow">Nextjs Card Overflow</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-with-dropdown">Nextjs Card With Dropdown</a></div></div><div class="mt-[50px] flex justify-between gap-2 text-sm"><button class="pointer justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow hover:opacity-90 h-9 flex items-center gap-1 bg-[#333] px-3 py-2 align-middle text-black300 hover:bg-[#333333d6]" disabled="">Previous</button><button class="pointer justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow hover:opacity-90 h-9 flex items-center gap-1 bg-[#333] px-3 py-2 align-middle text-black300 hover:bg-[#333333d6]">Next</button></div></div></div></div></main></div><script>(self.__next_s=self.__next_s||[]).push([0,{"type":"application/ld+json","children":"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What kind of tasks can PureCode AI help with?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"PureCode AI can handle everything from debugging code, creating APIs, and writing scripts, to refactoring your codebase. It can even help build full-stack projects, either from scratch or within an existing codebase—making development smooth and efficient across frontend, backend, and infrastructure.\"}},{\"@type\":\"Question\",\"name\":\"What kind of programming languages does PureCode AI support?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"PureCode AI supports all major programming languages and frameworks, including JavaScript, TypeScript, Python, Java, Go, C#, PHP, and popular frameworks like React Native, Vue, Next.js, and Ant Design. Whether you're building new features, modifying existing code, or working across different layers of a full-stack application, PureCode AI can assist with any language or framework in your project.\"}},{\"@type\":\"Question\",\"name\":\"How does PureCode AI understand my codebase?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With Advanced Indexing enabled by default, PureCode AI automatically indexes your entire codebase, analyzing its structure. Whenever you make changes, it re-indexes the code to ensure that suggestions, queries, and responses are always accurate, relevant, and based on the most up-to-date version of your project.\"}},{\"@type\":\"Question\",\"name\":\"How does PureCode AI keep my code secure?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"PureCode AI keeps your code local, never storing or processing it in the cloud, unlike other competitors. You retain full control over your intellectual property and data ownership. Plus, the platform automatically meets enterprise compliance standards, ensuring robust security throughout your development process.\"}},{\"@type\":\"Question\",\"name\":\"Can I add custom documentation to PureCode AI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To add custom documentation, go to Settings below the chat area and upload the public URL of your documentation. Once saved, you can reference it in chat by typing @Docs, then select your saved document. Similarly, you can use @UI to reference saved UI components in your project.\"}},{\"@type\":\"Question\",\"name\":\"How can I solve errors using PureCode AI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To solve errors using PureCode AI, type @terminal and simply say 'solve all errors' to fix issues in your terminal commands. If you're dealing with errors in a visible file, open the active file and use the 'Fix all errors' or 'Fix all errors with context' option. For better results, you can also add @codebase along with @terminal to resolve errors across the entire codebase more effectively. This ensures efficient error resolution in both your terminal and active files.\"}}]}","id":"jsonldfaq"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"type":"application/ld+json","children":"{\"@context\":\"https://schema.org\",\"@type\":\"WebPage\",\"name\":\"Nextjs Text Field Component Generator\",\"description\":\"Generate custom Nextjs Text Field components with PureCode AI. Get production-ready code instantly using our VS Code extension.\",\"isPartOf\":{\"@type\":\"WebSite\",\"name\":\"PureCode AI\",\"url\":\"https://purecode.ai\"},\"breadcrumb\":{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Components\",\"item\":\"https://purecode.ai/components\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nextjs\",\"item\":\"https://purecode.ai/components/nextjs\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Field\",\"item\":\"https://purecode.ai/components/nextjs/text-field\"}]},\"mainEntity\":{\"@type\":\"SoftwareSourceCode\",\"codeRepository\":\"https://purecode.ai/components/nextjs/text-field\",\"programmingLanguage\":{\"@type\":\"ComputerLanguage\",\"name\":[\"JavaScript\",\"Nextjs\",\"Tailwind\"]},\"targetProduct\":{\"@type\":\"SoftwareApplication\",\"name\":\"Nextjs Applications\",\"applicationCategory\":\"WebApplication\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"5\",\"ratingCount\":\"59\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://purecode.ai/components/nextjs/text-field\"}}},\"offers\":{\"@type\":\"Offer\",\"itemOffered\":[{\"@type\":\"SoftwareApplication\",\"name\":\"PureCode AI VS Code Extension\",\"applicationCategory\":\"DeveloperApplication\",\"operatingSystem\":\"Visual Studio Code\",\"featureList\":[\"One-click Nextjs Text Field component generation\",\"Real-time component preview\",\"Custom styling and theming support\",\"Direct code integration\"],\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"5\",\"ratingCount\":\"59\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"availability\":\"https://schema.org/InStock\"}}]},\"potentialAction\":{\"@type\":\"DownloadAction\",\"name\":\"Install VS Code Extension\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"vscode:extension/purecode-ai.purecode\",\"description\":\"Install PureCode AI extension to generate Nextjs Text Field components in VS Code\"}}}","id":"schemadata"}])</script></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><script src="/_next/static/chunks/webpack-e92f24bfdc88063b.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/224531bc75e24cc3-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/4f05ba3a6752a328-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/5d258b355fefebcb-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/media/a112078eb38aa119-s.p.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n5:HL[\"/_next/static/media/d233855ce6879c70-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n6:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n7:HL[\"/_next/static/media/ff2196f1ce0ba75c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n8:HL[\"/_next/static/css/dcc792cb81b79efd.css\",\"style\"]\n9:HL[\"/_next/static/css/9120848ce3961893.css\",\"style\"]\na:HL[\"/_next/static/css/84cc348535e8fa58.css\",\"style\"]\nb:HL[\"/_next/static/media/0560c261627a3561-s.p.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\nc:HL[\"/_next/static/media/f75d6d02e2924b13-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nd:HL[\"/_next/static/css/83ecc664fde423eb.css\",\"style\"]\ne:HL[\"/_next/static/css/7ef79537bd2115f4.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"f:I[95751,[],\"\"]\n12:I[88742,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n14:I[39275,[],\"\"]\n17:I[61343,[],\"\"]\n18:I[84080,[\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"5433\",\"static/chunks/5433-24a3bdf636e02"])</script><script>self.__next_f.push([1,"549.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"585\",\"static/chunks/585-f9f3f1271cb768d1.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"2497\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/layout-381912da4cd49979.js\"],\"\"]\n1b:I[66758,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"default\"]\n1c:I[9828,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/ch"])</script><script>self.__next_f.push([1,"unks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"ThemeProvider\"]\n1d:I[70254,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/"])</script><script>self.__next_f.push([1,"chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"FpjsProvider\"]\n1e:I[24205,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"st"])</script><script>self.__next_f.push([1,"atic/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"default\"]\n1f:I[7810,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"sta"])</script><script>self.__next_f.push([1,"tic/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"default\"]\n20:I[51361,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"defau"])</script><script>self.__next_f.push([1,"lt\"]\n21:I[52249,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"AiPageContextProvider\"]\n22:\"$Sreact.suspense\"\n23:I[61481,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de"])</script><script>self.__next_f.push([1,"6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"PreloadCss\"]\n24:I[88896,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.j"])</script><script>self.__next_f.push([1,"s\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"default\"]\n25:I[34845,[\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"7601\",\"static/chunks/app/error-441a8c65a1fed6cd.js\"],\"default\"]\n26:I[60771,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/c"])</script><script>self.__next_f.push([1,"hunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"Toaster\"]\n27:I[50041,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"6612\",\"static/chunks/6612-097fedb7e458040a.js\",\"5333\",\"static/chunks/5333-58e4d59ee6660e34.js\",\"6677\",\"static/chunks/6677-c688f7913d004722.js\",\"5698\",\"static/chunks/5698-bc2c993e0bdb9986.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/c"])</script><script>self.__next_f.push([1,"hunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"3748\",\"static/chunks/3748-db2ead5c5205442d.js\",\"5643\",\"static/chunks/5643-244976ac38346ad1.js\",\"9747\",\"static/chunks/9747-379d55970746ef95.js\",\"6091\",\"static/chunks/6091-0e5ec897682028bb.js\",\"3185\",\"static/chunks/app/layout-e35e3bf0e007ff0c.js\"],\"default\"]\n29:I[76130,[],\"\"]\n15:[\"framework\",\"nextjs\",\"d\"]\n16:[\"uielement\",\"text-field\",\"d\"]\n19:Tb4a,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What kind of tasks can PureCode AI help with?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"PureCode AI can handle everything from debugging code, creating APIs, and writing scripts, to refactoring your codebase. It can even help build full-stack projects, either from scratch or within an existing codebase—making development smooth and efficient across frontend, backend, and infrastructure.\"}},{\"@type\":\"Question\",\"name\":\"What kind of programming languages does PureCode AI support?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"PureCode AI supports all major programming languages and frameworks, including JavaScript, TypeScript, Python, Java, Go, C#, PHP, and popular frameworks like React Native, Vue, Next.js, and Ant Design. Whether you're building new features, modifying existing code, or working across different layers of a full-stack application, PureCode AI can assist with any language or framework in your project.\"}},{\"@type\":\"Question\",\"name\":\"How does PureCode AI understand my codebase?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With Advanced Indexing enabled by default, PureCode AI automatically indexes your entire codebase, analyzing its structure. Whenever you make changes, it re-indexes the code to ensure that suggestions, queries, and responses are always accurate, relevant, and based on the most up-to-date version of your project.\"}},{\"@type\":\"Question\",\"name\":\"How does PureCode AI keep my code secure?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"PureCode AI keeps your code local, never storing or processing it in the cloud, unlike other competitors. You retain full control over your intellectual property and data ownership. Plus, the platform automatically meets enterprise compliance standards, ensuring robust security throughout your development process.\"}},{\"@type\":\"Question\",\"name\":\"Can I add custom documentation to PureCode AI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To add custom documentation, go to Settings below the chat area and upload the public URL of your documentation. Once saved, you can reference it in chat by typing @Docs, then select your saved document. Similarly, you can use @UI to reference saved UI components in your project.\"}},{\"@type\":\"Question\",\"name\":\"How can I solve errors using PureCode AI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To solve errors using PureCode AI, type @terminal and simply say 'solve all errors' to fix issues in your terminal commands. If you're dealing with errors in a visible file, open the active file and use the 'Fix all errors' or 'Fix all errors with context' option. For better results, you can also add @codebase along with @terminal to resolve errors across the entire codebase more effectively. This ensures efficient error resolution in both your terminal and active files.\"}}]}"])</script><script>self.__next_f.push([1,"1a:T853,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"WebPage\",\"name\":\"Nextjs Text Field Component Generator\",\"description\":\"Generate custom Nextjs Text Field components with PureCode AI. Get production-ready code instantly using our VS Code extension.\",\"isPartOf\":{\"@type\":\"WebSite\",\"name\":\"PureCode AI\",\"url\":\"https://purecode.ai\"},\"breadcrumb\":{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Components\",\"item\":\"https://purecode.ai/components\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nextjs\",\"item\":\"https://purecode.ai/components/nextjs\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Field\",\"item\":\"https://purecode.ai/components/nextjs/text-field\"}]},\"mainEntity\":{\"@type\":\"SoftwareSourceCode\",\"codeRepository\":\"https://purecode.ai/components/nextjs/text-field\",\"programmingLanguage\":{\"@type\":\"ComputerLanguage\",\"name\":[\"JavaScript\",\"Nextjs\",\"Tailwind\"]},\"targetProduct\":{\"@type\":\"SoftwareApplication\",\"name\":\"Nextjs Applications\",\"applicationCategory\":\"WebApplication\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"5\",\"ratingCount\":\"59\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://purecode.ai/components/nextjs/text-field\"}}},\"offers\":{\"@type\":\"Offer\",\"itemOffered\":[{\"@type\":\"SoftwareApplication\",\"name\":\"PureCode AI VS Code Extension\",\"applicationCategory\":\"DeveloperApplication\",\"operatingSystem\":\"Visual Studio Code\",\"featureList\":[\"One-click Nextjs Text Field component generation\",\"Real-time component preview\",\"Custom styling and theming support\",\"Direct code integration\"],\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"5\",\"ratingCount\":\"59\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"availability\":\"https://schema.org/InStock\"}}]},\"potentialAction\":{\"@type\":\"DownloadAction\",\"name\":\"Install VS Code Extension\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"vscode:extension/purecode-ai.purecode\",\"description\":\"Install PureCode AI extension to generate Nextjs Text Field components in VS Code\"}}}"])</script><script>self.__next_f.push([1,"2a:[]\n"])</script><script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/dcc792cb81b79efd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9120848ce3961893.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/84cc348535e8fa58.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"buildId\":\"KTSvpWetYK-WJcIs9dJVA\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/components/nextjs/text-field\",\"initialTree\":[\"\",{\"children\":[\"components\",{\"children\":[[\"framework\",\"nextjs\",\"d\"],{\"children\":[[\"uielement\",\"text-field\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"components\",{\"children\":[[\"framework\",\"nextjs\",\"d\"],{\"children\":[[\"uielement\",\"text-field\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$L10\",[\"$\",\"main\",null,{\"children\":[\"$L11\",[\"$\",\"$L12\",null,{}],\"$L13\"]}]],null],null]},[[[\"$\",\"div\",null,{\"className\":\"min-h-dvh bg-darkBackground text-black200\",\"children\":[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"components\",\"children\",\"$15\",\"children\",\"$16\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L17\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/83ecc664fde423eb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7ef79537bd2115f4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}]}],[\"$\",\"$L18\",\"jsonldfaq\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$19\"},\"strategy\":\"beforeInteractive\",\"id\":\"jsonldfaq\"}],[\"$\",\"$L18\",\"schemadata\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1a\"},\"strategy\":\"beforeInteractive\",\"id\":\"schemadata\"}]],null],null]},[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"components\",\"children\",\"$15\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L17\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"components\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L17\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[false,[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://www.youtube.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://s.ytimg.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://i.ytimg.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://static.doubleclick.net\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://googleads.g.doubleclick.net\"}]]}],[\"$\",\"body\",null,{\"className\":\" __className_4bc053 __className_4dd805 flex min-h-screen flex-col\",\"children\":[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$L1c\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L1d\",null,{\"loadOptions\":{\"apiKey\":\"C5zDgi1tMn98wjstfiLH\",\"region\":\"ap\"},\"children\":[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"$L1f\",null,{\"children\":[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$L21\",null,{\"children\":[[\"$\",\"$22\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L23\",null,{\"moduleIds\":[\"app/layout.tsx -\u003e @/components/common/Header\"]}],[\"$\",\"$L24\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"flex grow flex-col\",\"children\":[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$25\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L17\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}],[\"$\",\"$L26\",null,{}],false,false,[\"$\",\"$L27\",null,{}]]}]}]}]}]}]}]}]}]]}],null],[[\"$\",\"div\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto my-12 flex animate-spin rounded-full border-solid border-current border-r-transparent align-middle motion-reduce:animate-[spin_1.5s_linear_infinite] size-8 border-4\"}]}],[],[]]],\"couldBeIntercepted\":false,\"initialHead\":[false,\"$L28\"],\"globalErrorComponent\":\"$29\",\"missingSlots\":\"$W2a\"}]]\n"])</script><script>self.__next_f.push([1,"2b:I[10912,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"BailoutToCSR\"]\n2c:I[54124,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce"])</script><script>self.__next_f.push([1,"1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n2d:I[313,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.j"])</script><script>self.__next_f.push([1,"s\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\",1]\n2e:I[87522,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\""])</script><script>self.__next_f.push([1,",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n2f:I[21280,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/"])</script><script>self.__next_f.push([1,"chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"FeatureGenSkeleton\"]\n30:I[21280,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static"])</script><script>self.__next_f.push([1,"/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"FeatureGeneration\",1]\n31:I[17933,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"stat"])</script><script>self.__next_f.push([1,"ic/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n32:I[6512,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/"])</script><script>self.__next_f.push([1,"7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n33:I[14758,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb"])</script><script>self.__next_f.push([1,"45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n34:I[2436,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bfra"])</script><script>self.__next_f.push([1,"mework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"$22\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2b\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L2c\",null,{}]}]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"z-10 mx-0\",\"children\":[\"$\",\"$22\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L23\",null,{\"moduleIds\":[\"components/organicpages/components/AdsPage.tsx -\u003e @/components/pages/uiElementsPage/HeroSection\"]}],[\"$\",\"$L2d\",null,{\"data\":{\"header\":\"Specify your Nextjs Text Field component requirements below\",\"paragraph\":\"Describe the features, layout, and functionality you envision for your Nextjs Text Field component\"}}]]}]}],[\"$\",\"$L2e\",null,{}]]}],[[\"$\",\"section\",null,{\"className\":\"bg-darkBackground py-12\",\"children\":[\"$\",\"$22\",null,{\"fallback\":[\"$\",\"$L2f\",null,{}],\"children\":[\"$\",\"$L2b\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L30\",null,{\"heading\":\"User Generated Nextjs Text Field Components\"}]}]}]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-md:px-14 max-sm:max-w-[648px] max-xsm:px-6 md:max-w-[635px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[1120px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"p-[2px] text-center text-3xl text-white max-sm:text-start sm:mt-24 md:mt-32 lg:mb-12 lg:mt-36 lg:text-4xl __className_3f9e24\",\"children\":\"Craft Your Nextjs Text Field UI in Minutes\"}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L31\",null,{\"title\":\"Plan Nextjs Text Field Features \u0026 Targets\",\"description\":\"Establish the features and objectives of your Nextjs Text Field UI in prompt area\"}]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L32\",null,{\"title\":\"Configure your Nextjs component with your preferred features and design\",\"description\":\"From basic styling to advanced functionality, tailor every aspect of your Text Field component to match your exact requirements.\"}]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L33\",null,{\"title\":\"One-click export to your VS Code project\",\"description\":\"Get your component into VS Code quickly with our one-click export feature.\"}]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L34\",null,{\"title\":\"Review your Nextjs component before deployment\",\"description\":\"Verify your component before adding it to your project. Iterate further using our VS Code plugin.\"}]}]]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$22\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2b\",null,{\"reason\":\"next/dynamic\",\"children\":\"$L35\"}]}]}]]]\n"])</script><script>self.__next_f.push([1,"36:I[29973,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"Separator\"]\n3b:I[19846,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bd"])</script><script>self.__next_f.push([1,"adb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"28:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Build NextJS Text Field Components Fast with PureCode AI Generator\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Quickly generate and export production-ready Next.js text field components with PureCode AI. Streamline frontend development directly in your vscode.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"5\",{\"name\":\"googlebot\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://purecode.ai/components/nextjs/text-field\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Build NextJS Text Field Components Fast with PureCode AI Generator\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:description\",\"content\":\"Quickly generate and export production-ready Next.js text field components with PureCode AI. Streamline frontend development directly in your vscode.\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:url\",\"content\":\"https://purecode.ai/components/nextjs/text-field\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:site_name\",\"content\":\"Purecode.AI\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"PureCode - Enhance Your Development Experience\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://purecode.ai/components/nextjs/text-field/opengraph-image?69c59f57c064a013\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:site\",\"content\":\"@PureCodeAI\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:creator\",\"content\":\"@PureCodeAI\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Build NextJS Text Field Components Fast with PureCode AI Generator\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"Quickly generate and export production-ready Next.js text field components with PureCode AI. Streamline frontend development directly in your vscode.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:alt\",\"content\":\"PureCode - Enhance Your Development Experience\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://purecode.ai/components/nextjs/text-field/twitter-image?69c59f57c064a013\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/icon.png?911af44ba4486cb0\",\"type\":\"image/png\",\"sizes\":\"1996x1624\"}],[\"$\",\"meta\",\"30\",{\"name\":\"next-size-adjust\"}]]\n"])</script><script>self.__next_f.push([1,"10:null\n37:T52e,A \u003cstrong\u003eNextJS text field\u003c/strong\u003e is an essential input component in \u003cstrong\u003eReact applications\u003c/strong\u003e, facilitating interaction by capturing text input. These components are pivotal in forms, allowing users to enter information such as email, username, or password. Implementing appropriate input types ensures data is collected in the desired format. Utilizing \u003cstrong\u003eTailwind CSS\u003c/strong\u003e enhances the visual appeal and responsiveness of these fields. Properly structured with HTML elements like \u003clabel\u003e and \u003cinput\u003e, and managed using React's state management, these components ensure seamless data handling and improved accessibility. Additionally, a text input is often rendered using a semantic HTML tag like \u003cinput\u003e or \u003ctextarea\u003e depending on the function. The input component may capture a string, which can be passed securely using the proper input type, improving security and accessibility in React. Moreover, consistent use of text input improves the readability and behavior of the input component throughout the interface. Furthermore, when you design a form in React, it’s essential to handle every string input carefully to ensure seamless audience communication. For better maintainability, many developers define a const to handle logic related to the tag, aligning consistently with HTML structures.38:T605,\u003cb\u003eNext.js text fields\u003c/b\u003e are highly beneficial for capturing structured data, whether for login forms, feedback systems, or search functionality. They enhance site visitor interaction, enabling real-time validation and seamless state handling. \u003cbr\u003e\u003cbr\u003eTo utilize Next.js text fields, begin by integrating the \u003cstrong\u003einput component\u003c/strong\u003e into your React form. Assign relevant props such as value, onChange, and type to manage interaction effectively. It's crucial to validate the input to ensure data integrity, displaying an error message when necessary. Incorporate Tailwind CSS classes to style the text input, ensuring consistency across your project. Managing input value through state h"])</script><script>self.__next_f.push([1,"ooks like useState allows for dynamic updates and real-time feedback. Remember to handle submitted data appropriately, ensuring it aligns with your backend server requirements. For example, using a text input inside a form enhances structured collection practices while allowing developers to assign each prop based on its intended function. These setups often use query logic for dynamic search behavior, making every text input entry responsive and adaptable. To maintain precise behavior, ensure the form offers strong control over each prop involved. To enhance functionality, always pass the correct prop configuration in your form, especially when building interfaces in React. In practice, defining a const at the top ensures clear flow control and smooth communication with the server, especially when dealing with backend connections.39:T5a1,Styling \u003cb\u003eNext.js text fields\u003c/b\u003e is essential because it enhances the overall interface experience, ensures the \u003cstrong\u003ecomponent\u003c/strong\u003e aligns with your design system, and improves the clarity of visitor interactions. A well-styled input improves accessibility, focuses visitor attention, and creates a consistent UI experience across pages. \u003cbr\u003e\u003cbr\u003eUtilize \u003cb\u003eTailwind CSS\u003c/b\u003e to apply utility-first classes, customizing aspects like padding, borders, and colors. Define default styles for the \u003cb\u003einput component\u003c/b\u003e, ensuring uniformity across different sections of your page. Incorporate label elements to provide context, and use child components for additional information or icons. Address error states by modifying border colors or displaying helper messages. Ensure that the text input remains visible and accessible, adhering to best practices in UI design. Effective styling of text input fields also requires consistency across devices. With React, developers can dynamically log style states. When an object structure is used for conditional styling, it's easier to apply styles or replace them when needed. You can also import UI presets to ensure all text input fields share un"])</script><script>self.__next_f.push([1,"iform presentation. These enhancements not only maintain display clarity but improve the overall function of the interface. Additionally, consistent styling also enables better React interaction when implementing dynamic search functionalities.3a:T6a5,Customizing a PureCode-generated text field ensures it aligns perfectly with your brand and specific workflow, offering control over props, styles, and behaviors. It also accelerates development by providing clean, reusable code that integrates seamlessly with your form logic.\u003cbr\u003e To build a Next.js text field using PureCode AI:\u003cbr\u003e\u003cbr\u003e \u003cul\u003e\u003cli\u003e • Navigate to the PureCode AI text field component page.\u003c/li\u003e\u003cli\u003e • Select the desired input component variant suitable for your form requirements.\u003c/li\u003e\u003cli\u003e • Customize the component by setting props like label, type, default value, and required attributes.\u003c/li\u003e\u003cli\u003e • Integrate Tailwind CSS classes to style the component, ensuring it aligns with your project's design language.\u003c/li\u003e\u003cli\u003e • Implement state management using React hooks to handle input value changes and validate form entries.\u003c/li\u003e\u003cli\u003e • Handle error scenarios by displaying appropriate error messages and adjusting styles accordingly.\u003c/li\u003e\u003cli\u003e • Export the generated code and import it into your project, ensuring all dependencies and packages are correctly configured.\u003c/li\u003e\u003c/ul\u003e\u003cbr\u003e By following these steps, you can efficiently build and integrate customized text input components into your Next.js applications, enhancing both functionality and interface quality. Moreover, PureCode AI's editor makes it simple to assign every required prop for a text input, whether you're using it for a search, dropdown, or submission response. It also offers full support for submitting a file as part of your query, where each key is passed as a string. Ensure you pass the correct configuration to maintain consistency when rendering the input component or uploading a file input.13:[\"$\",\"div\",null,{\"className\":\"flex w-full flex-col items-center justify-center bg-darkBackgr"])</script><script>self.__next_f.push([1,"ound pb-[50px] max-md:px-14 max-xsm:px-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full md:max-w-[656px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[1120px]\",\"children\":[[[\"$\",\"$L36\",null,{\"className\":\"my-[50px] bg-[#605F5F]\"}],[\"$\",\"div\",null,{\"className\":\"grid w-full grid-cols-1 justify-between gap-10 lg:grid-cols-2\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"w-full\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"pb-2 text-base font-semibold text-black200\",\"children\":\"What is Next.js text field component?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-black400\",\"dangerouslySetInnerHTML\":{\"__html\":\"$37\"}}]]}],[\"$\",\"div\",\"1\",{\"className\":\"w-full\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"pb-2 text-base font-semibold text-black200\",\"children\":\"How to use Next.js text fields?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-black400\",\"dangerouslySetInnerHTML\":{\"__html\":\"$38\"}}]]}],[\"$\",\"div\",\"2\",{\"className\":\"w-full\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"pb-2 text-base font-semibold text-black200\",\"children\":\"How to style Next.js text fields?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-black400\",\"dangerouslySetInnerHTML\":{\"__html\":\"$39\"}}]]}],[\"$\",\"div\",\"3\",{\"className\":\"w-full\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"pb-2 text-base font-semibold text-black200\",\"children\":\"How to build Next.js text fields using Purecode AI?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-black400\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3a\"}}]]}]]}]],[\"$\",\"$22\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L23\",null,{\"moduleIds\":[\"components/common/Footer/ComponentFooter.tsx -\u003e @/components/common/Footer/FrameworkLinks\"]}],[\"$\",\"$L3b\",null,{\"framework\":\"nextjs\",\"uiElement\":\"textfield\",\"frameworkDisplayName\":\"Nextjs\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"3c:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"Accordion\"]\n3d:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bd"])</script><script>self.__next_f.push([1,"adb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"AccordionItem\"]\n3e:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4"])</script><script>self.__next_f.push([1,"146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"AccordionTrigger\"]\n3f:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684a"])</script><script>self.__next_f.push([1,"d.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"AccordionContent\"]\n40:I[231,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-6aa1f332dbbe4146.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5."])</script><script>self.__next_f.push([1,"js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"7146\",\"static/chunks/7146-78cb78232ba9339f.js\",\"9786\",\"static/chunks/9786-8966315e5f60b76a.js\",\"7933\",\"static/chunks/7933-fd4b177127497fb6.js\",\"1971\",\"static/chunks/1971-488cfff5a85ba01c.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-e21d4d2161dbcbca.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"8742\",\"static/chunks/8742-6f6b908e9fda35de.js\",\"5315\",\"static/chunks/5315-a6a75bd71f422ad9.js\",\"8760\",\"static/chunks/8760-88bb45617bfcd91d.js\",\"8009\",\"static/chunks/8009-a54520fb3db293f2.js\",\"6497\",\"static/chunks/6497-999ff2fca0dfc223.js\",\"573\",\"static/chunks/573-4a014ed3bbf18d96.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-62e8e8ab5f5a6dfd.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"35:[\"$\",\"div\",null,{\"className\":\"mx-auto w-full py-12 text-black200 max-md:px-14 max-sm:max-w-[648px] max-xsm:px-6 md:max-w-[635px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[874px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-center text-4xl font-semibold __className_3f9e24\",\"children\":\"FAQ\"}],[\"$\",\"$L3c\",null,{\"collapsible\":true,\"type\":\"single\",\"children\":[[\"$\",\"$L3d\",\"0\",{\"value\":\"item-0\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"What kind of tasks can PureCode AI help with?\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"PureCode AI can handle everything from debugging code, creating APIs, and writing scripts, to refactoring your codebase. It can even help build full-stack projects, either from scratch or within an existing codebase—making development smooth and efficient across frontend, backend, and infrastructure.\"}]]}]}]]}],[\"$\",\"$L3d\",\"1\",{\"value\":\"item-1\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"What kind of programming languages does PureCode AI support?\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"PureCode AI supports all major programming languages and frameworks, including JavaScript, TypeScript, Python, Java, Go, C#, PHP, and popular frameworks like React Native, Vue, Next.js, and Ant Design. Whether you're building new features, modifying existing code, or working across different layers of a full-stack application, PureCode AI can assist with any language or framework in your project.\"}]]}]}]]}],[\"$\",\"$L3d\",\"2\",{\"value\":\"item-2\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"How does PureCode AI understand my codebase?\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"With Advanced Indexing enabled by default, PureCode AI automatically indexes your entire codebase, analyzing its structure. Whenever you make changes, it re-indexes the code to ensure that suggestions, queries, and responses are always accurate, relevant, and based on the most up-to-date version of your project.\"}]]}]}]]}],[\"$\",\"$L3d\",\"3\",{\"value\":\"item-3\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"How does PureCode AI keep my code secure?\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"PureCode AI keeps your code local, never storing or processing it in the cloud, unlike other competitors. You retain full control over your intellectual property and data ownership. Plus, the platform automatically meets enterprise compliance standards, ensuring robust security throughout your development process.\"}]]}]}]]}],[\"$\",\"$L3d\",\"4\",{\"value\":\"item-4\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"Can I add custom documentation to PureCode AI?\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"To add custom documentation, go to Settings below the chat area and upload the public URL of your documentation. Once saved, you can reference it in chat by typing @Docs, then select your saved document. Similarly, you can use @UI to reference saved UI components in your project.\"}]]}]}]]}],[\"$\",\"$L3d\",\"5\",{\"value\":\"item-5\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"How can I solve errors using PureCode AI?\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"To solve errors using PureCode AI, type @terminal and simply say 'solve all errors' to fix issues in your terminal commands. If you're dealing with errors in a visible file, open the active file and use the 'Fix all errors' or 'Fix all errors with context' option. For better results, you can also add @codebase along with @terminal to resolve errors across the entire codebase more effectively. This ensures efficient error resolution in both your terminal and active files.\"}]]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Don’t see what you need? Check all the questions in our \"}],[\"$\",\"$L40\",null,{\"href\":\"/faq\",\"className\":\"text-primary\",\"children\":[\" \",\"FAQ page.\"]}]]}]]}]\n"])</script></body></html>