[{"data":1,"prerenderedAt":1703},["ShallowReactive",2],{"docs-navigation-docs_en":3},[4,49,104,177,870,1061,1412,1457,1546,1657],{"title":5,"icon":6,"badge":7,"description":8,"path":9,"stem":10,"children":11,"page":48},"Getting started","rocket",null,"Install the template, learn the folder structure and the scripts, create a clean starter and deploy it.","\u002Fgetting-started","01.getting-started",[12,18,24,30,36,42],{"title":13,"path":14,"stem":15,"icon":16,"badge":7,"description":17},"Introduction","\u002Fgetting-started\u002Fintroduction","01.getting-started\u002F1.introduction","sparkles","What melsami UI is, what comes in the box and how this documentation is organised.",{"title":19,"path":20,"stem":21,"icon":22,"badge":7,"description":23},"Installation","\u002Fgetting-started\u002Finstallation","01.getting-started\u002F2.installation","download","Install the dependencies, configure the environment and open the template in your browser.",{"title":25,"path":26,"stem":27,"icon":28,"badge":7,"description":29},"Project structure","\u002Fgetting-started\u002Fproject-structure","01.getting-started\u002F3.project-structure","folder-tree","What lives in each folder and where to look when you want to change something.",{"title":31,"path":32,"stem":33,"icon":34,"badge":7,"description":35},"Scripts","\u002Fgetting-started\u002Fscripts","01.getting-started\u002F4.scripts","terminal","Every npm script in package.json and the quality gates to run before you ship.",{"title":37,"path":38,"stem":39,"icon":40,"badge":7,"description":41},"Starter kit","\u002Fgetting-started\u002Fstarter-kit","01.getting-started\u002F5.starter-kit","package","Generate a clean project with the app shell and the component library, but none of the demos.",{"title":43,"path":44,"stem":45,"icon":46,"badge":7,"description":47},"Deployment","\u002Fgetting-started\u002Fdeployment","01.getting-started\u002F6.deployment","cloud-upload","Ship the template as a Node server, as a static site or on a serverless platform.",false,{"title":50,"icon":51,"badge":7,"description":52,"path":53,"stem":54,"children":55,"page":48},"Foundations","layers","How the template is put together, from the data flow to the theme, the fonts, the icons and the translations.","\u002Ffoundations","02.foundations",[56,62,68,74,80,86,92,98],{"title":57,"path":58,"stem":59,"icon":60,"badge":7,"description":61},"Architecture","\u002Ffoundations\u002Farchitecture","02.foundations\u002F1.architecture","network","The layers of the template and how data travels from a provider to the screen.",{"title":63,"path":64,"stem":65,"icon":66,"badge":7,"description":67},"Layouts and page options","\u002Ffoundations\u002Flayouts","02.foundations\u002F2.layouts","panels-top-left","The four layouts, what each one renders and the definePageMeta options every page can set.",{"title":69,"path":70,"stem":71,"icon":72,"badge":7,"description":73},"Theme and colours","\u002Ffoundations\u002Ftheme","02.foundations\u002F3.theme","palette","Change the brand palette, understand the theme tokens and keep light and dark mode readable.",{"title":75,"path":76,"stem":77,"icon":78,"badge":7,"description":79},"Typography and shadows","\u002Ffoundations\u002Ftypography","02.foundations\u002F4.typography","type","Change the font, use the type scale and keep weights and shadows consistent.",{"title":81,"path":82,"stem":83,"icon":84,"badge":7,"description":85},"Icons","\u002Ffoundations\u002Ficons","02.foundations\u002F5.icons","shapes","Use Lucide icons, add your own SVG files and keep the bundle small.",{"title":87,"path":88,"stem":89,"icon":90,"badge":7,"description":91},"Translations","\u002Ffoundations\u002Ftranslations","02.foundations\u002F6.translations","languages","How the interface is translated, where each string lives and how to add a language.",{"title":93,"path":94,"stem":95,"icon":96,"badge":7,"description":97},"Appearance and customizer","\u002Ffoundations\u002Fappearance","02.foundations\u002F7.appearance","sliders-horizontal","Dark mode, primary colours, menu style, layouts, content width, density and right-to-left.",{"title":99,"path":100,"stem":101,"icon":102,"badge":7,"description":103},"Motion","\u002Ffoundations\u002Fmotion","02.foundations\u002F8.motion","wand-sparkles","Animate content as it enters the screen with BaseReveal and the Motion V presets.",{"title":105,"icon":106,"badge":7,"description":107,"path":108,"stem":109,"children":110,"page":48},"Guides","map","Step-by-step recipes for the tasks you will do first, from adding a page to connecting your API.","\u002Fguides","03.guides",[111,117,123,129,135,141,147,153,159,165,171],{"title":112,"path":113,"stem":114,"icon":115,"badge":7,"description":116},"Add a page","\u002Fguides\u002Fadd-a-page","03.guides\u002F01.add-a-page","file-plus","Create a route, give it a title and a menu entry, and protect it with a permission.",{"title":118,"path":119,"stem":120,"icon":121,"badge":7,"description":122},"Authentication","\u002Fguides\u002Fauthentication","03.guides\u002F02.authentication","log-in","How the demo session works and how to replace it with your own login.",{"title":124,"path":125,"stem":126,"icon":127,"badge":7,"description":128},"Roles and permissions","\u002Fguides\u002Froles-and-permissions","03.guides\u002F03.roles-and-permissions","shield-check","Check permissions in pages, menus and buttons, and add your own modules and roles.",{"title":130,"path":131,"stem":132,"icon":133,"badge":7,"description":134},"Forms and validation","\u002Fguides\u002Fforms","03.guides\u002F04.forms","text-cursor-input","Build forms with Vuetify, reusable rules, a submit helper, server errors and schema-driven forms.",{"title":136,"path":137,"stem":138,"icon":139,"badge":7,"description":140},"Connect your API","\u002Fguides\u002Fconnect-your-api","03.guides\u002F05.connect-your-api","plug","Replace the demo data with your backend without touching pages or components.",{"title":142,"path":143,"stem":144,"icon":145,"badge":7,"description":146},"Charts","\u002Fguides\u002Fcharts","03.guides\u002F06.charts","chart-column","Draw area, line, bar, donut, pie and radial charts and sparklines that follow the theme.",{"title":148,"path":149,"stem":150,"icon":151,"badge":7,"description":152},"Data tables","\u002Fguides\u002Fdata-tables","03.guides\u002F07.data-tables","table","Search, filter, sort, select, group and act on rows with BaseDataTable.",{"title":154,"path":155,"stem":156,"icon":157,"badge":7,"description":158},"Toasts, alerts and dialogs","\u002Fguides\u002Ffeedback","03.guides\u002F08.feedback","message-square-warning","Tell the user what happened with toasts, alerts, confirmation dialogs and empty states.",{"title":160,"path":161,"stem":162,"icon":163,"badge":7,"description":164},"Keyboard shortcuts and command palette","\u002Fguides\u002Fkeyboard-shortcuts","03.guides\u002F09.keyboard-shortcuts","keyboard","Register shortcuts, show them the same way on Mac and PC, and add actions to the command palette.",{"title":166,"path":167,"stem":168,"icon":169,"badge":7,"description":170},"Cookie consent","\u002Fguides\u002Fcookie-consent","03.guides\u002F10.cookie-consent","cookie","Configure the cookie banner and the preferences centre, and load scripts only with consent.",{"title":172,"path":173,"stem":174,"icon":175,"badge":7,"description":176},"Testing","\u002Fguides\u002Ftesting","03.guides\u002F11.testing","flask-conical","Write unit tests for the rules and end-to-end tests for the screens.",{"title":178,"icon":179,"badge":7,"description":180,"path":181,"stem":182,"children":183,"page":-1},"Components","component","Every Base component with live examples you can try, its code and the full API generated from the source.","\u002Fcomponents","04.components",[184,189,235,256,317,432,493,564,660,725,750,855],{"title":185,"path":181,"stem":186,"icon":187,"badge":7,"description":188},"Overview","04.components\u002Findex","layout-grid","The Base components are the building blocks of every screen. Each page shows them running, with the code you can copy and the full API.",{"title":190,"icon":191,"badge":7,"description":7,"path":192,"stem":193,"children":194,"page":48},"Buttons","mouse-pointer-click","\u002Fcomponents\u002Fbuttons","04.components\u002F01.buttons",[195,200,205,210,215,220,225,230],{"title":196,"path":197,"stem":198,"icon":7,"badge":7,"description":199},"BaseButton","\u002Fcomponents\u002Fbuttons\u002Fbase-button","04.components\u002F01.buttons\u002F1.base-button","The button of the whole template. It wraps v-btn with the brand's button types, so every button looks the same.",{"title":201,"path":202,"stem":203,"icon":7,"badge":7,"description":204},"BaseIconButton","\u002Fcomponents\u002Fbuttons\u002Fbase-icon-button","04.components\u002F01.buttons\u002F2.base-icon-button","A square button with only an icon, for toolbars, table rows and compact actions. It wraps v-icon-btn.",{"title":206,"path":207,"stem":208,"icon":7,"badge":7,"description":209},"BaseViewAllLink","\u002Fcomponents\u002Fbuttons\u002Fbase-view-all-link","04.components\u002F01.buttons\u002F3.base-view-all-link","A small “View all” link with an arrow for the header of a card or a section.",{"title":211,"path":212,"stem":213,"icon":7,"badge":7,"description":214},"BaseMenuButton","\u002Fcomponents\u002Fbuttons\u002Fbase-menu-button","04.components\u002F01.buttons\u002F4.base-menu-button","A button that opens a menu of options, with a chevron that follows the open state.",{"title":216,"path":217,"stem":218,"icon":7,"badge":7,"description":219},"BaseStoreBadge","\u002Fcomponents\u002Fbuttons\u002Fbase-store-badge","04.components\u002F01.buttons\u002F5.base-store-badge","A download button for an app store, with the store icon and translated labels.",{"title":221,"path":222,"stem":223,"icon":7,"badge":7,"description":224},"BaseStoreBadges","\u002Fcomponents\u002Fbuttons\u002Fbase-store-badges","04.components\u002F01.buttons\u002F6.base-store-badges","A row of store badges that wraps on small screens.",{"title":226,"path":227,"stem":228,"icon":7,"badge":7,"description":229},"BaseBadgeIconButton","\u002Fcomponents\u002Fbuttons\u002Fbase-badge-icon-button","04.components\u002F01.buttons\u002F7.base-badge-icon-button","An icon button with a counter badge, as used by the notifications and cart buttons of the navbar.",{"title":231,"path":232,"stem":233,"icon":7,"badge":7,"description":234},"BaseOverflowMenu","\u002Fcomponents\u002Fbuttons\u002Fbase-overflow-menu","04.components\u002F01.buttons\u002F8.base-overflow-menu","An ellipsis icon button that opens a menu, for secondary actions that do not fit next to the primary one.",{"title":236,"icon":237,"badge":7,"description":7,"path":238,"stem":239,"children":240,"page":48},"Chips","tag","\u002Fcomponents\u002Fchips","04.components\u002F02.chips",[241,246,251],{"title":242,"path":243,"stem":244,"icon":7,"badge":7,"description":245},"BaseChip","\u002Fcomponents\u002Fchips\u002Fbase-chip","04.components\u002F02.chips\u002F1.base-chip","A compact label for tags, categories and filters. It wraps v-chip with the template's shape and can pick its colour from a value.",{"title":247,"path":248,"stem":249,"icon":7,"badge":7,"description":250},"BaseDot","\u002Fcomponents\u002Fchips\u002Fbase-dot","04.components\u002F02.chips\u002F2.base-dot","A small coloured dot for statuses, legends and presence.",{"title":252,"path":253,"stem":254,"icon":7,"badge":7,"description":255},"BaseStatusChip","\u002Fcomponents\u002Fchips\u002Fbase-status-chip","04.components\u002F02.chips\u002F3.base-status-chip","A small chip that colours itself from a status such as paid, pending or overdue.",{"title":257,"icon":258,"badge":7,"description":7,"path":259,"stem":260,"children":261,"page":48},"Navigation","menu","\u002Fcomponents\u002Fnavigation","04.components\u002F03.navigation",[262,267,272,277,282,287,292,297,302,307,312],{"title":263,"path":264,"stem":265,"icon":7,"badge":7,"description":266},"BasePageHeader","\u002Fcomponents\u002Fnavigation\u002Fbase-page-header","04.components\u002F03.navigation\u002F01.base-page-header","The title row of every page, with the description and the primary actions.",{"title":268,"path":269,"stem":270,"icon":7,"badge":7,"description":271},"BaseMenu","\u002Fcomponents\u002Fnavigation\u002Fbase-menu","04.components\u002F03.navigation\u002F02.base-menu","A floating panel opened from an activator, with optional header and footer. It wraps v-menu.",{"title":273,"path":274,"stem":275,"icon":7,"badge":7,"description":276},"BaseMenuOptions","\u002Fcomponents\u002Fnavigation\u002Fbase-menu-options","04.components\u002F03.navigation\u002F03.base-menu-options","A menu with a list of options that can run actions, navigate or keep a selection.",{"title":278,"path":279,"stem":280,"icon":7,"badge":7,"description":281},"BaseSectionNav","\u002Fcomponents\u002Fnavigation\u002Fbase-section-nav","04.components\u002F03.navigation\u002F04.base-section-nav","A vertical list of sections for settings-like pages that turns into a select on small screens.",{"title":283,"path":284,"stem":285,"icon":7,"badge":7,"description":286},"BaseNavList","\u002Fcomponents\u002Fnavigation\u002Fbase-nav-list","04.components\u002F03.navigation\u002F05.base-nav-list","The navigation list of the app sidebars, with icons or coloured dots and counts shown as chips.",{"title":288,"path":289,"stem":290,"icon":7,"badge":7,"description":291},"BaseBreadcrumbs","\u002Fcomponents\u002Fnavigation\u002Fbase-breadcrumbs","04.components\u002F03.navigation\u002F06.base-breadcrumbs","A breadcrumb trail with the template's text size. It wraps v-breadcrumbs.",{"title":293,"path":294,"stem":295,"icon":7,"badge":7,"description":296},"BaseTableOfContents","\u002Fcomponents\u002Fnavigation\u002Fbase-table-of-contents","04.components\u002F03.navigation\u002F07.base-table-of-contents","An “On this page” list that scrolls to each section and highlights the one you are reading.",{"title":298,"path":299,"stem":300,"icon":7,"badge":7,"description":301},"BasePagerLinks","\u002Fcomponents\u002Fnavigation\u002Fbase-pager-links","04.components\u002F03.navigation\u002F08.base-pager-links","Previous and next links at the end of an article, a guide or a help page.",{"title":303,"path":304,"stem":305,"icon":7,"badge":7,"description":306},"BaseHotkeyLegend","\u002Fcomponents\u002Fnavigation\u002Fbase-hotkey-legend","04.components\u002F03.navigation\u002F09.base-hotkey-legend","A row of keyboard shortcuts with what they do, for the footer of a palette or a search dialog.",{"title":308,"path":309,"stem":310,"icon":7,"badge":7,"description":311},"BaseTabs","\u002Fcomponents\u002Fnavigation\u002Fbase-tabs","04.components\u002F03.navigation\u002F10.base-tabs","Underlined text tabs to switch views inside a card.",{"title":313,"path":314,"stem":315,"icon":7,"badge":7,"description":316},"BaseCommandDialog","\u002Fcomponents\u002Fnavigation\u002Fbase-command-dialog","04.components\u002F03.navigation\u002F11.base-command-dialog","A command palette or search dialog: a search field, grouped results and keyboard navigation.",{"title":318,"icon":133,"badge":7,"description":7,"path":319,"stem":320,"children":321,"page":48},"Inputs","\u002Fcomponents\u002Finputs","04.components\u002F04.inputs",[322,327,332,337,342,347,352,357,362,367,372,377,382,387,392,397,402,407,412,417,422,427],{"title":323,"path":324,"stem":325,"icon":7,"badge":7,"description":326},"BaseTextField","\u002Fcomponents\u002Finputs\u002Fbase-text-field","04.components\u002F04.inputs\u002F01.base-text-field","The text field of every form, with a visible label, the optional marker, hints, errors and help.",{"title":328,"path":329,"stem":330,"icon":7,"badge":7,"description":331},"BasePasswordField","\u002Fcomponents\u002Finputs\u002Fbase-password-field","04.components\u002F04.inputs\u002F02.base-password-field","A password field with a show\u002Fhide button, a strength meter, live requirements and a Caps Lock warning.",{"title":333,"path":334,"stem":335,"icon":7,"badge":7,"description":336},"BaseTextSearch","\u002Fcomponents\u002Finputs\u002Fbase-text-search","04.components\u002F04.inputs\u002F03.base-text-search","A search field for toolbars, compact by default, that can show its keyboard shortcut.",{"title":338,"path":339,"stem":340,"icon":7,"badge":7,"description":341},"BaseTextarea","\u002Fcomponents\u002Finputs\u002Fbase-textarea","04.components\u002F04.inputs\u002F04.base-textarea","A multi-line text field with the same label, hint and error behaviour as BaseTextField.",{"title":343,"path":344,"stem":345,"icon":7,"badge":7,"description":346},"BaseNumberInput","\u002Fcomponents\u002Finputs\u002Fbase-number-input","04.components\u002F04.inputs\u002F05.base-number-input","A number field with increment and decrement controls, limits and steps.",{"title":348,"path":349,"stem":350,"icon":7,"badge":7,"description":351},"BaseDateInput","\u002Fcomponents\u002Finputs\u002Fbase-date-input","04.components\u002F04.inputs\u002F06.base-date-input","A date field that opens a calendar and formats the date in the user’s language.",{"title":353,"path":354,"stem":355,"icon":7,"badge":7,"description":356},"BaseDateRangeField","\u002Fcomponents\u002Finputs\u002Fbase-date-range-field","04.components\u002F04.inputs\u002F07.base-date-range-field","Two date fields for a start and an end, kept in order.",{"title":358,"path":359,"stem":360,"icon":7,"badge":7,"description":361},"BaseSelectInput","\u002Fcomponents\u002Finputs\u002Fbase-select-input","04.components\u002F04.inputs\u002F08.base-select-input","A select with the template’s menu style, single or multiple, with chips.",{"title":363,"path":364,"stem":365,"icon":7,"badge":7,"description":366},"BaseAutocomplete","\u002Fcomponents\u002Finputs\u002Fbase-autocomplete","04.components\u002F04.inputs\u002F09.base-autocomplete","A select you can type into to filter long lists.",{"title":368,"path":369,"stem":370,"icon":7,"badge":7,"description":371},"BaseCombobox","\u002Fcomponents\u002Finputs\u002Fbase-combobox","04.components\u002F04.inputs\u002F10.base-combobox","A field that suggests values but also accepts new ones, ideal for tags and recipients.",{"title":373,"path":374,"stem":375,"icon":7,"badge":7,"description":376},"BaseFileInput","\u002Fcomponents\u002Finputs\u002Fbase-file-input","04.components\u002F04.inputs\u002F11.base-file-input","A file picker for one or several files, with chips and a hint for formats and sizes.",{"title":378,"path":379,"stem":380,"icon":7,"badge":7,"description":381},"BaseCheckbox","\u002Fcomponents\u002Finputs\u002Fbase-checkbox","04.components\u002F04.inputs\u002F12.base-checkbox","A single checkbox with its text, validation and an indeterminate state.",{"title":383,"path":384,"stem":385,"icon":7,"badge":7,"description":386},"BaseCheckboxGroup","\u002Fcomponents\u002Finputs\u002Fbase-checkbox-group","04.components\u002F04.inputs\u002F13.base-checkbox-group","A group of checkboxes that keeps an array of the selected values.",{"title":388,"path":389,"stem":390,"icon":7,"badge":7,"description":391},"BaseRadioGroup","\u002Fcomponents\u002Finputs\u002Fbase-radio-group","04.components\u002F04.inputs\u002F14.base-radio-group","A group of radio buttons for one choice among a few options.",{"title":393,"path":394,"stem":395,"icon":7,"badge":7,"description":396},"BaseSwatchPicker","\u002Fcomponents\u002Finputs\u002Fbase-swatch-picker","04.components\u002F04.inputs\u002F15.base-swatch-picker","A single choice among colour swatches or icons, shown as tiles.",{"title":398,"path":399,"stem":400,"icon":7,"badge":7,"description":401},"BaseToggleGroup","\u002Fcomponents\u002Finputs\u002Fbase-toggle-group","04.components\u002F04.inputs\u002F16.base-toggle-group","A segmented control for views, periods and short options, with icons and counters.",{"title":403,"path":404,"stem":405,"icon":7,"badge":7,"description":406},"BaseSwitch","\u002Fcomponents\u002Finputs\u002Fbase-switch","04.components\u002F04.inputs\u002F17.base-switch","An on\u002Foff switch with a text and an optional description, for settings that apply at once.",{"title":408,"path":409,"stem":410,"icon":7,"badge":7,"description":411},"BaseSlider","\u002Fcomponents\u002Finputs\u002Fbase-slider","04.components\u002F04.inputs\u002F18.base-slider","A slider for a single value, with the value and the limits displayed.",{"title":413,"path":414,"stem":415,"icon":7,"badge":7,"description":416},"BaseRangeSlider","\u002Fcomponents\u002Finputs\u002Fbase-range-slider","04.components\u002F04.inputs\u002F19.base-range-slider","A slider with two thumbs for a minimum and a maximum, with number fields for exact values.",{"title":418,"path":419,"stem":420,"icon":7,"badge":7,"description":421},"BaseInputInfo","\u002Fcomponents\u002Finputs\u002Fbase-input-info","04.components\u002F04.inputs\u002F20.base-input-info","A help icon with a popover, placed next to a label to explain a field.",{"title":423,"path":424,"stem":425,"icon":7,"badge":7,"description":426},"BaseDatePicker","\u002Fcomponents\u002Finputs\u002Fbase-date-picker","04.components\u002F04.inputs\u002F21.base-date-picker","An inline calendar in the app’s card style, with limits and allowed dates.",{"title":428,"path":429,"stem":430,"icon":7,"badge":7,"description":431},"BaseInputWrapper","\u002Fcomponents\u002Finputs\u002Fbase-input-wrapper","04.components\u002F04.inputs\u002F22.base-input-wrapper","The label, optional marker and help that every Base input shares. Use it to give your own control the same label.",{"title":433,"icon":434,"badge":7,"description":7,"path":435,"stem":436,"children":437,"page":48},"Forms","clipboard-list","\u002Fcomponents\u002Fforms","04.components\u002F05.forms",[438,443,448,453,458,463,468,473,478,483,488],{"title":439,"path":440,"stem":441,"icon":7,"badge":7,"description":442},"BaseForm","\u002Fcomponents\u002Fforms\u002Fbase-form","04.components\u002F05.forms\u002F01.base-form","A schema-driven form: describe sections and fields as data and it renders the inputs, validation, layout, steps and actions.",{"title":444,"path":445,"stem":446,"icon":7,"badge":7,"description":447},"BaseFormPanel","\u002Fcomponents\u002Fforms\u002Fbase-form-panel","04.components\u002F05.forms\u002F02.base-form-panel","The drawer or dialog that hosts create and edit forms across the apps.",{"title":449,"path":450,"stem":451,"icon":7,"badge":7,"description":452},"BaseFormFeedback","\u002Fcomponents\u002Fforms\u002Fbase-form-feedback","04.components\u002F05.forms\u002F03.base-form-feedback","The message above a form: a server error, a success or the summary of invalid fields.",{"title":454,"path":455,"stem":456,"icon":7,"badge":7,"description":457},"BaseFormSteps","\u002Fcomponents\u002Fforms\u002Fbase-form-steps","04.components\u002F05.forms\u002F04.base-form-steps","The step indicator of the stepper layout, horizontal or vertical, with complete, current, error and pending states.",{"title":459,"path":460,"stem":461,"icon":7,"badge":7,"description":462},"BaseFormStepItem","\u002Fcomponents\u002Fforms\u002Fbase-form-step-item","04.components\u002F05.forms\u002F05.base-form-step-item","One step of BaseFormSteps: indicator, title, status text and connector.",{"title":464,"path":465,"stem":466,"icon":7,"badge":7,"description":467},"BaseFormStepIndicator","\u002Fcomponents\u002Fforms\u002Fbase-form-step-indicator","04.components\u002F05.forms\u002F06.base-form-step-indicator","The square badge of a step: a number, a check, an error mark or the step icon.",{"title":469,"path":470,"stem":471,"icon":7,"badge":7,"description":472},"BaseFormTabs","\u002Fcomponents\u002Fforms\u002Fbase-form-tabs","04.components\u002F05.forms\u002F07.base-form-tabs","The tab bar of the tabs layout, with an error count on each section.",{"title":474,"path":475,"stem":476,"icon":7,"badge":7,"description":477},"BaseFormNav","\u002Fcomponents\u002Fforms\u002Fbase-form-nav","04.components\u002F05.forms\u002F08.base-form-nav","The side navigation of the aside layout, with the overall progress and the state of each section.",{"title":479,"path":480,"stem":481,"icon":7,"badge":7,"description":482},"BaseFormSection","\u002Fcomponents\u002Fforms\u002Fbase-form-section","04.components\u002F05.forms\u002F09.base-form-section","One section of a BaseForm: its title, description and the grid of fields.",{"title":484,"path":485,"stem":486,"icon":7,"badge":7,"description":487},"BaseFormField","\u002Fcomponents\u002Fforms\u002Fbase-form-field","04.components\u002F05.forms\u002F10.base-form-field","Renders one field definition with the matching Base input.",{"title":489,"path":490,"stem":491,"icon":7,"badge":7,"description":492},"BaseFormActions","\u002Fcomponents\u002Fforms\u002Fbase-form-actions","04.components\u002F05.forms\u002F11.base-form-actions","The footer of a BaseForm: submit, cancel, back and next, create another and the error summary button.",{"title":494,"icon":495,"badge":7,"description":7,"path":496,"stem":497,"children":498,"page":48},"Cards","layout-dashboard","\u002Fcomponents\u002Fcards","04.components\u002F06.cards",[499,504,509,514,519,524,529,534,539,544,549,554,559],{"title":500,"path":501,"stem":502,"icon":7,"badge":7,"description":503},"BaseCard","\u002Fcomponents\u002Fcards\u002Fbase-card","04.components\u002F06.cards\u002F01.base-card","The card every panel is built on: a title row with actions, a padded body or full-bleed content.",{"title":505,"path":506,"stem":507,"icon":7,"badge":7,"description":508},"BaseBannerCard","\u002Fcomponents\u002Fcards\u002Fbase-banner-card","04.components\u002F06.cards\u002F02.base-banner-card","A highlighted card with a message, up to two actions and an illustration.",{"title":510,"path":511,"stem":512,"icon":7,"badge":7,"description":513},"BaseIconTile","\u002Fcomponents\u002Fcards\u002Fbase-icon-tile","04.components\u002F06.cards\u002F03.base-icon-tile","A square tile with an icon, a short text or an image, used in lists, cards and steps.",{"title":515,"path":516,"stem":517,"icon":7,"badge":7,"description":518},"BaseIconItem","\u002Fcomponents\u002Fcards\u002Fbase-icon-item","04.components\u002F06.cards\u002F04.base-icon-item","An icon tile with a title and a subtitle next to it, for facts, files and transactions.",{"title":520,"path":521,"stem":522,"icon":7,"badge":7,"description":523},"BaseLinkCard","\u002Fcomponents\u002Fcards\u002Fbase-link-card","04.components\u002F06.cards\u002F05.base-link-card","A card that leads somewhere: icon, title, description and an action button.",{"title":525,"path":526,"stem":527,"icon":7,"badge":7,"description":528},"BasePromoCard","\u002Fcomponents\u002Fcards\u002Fbase-promo-card","04.components\u002F06.cards\u002F06.base-promo-card","A compact upgrade card with a message and one call to action, as in the sidebar.",{"title":530,"path":531,"stem":532,"icon":7,"badge":7,"description":533},"BaseSplitView","\u002Fcomponents\u002Fcards\u002Fbase-split-view","04.components\u002F06.cards\u002F07.base-split-view","The list and detail layout of the apps, with an optional navigation column and aside.",{"title":535,"path":536,"stem":537,"icon":7,"badge":7,"description":538},"BaseStatTiles","\u002Fcomponents\u002Fcards\u002Fbase-stat-tiles","04.components\u002F06.cards\u002F08.base-stat-tiles","Label and value boxes, as tiles or a divided strip, with icons, links and progress.",{"title":540,"path":541,"stem":542,"icon":7,"badge":7,"description":543},"BasePlanCard","\u002Fcomponents\u002Fcards\u002Fbase-plan-card","04.components\u002F06.cards\u002F09.base-plan-card","The pricing card shared by the app’s pricing page and the landing pricing block.",{"title":545,"path":546,"stem":547,"icon":7,"badge":7,"description":548},"BaseKpiCard","\u002Fcomponents\u002Fcards\u002Fbase-kpi-card","04.components\u002F06.cards\u002F10.base-kpi-card","A KPI with its value, change, comparison and a sparkline, in stacked or inline layout.",{"title":550,"path":551,"stem":552,"icon":7,"badge":7,"description":553},"BaseKpiCardSkeleton","\u002Fcomponents\u002Fcards\u002Fbase-kpi-card-skeleton","04.components\u002F06.cards\u002F11.base-kpi-card-skeleton","The loading placeholder of BaseKpiCard, with the same layouts and chart types.",{"title":555,"path":556,"stem":557,"icon":7,"badge":7,"description":558},"BaseShowcaseStage","\u002Fcomponents\u002Fcards\u002Fbase-showcase-stage","04.components\u002F06.cards\u002F12.base-showcase-stage","A decorative frame with a soft shape behind a small card, used on the auth and status pages.",{"title":560,"path":561,"stem":562,"icon":7,"badge":7,"description":563},"BaseSettingRow","\u002Fcomponents\u002Fcards\u002Fbase-setting-row","04.components\u002F06.cards\u002F13.base-setting-row","A settings row: an icon tile, a title, a description and the control on the right.",{"title":565,"icon":566,"badge":7,"description":7,"path":567,"stem":568,"children":569,"page":48},"Data display","table-2","\u002Fcomponents\u002Fdata","04.components\u002F07.data",[570,575,580,585,590,595,600,605,610,615,620,625,630,635,640,645,650,655],{"title":571,"path":572,"stem":573,"icon":7,"badge":7,"description":574},"BaseFormattedValue","\u002Fcomponents\u002Fdata\u002Fbase-formatted-value","04.components\u002F07.data\u002F01.base-formatted-value","A number or amount formatted for the current language, with an optional prefix, suffix or icon.",{"title":576,"path":577,"stem":578,"icon":7,"badge":7,"description":579},"BaseTrendChip","\u002Fcomponents\u002Fdata\u002Fbase-trend-chip","04.components\u002F07.data\u002F02.base-trend-chip","A small chip with the change of a figure, coloured by whether going up is good or bad.",{"title":581,"path":582,"stem":583,"icon":7,"badge":7,"description":584},"BaseMeta","\u002Fcomponents\u002Fdata\u002Fbase-meta","04.components\u002F07.data\u002F04.base-meta","A row of small facts separated by dots, such as “2.4 MB · PDF · Updated today”.",{"title":586,"path":587,"stem":588,"icon":7,"badge":7,"description":589},"BaseAmount","\u002Fcomponents\u002Fdata\u002Fbase-amount","04.components\u002F07.data\u002F05.base-amount","A money amount in the default currency, with tabular figures and an optional sign colour.",{"title":591,"path":592,"stem":593,"icon":7,"badge":7,"description":594},"BaseAvatarUser","\u002Fcomponents\u002Fdata\u002Fbase-avatar-user","04.components\u002F07.data\u002F06.base-avatar-user","A user avatar with the photo or the initials of the name.",{"title":596,"path":597,"stem":598,"icon":7,"badge":7,"description":599},"BaseRating","\u002Fcomponents\u002Fdata\u002Fbase-rating","04.components\u002F07.data\u002F07.base-rating","A read-only star rating with half stars.",{"title":601,"path":602,"stem":603,"icon":7,"badge":7,"description":604},"BaseRatingBreakdown","\u002Fcomponents\u002Fdata\u002Fbase-rating-breakdown","04.components\u002F07.data\u002F08.base-rating-breakdown","The distribution of ratings from 5 to 1 star, as bars with counts or percentages.",{"title":606,"path":607,"stem":608,"icon":7,"badge":7,"description":609},"BaseHighlight","\u002Fcomponents\u002Fdata\u002Fbase-highlight","04.components\u002F07.data\u002F09.base-highlight","A highlighted word inside a headline, in the brand colour.",{"title":611,"path":612,"stem":613,"icon":7,"badge":7,"description":614},"BaseFileIcon","\u002Fcomponents\u002Fdata\u002Fbase-file-icon","04.components\u002F07.data\u002F10.base-file-icon","The icon of a file type, coloured by its kind, from its file name.",{"title":616,"path":617,"stem":618,"icon":7,"badge":7,"description":619},"BaseAttachment","\u002Fcomponents\u002Fdata\u002Fbase-attachment","04.components\u002F07.data\u002F11.base-attachment","A file chip with its icon, name, size and a download button, used by chat and email.",{"title":621,"path":622,"stem":623,"icon":7,"badge":7,"description":624},"BaseLinkList","\u002Fcomponents\u002Fdata\u002Fbase-link-list","04.components\u002F07.data\u002F12.base-link-list","A list of links or checked items with icons.",{"title":626,"path":627,"stem":628,"icon":7,"badge":7,"description":629},"BaseUserIdentity","\u002Fcomponents\u002Fdata\u002Fbase-user-identity","04.components\u002F07.data\u002F13.base-user-identity","An avatar with a name, a subtitle and a caption, in three sizes.",{"title":631,"path":632,"stem":633,"icon":7,"badge":7,"description":634},"BaseAvatarGroup","\u002Fcomponents\u002Fdata\u002Fbase-avatar-group","04.components\u002F07.data\u002F14.base-avatar-group","Overlapping avatars with a “+N” counter, optionally selectable as a filter.",{"title":636,"path":637,"stem":638,"icon":7,"badge":7,"description":639},"BaseSummaryList","\u002Fcomponents\u002Fdata\u002Fbase-summary-list","04.components\u002F07.data\u002F15.base-summary-list","A list of label and value rows with dividers and a total, for order and invoice summaries.",{"title":641,"path":642,"stem":643,"icon":7,"badge":7,"description":644},"BaseSocialLinks","\u002Fcomponents\u002Fdata\u002Fbase-social-links","04.components\u002F07.data\u002F16.base-social-links","A row of icon links to social profiles.",{"title":646,"path":647,"stem":648,"icon":7,"badge":7,"description":649},"BaseTextMatch","\u002Fcomponents\u002Fdata\u002Fbase-text-match","04.components\u002F07.data\u002F17.base-text-match","A text with the parts that match a search term highlighted.",{"title":651,"path":652,"stem":653,"icon":7,"badge":7,"description":654},"BaseStepList","\u002Fcomponents\u002Fdata\u002Fbase-step-list","04.components\u002F07.data\u002F18.base-step-list","A numbered list of steps, as in the help center articles.",{"title":656,"path":657,"stem":658,"icon":7,"badge":7,"description":659},"BaseMiniBars","\u002Fcomponents\u002Fdata\u002Fbase-mini-bars","04.components\u002F07.data\u002F19.base-mini-bars","A tiny ECharts bar chart without axes, for cards and status uptime.",{"title":661,"icon":151,"badge":7,"description":7,"path":662,"stem":663,"children":664,"page":48},"Tables","\u002Fcomponents\u002Ftables","04.components\u002F08.tables",[665,670,675,680,685,690,695,700,705,710,715,720],{"title":666,"path":667,"stem":668,"icon":7,"badge":7,"description":669},"BaseDataTable","\u002Fcomponents\u002Ftables\u002Fbase-data-table","04.components\u002F08.tables\u002F01.base-data-table","The data table of every list: search, filters, columns menu, grouping, selection, row and bulk actions and pagination.",{"title":671,"path":672,"stem":673,"icon":7,"badge":7,"description":674},"BaseMatrixTable","\u002Fcomponents\u002Ftables\u002Fbase-matrix-table","04.components\u002F08.tables\u002F02.base-matrix-table","A grid of rows by columns for settings and comparisons, such as notifications by channel or plans by feature.",{"title":676,"path":677,"stem":678,"icon":7,"badge":7,"description":679},"BaseDataTableSkeleton","\u002Fcomponents\u002Ftables\u002Fbase-data-table-skeleton","04.components\u002F08.tables\u002F03.base-data-table-skeleton","A loading placeholder shaped like a table.",{"title":681,"path":682,"stem":683,"icon":7,"badge":7,"description":684},"BaseDataTablePagination","\u002Fcomponents\u002Ftables\u002Fbase-data-table-pagination","04.components\u002F08.tables\u002F04.base-data-table-pagination","The footer of the table: page size, range and page buttons.",{"title":686,"path":687,"stem":688,"icon":7,"badge":7,"description":689},"BaseDataTableColumnsMenu","\u002Fcomponents\u002Ftables\u002Fbase-data-table-columns-menu","04.components\u002F08.tables\u002F05.base-data-table-columns-menu","The menu to show, hide and reorder the columns.",{"title":691,"path":692,"stem":693,"icon":7,"badge":7,"description":694},"BaseDataTableBulkBar","\u002Fcomponents\u002Ftables\u002Fbase-data-table-bulk-bar","04.components\u002F08.tables\u002F06.base-data-table-bulk-bar","The bar that appears while rows are selected, with the count, “show only selected” and the bulk actions.",{"title":696,"path":697,"stem":698,"icon":7,"badge":7,"description":699},"BaseDataTableFiltersMenu","\u002Fcomponents\u002Ftables\u002Fbase-data-table-filters-menu","04.components\u002F08.tables\u002F07.base-data-table-filters-menu","The filters menu with one control per filter and a clear button.",{"title":701,"path":702,"stem":703,"icon":7,"badge":7,"description":704},"BaseDataTableFilterControl","\u002Fcomponents\u002Ftables\u002Fbase-data-table-filter-control","04.components\u002F08.tables\u002F08.base-data-table-filter-control","One filter control inside the menu: text, select, radio, boolean, range or date range.",{"title":706,"path":707,"stem":708,"icon":7,"badge":7,"description":709},"BaseDataTableGroupMenu","\u002Fcomponents\u002Ftables\u002Fbase-data-table-group-menu","04.components\u002F08.tables\u002F09.base-data-table-group-menu","The menu to group rows by a column.",{"title":711,"path":712,"stem":713,"icon":7,"badge":7,"description":714},"BaseDataTableRowActionsMenu","\u002Fcomponents\u002Ftables\u002Fbase-data-table-row-actions-menu","04.components\u002F08.tables\u002F10.base-data-table-row-actions-menu","The “…” menu at the end of a row with its actions.",{"title":716,"path":717,"stem":718,"icon":7,"badge":7,"description":719},"BaseDataTableMenuPanel","\u002Fcomponents\u002Ftables\u002Fbase-data-table-menu-panel","04.components\u002F08.tables\u002F11.base-data-table-menu-panel","The shared frame of the table menus: activator, title, close button and the reset, cancel and apply footer.",{"title":721,"path":722,"stem":723,"icon":7,"badge":7,"description":724},"BaseDataTableMobileRow","\u002Fcomponents\u002Ftables\u002Fbase-data-table-mobile-row","04.components\u002F08.tables\u002F12.base-data-table-mobile-row","The compact two-line row a list shows on phones.",{"title":142,"icon":726,"badge":7,"description":7,"path":727,"stem":728,"children":729,"page":48},"chart-pie","\u002Fcomponents\u002Fcharts","04.components\u002F09.charts",[730,735,740,745],{"title":731,"path":732,"stem":733,"icon":7,"badge":7,"description":734},"BaseChart","\u002Fcomponents\u002Fcharts\u002Fbase-chart","04.components\u002F09.charts\u002F1.base-chart","Area, line, bar, donut, pie and radial charts on Apache ECharts, coloured by the theme.",{"title":736,"path":737,"stem":738,"icon":7,"badge":7,"description":739},"BaseChartCard","\u002Fcomponents\u002Fcharts\u002Fbase-chart-card","04.components\u002F09.charts\u002F2.base-chart-card","A card with a title, a description and a chart picked by preset.",{"title":741,"path":742,"stem":743,"icon":7,"badge":7,"description":744},"BaseSparkline","\u002Fcomponents\u002Fcharts\u002Fbase-sparkline","04.components\u002F09.charts\u002F3.base-sparkline","A small trend without axes drawn with ECharts, with the previous period, an end point and scrubbing.",{"title":746,"path":747,"stem":748,"icon":7,"badge":7,"description":749},"BaseChartSkeleton","\u002Fcomponents\u002Fcharts\u002Fbase-chart-skeleton","04.components\u002F09.charts\u002F4.base-chart-skeleton","The loading placeholder of a chart, shown while data loads and while ECharts downloads.",{"title":751,"icon":157,"badge":7,"description":7,"path":752,"stem":753,"children":754,"page":48},"Feedback","\u002Fcomponents\u002Ffeedback","04.components\u002F10.feedback",[755,760,765,770,775,780,785,790,795,800,805,810,815,820,825,830,835,840,845,850],{"title":756,"path":757,"stem":758,"icon":7,"badge":7,"description":759},"BaseAlert","\u002Fcomponents\u002Ffeedback\u002Fbase-alert","04.components\u002F10.feedback\u002F01.base-alert","An inline message about the page, with an optional title and actions, readable in both themes.",{"title":761,"path":762,"stem":763,"icon":7,"badge":7,"description":764},"BaseEmptyState","\u002Fcomponents\u002Ffeedback\u002Fbase-empty-state","04.components\u002F10.feedback\u002F02.base-empty-state","What a view shows when it has nothing yet or a search found nothing.",{"title":766,"path":767,"stem":768,"icon":7,"badge":7,"description":769},"BaseResultState","\u002Fcomponents\u002Ffeedback\u002Fbase-result-state","04.components\u002F10.feedback\u002F03.base-result-state","The outcome of a flow: payment done, account created, request failed.",{"title":771,"path":772,"stem":773,"icon":7,"badge":7,"description":774},"BaseStepProgress","\u002Fcomponents\u002Ffeedback\u002Fbase-step-progress","04.components\u002F10.feedback\u002F04.base-step-progress","A progress bar split into steps, such as the fulfilment of an order or the modules of a course.",{"title":776,"path":777,"stem":778,"icon":7,"badge":7,"description":779},"BaseSegmentBar","\u002Fcomponents\u002Ffeedback\u002Fbase-segment-bar","04.components\u002F10.feedback\u002F05.base-segment-bar","A proportional bar of coloured segments, with an optional neutral track for the rest of a total.",{"title":781,"path":782,"stem":783,"icon":7,"badge":7,"description":784},"BaseQuickView","\u002Fcomponents\u002Ffeedback\u002Fbase-quick-view","04.components\u002F10.feedback\u002F06.base-quick-view","The side panel that previews a record without leaving the list: orders, products, customers, invoices.",{"title":786,"path":787,"stem":788,"icon":7,"badge":7,"description":789},"BaseTooltip","\u002Fcomponents\u002Ffeedback\u002Fbase-tooltip","04.components\u002F10.feedback\u002F07.base-tooltip","A tooltip with an optional keyboard shortcut, shown the right way on Mac and PC.",{"title":791,"path":792,"stem":793,"icon":7,"badge":7,"description":794},"BaseToast","\u002Fcomponents\u002Ffeedback\u002Fbase-toast","04.components\u002F10.feedback\u002F08.base-toast","The toast card rendered by AppToast. Pages never render it: they call useToast().",{"title":796,"path":797,"stem":798,"icon":7,"badge":7,"description":799},"BaseConfirmDialog","\u002Fcomponents\u002Ffeedback\u002Fbase-confirm-dialog","04.components\u002F10.feedback\u002F09.base-confirm-dialog","A confirmation dialog for destructive or important actions, with an optional typed confirmation.",{"title":801,"path":802,"stem":803,"icon":7,"badge":7,"description":804},"BaseTimeline","\u002Fcomponents\u002Ffeedback\u002Fbase-timeline","04.components\u002F10.feedback\u002F10.base-timeline","An activity history grouped by day, with actors, chips, actions and a loading state.",{"title":806,"path":807,"stem":808,"icon":7,"badge":7,"description":809},"BaseTimelineContext","\u002Fcomponents\u002Ffeedback\u002Fbase-timeline-context","04.components\u002F10.feedback\u002F11.base-timeline-context","The small row under a timeline item for context, such as “Starter → Pro”.",{"title":811,"path":812,"stem":813,"icon":7,"badge":7,"description":814},"BaseTimelineSkeleton","\u002Fcomponents\u002Ffeedback\u002Fbase-timeline-skeleton","04.components\u002F10.feedback\u002F12.base-timeline-skeleton","The loading placeholder of BaseTimeline.",{"title":816,"path":817,"stem":818,"icon":7,"badge":7,"description":819},"BaseNotificationItem","\u002Fcomponents\u002Ffeedback\u002Fbase-notification-item","04.components\u002F10.feedback\u002F13.base-notification-item","One notification of the navbar menu: rich text with people and files, attachments, actions and the time.",{"title":821,"path":822,"stem":823,"icon":7,"badge":7,"description":824},"BaseNotificationItemFiles","\u002Fcomponents\u002Ffeedback\u002Fbase-notification-item-files","04.components\u002F10.feedback\u002F14.base-notification-item-files","The files attached to a notification.",{"title":826,"path":827,"stem":828,"icon":7,"badge":7,"description":829},"BaseNotificationItemActions","\u002Fcomponents\u002Ffeedback\u002Fbase-notification-item-actions","04.components\u002F10.feedback\u002F15.base-notification-item-actions","The buttons of a notification, such as Accept and Decline.",{"title":831,"path":832,"stem":833,"icon":7,"badge":7,"description":834},"BaseFeedbackPrompt","\u002Fcomponents\u002Ffeedback\u002Fbase-feedback-prompt","04.components\u002F10.feedback\u002F16.base-feedback-prompt","“Was this helpful?” with yes and no, and an optional reason when the answer is no.",{"title":836,"path":837,"stem":838,"icon":7,"badge":7,"description":839},"BaseLegend","\u002Fcomponents\u002Ffeedback\u002Fbase-legend","04.components\u002F10.feedback\u002F17.base-legend","A colour legend for a segment bar or a chart: a dot, a label and an optional value.",{"title":841,"path":842,"stem":843,"icon":7,"badge":7,"description":844},"BaseProgressSummary","\u002Fcomponents\u002Ffeedback\u002Fbase-progress-summary","04.components\u002F10.feedback\u002F18.base-progress-summary","A figure, a caption and a percentage over a progress bar.",{"title":846,"path":847,"stem":848,"icon":7,"badge":7,"description":849},"BaseNoticeBar","\u002Fcomponents\u002Ffeedback\u002Fbase-notice-bar","04.components\u002F10.feedback\u002F19.base-notice-bar","A full-width strip above the page for announcements and context. The landing announcement and the demo bar are both built on it.",{"title":851,"path":852,"stem":853,"icon":7,"badge":7,"description":854},"BaseAttentionAlert","\u002Fcomponents\u002Ffeedback\u002Fbase-attention-alert","04.components\u002F10.feedback\u002F20.base-attention-alert","The attention line above a list: one warning sentence and a button that filters those records or shows them all again.",{"title":856,"icon":16,"badge":7,"description":7,"path":857,"stem":858,"children":859,"page":48},"Motion and brand","\u002Fcomponents\u002Fmotion","04.components\u002F11.motion",[860,865],{"title":861,"path":862,"stem":863,"icon":7,"badge":7,"description":864},"BaseReveal","\u002Fcomponents\u002Fmotion\u002Fbase-reveal","04.components\u002F11.motion\u002F1.base-reveal","Animates a block the first time it enters the screen, honouring reduced motion.",{"title":866,"path":867,"stem":868,"icon":7,"badge":7,"description":869},"BaseAppLogo","\u002Fcomponents\u002Fmotion\u002Fbase-app-logo","04.components\u002F11.motion\u002F2.base-app-logo","The logo of the product in its full, large, mark and mono variants, for light and dark themes.",{"title":871,"icon":872,"badge":7,"description":873,"path":874,"stem":875,"children":876,"page":-1},"Layout","panel-left","The App components of the shell: sidebar, navbar, controls, customizer and the auth and status screens.","\u002Flayout","05.layout",[877,881,956,1006,1036],{"title":185,"path":874,"stem":878,"icon":879,"badge":7,"description":880},"05.layout\u002Findex","layout-template","The App components build the shell around your pages. Unlike Base components, they may read stores, the route and the navigation.",{"title":882,"icon":66,"badge":7,"description":7,"path":883,"stem":884,"children":885,"page":48},"App shell","\u002Flayout\u002Fshell","05.layout\u002F1.shell",[886,891,896,901,906,911,916,921,926,931,936,941,946,951],{"title":887,"path":888,"stem":889,"icon":7,"badge":7,"description":890},"AppSidebar","\u002Flayout\u002Fshell\u002Fapp-sidebar","05.layout\u002F1.shell\u002F01.app-sidebar","The navigation drawer of the app: brand, menu from useNavigation(), rail mode, semi-dark theme and footer links.",{"title":892,"path":893,"stem":894,"icon":7,"badge":7,"description":895},"AppSidebarOption","\u002Flayout\u002Fshell\u002Fapp-sidebar-option","05.layout\u002F1.shell\u002F02.app-sidebar-option","Renders one menu entry: a section subheader, a link or a group with its children.",{"title":897,"path":898,"stem":899,"icon":7,"badge":7,"description":900},"AppSidebarOptionItem","\u002Flayout\u002Fshell\u002Fapp-sidebar-option-item","05.layout\u002F1.shell\u002F03.app-sidebar-option-item","The link row of a menu entry, with its icon and badge.",{"title":902,"path":903,"stem":904,"icon":7,"badge":7,"description":905},"AppSidebarSection","\u002Flayout\u002Fshell\u002Fapp-sidebar-section","05.layout\u002F1.shell\u002F04.app-sidebar-section","A section title of the menu, shown as “…” in rail mode. These docs reuse it for their own sidebar.",{"title":907,"path":908,"stem":909,"icon":7,"badge":7,"description":910},"AppNavBar","\u002Flayout\u002Fshell\u002Fapp-nav-bar","05.layout\u002F1.shell\u002F05.app-nav-bar","The top bar of the app: the menu toggle, the search trigger, the actions and, in horizontal layout, the menu.",{"title":912,"path":913,"stem":914,"icon":7,"badge":7,"description":915},"AppNavBarActions","\u002Flayout\u002Fshell\u002Fapp-nav-bar-actions","05.layout\u002F1.shell\u002F06.app-nav-bar-actions","The right side of the navbar: customizer, theme, language, cart, notifications and the user menu.",{"title":917,"path":918,"stem":919,"icon":7,"badge":7,"description":920},"AppNavBarNavIcon","\u002Flayout\u002Fshell\u002Fapp-nav-bar-nav-icon","05.layout\u002F1.shell\u002F07.app-nav-bar-nav-icon","The button that opens the sidebar on phones and collapses it to a rail on desktop, mirrored in RTL.",{"title":922,"path":923,"stem":924,"icon":7,"badge":7,"description":925},"AppHorizontalNav","\u002Flayout\u002Fshell\u002Fapp-horizontal-nav","05.layout\u002F1.shell\u002F08.app-horizontal-nav","The menu as dropdowns in the app bar, one per section, used by the horizontal layout.",{"title":927,"path":928,"stem":929,"icon":7,"badge":7,"description":930},"AppBreadcrumbs","\u002Flayout\u002Fshell\u002Fapp-breadcrumbs","05.layout\u002F1.shell\u002F09.app-breadcrumbs","The breadcrumb trail built from the route and its definePageMeta breadcrumb.",{"title":932,"path":933,"stem":934,"icon":7,"badge":7,"description":935},"AppCopyright","\u002Flayout\u002Fshell\u002Fapp-copyright","05.layout\u002F1.shell\u002F10.app-copyright","The footer line with the year, the product name and a note.",{"title":937,"path":938,"stem":939,"icon":7,"badge":7,"description":940},"AppBrand","\u002Flayout\u002Fshell\u002Fapp-brand","05.layout\u002F1.shell\u002F11.app-brand","The logo and product name used by the sidebar, the auth pages and the status screens.",{"title":942,"path":943,"stem":944,"icon":7,"badge":7,"description":945},"AppSkipLink","\u002Flayout\u002Fshell\u002Fapp-skip-link","05.layout\u002F1.shell\u002F12.app-skip-link","The first focusable element of the app shell: a link that appears on Tab and moves the focus past the sidebar and the navbar to the page content.",{"title":947,"path":948,"stem":949,"icon":7,"badge":7,"description":950},"AppShortcutsDialog","\u002Flayout\u002Fshell\u002Fapp-shortcuts-dialog","05.layout\u002F1.shell\u002F13.app-shortcuts-dialog","The keyboard shortcuts sheet. `?` opens it anywhere in the app, and the command palette has an action for it.",{"title":952,"path":953,"stem":954,"icon":7,"badge":7,"description":955},"AppDemoReturnBar","\u002Flayout\u002Fshell\u002Fapp-demo-return-bar","05.layout\u002F1.shell\u002F14.app-demo-return-bar","A slim bar on top of the landing layout that takes visitors back to the page they came from. It only appears when the URL carries its query flag.",{"title":957,"icon":191,"badge":7,"description":7,"path":958,"stem":959,"children":960,"page":48},"Controls","\u002Flayout\u002Fcontrols","05.layout\u002F2.controls",[961,966,971,976,981,986,991,996,1001],{"title":962,"path":963,"stem":964,"icon":7,"badge":7,"description":965},"AppSearchTrigger","\u002Flayout\u002Fcontrols\u002Fapp-navbar-controls","05.layout\u002F2.controls\u002F1.app-navbar-controls","The search button of the navbar with its Ctrl\u002F⌘ K shortcut. It opens the command palette.",{"title":967,"path":968,"stem":969,"icon":7,"badge":7,"description":970},"AppCommandPalette","\u002Flayout\u002Fcontrols\u002Fapp-command-palette","05.layout\u002F2.controls\u002F2.app-command-palette","The Ctrl\u002F⌘ K palette that searches every page the user can open and a few global actions.",{"title":972,"path":973,"stem":974,"icon":7,"badge":7,"description":975},"AppLanguageSwitcher","\u002Flayout\u002Fcontrols\u002Fapp-language-switcher","05.layout\u002F2.controls\u002F3.app-language-switcher","The flag menu that changes the language; it lists every locale in nuxt.config.ts automatically.",{"title":977,"path":978,"stem":979,"icon":7,"badge":7,"description":980},"AppThemeToggle","\u002Flayout\u002Fcontrols\u002Fapp-theme-toggle","05.layout\u002F2.controls\u002F4.app-theme-toggle","The light\u002Fdark toggle, built on useThemeControl().",{"title":982,"path":983,"stem":984,"icon":7,"badge":7,"description":985},"AppNotificationMenu","\u002Flayout\u002Fcontrols\u002Fapp-notification-menu","05.layout\u002F2.controls\u002F5.app-notification-menu","The notifications bell with the unread count and the list of BaseNotificationItem.",{"title":987,"path":988,"stem":989,"icon":7,"badge":7,"description":990},"AppUserMenu","\u002Flayout\u002Fcontrols\u002Fapp-user-menu","05.layout\u002F2.controls\u002F6.app-user-menu","The avatar menu with the user, their role, the options you pass and sign out.",{"title":992,"path":993,"stem":994,"icon":7,"badge":7,"description":995},"AppToast","\u002Flayout\u002Fcontrols\u002Fapp-toast","05.layout\u002F2.controls\u002F7.app-toast","Renders the toasts of useToast() once per layout, stacked in a corner.",{"title":997,"path":998,"stem":999,"icon":7,"badge":7,"description":1000},"AppWelcomeHeader","\u002Flayout\u002Fcontrols\u002Fapp-welcome-header","05.layout\u002F2.controls\u002F8.app-welcome-header","The dashboard greeting with the user’s name and actions.",{"title":1002,"path":1003,"stem":1004,"icon":7,"badge":7,"description":1005},"AppPeriodSelect","\u002Flayout\u002Fcontrols\u002Fapp-period-select","05.layout\u002F2.controls\u002F9.app-period-select","The shared period select of the dashboards. It says which cards it changes.",{"title":1007,"icon":96,"badge":7,"description":7,"path":1008,"stem":1009,"children":1010,"page":48},"Customizer","\u002Flayout\u002Fcustomizer","05.layout\u002F3.customizer",[1011,1016,1021,1026,1031],{"title":1012,"path":1013,"stem":1014,"icon":7,"badge":7,"description":1015},"AppCustomizer","\u002Flayout\u002Fcustomizer\u002Fapp-customizer","05.layout\u002F3.customizer\u002F1.app-customizer","The appearance drawer: theme, primary colour, menu style, layout, content width and direction.",{"title":1017,"path":1018,"stem":1019,"icon":7,"badge":7,"description":1020},"AppCustomizerChoices","\u002Flayout\u002Fcustomizer\u002Fapp-customizer-choices","05.layout\u002F3.customizer\u002F2.app-customizer-choices","A titled group of visual choices with a reset button, such as the layout options.",{"title":1022,"path":1023,"stem":1024,"icon":7,"badge":7,"description":1025},"AppCustomizerSection","\u002Flayout\u002Fcustomizer\u002Fapp-customizer-section","05.layout\u002F3.customizer\u002F3.app-customizer-section","A titled section of the customizer with a reset button when it is modified.",{"title":1027,"path":1028,"stem":1029,"icon":7,"badge":7,"description":1030},"AppCustomizerOption","\u002Flayout\u002Fcustomizer\u002Fapp-customizer-option","05.layout\u002F3.customizer\u002F4.app-customizer-option","One selectable choice: a miniature preview of the app with its label.",{"title":1032,"path":1033,"stem":1034,"icon":7,"badge":7,"description":1035},"AppCustomizerPreview","\u002Flayout\u002Fcustomizer\u002Fapp-customizer-preview","05.layout\u002F3.customizer\u002F5.app-customizer-preview","The miniature of the app drawn from a scene, used inside each option.",{"title":1037,"icon":121,"badge":7,"description":7,"path":1038,"stem":1039,"children":1040,"page":48},"Auth and status screens","\u002Flayout\u002Fscreens","05.layout\u002F4.screens",[1041,1046,1051,1056],{"title":1042,"path":1043,"stem":1044,"icon":7,"badge":7,"description":1045},"AppAuthCard","\u002Flayout\u002Fscreens\u002Fapp-auth-card","05.layout\u002F4.screens\u002F1.app-auth-card","The form column of the auth pages: title, description, the form and a footer link.",{"title":1047,"path":1048,"stem":1049,"icon":7,"badge":7,"description":1050},"AppAuthSocial","\u002Flayout\u002Fscreens\u002Fapp-auth-social","05.layout\u002F4.screens\u002F2.app-auth-social","The social sign-in buttons from AUTH_PROVIDERS, with an optional passkey option.",{"title":1052,"path":1053,"stem":1054,"icon":7,"badge":7,"description":1055},"AppStatusScreen","\u002Flayout\u002Fscreens\u002Fapp-status-screen","05.layout\u002F4.screens\u002F3.app-status-screen","The full-screen layout of error, maintenance and coming soon pages: a brand panel and a content column.",{"title":1057,"path":1058,"stem":1059,"icon":7,"badge":7,"description":1060},"AppScreenColumn","\u002Flayout\u002Fscreens\u002Fapp-screen-column","05.layout\u002F4.screens\u002F4.app-screen-column","The content column of the auth and status screens: brand on phones, language and theme on top, your content and the copyright at the bottom.",{"title":1062,"icon":1063,"badge":7,"description":1064,"path":1065,"stem":1066,"children":1067,"page":-1},"Landing","megaphone","Every landing block and widget, rendered with the content of the three demo landings.","\u002Flanding","06.landing",[1068,1071,1102,1137,1168,1233,1259,1315,1356],{"title":185,"path":1065,"stem":1069,"icon":1063,"badge":7,"description":1070},"06.landing\u002Findex","A landing is data. You describe its sections in a content file and LandingPage renders them with these blocks.",{"title":1072,"icon":1073,"badge":7,"description":7,"path":1074,"stem":1075,"children":1076,"page":48},"Building a landing","blocks","\u002Flanding\u002Fbuilding","06.landing\u002F1.building",[1077,1082,1087,1092,1097],{"title":1078,"path":1079,"stem":1080,"icon":7,"badge":7,"description":1081},"LandingPage","\u002Flanding\u002Fbuilding\u002Flanding-page","06.landing\u002F1.building\u002F1.landing-page","Renders a whole landing from its content: navbar, sections, footer and the page-level widgets.",{"title":1083,"path":1084,"stem":1085,"icon":7,"badge":7,"description":1086},"LandingRenderer","\u002Flanding\u002Fbuilding\u002Flanding-renderer","06.landing\u002F1.building\u002F2.landing-renderer","Maps each section of the content to its block component and wraps it in LandingSection.",{"title":1088,"path":1089,"stem":1090,"icon":7,"badge":7,"description":1091},"LandingSection","\u002Flanding\u002Fbuilding\u002Flanding-section","06.landing\u002F1.building\u002F3.landing-section","Wrapper for every block. Sets the tone (surface, muted or brand) and vertical spacing. The brand tone applies the brand Vuetify theme, so buttons and text get contrasting colours.",{"title":1093,"path":1094,"stem":1095,"icon":7,"badge":7,"description":1096},"LandingSectionHeading","\u002Flanding\u002Fbuilding\u002Flanding-section-heading","06.landing\u002F1.building\u002F4.landing-section-heading","Shared block heading: eyebrow, title and description, aligned to the start or centred.",{"title":1098,"path":1099,"stem":1100,"icon":7,"badge":7,"description":1101},"LandingActionButton","\u002Flanding\u002Fbuilding\u002Flanding-action-button","06.landing\u002F1.building\u002F5.landing-action-button","Button for any landing CTA. Takes a LandingAction: to with #id scrolls to the section; href covers tel:, mailto: and external links. iconPosition places the icon before (start, default) or after (end) the label.",{"title":1103,"icon":6,"badge":7,"description":7,"path":1104,"stem":1105,"children":1106,"page":48},"Hero","\u002Flanding\u002Fhero","06.landing\u002F2.hero",[1107,1112,1117,1122,1127,1132],{"title":1108,"path":1109,"stem":1110,"icon":7,"badge":7,"description":1111},"LandingHero","\u002Flanding\u002Fhero\u002Flanding-hero","06.landing\u002F2.hero\u002F1.landing-hero","First block of the page, with an h1 rendered on the server. Variants: showcase (interface composition), devices (laptop and phone with the app), centered, split (with image) and form (with quote). Supports intent picker, store buttons, highlighted words, actions with a note below them (note), social proof and a divider before the stores and the proof (divided).",{"title":1113,"path":1114,"stem":1115,"icon":7,"badge":7,"description":1116},"LandingHeroShowcase","\u002Flanding\u002Fhero\u002Flanding-hero-showcase","06.landing\u002F2.hero\u002F2.landing-hero-showcase","Interface composition for the hero, no photos: browser with the site, score, highlighted metric and client comment. Accent colour is configurable.",{"title":1118,"path":1119,"stem":1120,"icon":7,"badge":7,"description":1121},"LandingHeroDevices","\u002Flanding\u002Fhero\u002Flanding-hero-devices","06.landing\u002F2.hero\u002F3.landing-hero-devices","Hero composition for apps: a laptop with a sidebar and an app screen, a phone and a floating card with an alert. Screens are generated from content, or real screenshots with kind \"image\" and a dark version.",{"title":1123,"path":1124,"stem":1125,"icon":7,"badge":7,"description":1126},"LandingAppScreen","\u002Flanding\u002Fhero\u002Flanding-app-screen","06.landing\u002F2.hero\u002F4.landing-app-screen","App screen generated from data: board, calendar, doc, automation or list, or a screenshot with kind \"image\" that switches to darkSrc in the dark theme. Used by the devices hero and the product tour.",{"title":1128,"path":1129,"stem":1130,"icon":7,"badge":7,"description":1131},"LandingIntentPicker","\u002Flanding\u002Fhero\u002Flanding-intent-picker","06.landing\u002F2.hero\u002F5.landing-intent-picker","Visitors say what they need. The choice is shared with the estimator and the portfolio, which adapt on their own.",{"title":1133,"path":1134,"stem":1135,"icon":7,"badge":7,"description":1136},"LandingQuoteForm","\u002Flanding\u002Fhero\u002Flanding-quote-form","06.landing\u002F2.hero\u002F6.landing-quote-form","Two-step quote form: what you need and when, then contact details. Used by the hero form variant.",{"title":1138,"icon":1139,"badge":7,"description":7,"path":1140,"stem":1141,"children":1142,"page":48},"Social proof","badge-check","\u002Flanding\u002Fsocial-proof","06.landing\u002F3.social-proof",[1143,1148,1153,1158,1163],{"title":1144,"path":1145,"stem":1146,"icon":7,"badge":7,"description":1147},"LandingTrustStrip","\u002Flanding\u002Fsocial-proof\u002Flanding-trust-strip","06.landing\u002F3.social-proof\u002F1.landing-trust-strip","Strip of guarantees with icons: insurance, certifications, turnaround. Goes right below the hero.",{"title":1149,"path":1150,"stem":1151,"icon":7,"badge":7,"description":1152},"LandingLogoStrip","\u002Flanding\u002Fsocial-proof\u002Flanding-logo-strip","06.landing\u002F3.social-proof\u002F2.landing-logo-strip","Client or press logos. Takes images or falls back to the name as text. With marquee they scroll in a loop, pause on hover and stay still when the system asks for reduced motion.",{"title":1154,"path":1155,"stem":1156,"icon":7,"badge":7,"description":1157},"LandingStats","\u002Flanding\u002Fsocial-proof\u002Flanding-stats","06.landing\u002F3.social-proof\u002F3.landing-stats","Key figures with context. Works well on the brand or muted tone.",{"title":1159,"path":1160,"stem":1161,"icon":7,"badge":7,"description":1162},"LandingTestimonials","\u002Flanding\u002Fsocial-proof\u002Flanding-testimonials","06.landing\u002F3.social-proof\u002F4.landing-testimonials","One featured testimonial and several secondary ones, with rating and review summary. With stores it adds the app store rating alongside.",{"title":1164,"path":1165,"stem":1166,"icon":7,"badge":7,"description":1167},"LandingAppRating","\u002Flanding\u002Fsocial-proof\u002Flanding-app-rating","06.landing\u002F3.social-proof\u002F5.landing-app-rating","App store rating with a breakdown by stars. Full card variant or inline for the hero.",{"title":1169,"icon":187,"badge":7,"description":7,"path":1170,"stem":1171,"children":1172,"page":48},"Features","\u002Flanding\u002Ffeatures","06.landing\u002F4.features",[1173,1178,1183,1188,1193,1198,1203,1208,1213,1218,1223,1228],{"title":1174,"path":1175,"stem":1176,"icon":7,"badge":7,"description":1177},"LandingFeatureBento","\u002Flanding\u002Ffeatures\u002Flanding-feature-bento","06.landing\u002F4.features\u002F01.landing-feature-bento","Services or features in a grid. The first item can be featured across half the row.",{"title":1179,"path":1180,"stem":1181,"icon":7,"badge":7,"description":1182},"LandingFeatureCard","\u002Flanding\u002Ffeatures\u002Flanding-feature-card","06.landing\u002F4.features\u002F02.landing-feature-card","Card for one service with icon, tags and link. The featured version uses the brand theme.",{"title":1184,"path":1185,"stem":1186,"icon":7,"badge":7,"description":1187},"LandingFeatureList","\u002Flanding\u002Ffeatures\u002Flanding-feature-list","06.landing\u002F4.features\u002F03.landing-feature-list","List with an optional image. With icons for benefits, or numbered when order matters.",{"title":1189,"path":1190,"stem":1191,"icon":7,"badge":7,"description":1192},"LandingFeatureTabs","\u002Flanding\u002Ffeatures\u002Flanding-feature-tabs","06.landing\u002F4.features\u002F04.landing-feature-tabs","Services in accessible tabs (keyboard and screen readers) with deliverables, timeline, badges and an optional link per service that can preselect the estimator type. Vertical or horizontal; vertical switches to horizontal on mobile. Panels share the height of the tallest one.",{"title":1194,"path":1195,"stem":1196,"icon":7,"badge":7,"description":1197},"LandingSteps","\u002Flanding\u002Ffeatures\u002Flanding-steps","06.landing\u002F4.features\u002F05.landing-steps","Numbered process with a timeframe for each step.",{"title":1199,"path":1200,"stem":1201,"icon":7,"badge":7,"description":1202},"LandingTimeline","\u002Flanding\u002Ffeatures\u002Flanding-timeline","06.landing\u002F4.features\u002F06.landing-timeline","Week-by-week process: a proportional bar when every phase has weeks, numbered steps joined by a line (vertical on mobile) ending in a flag, deliverables per phase and an optional note.",{"title":1204,"path":1205,"stem":1206,"icon":7,"badge":7,"description":1207},"LandingProductTour","\u002Flanding\u002Ffeatures\u002Flanding-product-tour","06.landing\u002F4.features\u002F07.landing-product-tour","Tour of the product views with accessible tabs, a generated screen and one hotspot per view. On mobile the tabs become horizontal.",{"title":1209,"path":1210,"stem":1211,"icon":7,"badge":7,"description":1212},"LandingAiPrompt","\u002Flanding\u002Ffeatures\u002Flanding-ai-prompt","06.landing\u002F4.features\u002F08.landing-ai-prompt","Scripted assistant demo: question, thinking state and results with actions. It is complete on load and can be replayed; it honours reduced motion.",{"title":1214,"path":1215,"stem":1216,"icon":7,"badge":7,"description":1217},"LandingCodeShowcase","\u002Flanding\u002Ffeatures\u002Flanding-code-showcase","06.landing\u002F4.features\u002F09.landing-code-showcase","Code editor window with one tab per file, syntax highlighting, highlighted lines, an optional autocomplete hint and a copy button. Shows developers what working with the product looks like.",{"title":1219,"path":1220,"stem":1221,"icon":7,"badge":7,"description":1222},"LandingIntegrations","\u002Flanding\u002Ffeatures\u002Flanding-integrations","06.landing\u002F4.features\u002F10.landing-integrations","Integrations grid filterable by category, with logo or monogram and status: native, beta or coming soon.",{"title":1224,"path":1225,"stem":1226,"icon":7,"badge":7,"description":1227},"LandingSecurity","\u002Flanding\u002Ffeatures\u002Flanding-security","06.landing\u002F4.features\u002F11.landing-security","Security and compliance assurances with icons, next to a service status pill (operational, partial or maintenance) and an optional link action.",{"title":1229,"path":1230,"stem":1231,"icon":7,"badge":7,"description":1232},"LandingChangelog","\u002Flanding\u002Ffeatures\u002Flanding-changelog","06.landing\u002F4.features\u002F12.landing-changelog","Latest releases with change type (new, improved, fixed or beta), ISO dates formatted for the active language and an optional link per release. The heading column stays in view on desktop.",{"title":1234,"icon":1235,"badge":7,"description":7,"path":1236,"stem":1237,"children":1238,"page":48},"Work and team","images","\u002Flanding\u002Fshowcase","06.landing\u002F5.showcase",[1239,1244,1249,1254],{"title":1240,"path":1241,"stem":1242,"icon":7,"badge":7,"description":1243},"LandingPortfolioGrid","\u002Flanding\u002Fshowcase\u002Flanding-portfolio-grid","06.landing\u002F5.showcase\u002F1.landing-portfolio-grid","Work filtered by category with a highlighted result (value and label) over the visual. Uses an image or generates a mockup in the project colour with a layout per project: web, shop, dashboard or mobile. Cards with an action lift on hover.",{"title":1245,"path":1246,"stem":1247,"icon":7,"badge":7,"description":1248},"LandingBeforeAfter","\u002Flanding\u002Fshowcase\u002Flanding-before-after","06.landing\u002F5.showcase\u002F2.landing-before-after","Before and after comparison dragged from a handle on the image (keyboard accessible), highlighted result figures, an optional link and thumbnails to switch case.",{"title":1250,"path":1251,"stem":1252,"icon":7,"badge":7,"description":1253},"LandingTeam","\u002Flanding\u002Fshowcase\u002Flanding-team","06.landing\u002F5.showcase\u002F3.landing-team","Grid of team members.",{"title":1255,"path":1256,"stem":1257,"icon":7,"badge":7,"description":1258},"LandingTeamCard","\u002Flanding\u002Fshowcase\u002Flanding-team-card","06.landing\u002F5.showcase\u002F4.landing-team-card","Person with role, short bio, social links and availability. Optional photo cropped into the arch, with initials in the person's colour as fallback.",{"title":1260,"icon":1261,"badge":7,"description":7,"path":1262,"stem":1263,"children":1264,"page":48},"Pricing and conversion","badge-dollar-sign","\u002Flanding\u002Fconversion","06.landing\u002F6.conversion",[1265,1270,1275,1280,1285,1290,1295,1300,1305,1310],{"title":1266,"path":1267,"stem":1268,"icon":7,"badge":7,"description":1269},"LandingPricing","\u002Flanding\u002Fconversion\u002Flanding-pricing","06.landing\u002F6.conversion\u002F01.landing-pricing","Plans with the recommended one highlighted. Supports several modes with a switch (for example yearly or monthly), a compact guarantee and seats mode: a people slider that works out the total and marks the plan that fits.",{"title":1271,"path":1272,"stem":1273,"icon":7,"badge":7,"description":1274},"LandingToggle","\u002Flanding\u002Fconversion\u002Flanding-toggle","06.landing\u002F6.conversion\u002F02.landing-toggle","Segmented switch for landing pages: a bordered surface track, the active option filled with the primary color and an optional badge chip per option. Pricing uses it for its modes.",{"title":1276,"path":1277,"stem":1278,"icon":7,"badge":7,"description":1279},"LandingComparisonTable","\u002Flanding\u002Fconversion\u002Flanding-comparison-table","06.landing\u002F6.conversion\u002F03.landing-comparison-table","Real comparison table with row and column headers. Values can be text or true\u002Ffalse, shown as a check or a dash with screen reader text. Optional link below. On mobile it becomes one card per option.",{"title":1281,"path":1282,"stem":1283,"icon":7,"badge":7,"description":1284},"LandingEstimator","\u002Flanding\u002Fconversion\u002Flanding-estimator","06.landing\u002F6.conversion\u002F04.landing-estimator","Live ballpark estimate: type, pages and extras. Prices and timelines are defined in the content. On mobile a sticky summary keeps the range in view while you change the options.",{"title":1286,"path":1287,"stem":1288,"icon":7,"badge":7,"description":1289},"LandingGuaranteeLead","\u002Flanding\u002Fconversion\u002Flanding-guarantee-lead","06.landing\u002F6.conversion\u002F05.landing-guarantee-lead","Guarantee and email capture in the same band.",{"title":1291,"path":1292,"stem":1293,"icon":7,"badge":7,"description":1294},"LandingGuarantee","\u002Flanding\u002Fconversion\u002Flanding-guarantee","06.landing\u002F6.conversion\u002F06.landing-guarantee","Guarantee that lowers perceived risk. Card variant with an optional checklist of promises, or compact variant to sit next to pricing or buttons.",{"title":1296,"path":1297,"stem":1298,"icon":7,"badge":7,"description":1299},"LandingLeadMagnet","\u002Flanding\u002Fconversion\u002Flanding-lead-magnet","06.landing\u002F6.conversion\u002F07.landing-lead-magnet","Email capture in exchange for a resource, with validation, submission and success state.",{"title":1301,"path":1302,"stem":1303,"icon":7,"badge":7,"description":1304},"LandingWaitlist","\u002Flanding\u002Fconversion\u002Flanding-waitlist","06.landing\u002F6.conversion\u002F08.landing-waitlist","Waitlist for an unreleased product or feature. Validates the email and shows the position returned by the waitlist handler.",{"title":1306,"path":1307,"stem":1308,"icon":7,"badge":7,"description":1309},"LandingPlatformPicker","\u002Flanding\u002Fconversion\u002Flanding-platform-picker","06.landing\u002F6.conversion\u002F09.landing-platform-picker","Downloads per platform. Detects the system after mount and preselects it; shows a QR code for the mobile apps and a form to email yourself the desktop link.",{"title":1311,"path":1312,"stem":1313,"icon":7,"badge":7,"description":1314},"LandingCtaBanner","\u002Flanding\u002Fconversion\u002Flanding-cta-banner","06.landing\u002F6.conversion\u002F10.landing-cta-banner","Page closing with a statement (with an optional highlighted part), an optional store rating and one or two actions.",{"title":1316,"icon":1317,"badge":7,"description":7,"path":1318,"stem":1319,"children":1320,"page":48},"Contact and FAQ","messages-square","\u002Flanding\u002Fcontact","06.landing\u002F7.contact",[1321,1326,1331,1336,1341,1346,1351],{"title":1322,"path":1323,"stem":1324,"icon":7,"badge":7,"description":1325},"LandingContact","\u002Flanding\u002Fcontact\u002Flanding-contact","06.landing\u002F7.contact\u002F1.landing-contact","Heading, contact channels and social links next to a validated form. Optional company and team size fields; team size is prefilled from the pricing slider. The left column stays in view on desktop.",{"title":1327,"path":1328,"stem":1329,"icon":7,"badge":7,"description":1330},"LandingContactForm","\u002Flanding\u002Fcontact\u002Flanding-contact-form","06.landing\u002F7.contact\u002F2.landing-contact-form","The contact form of a landing: name, email, optional phone, company and team size, and a message, with validation and the send handler from the page.",{"title":1332,"path":1333,"stem":1334,"icon":7,"badge":7,"description":1335},"LandingContactCard","\u002Flanding\u002Fcontact\u002Flanding-contact-card","06.landing\u002F7.contact\u002F3.landing-contact-card","Dark card with tappable contact channels (WhatsApp, phone, email) and an action.",{"title":1337,"path":1338,"stem":1339,"icon":7,"badge":7,"description":1340},"LandingFaq","\u002Flanding\u002Fcontact\u002Flanding-faq","06.landing\u002F7.contact\u002F4.landing-faq","FAQ accordion with optional search that filters and opens matches. Emits FAQPage structured data.",{"title":1342,"path":1343,"stem":1344,"icon":7,"badge":7,"description":1345},"LandingFaqContact","\u002Flanding\u002Fcontact\u002Flanding-faq-contact","06.landing\u002F7.contact\u002F5.landing-faq-contact","FAQ and contact card in the same band: full-width heading, then the questions next to a card aligned with the search that stays in view on desktop.",{"title":1347,"path":1348,"stem":1349,"icon":7,"badge":7,"description":1350},"LandingBooking","\u002Flanding\u002Fcontact\u002Flanding-booking","06.landing\u002F7.contact\u002F6.landing-booking","Closing block with heading, benefits and the booking calendar.",{"title":1352,"path":1353,"stem":1354,"icon":7,"badge":7,"description":1355},"LandingBookingCalendar","\u002Flanding\u002Fcontact\u002Flanding-booking-calendar","06.landing\u002F7.contact\u002F7.landing-booking-calendar","Call booking calendar with days, free and busy slots and a confirmation state. Sample times, not connected to a real calendar.",{"title":1357,"icon":1358,"badge":7,"description":7,"path":1359,"stem":1360,"children":1361,"page":48},"Navigation and widgets","app-window","\u002Flanding\u002Fchrome","06.landing\u002F8.chrome",[1362,1367,1372,1377,1382,1387,1392,1397,1402,1407],{"title":1363,"path":1364,"stem":1365,"icon":7,"badge":7,"description":1366},"LandingNavBar","\u002Flanding\u002Fchrome\u002Flanding-nav-bar","06.landing\u002F8.chrome\u002F01.landing-nav-bar","Navigation bar with logo, section links, theme and language settings and a CTA. LandingHeader makes it sticky and adds the mobile menu and scroll spy.",{"title":1368,"path":1369,"stem":1370,"icon":7,"badge":7,"description":1371},"LandingHeader","\u002Flanding\u002Fchrome\u002Flanding-header","06.landing\u002F8.chrome\u002F02.landing-header","The sticky header of a landing: the navbar plus the drawer it opens below 1280px, with the active section tracked on scroll.",{"title":1373,"path":1374,"stem":1375,"icon":7,"badge":7,"description":1376},"LandingNavLinks","\u002Flanding\u002Fchrome\u002Flanding-nav-links","06.landing\u002F8.chrome\u002F03.landing-nav-links","The links of the landing navbar with the active underline.",{"title":1378,"path":1379,"stem":1380,"icon":7,"badge":7,"description":1381},"LandingNavDrawer","\u002Flanding\u002Fchrome\u002Flanding-nav-drawer","06.landing\u002F8.chrome\u002F04.landing-nav-drawer","The phone menu of a landing.",{"title":1383,"path":1384,"stem":1385,"icon":7,"badge":7,"description":1386},"LandingFooter","\u002Flanding\u002Fchrome\u002Flanding-footer","06.landing\u002F8.chrome\u002F05.landing-footer","Footer with logo, description, social links, link columns, an optional store badges column and a bottom row with copyright (brand from the content), legal links, cookie settings and an optional author credit.",{"title":1388,"path":1389,"stem":1390,"icon":7,"badge":7,"description":1391},"LandingAnnouncementBar","\u002Flanding\u002Fchrome\u002Flanding-announcement-bar","06.landing\u002F8.chrome\u002F06.landing-announcement-bar","Top notice with an optional chip (badge), an action, dismissal remembered in a cookie and an optional countdown (endsAt).",{"title":1393,"path":1394,"stem":1395,"icon":7,"badge":7,"description":1396},"LandingCookieBanner","\u002Flanding\u002Fchrome\u002Flanding-cookie-banner","06.landing\u002F8.chrome\u002F07.landing-cookie-banner","Configurable cookie consent: opt-in (GDPR, LGPD), opt-out (CCPA) or notice only. Reject and accept at the same level, per-category preferences with each cookie's details, and the choice stored in a versioned cookie.",{"title":1398,"path":1399,"stem":1400,"icon":7,"badge":7,"description":1401},"LandingCookiePreferences","\u002Flanding\u002Fchrome\u002Flanding-cookie-preferences","06.landing\u002F8.chrome\u002F08.landing-cookie-preferences","The preferences dialog of the cookie banner, with a switch per category and the cookie table.",{"title":1403,"path":1404,"stem":1405,"icon":7,"badge":7,"description":1406},"LandingAppBanner","\u002Flanding\u002Fchrome\u002Flanding-app-banner","06.landing\u002F8.chrome\u002F09.landing-app-banner","Top banner on mobile to open the app. Picks the store from the system, only shows on iOS and Android and remembers dismissal in a cookie.",{"title":1408,"path":1409,"stem":1410,"icon":7,"badge":7,"description":1411},"LandingMobileCtaBar","\u002Flanding\u002Fchrome\u002Flanding-mobile-cta-bar","06.landing\u002F8.chrome\u002F10.landing-mobile-cta-bar","Fixed mobile bar with call, WhatsApp and the main action. Appears after the hero; shown inline here.",{"title":1413,"icon":1358,"badge":7,"description":1414,"path":1415,"stem":1416,"children":1417,"page":-1},"Apps","Email, chat, calendar, kanban, tasks and files: how each app is built and how to plug in your backend.","\u002Fapps","07.apps",[1418,1421,1427,1433,1439,1445,1451],{"title":185,"path":1415,"stem":1419,"icon":1358,"badge":7,"description":1420},"07.apps\u002Findex","Six full-height apps built on one architecture. Swap the mock provider for your API and the screens keep working.",{"title":1422,"path":1423,"stem":1424,"icon":1425,"badge":7,"description":1426},"Email","\u002Fapps\u002Femail","07.apps\u002F1.email","mail","A full mail client: folders, labels, threads, a floating composer and keyboard shortcuts. The reference app for plugging in a backend.",{"title":1428,"path":1429,"stem":1430,"icon":1431,"badge":7,"description":1432},"Chat","\u002Fapps\u002Fchat","07.apps\u002F2.chat","message-circle","Direct and group conversations with pinned threads, replies, reactions, attachments and a contact panel.",{"title":1434,"path":1435,"stem":1436,"icon":1437,"badge":7,"description":1438},"Calendar","\u002Fapps\u002Fcalendar","07.apps\u002F3.calendar","calendar","Month, week, day and agenda views with multi-day events, quick add, overlapping layout and an event popover.",{"title":1440,"path":1441,"stem":1442,"icon":1443,"badge":7,"description":1444},"Kanban","\u002Fapps\u002Fkanban","07.apps\u002F4.kanban","square-kanban","A board with WIP limits, drag and drop for mouse, touch and keyboard, filters, a card panel and a list view.",{"title":1446,"path":1447,"stem":1448,"icon":1449,"badge":7,"description":1450},"Tasks","\u002Fapps\u002Ftodo","07.apps\u002F5.todo","list-checks","Lists, tags, natural language quick add, grouping, subtasks, repeats and an inline task panel.",{"title":1452,"path":1453,"stem":1454,"icon":1455,"badge":7,"description":1456},"File manager","\u002Fapps\u002Ffile-manager","07.apps\u002F6.file-manager","folder","Nested folders, grid and list views, uploads with progress, drag to move, storage by kind and a file panel.",{"title":1458,"icon":1459,"badge":7,"description":1460,"path":1461,"stem":1462,"children":1463,"page":-1},"Modules","boxes","Dashboards, commerce, billing, learning, account, team, help, auth, status and form screens.","\u002Fmodules","08.modules",[1464,1467,1472,1478,1483,1489,1495,1501,1507,1513,1519,1524,1530,1535,1541],{"title":185,"path":1461,"stem":1465,"icon":1459,"badge":7,"description":1466},"08.modules\u002Findex","The business screens of the template. Each page lists its files, data, permissions, configuration and rules, and how to connect it to your API.",{"title":1468,"path":1469,"stem":1470,"icon":495,"badge":7,"description":1471},"Dashboards","\u002Fmodules\u002Fdashboards","08.modules\u002F01.dashboards","Analytics, store, finance and SaaS dashboards built from KPI cards, chart cards and tables.",{"title":1473,"path":1474,"stem":1475,"icon":1476,"badge":7,"description":1477},"Orders","\u002Fmodules\u002Forders","08.modules\u002F02.orders","shopping-cart","The order list with views, late orders, fulfilment progress, a quick view and the order detail page.",{"title":1479,"path":1480,"stem":1481,"icon":40,"badge":7,"description":1482},"Products","\u002Fmodules\u002Fproducts","08.modules\u002F03.products","The catalogue with stock per variant, sales trends, margins, list and grid views and a quick view.",{"title":1484,"path":1485,"stem":1486,"icon":1487,"badge":7,"description":1488},"Customers","\u002Fmodules\u002Fcustomers","08.modules\u002F04.customers","users","Customers with derived segments, at-risk detection, spend history, notes and a profile page.",{"title":1490,"path":1491,"stem":1492,"icon":1493,"badge":7,"description":1494},"Invoices","\u002Fmodules\u002Finvoices","08.modules\u002F05.invoices","receipt","Receivables with aging, overdue reminders, partial payments, a quick view and a live invoice editor.",{"title":1496,"path":1497,"stem":1498,"icon":1499,"badge":7,"description":1500},"Courses","\u002Fmodules\u002Fcourses","08.modules\u002F06.courses","graduation-cap","A course catalogue with curriculum, completion, ratings, students and a course page with tabs.",{"title":1502,"path":1503,"stem":1504,"icon":1505,"badge":7,"description":1506},"Students","\u002Fmodules\u002Fstudents","08.modules\u002F07.students","book-open","Students with derived status, progress per enrolment, streaks, weekly study time and a timeline.",{"title":1508,"path":1509,"stem":1510,"icon":1511,"badge":7,"description":1512},"Instructors","\u002Fmodules\u002Finstructors","08.modules\u002F08.instructors","presentation","An instructor directory with invitations, derived stats, revenue by course and a profile page.",{"title":1514,"path":1515,"stem":1516,"icon":1517,"badge":7,"description":1518},"Account","\u002Fmodules\u002Faccount","08.modules\u002F09.account","user-cog","Profile, settings (profile, preferences, security, notifications, billing, danger zone) and plans and pricing.",{"title":1520,"path":1521,"stem":1522,"icon":127,"badge":7,"description":1523},"Team and roles","\u002Fmodules\u002Fteam-and-roles","08.modules\u002F10.team-and-roles","Members, seats, invitations and roles with a permission matrix and role editing.",{"title":1525,"path":1526,"stem":1527,"icon":1528,"badge":7,"description":1529},"Help center","\u002Fmodules\u002Fhelp-center","08.modules\u002F11.help-center","life-buoy","Search with highlighting, topics, articles with steps and tips, feedback and a contact page with suggestions.",{"title":1531,"path":1532,"stem":1533,"icon":121,"badge":7,"description":1534},"Authentication pages","\u002Fmodules\u002Fauth-pages","08.modules\u002F12.auth-pages","Login, register and forgot password on an editorial split screen, with social sign-in, passkeys and demo access.",{"title":1536,"path":1537,"stem":1538,"icon":1539,"badge":7,"description":1540},"Status pages","\u002Fmodules\u002Fstatus-pages","08.modules\u002F13.status-pages","triangle-alert","403, 404 and 500 errors, maintenance and coming soon, all on the same split screen.",{"title":1542,"path":1543,"stem":1544,"icon":434,"badge":7,"description":1545},"Form examples","\u002Fmodules\u002Fform-examples","08.modules\u002F14.form-examples","Checkout, onboarding, booking, survey and filters, plus a gallery and a schema-driven playground.",{"title":1547,"icon":1548,"badge":7,"description":1549,"path":1550,"stem":1551,"children":1552,"page":-1},"API reference","braces","Every composable, utility, store and middleware, with its signature read from the source.","\u002Fapi","09.api",[1553,1556,1602,1636],{"title":185,"path":1550,"stem":1554,"icon":1548,"badge":7,"description":1555},"09.api\u002Findex","The shared logic of the template. Signatures and return values are read from the TypeScript source at build time, so they never go out of date.",{"title":1557,"icon":1558,"badge":7,"description":7,"path":1559,"stem":1560,"children":1561,"page":48},"Composables","function-square","\u002Fapi\u002Fcomposables","09.api\u002F1.composables",[1562,1567,1572,1576,1580,1585,1589,1594,1598],{"title":1563,"path":1564,"stem":1565,"icon":7,"badge":7,"description":1566},"App and layout","\u002Fapi\u002Fcomposables\u002Fapp-and-layout","09.api\u002F1.composables\u002F1.app-and-layout","Composables for the shell: environment, navigation, sidebar, command palette, customizer and appearance.",{"title":1568,"path":1569,"stem":1570,"icon":7,"badge":7,"description":1571},"Auth, permissions and API","\u002Fapi\u002Fcomposables\u002Fauth-and-data","09.api\u002F1.composables\u002F2.auth-and-data","Composables to call your API, check permissions, manage roles and sign in with social providers.",{"title":751,"path":1573,"stem":1574,"icon":7,"badge":7,"description":1575},"\u002Fapi\u002Fcomposables\u002Ffeedback","09.api\u002F1.composables\u002F3.feedback","Toasts and confirmation dialogs.",{"title":433,"path":1577,"stem":1578,"icon":7,"badge":7,"description":1579},"\u002Fapi\u002Fcomposables\u002Fforms","09.api\u002F1.composables\u002F4.forms","Rules, submit handling, schema-driven forms and the input helpers behind every Base field.",{"title":1581,"path":1582,"stem":1583,"icon":7,"badge":7,"description":1584},"Tables, formatting and dates","\u002Fapi\u002Fcomposables\u002Ftables-and-formatting","09.api\u002F1.composables\u002F5.tables-and-formatting","Helpers of BaseDataTable and the formatters for numbers, money and dates.",{"title":1413,"path":1586,"stem":1587,"icon":7,"badge":7,"description":1588},"\u002Fapi\u002Fcomposables\u002Fapps","09.api\u002F1.composables\u002F6.apps","State and actions of the six apps. Each one takes an optional provider to connect your backend.",{"title":1590,"path":1591,"stem":1592,"icon":7,"badge":7,"description":1593},"Business modules","\u002Fapi\u002Fcomposables\u002Fmodules","09.api\u002F1.composables\u002F7.modules","Data and actions of orders, products, customers, invoices, learning, account and help center.",{"title":1468,"path":1595,"stem":1596,"icon":7,"badge":7,"description":1597},"\u002Fapi\u002Fcomposables\u002Fdashboards","09.api\u002F1.composables\u002F8.dashboards","The data of the four dashboards and the label helpers they use.",{"title":1062,"path":1599,"stem":1600,"icon":7,"badge":7,"description":1601},"\u002Fapi\u002Fcomposables\u002Flanding","09.api\u002F1.composables\u002F9.landing","Content, SEO, consent and shared state of the landing pages.",{"title":1603,"icon":1604,"badge":7,"description":7,"path":1605,"stem":1606,"children":1607,"page":48},"Utilities","wrench","\u002Fapi\u002Futils","09.api\u002F2.utils",[1608,1613,1617,1621,1626,1631],{"title":1609,"path":1610,"stem":1611,"icon":7,"badge":7,"description":1612},"General","\u002Fapi\u002Futils\u002Fgeneral","09.api\u002F2.utils\u002F1.general","Text, numbers, dates, initials, chips, files, navigation and palettes.",{"title":142,"path":1614,"stem":1615,"icon":7,"badge":7,"description":1616},"\u002Fapi\u002Futils\u002Fcharts","09.api\u002F2.utils\u002F2.charts","The pure side of the chart components: ECharts options, presets, colours and sparkline geometry.",{"title":1413,"path":1618,"stem":1619,"icon":7,"badge":7,"description":1620},"\u002Fapi\u002Futils\u002Fapps","09.api\u002F2.utils\u002F3.apps","Rules of the kanban, tasks and file manager.",{"title":1622,"path":1623,"stem":1624,"icon":7,"badge":7,"description":1625},"Orders, products, customers and invoices","\u002Fapi\u002Futils\u002Fcommerce","09.api\u002F2.utils\u002F4.commerce","Statuses, attention rules, views and totals of the commerce and billing modules.",{"title":1627,"path":1628,"stem":1629,"icon":7,"badge":7,"description":1630},"Learning","\u002Fapi\u002Futils\u002Flearning","09.api\u002F2.utils\u002F5.learning","Courses, enrolments, students and instructors.",{"title":1632,"path":1633,"stem":1634,"icon":7,"badge":7,"description":1635},"Account, team and help","\u002Fapi\u002Futils\u002Faccount-and-team","09.api\u002F2.utils\u002F6.account-and-team","Security, pricing, team, profile and help center rules.",{"title":1637,"icon":1638,"badge":7,"description":7,"path":1639,"stem":1640,"children":1641,"page":48},"Stores and middleware","database","\u002Fapi\u002Fstate","09.api\u002F3.state",[1642,1647,1652],{"title":1643,"path":1644,"stem":1645,"icon":7,"badge":7,"description":1646},"useAuthStore","\u002Fapi\u002Fstate\u002Fauth-store","09.api\u002F3.state\u002F1.auth-store","The session store: user, login, logout and the demo role.",{"title":1648,"path":1649,"stem":1650,"icon":7,"badge":7,"description":1651},"usePreferencesStore","\u002Fapi\u002Fstate\u002Fpreferences-store","09.api\u002F3.state\u002F2.preferences-store","Theme and appearance preferences, stored in cookies.",{"title":1653,"path":1654,"stem":1655,"icon":7,"badge":7,"description":1656},"Middleware","\u002Fapi\u002Fstate\u002Fmiddleware","09.api\u002F3.state\u002F3.middleware","The two global route guards: session and permissions.",{"title":1658,"icon":1659,"badge":7,"description":1660,"path":1661,"stem":1662,"children":1663,"page":-1},"Reference","book-marked","Configuration files, types, environment variables, FAQ, changelog, license and credits.","\u002Freference","10.reference",[1664,1667,1673,1679,1685,1691,1697],{"title":185,"path":1661,"stem":1665,"icon":1659,"badge":7,"description":1666},"10.reference\u002Findex","Lookup pages for when you need a fact fast, from a config file to a license.",{"title":1668,"path":1669,"stem":1670,"icon":1671,"badge":7,"description":1672},"Configuration files","\u002Freference\u002Fconfiguration","10.reference\u002F1.configuration","settings","Every file in the config folder: what it holds and where it is explained.",{"title":1674,"path":1675,"stem":1676,"icon":1677,"badge":7,"description":1678},"Types","\u002Freference\u002Ftypes","10.reference\u002F2.types","file-type","Where the TypeScript types live: data models, component props and layout.",{"title":1680,"path":1681,"stem":1682,"icon":1683,"badge":7,"description":1684},"Environment variables","\u002Freference\u002Fenvironment-variables","10.reference\u002F3.environment-variables","key-round","The variables of the template and the docs, and how they are loaded.",{"title":1686,"path":1687,"stem":1688,"icon":1689,"badge":7,"description":1690},"FAQ","\u002Freference\u002Ffaq","10.reference\u002F4.faq","circle-help","Answers to the questions that come up most when you start with the template.",{"title":1692,"path":1693,"stem":1694,"icon":1695,"badge":7,"description":1696},"Changelog","\u002Freference\u002Fchangelog","10.reference\u002F5.changelog","history","What changed in every version of the template.",{"title":1698,"path":1699,"stem":1700,"icon":1701,"badge":7,"description":1702},"License and credits","\u002Freference\u002Flicense-and-credits","10.reference\u002F6.license-and-credits","scale","What your license allows and the open-source projects the template is built on.",1793911525666]