[{"data":1,"prerenderedAt":3716},["ShallowReactive",2],{"navigation_docs":3,"-apps-app-development-guides-schema-components-vs-ui-components":1905,"-apps-app-development-guides-schema-components-vs-ui-components-surround":3711},[4,136,463,647,1532,1622,1628,1634,1693,1792],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","0.getting-started/0.index",[9,10,14,18,56,81,115,132],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Starting new project","/getting-started/starting-new-project","0.getting-started/1.starting-new-project",{"title":15,"path":16,"stem":17},"What is Laioutr?","/getting-started/what-is-laioutr","0.getting-started/2.what-is-laioutr",{"title":19,"path":20,"stem":21,"children":22,"page":55},"Key Concepts","/getting-started/key-concepts","0.getting-started/3.key-concepts",[23,27,31,35,39,43,47,51],{"title":24,"path":25,"stem":26},"Architecture","/getting-started/key-concepts/architecture","0.getting-started/3.key-concepts/1.architecture",{"title":28,"path":29,"stem":30},"Data Model","/getting-started/key-concepts/data-model","0.getting-started/3.key-concepts/2.data-model",{"title":32,"path":33,"stem":34},"Internationalization","/getting-started/key-concepts/5.internationalization","0.getting-started/3.key-concepts/3.5.internationalization",{"title":36,"path":37,"stem":38},"Data Flow","/getting-started/key-concepts/data-flow","0.getting-started/3.key-concepts/3.data-flow",{"title":40,"path":41,"stem":42},"Extensibility","/getting-started/key-concepts/extensibility","0.getting-started/3.key-concepts/4.extensibility",{"title":44,"path":45,"stem":46},"Philosophy","/getting-started/key-concepts/philosophy","0.getting-started/3.key-concepts/5.philosophy",{"title":48,"path":49,"stem":50},"CI/CD Pipeline","/getting-started/key-concepts/ci-cd-pipeline","0.getting-started/3.key-concepts/6.ci-cd-pipeline",{"title":52,"path":53,"stem":54},"Multi-tenancy","/getting-started/key-concepts/multi-tenancy","0.getting-started/3.key-concepts/multi-tenancy",false,{"title":57,"path":58,"stem":59,"children":60,"page":55},"Next Steps","/getting-started/next-steps","0.getting-started/4.next-steps",[61,65,69,73,77],{"title":62,"path":63,"stem":64},"Create Organization and Project","/getting-started/next-steps/create-org-and-project","0.getting-started/4.next-steps/0.create-org-and-project",{"title":66,"path":67,"stem":68},"First Project Configuration","/getting-started/next-steps/first-project-config","0.getting-started/4.next-steps/1.first-project-config",{"title":70,"path":71,"stem":72},"Setup Local Development Environment","/getting-started/next-steps/local-setup","0.getting-started/4.next-steps/3.local-setup",{"title":74,"path":75,"stem":76},"Create your first custom app","/getting-started/next-steps/create-custom-app","0.getting-started/4.next-steps/4.create-custom-app",{"title":78,"path":79,"stem":80},"CLI","/getting-started/next-steps/cli","0.getting-started/4.next-steps/5.cli",{"title":82,"path":83,"stem":84,"children":85},"Changelogs","/getting-started/changelogs","0.getting-started/5.Changelogs/0.index",[86,87,91,95,99,103,107,111],{"title":82,"path":83,"stem":84},{"title":88,"path":89,"stem":90},"Canonical Types Changelog","/getting-started/changelogs/canonical-types-changelog","0.getting-started/5.Changelogs/canonical-types-changelog",{"title":92,"path":93,"stem":94},"CLI Changelog","/getting-started/changelogs/cli-changelog","0.getting-started/5.Changelogs/cli-changelog",{"title":96,"path":97,"stem":98},"Cockpit Changelog","/getting-started/changelogs/cockpit-changelog","0.getting-started/5.Changelogs/cockpit-changelog",{"title":100,"path":101,"stem":102},"Figma Kit Changelog","/getting-started/changelogs/figma-kit-changelog","0.getting-started/5.Changelogs/figma-kit-changelog",{"title":104,"path":105,"stem":106},"Frontend Changelog","/getting-started/changelogs/frontend-changelog","0.getting-started/5.Changelogs/frontend-changelog",{"title":108,"path":109,"stem":110},"Orchestr Changelog","/getting-started/changelogs/orchestr-changelog","0.getting-started/5.Changelogs/orchestr-changelog",{"title":112,"path":113,"stem":114},"UI Changelog","/getting-started/changelogs/ui-changelog","0.getting-started/5.Changelogs/ui-changelog",{"title":116,"path":117,"stem":118,"children":119,"page":55},"Hints And Tips","/getting-started/hints-and-tips","0.getting-started/6.Hints-and-Tips",[120,124,128],{"title":121,"path":122,"stem":123},"Introduction","/getting-started/hints-and-tips/introduction","0.getting-started/6.Hints-and-Tips/0.introduction",{"title":125,"path":126,"stem":127},"Developer tools","/getting-started/hints-and-tips/developer-tools","0.getting-started/6.Hints-and-Tips/1.developer-tools",{"title":129,"path":130,"stem":131},"Claude Code plugin","/getting-started/hints-and-tips/claude-marketplace","0.getting-started/6.Hints-and-Tips/2.claude-marketplace",{"title":133,"path":134,"stem":135},"MCP Server","/getting-started/mcp-server","0.getting-started/7.mcp-server",{"title":137,"path":138,"stem":139,"children":140},"Frontend","/frontend","1.Frontend/0.index",[141,142,153,215,241,305],{"title":137,"path":138,"stem":139},{"title":121,"path":143,"stem":144,"children":145,"page":55},"/frontend/introduction","1.Frontend/1.Introduction",[146,149],{"title":19,"path":147,"stem":148},"/frontend/introduction/key-concepts","1.Frontend/1.Introduction/0.key-concepts",{"title":150,"path":151,"stem":152},"Tech Stack","/frontend/introduction/tech-stack","1.Frontend/1.Introduction/1.tech-stack",{"title":154,"path":155,"stem":156,"children":157},"Features","/frontend/features","1.Frontend/2.Features/0.index",[158,159,163,167,171,175,179,183,187,191,195,199,203,207,211],{"title":154,"path":155,"stem":156},{"title":160,"path":161,"stem":162},"Consent Management","/frontend/features/consent-management","1.Frontend/2.Features/consent-management",{"title":164,"path":165,"stem":166},"Currencies","/frontend/features/currencies","1.Frontend/2.Features/currencies",{"title":168,"path":169,"stem":170},"Environments & Staging","/frontend/features/environments","1.Frontend/2.Features/environments",{"title":172,"path":173,"stem":174},"Hooks","/frontend/features/hooks","1.Frontend/2.Features/hooks",{"title":176,"path":177,"stem":178},"Media and Media Library","/frontend/features/media","1.Frontend/2.Features/media",{"title":180,"path":181,"stem":182},"Multi-language Support","/frontend/features/multi-language-support","1.Frontend/2.Features/multi-language-support",{"title":184,"path":185,"stem":186},"Multi-market","/frontend/features/multi-market","1.Frontend/2.Features/multi-market",{"title":188,"path":189,"stem":190},"Page Types","/frontend/features/pagetypes","1.Frontend/2.Features/pagetypes",{"title":192,"path":193,"stem":194},"PWA","/frontend/features/pwa","1.Frontend/2.Features/pwa",{"title":196,"path":197,"stem":198},"Redirects","/frontend/features/redirects","1.Frontend/2.Features/redirects",{"title":200,"path":201,"stem":202},"Routing","/frontend/features/routing","1.Frontend/2.Features/routing",{"title":204,"path":205,"stem":206},"Server-Side Rendering (SSR) and Caching","/frontend/features/ssr-and-caching","1.Frontend/2.Features/ssr-and-caching",{"title":208,"path":209,"stem":210},"Tracking","/frontend/features/tracking","1.Frontend/2.Features/tracking",{"title":212,"path":213,"stem":214},"Z-Ordering","/frontend/features/z-ordering","1.Frontend/2.Features/z-ordering",{"title":216,"path":217,"stem":218,"children":219},"SEO","/frontend/seo","1.Frontend/3.SEO/0.index",[220,221,225,229,233,237],{"title":216,"path":217,"stem":218},{"title":222,"path":223,"stem":224},"Link Checker","/frontend/seo/link-checker","1.Frontend/3.SEO/link-checker",{"title":226,"path":227,"stem":228},"OG Image","/frontend/seo/og-image","1.Frontend/3.SEO/og-image",{"title":230,"path":231,"stem":232},"Robots.txt","/frontend/seo/robots-txt","1.Frontend/3.SEO/robots-txt",{"title":234,"path":235,"stem":236},"Schema.org","/frontend/seo/schema-org","1.Frontend/3.SEO/schema-org",{"title":238,"path":239,"stem":240},"Sitemap","/frontend/seo/sitemap","1.Frontend/3.SEO/sitemap",{"title":242,"path":243,"stem":244,"children":245},"Backend for Frontend","/frontend/orchestr","1.Frontend/4.Orchestr/0.index",[246,247,273,277,281,285,289,293,297,301],{"title":242,"path":243,"stem":244},{"title":248,"path":249,"stem":250,"children":251},"Recipes","/frontend/orchestr/recipes","1.Frontend/4.Orchestr/99.recipes/0.index",[252,253,257,261,265,269],{"title":248,"path":249,"stem":250},{"title":254,"path":255,"stem":256},"Analytics components from query handlers","/frontend/orchestr/recipes/analytics-from-query-handlers","1.Frontend/4.Orchestr/99.recipes/analytics-from-query-handlers",{"title":258,"path":259,"stem":260},"Identity cookies (cart and visitor IDs)","/frontend/orchestr/recipes/identity-cookies","1.Frontend/4.Orchestr/99.recipes/identity-cookies",{"title":262,"path":263,"stem":264},"System bootstrap in extendRequest","/frontend/orchestr/recipes/system-bootstrap","1.Frontend/4.Orchestr/99.recipes/system-bootstrap",{"title":266,"path":267,"stem":268},"Translating vendor errors","/frontend/orchestr/recipes/translating-vendor-errors","1.Frontend/4.Orchestr/99.recipes/translating-vendor-errors",{"title":270,"path":271,"stem":272},"Userland cache patterns","/frontend/orchestr/recipes/userland-cache-patterns","1.Frontend/4.Orchestr/99.recipes/userland-cache-patterns",{"title":274,"path":275,"stem":276},"Actions","/frontend/orchestr/actions","1.Frontend/4.Orchestr/Actions",{"title":278,"path":279,"stem":280},"Caching","/frontend/orchestr/caching","1.Frontend/4.Orchestr/Caching",{"title":282,"path":283,"stem":284},"Middleware","/frontend/orchestr/middleware","1.Frontend/4.Orchestr/Middleware",{"title":286,"path":287,"stem":288},"Queries & Links","/frontend/orchestr/queries","1.Frontend/4.Orchestr/Queries",{"title":290,"path":291,"stem":292},"Component Resolvers","/frontend/orchestr/component-resolvers","1.Frontend/4.Orchestr/component-resolvers",{"title":294,"path":295,"stem":296},"Filters","/frontend/orchestr/filters","1.Frontend/4.Orchestr/filters",{"title":298,"path":299,"stem":300},"URL Query Parameters","/frontend/orchestr/url-query-params","1.Frontend/4.Orchestr/url-query-params",{"title":302,"path":303,"stem":304},"Orchestr Wire Format","/frontend/orchestr/wire-format","1.Frontend/4.Orchestr/wire-format",{"title":306,"path":307,"stem":308,"children":309},"API Reference","/frontend/api-reference","1.Frontend/99.api-reference/0.index",[310,311,373,376,406,422,430,441,449,456],{"title":306,"path":307,"stem":308},{"title":312,"path":313,"stem":314,"children":315},"Entities","/frontend/api-reference/entities","1.Frontend/99.api-reference/01.entities/0.index",[316,317,321,325,329,333,337,341,345,349,353,357,361,365,369],{"title":312,"path":313,"stem":314},{"title":318,"path":319,"stem":320},"Product","/frontend/api-reference/entities/product","1.Frontend/99.api-reference/01.entities/1.product",{"title":322,"path":323,"stem":324},"SuggestedSearch","/frontend/api-reference/entities/suggested-search","1.Frontend/99.api-reference/01.entities/10.suggested-search",{"title":326,"path":327,"stem":328},"SuggestedSearchEntry","/frontend/api-reference/entities/suggested-search-entry","1.Frontend/99.api-reference/01.entities/11.suggested-search-entry",{"title":330,"path":331,"stem":332},"BlogCollection","/frontend/api-reference/entities/blog-collection","1.Frontend/99.api-reference/01.entities/12.blog-collection",{"title":334,"path":335,"stem":336},"Comment","/frontend/api-reference/entities/comment","1.Frontend/99.api-reference/01.entities/13.comment",{"title":338,"path":339,"stem":340},"Location","/frontend/api-reference/entities/location","1.Frontend/99.api-reference/01.entities/14.location",{"title":342,"path":343,"stem":344},"ProductVariant","/frontend/api-reference/entities/product-variant","1.Frontend/99.api-reference/01.entities/2.product-variant",{"title":346,"path":347,"stem":348},"Category","/frontend/api-reference/entities/category","1.Frontend/99.api-reference/01.entities/3.category",{"title":350,"path":351,"stem":352},"Cart","/frontend/api-reference/entities/cart","1.Frontend/99.api-reference/01.entities/4.cart",{"title":354,"path":355,"stem":356},"CartItem","/frontend/api-reference/entities/cart-item","1.Frontend/99.api-reference/01.entities/5.cart-item",{"title":358,"path":359,"stem":360},"Review","/frontend/api-reference/entities/review","1.Frontend/99.api-reference/01.entities/6.review",{"title":362,"path":363,"stem":364},"BreadcrumbItem","/frontend/api-reference/entities/breadcrumb-item","1.Frontend/99.api-reference/01.entities/7.breadcrumb-item",{"title":366,"path":367,"stem":368},"MenuItem","/frontend/api-reference/entities/menu-item","1.Frontend/99.api-reference/01.entities/8.menu-item",{"title":370,"path":371,"stem":372},"BlogPost","/frontend/api-reference/entities/blog-post","1.Frontend/99.api-reference/01.entities/9.blog-post",{"title":188,"path":374,"stem":375},"/frontend/api-reference/page-types","1.Frontend/99.api-reference/02.page-types",{"title":377,"path":378,"stem":379,"children":380},"Common Types","/frontend/api-reference/common-types","1.Frontend/99.api-reference/03.common-types/0.index",[381,382,386,390,394,398,402],{"title":377,"path":378,"stem":379},{"title":383,"path":384,"stem":385},"Link","/frontend/api-reference/common-types/link","1.Frontend/99.api-reference/03.common-types/1.link",{"title":387,"path":388,"stem":389},"Media","/frontend/api-reference/common-types/media","1.Frontend/99.api-reference/03.common-types/2.media",{"title":391,"path":392,"stem":393},"Money","/frontend/api-reference/common-types/money","1.Frontend/99.api-reference/03.common-types/3.money",{"title":395,"path":396,"stem":397},"UnitPrice","/frontend/api-reference/common-types/unit-price","1.Frontend/99.api-reference/03.common-types/4.unit-price",{"title":399,"path":400,"stem":401},"Measurement","/frontend/api-reference/common-types/measurement","1.Frontend/99.api-reference/03.common-types/5.measurement",{"title":403,"path":404,"stem":405},"Opening Hours","/frontend/api-reference/common-types/opening-hours","1.Frontend/99.api-reference/03.common-types/6.opening-hours",{"title":407,"path":408,"stem":409,"children":410,"page":55},"Ecommerce","/frontend/api-reference/ecommerce","1.Frontend/99.api-reference/10.ecommerce",[411,414,418],{"title":274,"path":412,"stem":413},"/frontend/api-reference/ecommerce/actions","1.Frontend/99.api-reference/10.ecommerce/1.actions",{"title":415,"path":416,"stem":417},"Queries","/frontend/api-reference/ecommerce/queries","1.Frontend/99.api-reference/10.ecommerce/2.queries",{"title":419,"path":420,"stem":421},"Errors","/frontend/api-reference/ecommerce/errors","1.Frontend/99.api-reference/10.ecommerce/3.errors",{"title":423,"path":424,"stem":425,"children":426,"page":55},"Newsletter","/frontend/api-reference/newsletter","1.Frontend/99.api-reference/11.newsletter",[427],{"title":274,"path":428,"stem":429},"/frontend/api-reference/newsletter/actions","1.Frontend/99.api-reference/11.newsletter/1.actions",{"title":431,"path":432,"stem":433,"children":434,"page":55},"Blog","/frontend/api-reference/blog","1.Frontend/99.api-reference/12.blog",[435,438],{"title":415,"path":436,"stem":437},"/frontend/api-reference/blog/queries","1.Frontend/99.api-reference/12.blog/1.queries",{"title":419,"path":439,"stem":440},"/frontend/api-reference/blog/errors","1.Frontend/99.api-reference/12.blog/2.errors",{"title":442,"path":443,"stem":444,"children":445,"page":55},"Suggested Search","/frontend/api-reference/suggested-search","1.Frontend/99.api-reference/13.suggested-search",[446],{"title":415,"path":447,"stem":448},"/frontend/api-reference/suggested-search/queries","1.Frontend/99.api-reference/13.suggested-search/1.queries",{"title":208,"path":450,"stem":451,"children":452,"page":55},"/frontend/api-reference/tracking","1.Frontend/99.api-reference/14.tracking",[453],{"title":274,"path":454,"stem":455},"/frontend/api-reference/tracking/actions","1.Frontend/99.api-reference/14.tracking/1.actions",{"title":338,"path":457,"stem":458,"children":459,"page":55},"/frontend/api-reference/location","1.Frontend/99.api-reference/15.location",[460],{"title":415,"path":461,"stem":462},"/frontend/api-reference/location/queries","1.Frontend/99.api-reference/15.location/1.queries",{"title":464,"path":465,"stem":466,"children":467},"Apps","/apps","2.Apps/0.index",[468,469,545,631],{"title":464,"path":465,"stem":466},{"title":470,"path":471,"stem":472,"children":473},"App Development","/apps/app-development","2.Apps/app-development/0.index",[474,475,497,501,505,509,513,517,521,525,529,533,537,541],{"title":470,"path":471,"stem":472},{"title":476,"path":477,"stem":478,"children":479},"Guides","/apps/app-development/guides","2.Apps/app-development/99.guides/0.index",[480,481,485,489,493],{"title":476,"path":477,"stem":478},{"title":482,"path":483,"stem":484},"Separate schema components from UI components","/apps/app-development/guides/schema-components-vs-ui-components","2.Apps/app-development/99.guides/schema-components-vs-ui-components",{"title":486,"path":487,"stem":488},"Section config standard","/apps/app-development/guides/section-config-standard","2.Apps/app-development/99.guides/section-config-standard",{"title":490,"path":491,"stem":492},"Shared field factories","/apps/app-development/guides/shared-field-factories","2.Apps/app-development/99.guides/shared-field-factories",{"title":494,"path":495,"stem":496},"How to write CSS","/apps/app-development/guides/writing-css","2.Apps/app-development/99.guides/writing-css",{"title":498,"path":499,"stem":500},"App Configuration","/apps/app-development/app-configuration","2.Apps/app-development/app-configuration",{"title":502,"path":503,"stem":504},"App Starter","/apps/app-development/app-starter","2.Apps/app-development/app-starter",{"title":506,"path":507,"stem":508},"Best Practice","/apps/app-development/best-practice","2.Apps/app-development/best-practice",{"title":510,"path":511,"stem":512},"Block Definitions","/apps/app-development/block-definitions","2.Apps/app-development/block-definitions",{"title":514,"path":515,"stem":516},"Coding Standards","/apps/app-development/coding-standards","2.Apps/app-development/coding-standards",{"title":518,"path":519,"stem":520},"Consent Adapters","/apps/app-development/consent-adapters","2.Apps/app-development/consent-adapters",{"title":522,"path":523,"stem":524},"Consuming Query Fields","/apps/app-development/consuming-query-fields","2.Apps/app-development/consuming-query-fields",{"title":526,"path":527,"stem":528},"Implementation Overview","/apps/app-development/implementation-overview","2.Apps/app-development/implementation-overview",{"title":530,"path":531,"stem":532},"Platform Dependencies","/apps/app-development/platform-dependencies","2.Apps/app-development/platform-dependencies",{"title":534,"path":535,"stem":536},"Schema Fields","/apps/app-development/schema-fields","2.Apps/app-development/schema-fields",{"title":538,"path":539,"stem":540},"Section Definitions","/apps/app-development/section-definitions","2.Apps/app-development/section-definitions",{"title":542,"path":543,"stem":544},"Studio Icons","/apps/app-development/studio-icons","2.Apps/app-development/studio-icons",{"title":546,"path":547,"stem":548,"children":549},"App Docs","/apps/app-docs","2.Apps/app-docs/0.index",[550,551,555,559,563,567,571,575,579,583,587,591,595,599,603,607,611,615,619,623,627],{"title":546,"path":547,"stem":548},{"title":552,"path":553,"stem":554},"Actindo","/apps/app-docs/actindo","2.Apps/app-docs/actindo",{"title":556,"path":557,"stem":558},"Adobe Commerce","/apps/app-docs/adobe-commerce","2.Apps/app-docs/adobe-commerce",{"title":560,"path":561,"stem":562},"B2Bsellers","/apps/app-docs/b2bsellers","2.Apps/app-docs/b2bsellers",{"title":564,"path":565,"stem":566},"Battery Included","/apps/app-docs/battery-included","2.Apps/app-docs/battery-included",{"title":568,"path":569,"stem":570},"CCM19","/apps/app-docs/ccm19","2.Apps/app-docs/ccm19",{"title":572,"path":573,"stem":574},"Cookiebot","/apps/app-docs/cookiebot","2.Apps/app-docs/cookiebot",{"title":576,"path":577,"stem":578},"Google Tag Manager (GTM)","/apps/app-docs/gtm","2.Apps/app-docs/gtm",{"title":580,"path":581,"stem":582},"Hygraph","/apps/app-docs/hygraph","2.Apps/app-docs/hygraph",{"title":584,"path":585,"stem":586},"JTL Platform","/apps/app-docs/jtl-platform","2.Apps/app-docs/jtl-platform",{"title":588,"path":589,"stem":590},"Nimstrata Google Retail API","/apps/app-docs/nimstrata","2.Apps/app-docs/nimstrata",{"title":592,"path":593,"stem":594},"Pimcore","/apps/app-docs/pimcore","2.Apps/app-docs/pimcore",{"title":596,"path":597,"stem":598},"Sylius","/apps/app-docs/sylius","2.Apps/app-docs/sylius",{"title":600,"path":601,"stem":602},"Commercetools","/apps/app-docs/commercetools","2.apps/app-docs/commercetools",{"title":604,"path":605,"stem":606},"Emporix","/apps/app-docs/emporix","2.apps/app-docs/emporix",{"title":608,"path":609,"stem":610},"Klaviyo","/apps/app-docs/klaviyo","2.apps/app-docs/klaviyo",{"title":612,"path":613,"stem":614},"OXID eShop","/apps/app-docs/oxid","2.apps/app-docs/oxid",{"title":616,"path":617,"stem":618},"Shopify","/apps/app-docs/shopify","2.apps/app-docs/shopify",{"title":620,"path":621,"stem":622},"Shopware","/apps/app-docs/shopware","2.apps/app-docs/shopware",{"title":624,"path":625,"stem":626},"Vercel Analytics","/apps/app-docs/vercel-analytics","2.apps/app-docs/vercel-analytics",{"title":628,"path":629,"stem":630},"Vercel Speed Insights","/apps/app-docs/vercel-speed-insights","2.apps/app-docs/vercel-speed-insights",{"title":632,"path":633,"stem":634,"children":635,"page":55},"Essentials","/apps/essentials","2.Apps/essentials",[636,640,644],{"title":637,"path":638,"stem":639},"Legal","/apps/essentials/legal","2.Apps/essentials/legal",{"title":641,"path":642,"stem":643},"Mailer","/apps/essentials/mailer","2.Apps/essentials/mailer",{"title":216,"path":645,"stem":646},"/apps/essentials/seo","2.Apps/essentials/seo",{"title":648,"path":649,"stem":650,"children":651},"Laioutr UI","/laioutr-ui","3.laioutr-ui/0.index",[652,653,685,691,697,885,902,908,914,968,986,1116],{"title":648,"path":649,"stem":650},{"title":5,"path":654,"stem":655,"children":656},"/laioutr-ui/getting-started","3.laioutr-ui/01.getting-started/0.index",[657,658,662,666,670,674,678,682],{"title":5,"path":654,"stem":655},{"title":659,"path":660,"stem":661},"Browser support","/laioutr-ui/getting-started/browser-support","3.laioutr-ui/01.getting-started/1.browser-support",{"title":663,"path":664,"stem":665},"Common Data","/laioutr-ui/getting-started/common-data","3.laioutr-ui/01.getting-started/99.common-data",{"title":667,"path":668,"stem":669},"CSS Layers","/laioutr-ui/getting-started/css-layers","3.laioutr-ui/01.getting-started/css-layers",{"title":671,"path":672,"stem":673},"Figma Kit","/laioutr-ui/getting-started/figma-kit","3.laioutr-ui/01.getting-started/figma-kit",{"title":675,"path":676,"stem":677},"Surface Tone","/laioutr-ui/getting-started/surface-tone","3.laioutr-ui/01.getting-started/surface-tone",{"title":679,"path":680,"stem":681},"Theming","/laioutr-ui/getting-started/theming","3.laioutr-ui/01.getting-started/theming",{"title":212,"path":683,"stem":684},"/laioutr-ui/getting-started/z-ordering","3.laioutr-ui/01.getting-started/z-ordering",{"title":686,"path":687,"stem":688,"children":689},"B2B","/laioutr-ui/b2b","3.laioutr-ui/b2b/0.index",[690],{"title":686,"path":687,"stem":688},{"title":692,"path":693,"stem":694,"children":695},"Booking","/laioutr-ui/booking","3.laioutr-ui/booking/0.index",[696],{"title":692,"path":693,"stem":694},{"title":698,"path":699,"stem":700,"children":701},"CMS","/laioutr-ui/cms","3.laioutr-ui/cms/0.index",[702,703,709,734,746,750,754,758,762,766,778,799,820,836],{"title":698,"path":699,"stem":700},{"title":704,"path":705,"stem":706,"children":707},"Alphabetical Index","/laioutr-ui/cms/alphabetical-index","3.laioutr-ui/cms/alphabetical-index",[708],{"title":704,"path":705,"stem":706},{"title":710,"path":711,"stem":712,"children":713,"page":55},"Banner","/laioutr-ui/cms/banner","3.laioutr-ui/cms/banner",[714,718,722,726,730],{"title":715,"path":716,"stem":717},"Banner Basic","/laioutr-ui/cms/banner/banner-basic","3.laioutr-ui/cms/banner/banner-basic",{"title":719,"path":720,"stem":721},"Banner Integrated","/laioutr-ui/cms/banner/banner-integrated","3.laioutr-ui/cms/banner/banner-integrated",{"title":723,"path":724,"stem":725},"Banner Showcase","/laioutr-ui/cms/banner/banner-showcase","3.laioutr-ui/cms/banner/banner-showcase",{"title":727,"path":728,"stem":729},"Media + Text","/laioutr-ui/cms/banner/media-text","3.laioutr-ui/cms/banner/media-text",{"title":731,"path":732,"stem":733},"USP Banner","/laioutr-ui/cms/banner/usp-banner","3.laioutr-ui/cms/banner/usp-banner",{"title":431,"path":735,"stem":736,"children":737,"page":55},"/laioutr-ui/cms/blog","3.laioutr-ui/cms/blog",[738,742],{"title":739,"path":740,"stem":741},"Blog Post Detail","/laioutr-ui/cms/blog/blog-post-detail","3.laioutr-ui/cms/blog/blog-post-detail",{"title":743,"path":744,"stem":745},"Blog Post Listing","/laioutr-ui/cms/blog/blog-post-listing","3.laioutr-ui/cms/blog/blog-post-listing",{"title":747,"path":748,"stem":749},"Brand Hero","/laioutr-ui/cms/brand-hero","3.laioutr-ui/cms/brand-hero",{"title":751,"path":752,"stem":753},"Container","/laioutr-ui/cms/container","3.laioutr-ui/cms/container",{"title":755,"path":756,"stem":757},"Content Grid","/laioutr-ui/cms/content-grid","3.laioutr-ui/cms/content-grid",{"title":759,"path":760,"stem":761},"Editorial Grid","/laioutr-ui/cms/editorial-grid","3.laioutr-ui/cms/editorial-grid",{"title":763,"path":764,"stem":765},"Media Gallery","/laioutr-ui/cms/media-gallery","3.laioutr-ui/cms/media-gallery",{"title":423,"path":767,"stem":768,"children":769,"page":55},"/laioutr-ui/cms/newsletter","3.laioutr-ui/cms/newsletter",[770,774],{"title":771,"path":772,"stem":773},"Email Input Form","/laioutr-ui/cms/newsletter/email-input-form","3.laioutr-ui/cms/newsletter/email-input-form",{"title":775,"path":776,"stem":777},"Newsletter Registration","/laioutr-ui/cms/newsletter/newsletter-registration","3.laioutr-ui/cms/newsletter/newsletter-registration",{"title":779,"path":780,"stem":781,"children":782,"page":55},"Popups","/laioutr-ui/cms/popups","3.laioutr-ui/cms/popups",[783,787,791,795],{"title":784,"path":785,"stem":786},"PopUp","/laioutr-ui/cms/popups/pop-up","3.laioutr-ui/cms/popups/pop-up",{"title":788,"path":789,"stem":790},"PopUp Info","/laioutr-ui/cms/popups/pop-up-info","3.laioutr-ui/cms/popups/pop-up-info",{"title":792,"path":793,"stem":794},"PopUp Newsletter","/laioutr-ui/cms/popups/pop-up-newsletter","3.laioutr-ui/cms/popups/pop-up-newsletter",{"title":796,"path":797,"stem":798},"PopUp Promotion","/laioutr-ui/cms/popups/pop-up-promotion","3.laioutr-ui/cms/popups/pop-up-promotion",{"title":800,"path":801,"stem":802,"children":803,"page":55},"Quotes","/laioutr-ui/cms/quotes","3.laioutr-ui/cms/quotes",[804,808,812,816],{"title":805,"path":806,"stem":807},"Persona Quote","/laioutr-ui/cms/quotes/persona-quote","3.laioutr-ui/cms/quotes/persona-quote",{"title":809,"path":810,"stem":811},"Persona Quote Slider","/laioutr-ui/cms/quotes/persona-quote-slider","3.laioutr-ui/cms/quotes/persona-quote-slider",{"title":813,"path":814,"stem":815},"Quote Card","/laioutr-ui/cms/quotes/quote-card","3.laioutr-ui/cms/quotes/quote-card",{"title":817,"path":818,"stem":819},"Quote Card Slider","/laioutr-ui/cms/quotes/quote-card-slider","3.laioutr-ui/cms/quotes/quote-card-slider",{"title":821,"path":822,"stem":823,"children":824,"page":55},"Reviews","/laioutr-ui/cms/reviews","3.laioutr-ui/cms/reviews",[825,828,832],{"title":358,"path":826,"stem":827},"/laioutr-ui/cms/reviews/review","3.laioutr-ui/cms/reviews/review",{"title":829,"path":830,"stem":831},"Review Form","/laioutr-ui/cms/reviews/review-form","3.laioutr-ui/cms/reviews/review-form",{"title":833,"path":834,"stem":835},"Social Share","/laioutr-ui/cms/reviews/social-share","3.laioutr-ui/cms/reviews/social-share",{"title":837,"path":838,"stem":839,"children":840,"page":55},"Slider","/laioutr-ui/cms/slider","3.laioutr-ui/cms/slider",[841,845,849,853,857,861,865,869,873,877,881],{"title":842,"path":843,"stem":844},"Content Slider","/laioutr-ui/cms/slider/content-slider","3.laioutr-ui/cms/slider/content-slider",{"title":846,"path":847,"stem":848},"Hero Slider","/laioutr-ui/cms/slider/hero-slider","3.laioutr-ui/cms/slider/hero-slider",{"title":850,"path":851,"stem":852},"Logo Grid","/laioutr-ui/cms/slider/logo-grid","3.laioutr-ui/cms/slider/logo-grid",{"title":854,"path":855,"stem":856},"Logo Slider","/laioutr-ui/cms/slider/logo-slider","3.laioutr-ui/cms/slider/logo-slider",{"title":858,"path":859,"stem":860},"Swiper Arrows","/laioutr-ui/cms/slider/swiper-arrows","3.laioutr-ui/cms/slider/swiper-arrows",{"title":862,"path":863,"stem":864},"Swiper Bullets","/laioutr-ui/cms/slider/swiper-bullets","3.laioutr-ui/cms/slider/swiper-bullets",{"title":866,"path":867,"stem":868},"Swiper Chrome","/laioutr-ui/cms/slider/swiper-chrome","3.laioutr-ui/cms/slider/swiper-chrome",{"title":870,"path":871,"stem":872},"Swiper Nav Bar","/laioutr-ui/cms/slider/swiper-nav-bar","3.laioutr-ui/cms/slider/swiper-nav-bar",{"title":874,"path":875,"stem":876},"Swiper Numbers","/laioutr-ui/cms/slider/swiper-numbers","3.laioutr-ui/cms/slider/swiper-numbers",{"title":878,"path":879,"stem":880},"Swiper Scrollbar","/laioutr-ui/cms/slider/swiper-scrollbar","3.laioutr-ui/cms/slider/swiper-scrollbar",{"title":882,"path":883,"stem":884},"Thumbnails Slider","/laioutr-ui/cms/slider/thumbnails-slider","3.laioutr-ui/cms/slider/thumbnails-slider",{"title":338,"path":886,"stem":887,"children":888},"/laioutr-ui/location","3.laioutr-ui/location/0.index",[889,890,894,898],{"title":338,"path":886,"stem":887},{"title":891,"path":892,"stem":893},"Location Card","/laioutr-ui/location/location-card","3.laioutr-ui/location/location-card",{"title":895,"path":896,"stem":897},"Location Detail","/laioutr-ui/location/location-detail","3.laioutr-ui/location/location-detail",{"title":899,"path":900,"stem":901},"Location Finder","/laioutr-ui/location/location-finder","3.laioutr-ui/location/location-finder",{"title":903,"path":904,"stem":905,"children":906},"Marketplace","/laioutr-ui/marketplace","3.laioutr-ui/marketplace/0.index",[907],{"title":903,"path":904,"stem":905},{"title":909,"path":910,"stem":911,"children":912},"Multichannel","/laioutr-ui/multichannel","3.laioutr-ui/multichannel/0.index",[913],{"title":909,"path":910,"stem":911},{"title":915,"path":916,"stem":917,"children":918},"Navigation & Headers","/laioutr-ui/navigation","3.laioutr-ui/navigation/0.index",[919,920,924,928,932,936,940,944,948,952,956,960,964],{"title":915,"path":916,"stem":917},{"title":921,"path":922,"stem":923},"Breadcrumbs","/laioutr-ui/navigation/breadcrumbs","3.laioutr-ui/navigation/breadcrumbs",{"title":925,"path":926,"stem":927},"Footer","/laioutr-ui/navigation/footer","3.laioutr-ui/navigation/footer",{"title":929,"path":930,"stem":931},"Footer Menu","/laioutr-ui/navigation/footer-menu","3.laioutr-ui/navigation/footer-menu",{"title":933,"path":934,"stem":935},"Header Basic","/laioutr-ui/navigation/header-basic","3.laioutr-ui/navigation/header-basic",{"title":937,"path":938,"stem":939},"Header Shop","/laioutr-ui/navigation/header-shop","3.laioutr-ui/navigation/header-shop",{"title":941,"path":942,"stem":943},"Mega Menu","/laioutr-ui/navigation/mega-menu","3.laioutr-ui/navigation/mega-menu",{"title":945,"path":946,"stem":947},"Menu Side by Side","/laioutr-ui/navigation/menu-side-by-side","3.laioutr-ui/navigation/menu-side-by-side",{"title":949,"path":950,"stem":951},"Mobile Menu (Basic)","/laioutr-ui/navigation/mobile-menu-basic","3.laioutr-ui/navigation/mobile-menu-basic",{"title":953,"path":954,"stem":955},"Mobile Menu (Shop)","/laioutr-ui/navigation/mobile-menu-shop","3.laioutr-ui/navigation/mobile-menu-shop",{"title":957,"path":958,"stem":959},"Page Not Found","/laioutr-ui/navigation/page-not-found","3.laioutr-ui/navigation/page-not-found",{"title":961,"path":962,"stem":963},"Search Auto-Suggest","/laioutr-ui/navigation/search-auto-suggest","3.laioutr-ui/navigation/search-auto-suggest",{"title":965,"path":966,"stem":967},"Top Bar","/laioutr-ui/navigation/top-bar","3.laioutr-ui/navigation/top-bar",{"title":969,"path":970,"stem":971,"children":972},"SaaS","/laioutr-ui/saas","3.laioutr-ui/saas/0.index",[973,974,978,982],{"title":969,"path":970,"stem":971},{"title":975,"path":976,"stem":977},"Plan Card","/laioutr-ui/saas/plan-card","3.laioutr-ui/saas/plan-card",{"title":979,"path":980,"stem":981},"Plan Card Slider","/laioutr-ui/saas/plan-card-slider","3.laioutr-ui/saas/plan-card-slider",{"title":983,"path":984,"stem":985},"Plan Comparison Table","/laioutr-ui/saas/plan-comparison-table","3.laioutr-ui/saas/plan-comparison-table",{"title":987,"path":988,"stem":989,"children":990},"Shop","/laioutr-ui/shop","3.laioutr-ui/shop/0.index",[991,992,1020,1024,1028,1032,1036,1092,1096,1100,1104,1108,1112],{"title":987,"path":988,"stem":989},{"title":350,"path":993,"stem":994,"children":995,"page":55},"/laioutr-ui/shop/cart","3.laioutr-ui/shop/cart",[996,1000,1004,1008,1012,1016],{"title":997,"path":998,"stem":999},"Cart Coupon Code Accordion","/laioutr-ui/shop/cart/cart-coupon-code-accordion","3.laioutr-ui/shop/cart/cart-coupon-code-accordion",{"title":1001,"path":1002,"stem":1003},"Cart List Item","/laioutr-ui/shop/cart/cart-list-item","3.laioutr-ui/shop/cart/cart-list-item",{"title":1005,"path":1006,"stem":1007},"Cart Sheet","/laioutr-ui/shop/cart/cart-sheet","3.laioutr-ui/shop/cart/cart-sheet",{"title":1009,"path":1010,"stem":1011},"Cart Summary Box","/laioutr-ui/shop/cart/cart-summary-box","3.laioutr-ui/shop/cart/cart-summary-box",{"title":1013,"path":1014,"stem":1015},"Empty State Cart","/laioutr-ui/shop/cart/empty-state-cart","3.laioutr-ui/shop/cart/empty-state-cart",{"title":1017,"path":1018,"stem":1019},"Free Delivery Progress","/laioutr-ui/shop/cart/free-delivery-progress","3.laioutr-ui/shop/cart/free-delivery-progress",{"title":1021,"path":1022,"stem":1023},"Category Card Grid","/laioutr-ui/shop/category-card-grid","3.laioutr-ui/shop/category-card-grid",{"title":1025,"path":1026,"stem":1027},"Category Card Slider","/laioutr-ui/shop/category-card-slider","3.laioutr-ui/shop/category-card-slider",{"title":1029,"path":1030,"stem":1031},"Filter Bar","/laioutr-ui/shop/filter-bar","3.laioutr-ui/shop/filter-bar",{"title":1033,"path":1034,"stem":1035},"Filter Off Canvas","/laioutr-ui/shop/filter-off-canvas","3.laioutr-ui/shop/filter-off-canvas",{"title":1037,"path":1038,"stem":1039,"children":1040,"page":55},"Product Detail","/laioutr-ui/shop/product-detail","3.laioutr-ui/shop/product-detail",[1041,1045,1049,1053,1057,1061,1064,1068,1072,1076,1080,1084,1088],{"title":1042,"path":1043,"stem":1044},"Add to Cart","/laioutr-ui/shop/product-detail/add-to-cart","3.laioutr-ui/shop/product-detail/add-to-cart",{"title":1046,"path":1047,"stem":1048},"Benefits Box","/laioutr-ui/shop/product-detail/benefits-box","3.laioutr-ui/shop/product-detail/benefits-box",{"title":1050,"path":1051,"stem":1052},"Coupon Box","/laioutr-ui/shop/product-detail/coupon-box","3.laioutr-ui/shop/product-detail/coupon-box",{"title":1054,"path":1055,"stem":1056},"Energy Label","/laioutr-ui/shop/product-detail/energy-label","3.laioutr-ui/shop/product-detail/energy-label",{"title":1058,"path":1059,"stem":1060},"Price Info","/laioutr-ui/shop/product-detail/price-info","3.laioutr-ui/shop/product-detail/price-info",{"title":1037,"path":1062,"stem":1063},"/laioutr-ui/shop/product-detail/product-detail","3.laioutr-ui/shop/product-detail/product-detail",{"title":1065,"path":1066,"stem":1067},"Product Image Gallery","/laioutr-ui/shop/product-detail/product-image-gallery","3.laioutr-ui/shop/product-detail/product-image-gallery",{"title":1069,"path":1070,"stem":1071},"Product Title","/laioutr-ui/shop/product-detail/product-title","3.laioutr-ui/shop/product-detail/product-title",{"title":1073,"path":1074,"stem":1075},"Quantity Discount","/laioutr-ui/shop/product-detail/quantity-discount","3.laioutr-ui/shop/product-detail/quantity-discount",{"title":1077,"path":1078,"stem":1079},"Variant Off Canvas","/laioutr-ui/shop/product-detail/variant-off-canvas","3.laioutr-ui/shop/product-detail/variant-off-canvas",{"title":1081,"path":1082,"stem":1083},"Variant Selector Configurator","/laioutr-ui/shop/product-detail/variant-selector-configurator","3.laioutr-ui/shop/product-detail/variant-selector-configurator",{"title":1085,"path":1086,"stem":1087},"Variant Selector (Multiple)","/laioutr-ui/shop/product-detail/variant-selector-multiple","3.laioutr-ui/shop/product-detail/variant-selector-multiple",{"title":1089,"path":1090,"stem":1091},"Variant Selector Options","/laioutr-ui/shop/product-detail/variant-selector-options","3.laioutr-ui/shop/product-detail/variant-selector-options",{"title":1093,"path":1094,"stem":1095},"Product Listing Grid","/laioutr-ui/shop/product-listing-grid","3.laioutr-ui/shop/product-listing-grid",{"title":1097,"path":1098,"stem":1099},"Product Slider","/laioutr-ui/shop/product-slider","3.laioutr-ui/shop/product-slider",{"title":1101,"path":1102,"stem":1103},"Product Slider Showcase","/laioutr-ui/shop/product-slider-showcase","3.laioutr-ui/shop/product-slider-showcase",{"title":1105,"path":1106,"stem":1107},"Product Tile (Basic)","/laioutr-ui/shop/product-tile-basic","3.laioutr-ui/shop/product-tile-basic",{"title":1109,"path":1110,"stem":1111},"Search Result Hero","/laioutr-ui/shop/search-result-hero","3.laioutr-ui/shop/search-result-hero",{"title":1113,"path":1114,"stem":1115},"Sort Modes","/laioutr-ui/shop/sort-modes","3.laioutr-ui/shop/sort-modes",{"title":1117,"path":1118,"stem":1119,"children":1120},"UI Kit","/laioutr-ui/ui-kit","3.laioutr-ui/ui-kit/0.index",[1121,1122,1282,1306,1327,1344,1381,1490,1519],{"title":1117,"path":1118,"stem":1119},{"title":1123,"path":1124,"stem":1125,"children":1126,"page":55},"General","/laioutr-ui/ui-kit/general","3.laioutr-ui/ui-kit/01.general",[1127,1131,1135,1139,1143,1147,1151,1155,1159,1163,1167,1170,1174,1178,1182,1186,1190,1194,1198,1202,1206,1210,1214,1218,1222,1226,1230,1234,1238,1242,1246,1250,1254,1258,1262,1266,1270,1274,1278],{"title":1128,"path":1129,"stem":1130},"Accordion","/laioutr-ui/ui-kit/general/accordion","3.laioutr-ui/ui-kit/01.general/Accordion",{"title":1132,"path":1133,"stem":1134},"Avatar","/laioutr-ui/ui-kit/general/avatar","3.laioutr-ui/ui-kit/01.general/Avatar",{"title":1136,"path":1137,"stem":1138},"Backdrop","/laioutr-ui/ui-kit/general/backdrop","3.laioutr-ui/ui-kit/01.general/Backdrop",{"title":1140,"path":1141,"stem":1142},"Dropdown Menu","/laioutr-ui/ui-kit/general/dropdownmenu","3.laioutr-ui/ui-kit/01.general/DropdownMenu",{"title":1144,"path":1145,"stem":1146},"Edge Glow","/laioutr-ui/ui-kit/general/edgeglow","3.laioutr-ui/ui-kit/01.general/EdgeGlow",{"title":1148,"path":1149,"stem":1150},"Empty State","/laioutr-ui/ui-kit/general/emptystate","3.laioutr-ui/ui-kit/01.general/EmptyState",{"title":1152,"path":1153,"stem":1154},"Icon","/laioutr-ui/ui-kit/general/icon","3.laioutr-ui/ui-kit/01.general/Icon",{"title":1156,"path":1157,"stem":1158},"Image Contrast Overlay","/laioutr-ui/ui-kit/general/imagecontrastoverlay","3.laioutr-ui/ui-kit/01.general/ImageContrastOverlay",{"title":1160,"path":1161,"stem":1162},"Lightbox","/laioutr-ui/ui-kit/general/lightbox","3.laioutr-ui/ui-kit/01.general/Lightbox",{"title":1164,"path":1165,"stem":1166},"Loading Spinner","/laioutr-ui/ui-kit/general/loadingspinner","3.laioutr-ui/ui-kit/01.general/LoadingSpinner",{"title":387,"path":1168,"stem":1169},"/laioutr-ui/ui-kit/general/media","3.laioutr-ui/ui-kit/01.general/Media",{"title":1171,"path":1172,"stem":1173},"Navigation Bullets","/laioutr-ui/ui-kit/general/navigationbullets","3.laioutr-ui/ui-kit/01.general/NavigationBullets",{"title":1175,"path":1176,"stem":1177},"Placeholder","/laioutr-ui/ui-kit/general/placeholder","3.laioutr-ui/ui-kit/01.general/Placeholder",{"title":1179,"path":1180,"stem":1181},"Progress Bar","/laioutr-ui/ui-kit/general/progressbar","3.laioutr-ui/ui-kit/01.general/ProgressBar",{"title":1183,"path":1184,"stem":1185},"Scrollbar","/laioutr-ui/ui-kit/general/scrollbar","3.laioutr-ui/ui-kit/01.general/Scrollbar",{"title":1187,"path":1188,"stem":1189},"Swatch","/laioutr-ui/ui-kit/general/swatch","3.laioutr-ui/ui-kit/01.general/Swatch",{"title":1191,"path":1192,"stem":1193},"SwiperScrollbar","/laioutr-ui/ui-kit/general/swiperscrollbar","3.laioutr-ui/ui-kit/01.general/SwiperScrollbar",{"title":1195,"path":1196,"stem":1197},"Thumbnail","/laioutr-ui/ui-kit/general/thumbnail","3.laioutr-ui/ui-kit/01.general/Thumbnail",{"title":1199,"path":1200,"stem":1201},"Tooltip","/laioutr-ui/ui-kit/general/tooltip","3.laioutr-ui/ui-kit/01.general/Tooltip",{"title":1203,"path":1204,"stem":1205},"Amount Pill","/laioutr-ui/ui-kit/general/amount-pill","3.laioutr-ui/ui-kit/01.general/amount-pill",{"title":1207,"path":1208,"stem":1209},"Dark Mode Switch","/laioutr-ui/ui-kit/general/dark-mode-switch","3.laioutr-ui/ui-kit/01.general/dark-mode-switch",{"title":1211,"path":1212,"stem":1213},"Language Switcher","/laioutr-ui/ui-kit/general/language-switcher","3.laioutr-ui/ui-kit/01.general/language-switcher",{"title":1215,"path":1216,"stem":1217},"Media Preview","/laioutr-ui/ui-kit/general/media-preview","3.laioutr-ui/ui-kit/01.general/media-preview",{"title":1219,"path":1220,"stem":1221},"Media Stage","/laioutr-ui/ui-kit/general/media-stage","3.laioutr-ui/ui-kit/01.general/media-stage",{"title":1223,"path":1224,"stem":1225},"Nav Link Item","/laioutr-ui/ui-kit/general/nav-link-item","3.laioutr-ui/ui-kit/01.general/nav-link-item",{"title":1227,"path":1228,"stem":1229},"Nav Section Heading","/laioutr-ui/ui-kit/general/nav-section-heading","3.laioutr-ui/ui-kit/01.general/nav-section-heading",{"title":1231,"path":1232,"stem":1233},"OnSurface","/laioutr-ui/ui-kit/general/on-surface","3.laioutr-ui/ui-kit/01.general/on-surface",{"title":1235,"path":1236,"stem":1237},"Opening Hours Weekly Table","/laioutr-ui/ui-kit/general/opening-hours-weekly-table","3.laioutr-ui/ui-kit/01.general/opening-hours-weekly-table",{"title":1239,"path":1240,"stem":1241},"Opening Status","/laioutr-ui/ui-kit/general/opening-status","3.laioutr-ui/ui-kit/01.general/opening-status",{"title":1243,"path":1244,"stem":1245},"Opening Status Detail","/laioutr-ui/ui-kit/general/opening-status-detail","3.laioutr-ui/ui-kit/01.general/opening-status-detail",{"title":1247,"path":1248,"stem":1249},"Opening Status Indicator","/laioutr-ui/ui-kit/general/opening-status-indicator","3.laioutr-ui/ui-kit/01.general/opening-status-indicator",{"title":1251,"path":1252,"stem":1253},"Rating Progress Bar Filter","/laioutr-ui/ui-kit/general/rating-progress-bar-filter","3.laioutr-ui/ui-kit/01.general/rating-progress-bar-filter",{"title":1255,"path":1256,"stem":1257},"Status Message","/laioutr-ui/ui-kit/general/status-message","3.laioutr-ui/ui-kit/01.general/status-message",{"title":1259,"path":1260,"stem":1261},"Stock Info Summary","/laioutr-ui/ui-kit/general/stock-info-summary","3.laioutr-ui/ui-kit/01.general/stock-info-summary",{"title":1263,"path":1264,"stem":1265},"Swatch Chip","/laioutr-ui/ui-kit/general/swatch-chip","3.laioutr-ui/ui-kit/01.general/swatch-chip",{"title":1267,"path":1268,"stem":1269},"Swatch Option","/laioutr-ui/ui-kit/general/swatch-option","3.laioutr-ui/ui-kit/01.general/swatch-option",{"title":1271,"path":1272,"stem":1273},"Swatch Summary","/laioutr-ui/ui-kit/general/swatch-summary","3.laioutr-ui/ui-kit/01.general/swatch-summary",{"title":1275,"path":1276,"stem":1277},"Zoom Level (Segmented)","/laioutr-ui/ui-kit/general/zoom-level-segmented","3.laioutr-ui/ui-kit/01.general/zoom-level-segmented",{"title":1279,"path":1280,"stem":1281},"Zoom Level (Stepper)","/laioutr-ui/ui-kit/general/zoom-level-stepper","3.laioutr-ui/ui-kit/01.general/zoom-level-stepper",{"title":1283,"path":1284,"stem":1285,"children":1286,"page":55},"Typography","/laioutr-ui/ui-kit/typography","3.laioutr-ui/ui-kit/02.typography",[1287,1291,1294,1298,1302],{"title":1288,"path":1289,"stem":1290},"Icon List","/laioutr-ui/ui-kit/typography/iconlist","3.laioutr-ui/ui-kit/02.typography/IconList",{"title":383,"path":1292,"stem":1293},"/laioutr-ui/ui-kit/typography/link","3.laioutr-ui/ui-kit/02.typography/Link",{"title":1295,"path":1296,"stem":1297},"Rich Content","/laioutr-ui/ui-kit/typography/richcontent","3.laioutr-ui/ui-kit/02.typography/RichContent",{"title":1299,"path":1300,"stem":1301},"Text","/laioutr-ui/ui-kit/typography/text","3.laioutr-ui/ui-kit/02.typography/Text",{"title":1303,"path":1304,"stem":1305},"Text Group","/laioutr-ui/ui-kit/typography/text-group","3.laioutr-ui/ui-kit/02.typography/text-group",{"title":1307,"path":1308,"stem":1309,"children":1310,"page":55},"Layout","/laioutr-ui/ui-kit/layout","3.laioutr-ui/ui-kit/03.layout",[1311,1315,1319,1323],{"title":1312,"path":1313,"stem":1314},"Grid Fill","/laioutr-ui/ui-kit/layout/gridfill","3.laioutr-ui/ui-kit/03.layout/GridFill",{"title":1316,"path":1317,"stem":1318},"Grid Masonry","/laioutr-ui/ui-kit/layout/gridmasonry","3.laioutr-ui/ui-kit/03.layout/GridMasonry",{"title":1320,"path":1321,"stem":1322},"Scroll Area","/laioutr-ui/ui-kit/layout/scrollarea","3.laioutr-ui/ui-kit/03.layout/ScrollArea",{"title":1324,"path":1325,"stem":1326},"Separator","/laioutr-ui/ui-kit/layout/separator","3.laioutr-ui/ui-kit/03.layout/Separator",{"title":1328,"path":1329,"stem":1330,"children":1331,"page":55},"Content","/laioutr-ui/ui-kit/content","3.laioutr-ui/ui-kit/04.content",[1332,1336,1340],{"title":1333,"path":1334,"stem":1335},"Card","/laioutr-ui/ui-kit/content/card","3.laioutr-ui/ui-kit/04.content/Card",{"title":1337,"path":1338,"stem":1339},"Description List","/laioutr-ui/ui-kit/content/description-list","3.laioutr-ui/ui-kit/04.content/description-list",{"title":1341,"path":1342,"stem":1343},"Link Tile","/laioutr-ui/ui-kit/content/link-tile","3.laioutr-ui/ui-kit/04.content/link-tile",{"title":1345,"path":1346,"stem":1347,"children":1348,"page":55},"Surfaces","/laioutr-ui/ui-kit/surfaces","3.laioutr-ui/ui-kit/05.surfaces",[1349,1353,1357,1361,1365,1369,1373,1377],{"title":1350,"path":1351,"stem":1352},"Alert Dialog","/laioutr-ui/ui-kit/surfaces/alertdialog","3.laioutr-ui/ui-kit/05.surfaces/AlertDialog",{"title":1354,"path":1355,"stem":1356},"Popover","/laioutr-ui/ui-kit/surfaces/popover","3.laioutr-ui/ui-kit/05.surfaces/Popover",{"title":1358,"path":1359,"stem":1360},"Sheet","/laioutr-ui/ui-kit/surfaces/sheet","3.laioutr-ui/ui-kit/05.surfaces/Sheet",{"title":1362,"path":1363,"stem":1364},"Tabs","/laioutr-ui/ui-kit/surfaces/tabs","3.laioutr-ui/ui-kit/05.surfaces/Tabs",{"title":1366,"path":1367,"stem":1368},"Toast","/laioutr-ui/ui-kit/surfaces/toast","3.laioutr-ui/ui-kit/05.surfaces/Toast",{"title":1370,"path":1371,"stem":1372},"Toaster","/laioutr-ui/ui-kit/surfaces/toaster","3.laioutr-ui/ui-kit/05.surfaces/Toaster",{"title":1374,"path":1375,"stem":1376},"Context Menu","/laioutr-ui/ui-kit/surfaces/context-menu","3.laioutr-ui/ui-kit/05.surfaces/context-menu",{"title":1378,"path":1379,"stem":1380},"Navigation Menu","/laioutr-ui/ui-kit/surfaces/navigation-menu","3.laioutr-ui/ui-kit/05.surfaces/navigation-menu",{"title":1382,"path":1383,"stem":1384,"children":1385,"page":55},"Form","/laioutr-ui/ui-kit/form","3.laioutr-ui/ui-kit/06.form",[1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486],{"title":1387,"path":1388,"stem":1389},"Button","/laioutr-ui/ui-kit/form/button","3.laioutr-ui/ui-kit/06.form/Button",{"title":1391,"path":1392,"stem":1393},"Checkbox","/laioutr-ui/ui-kit/form/checkbox","3.laioutr-ui/ui-kit/06.form/Checkbox",{"title":1395,"path":1396,"stem":1397},"Field","/laioutr-ui/ui-kit/form/field","3.laioutr-ui/ui-kit/06.form/Field",{"title":1399,"path":1400,"stem":1401},"Input","/laioutr-ui/ui-kit/form/input","3.laioutr-ui/ui-kit/06.form/Input",{"title":1403,"path":1404,"stem":1405},"Label","/laioutr-ui/ui-kit/form/label","3.laioutr-ui/ui-kit/06.form/Label",{"title":1407,"path":1408,"stem":1409},"Load More","/laioutr-ui/ui-kit/form/loadmore","3.laioutr-ui/ui-kit/06.form/LoadMore",{"title":1411,"path":1412,"stem":1413},"Pagination","/laioutr-ui/ui-kit/form/pagination","3.laioutr-ui/ui-kit/06.form/Pagination",{"title":1415,"path":1416,"stem":1417},"Quantity Picker","/laioutr-ui/ui-kit/form/quantitypicker","3.laioutr-ui/ui-kit/06.form/QuantityPicker",{"title":1419,"path":1420,"stem":1421},"Select","/laioutr-ui/ui-kit/form/select","3.laioutr-ui/ui-kit/06.form/Select",{"title":1423,"path":1424,"stem":1425},"Switch","/laioutr-ui/ui-kit/form/switch","3.laioutr-ui/ui-kit/06.form/Switch",{"title":1427,"path":1428,"stem":1429},"Highlight Toggle","/laioutr-ui/ui-kit/form/highlight-toggle","3.laioutr-ui/ui-kit/06.form/highlight-toggle",{"title":1431,"path":1432,"stem":1433},"Icon Button","/laioutr-ui/ui-kit/form/icon-button","3.laioutr-ui/ui-kit/06.form/icon-button",{"title":1435,"path":1436,"stem":1437},"Input Autocomplete","/laioutr-ui/ui-kit/form/input-autocomplete","3.laioutr-ui/ui-kit/06.form/input-autocomplete",{"title":1439,"path":1440,"stem":1441},"Input Checkbox","/laioutr-ui/ui-kit/form/input-checkbox","3.laioutr-ui/ui-kit/06.form/input-checkbox",{"title":1443,"path":1444,"stem":1445},"Input Combobox","/laioutr-ui/ui-kit/form/input-combobox","3.laioutr-ui/ui-kit/06.form/input-combobox",{"title":1447,"path":1448,"stem":1449},"Input Group","/laioutr-ui/ui-kit/form/input-group","3.laioutr-ui/ui-kit/06.form/input-group",{"title":1451,"path":1452,"stem":1453},"Input Password","/laioutr-ui/ui-kit/form/input-password","3.laioutr-ui/ui-kit/06.form/input-password",{"title":1455,"path":1456,"stem":1457},"Input Pin","/laioutr-ui/ui-kit/form/input-pin","3.laioutr-ui/ui-kit/06.form/input-pin",{"title":1459,"path":1460,"stem":1461},"Input Radio","/laioutr-ui/ui-kit/form/input-radio","3.laioutr-ui/ui-kit/06.form/input-radio",{"title":1463,"path":1464,"stem":1465},"Input Rating","/laioutr-ui/ui-kit/form/input-rating","3.laioutr-ui/ui-kit/06.form/input-rating",{"title":1467,"path":1468,"stem":1469},"Input Search","/laioutr-ui/ui-kit/form/input-search","3.laioutr-ui/ui-kit/06.form/input-search",{"title":1471,"path":1472,"stem":1473},"Input Slider","/laioutr-ui/ui-kit/form/input-slider","3.laioutr-ui/ui-kit/06.form/input-slider",{"title":1475,"path":1476,"stem":1477},"Listbox","/laioutr-ui/ui-kit/form/listbox","3.laioutr-ui/ui-kit/06.form/listbox",{"title":1479,"path":1480,"stem":1481},"Option Tile (Image)","/laioutr-ui/ui-kit/form/option-tile-image","3.laioutr-ui/ui-kit/06.form/option-tile-image",{"title":1483,"path":1484,"stem":1485},"Option Tile (Text)","/laioutr-ui/ui-kit/form/option-tile-text","3.laioutr-ui/ui-kit/06.form/option-tile-text",{"title":1487,"path":1488,"stem":1489},"Variant Selection Card","/laioutr-ui/ui-kit/form/variant-selection-card","3.laioutr-ui/ui-kit/06.form/variant-selection-card",{"title":1491,"path":1492,"stem":1493,"children":1494,"page":55},"Indicators","/laioutr-ui/ui-kit/indicators","3.laioutr-ui/ui-kit/07.indicators",[1495,1499,1503,1507,1511,1515],{"title":1496,"path":1497,"stem":1498},"Badge","/laioutr-ui/ui-kit/indicators/badge","3.laioutr-ui/ui-kit/07.indicators/Badge",{"title":1500,"path":1501,"stem":1502},"Caption Flag","/laioutr-ui/ui-kit/indicators/captionflag","3.laioutr-ui/ui-kit/07.indicators/CaptionFlag",{"title":1504,"path":1505,"stem":1506},"Product Tile Flag","/laioutr-ui/ui-kit/indicators/producttileflag","3.laioutr-ui/ui-kit/07.indicators/ProductTileFlag",{"title":1508,"path":1509,"stem":1510},"Rating Summary","/laioutr-ui/ui-kit/indicators/ratingsummary","3.laioutr-ui/ui-kit/07.indicators/RatingSummary",{"title":1512,"path":1513,"stem":1514},"Stars Rating","/laioutr-ui/ui-kit/indicators/starsrating","3.laioutr-ui/ui-kit/07.indicators/StarsRating",{"title":1516,"path":1517,"stem":1518},"Badge Promotion","/laioutr-ui/ui-kit/indicators/badge-promotion","3.laioutr-ui/ui-kit/07.indicators/badge-promotion",{"title":1520,"path":1521,"stem":1522,"children":1523,"page":55},"Utility Components","/laioutr-ui/ui-kit/utility-components","3.laioutr-ui/ui-kit/08.utility-components",[1524,1528],{"title":1525,"path":1526,"stem":1527},"Highlighted Text","/laioutr-ui/ui-kit/utility-components/highlighted-text","3.laioutr-ui/ui-kit/08.utility-components/highlighted-text",{"title":1529,"path":1530,"stem":1531},"Sizer","/laioutr-ui/ui-kit/utility-components/sizer","3.laioutr-ui/ui-kit/08.utility-components/sizer",{"title":1533,"path":1534,"stem":1535,"children":1536},"Hosting","/hosting","4.hosting/0.index",[1537,1538,1544,1574,1592],{"title":1533,"path":1534,"stem":1535},{"title":1539,"path":1540,"stem":1541,"children":1542},"Laioutr Cloud","/hosting/laioutr-cloud","4.hosting/0.laioutr-cloud/0.index",[1543],{"title":1539,"path":1540,"stem":1541},{"title":1545,"path":1546,"stem":1547,"children":1548},"Hyperscaler","/hosting/hyperscaler","4.hosting/1.hyperscaler/0.index",[1549,1550,1554,1558,1562,1566,1570],{"title":1545,"path":1546,"stem":1547},{"title":1551,"path":1552,"stem":1553},"Akamai Adapter","/hosting/hyperscaler/akamai-adapter","4.hosting/1.hyperscaler/akamai-adapter",{"title":1555,"path":1556,"stem":1557},"AWS Adapter","/hosting/hyperscaler/aws-adapter","4.hosting/1.hyperscaler/aws-adapter",{"title":1559,"path":1560,"stem":1561},"Azure Adapter","/hosting/hyperscaler/azure-adapter","4.hosting/1.hyperscaler/azure-adapter",{"title":1563,"path":1564,"stem":1565},"Google Adapter","/hosting/hyperscaler/google-adapter","4.hosting/1.hyperscaler/google-adapter",{"title":1567,"path":1568,"stem":1569},"Netlify Adapter","/hosting/hyperscaler/netlify-adapter","4.hosting/1.hyperscaler/netlify-adapter",{"title":1571,"path":1572,"stem":1573},"Vercel Adapter","/hosting/hyperscaler/vercel-adapter","4.hosting/1.hyperscaler/vercel-adapter",{"title":1575,"path":1576,"stem":1577,"children":1578},"Native Hosting","/hosting/native-hosting-providers","4.hosting/2.native-hosting-providers/0.index",[1579,1580,1584,1588],{"title":1575,"path":1576,"stem":1577},{"title":1581,"path":1582,"stem":1583},"maxcluster","/hosting/native-hosting-providers/maxcluster","4.hosting/2.native-hosting-providers/maxcluster",{"title":1585,"path":1586,"stem":1587},"profihost","/hosting/native-hosting-providers/profihost","4.hosting/2.native-hosting-providers/profihost",{"title":1589,"path":1590,"stem":1591},"ScaleCommerce","/hosting/native-hosting-providers/scale-commerce","4.hosting/2.native-hosting-providers/scale-commerce",{"title":1593,"path":1594,"stem":1595,"children":1596},"Bring Your Own Server (BYOS)","/hosting/bring-your-own-server-byos","4.hosting/3.bring-your-own-server-byos/0.index",[1597,1598,1602,1606,1610,1614,1618],{"title":1593,"path":1594,"stem":1595},{"title":1599,"path":1600,"stem":1601},"BYOS Agent","/hosting/bring-your-own-server-byos/byos-agent","4.hosting/3.bring-your-own-server-byos/byos-agent",{"title":1603,"path":1604,"stem":1605},"Changelog","/hosting/bring-your-own-server-byos/changelog","4.hosting/3.bring-your-own-server-byos/changelog",{"title":1607,"path":1608,"stem":1609},"DevOps Components","/hosting/bring-your-own-server-byos/devops","4.hosting/3.bring-your-own-server-byos/devops",{"title":1611,"path":1612,"stem":1613},"Infrastructure Requirements","/hosting/bring-your-own-server-byos/infrastructure","4.hosting/3.bring-your-own-server-byos/infrastructure",{"title":1615,"path":1616,"stem":1617},"Software Requirements","/hosting/bring-your-own-server-byos/software","4.hosting/3.bring-your-own-server-byos/software",{"title":1619,"path":1620,"stem":1621},"Webhook Configuration","/hosting/bring-your-own-server-byos/webhook-config","4.hosting/3.bring-your-own-server-byos/webhook-config",{"title":1623,"path":1624,"stem":1625,"children":1626},"Checkout","/checkout","5.Checkout/0.index",[1627],{"title":1623,"path":1624,"stem":1625},{"title":1629,"path":1630,"stem":1631,"children":1632},"Larry AI","/larry-ai","6.Larry-AI/0.index",[1633],{"title":1629,"path":1630,"stem":1631},{"title":671,"path":1635,"stem":1636,"children":1637},"/figma-kit","7.Figma Kit/0.index",[1638,1639,1655],{"title":671,"path":1635,"stem":1636},{"title":121,"path":1640,"stem":1641,"children":1642,"page":55},"/figma-kit/introduction","7.Figma Kit/1.Introduction",[1643,1647,1651],{"title":1644,"path":1645,"stem":1646},"How to Start","/figma-kit/introduction/howtostart","7.Figma Kit/1.Introduction/0.howtostart",{"title":1648,"path":1649,"stem":1650},"Figma Variables","/figma-kit/introduction/figma-variables","7.Figma Kit/1.Introduction/figma-variables",{"title":1652,"path":1653,"stem":1654},"Library Connections","/figma-kit/introduction/library-connections","7.Figma Kit/1.Introduction/library-connections",{"title":1656,"path":1657,"stem":1658,"children":1659,"page":55},"Kits","/figma-kit/kits","7.Figma Kit/Kits",[1660,1663,1666,1669,1673,1676,1680,1684,1687,1690],{"title":686,"path":1661,"stem":1662},"/figma-kit/kits/b2b","7.Figma Kit/Kits/b2b",{"title":692,"path":1664,"stem":1665},"/figma-kit/kits/booking","7.Figma Kit/Kits/booking",{"title":698,"path":1667,"stem":1668},"/figma-kit/kits/cms","7.Figma Kit/Kits/cms",{"title":1670,"path":1671,"stem":1672},"Inpage Navigation","/figma-kit/kits/inpage-navigation","7.Figma Kit/Kits/inpage-navigation",{"title":903,"path":1674,"stem":1675},"/figma-kit/kits/marketplace","7.Figma Kit/Kits/marketplace",{"title":1677,"path":1678,"stem":1679},"Retail & Multichannel","/figma-kit/kits/multichannel","7.Figma Kit/Kits/multichannel",{"title":1681,"path":1682,"stem":1683},"Navigation","/figma-kit/kits/navigation","7.Figma Kit/Kits/navigation",{"title":969,"path":1685,"stem":1686},"/figma-kit/kits/saas","7.Figma Kit/Kits/saas",{"title":987,"path":1688,"stem":1689},"/figma-kit/kits/shop","7.Figma Kit/Kits/shop",{"title":1117,"path":1691,"stem":1692},"/figma-kit/kits/ui-kit","7.Figma Kit/Kits/ui-kit",{"title":1694,"path":1695,"stem":1696,"children":1697},"Cockpit","/cockpit","8.Cockpit/0.index",[1698,1699,1729,1746,1763],{"title":1694,"path":1695,"stem":1696},{"title":154,"path":1700,"stem":1701,"children":1702,"page":55},"/cockpit/features","8.Cockpit/1.Features",[1703,1706,1710,1714,1718,1721,1725],{"title":464,"path":1704,"stem":1705},"/cockpit/features/apps","8.Cockpit/1.Features/apps",{"title":1707,"path":1708,"stem":1709},"Content (Collections)","/cockpit/features/content-collections","8.Cockpit/1.Features/content-collections",{"title":1711,"path":1712,"stem":1713},"Deployments","/cockpit/features/deployments","8.Cockpit/1.Features/deployments",{"title":1715,"path":1716,"stem":1717},"Markets","/cockpit/features/markets","8.Cockpit/1.Features/markets",{"title":196,"path":1719,"stem":1720},"/cockpit/features/redirects","8.Cockpit/1.Features/redirects",{"title":1722,"path":1723,"stem":1724},"Studio","/cockpit/features/studio","8.Cockpit/1.Features/studio",{"title":1726,"path":1727,"stem":1728},"Translations","/cockpit/features/translations","8.Cockpit/1.Features/translations",{"title":1730,"path":1731,"stem":1732,"children":1733,"page":55},"Project Settings","/cockpit/project-settings","8.Cockpit/2.Project-Settings",[1734,1738,1742],{"title":1735,"path":1736,"stem":1737},"Delete a project","/cockpit/project-settings/delete-project","8.Cockpit/2.Project-Settings/delete-project",{"title":1739,"path":1740,"stem":1741},"NPM","/cockpit/project-settings/npm","8.Cockpit/2.Project-Settings/npm",{"title":1743,"path":1744,"stem":1745},"Project secret key","/cockpit/project-settings/project-secret-key","8.Cockpit/2.Project-Settings/project-secret-key",{"title":1747,"path":1748,"stem":1749,"children":1750,"page":55},"Account Settings","/cockpit/account-settings","8.Cockpit/3.Account-Settings",[1751,1755,1759],{"title":1752,"path":1753,"stem":1754},"Notifications","/cockpit/account-settings/notifications","8.Cockpit/3.Account-Settings/notifications",{"title":1756,"path":1757,"stem":1758},"Preferences","/cockpit/account-settings/preferences","8.Cockpit/3.Account-Settings/preferences",{"title":1760,"path":1761,"stem":1762},"Security","/cockpit/account-settings/security","8.Cockpit/3.Account-Settings/security",{"title":1764,"path":1765,"stem":1766,"children":1767,"page":55},"Organisation Settings","/cockpit/organisation-settings","8.Cockpit/4.Organisation-Settings",[1768,1772,1776,1780,1784,1788],{"title":1769,"path":1770,"stem":1771},"API keys","/cockpit/organisation-settings/api-keys","8.Cockpit/4.Organisation-Settings/api-keys",{"title":1773,"path":1774,"stem":1775},"Billing","/cockpit/organisation-settings/billing","8.Cockpit/4.Organisation-Settings/billing",{"title":1777,"path":1778,"stem":1779},"General settings","/cockpit/organisation-settings/general-settings","8.Cockpit/4.Organisation-Settings/general-settings",{"title":1781,"path":1782,"stem":1783},"Members","/cockpit/organisation-settings/members","8.Cockpit/4.Organisation-Settings/members",{"title":1785,"path":1786,"stem":1787},"Projects","/cockpit/organisation-settings/projects","8.Cockpit/4.Organisation-Settings/projects",{"title":1789,"path":1790,"stem":1791},"Roles","/cockpit/organisation-settings/roles","8.Cockpit/4.Organisation-Settings/roles",{"title":1793,"path":1794,"stem":1795,"children":1796},"Offering","/offering","9.Offering/0.index",[1797,1798,1830,1843,1856,1890,1899],{"title":1793,"path":1794,"stem":1795},{"title":1799,"path":1800,"stem":1801,"children":1802},"Products","/offering/products","9.Offering/1.Products/0.index",[1803,1804,1809,1814,1819,1825],{"title":1799,"path":1800,"stem":1801},{"title":137,"path":1805,"stem":1806,"children":1807},"/offering/products/frontend","9.Offering/1.Products/1.Frontend/0.index",[1808],{"title":137,"path":1805,"stem":1806},{"title":1694,"path":1810,"stem":1811,"children":1812},"/offering/products/cockpit","9.Offering/1.Products/2.Cockpit/0.index",[1813],{"title":1694,"path":1810,"stem":1811},{"title":1623,"path":1815,"stem":1816,"children":1817},"/offering/products/checkout","9.Offering/1.Products/3.Checkout/0.index",[1818],{"title":1623,"path":1815,"stem":1816},{"title":1820,"path":1821,"stem":1822,"children":1823},"Cloud","/offering/products/cloud","9.Offering/1.Products/4.cloud/0.index",[1824],{"title":1820,"path":1821,"stem":1822},{"title":1629,"path":1826,"stem":1827,"children":1828},"/offering/products/larry-ai","9.Offering/1.Products/5.larry-ai/0.index",[1829],{"title":1629,"path":1826,"stem":1827},{"title":1831,"path":1832,"stem":1833,"children":1834,"page":55},"Service Level Agreement","/offering/service-level-agreement","9.Offering/2.service-level-agreement",[1835,1839],{"title":1836,"path":1837,"stem":1838},"Standard Service Level Agreement Composable Frontend","/offering/service-level-agreement/standard-service-level-agreement","9.Offering/2.service-level-agreement/1.standard-service-level-agreement",{"title":1840,"path":1841,"stem":1842},"Backups","/offering/service-level-agreement/backups","9.Offering/2.service-level-agreement/backups",{"title":1844,"path":1845,"stem":1846,"children":1847,"page":55},"Customer Support","/offering/customer-support","9.Offering/3.customer-support",[1848,1852],{"title":1849,"path":1850,"stem":1851},"Standard Customer Support","/offering/customer-support/standard-customer-support","9.Offering/3.customer-support/1.standard-customer-support",{"title":1853,"path":1854,"stem":1855},"Customer Support Severity Levels of Laioutr products","/offering/customer-support/maximum-serverity-levels","9.Offering/3.customer-support/maximum-serverity-levels",{"title":1857,"path":1858,"stem":1859,"children":1860},"Trust Center","/offering/trust-center","9.Offering/4.trust-center/0.index",[1861,1862,1866,1870,1874,1878,1882,1886],{"title":1857,"path":1858,"stem":1859},{"title":1863,"path":1864,"stem":1865},"Data Protection (GDPR)","/offering/trust-center/data-protection","9.Offering/4.trust-center/1.data-protection",{"title":1867,"path":1868,"stem":1869},"Subprocessors","/offering/trust-center/subprocessors","9.Offering/4.trust-center/2.subprocessors",{"title":1871,"path":1872,"stem":1873},"Infrastructure & Hosting","/offering/trust-center/infrastructure","9.Offering/4.trust-center/3.infrastructure",{"title":1875,"path":1876,"stem":1877},"Security Measures","/offering/trust-center/security-measures","9.Offering/4.trust-center/4.security-measures",{"title":1879,"path":1880,"stem":1881},"Incident Response","/offering/trust-center/incident-response","9.Offering/4.trust-center/5.incident-response",{"title":1883,"path":1884,"stem":1885},"Compliance & Certifications","/offering/trust-center/compliance","9.Offering/4.trust-center/6.compliance",{"title":1887,"path":1888,"stem":1889},"FAQ","/offering/trust-center/faq","9.Offering/4.trust-center/7.faq",{"title":1891,"path":1892,"stem":1893,"children":1894,"page":55},"Policies","/offering/policies","9.Offering/5.policies",[1895],{"title":1896,"path":1897,"stem":1898},"Fair usage policy","/offering/policies/fair-usage-policy","9.Offering/5.policies/fair-usage-policy",{"title":1900,"path":1901,"stem":1902,"children":1903},"Academy","/offering/academy","9.Offering/6.academy/0.index",[1904],{"title":1900,"path":1901,"stem":1902},{"id":1906,"title":482,"aliases":1907,"body":1908,"changelogKeys":3697,"description":3698,"extension":3699,"links":3697,"meta":3700,"navigation":2101,"path":483,"playground":3697,"seo":3701,"sitemap":3704,"stem":484,"__hash__":3710},"docs/2.Apps/app-development/99.guides/schema-components-vs-ui-components.md",[],{"type":1909,"value":1910,"toc":3686},"minimark",[1911,1929,1941,1951,1961,1966,1969,1998,2001,2005,2018,2421,2435,2441,3294,3311,3315,3318,3427,3430,3434,3437,3443,3446,3449,3452,3456,3479,3485,3495,3574,3579,3584,3611,3621,3624,3628,3631,3646,3649,3653,3682],[1912,1913,1914,1915,1919,1920,1923,1924,1928],"p",{},"The ",[1916,1917,1918],"a",{"href":539},"section definitions"," and ",[1916,1921,1922],{"href":511},"block definitions"," pages show the simple case: definition and template live in one ",[1925,1926,1927],"code",{},".vue"," file. That is fine for a one-off section. As soon as your app grows past a handful of sections, or you want to reuse the same visual in two places, or unit-test the visual without touching Studio, keep the two concerns in two files.",[1912,1930,1931,1932,1936,1937,1940],{},"A ",[1933,1934,1935],"strong",{},"schema component"," is a Studio-facing wrapper. Its job is to declare the schema, derive props with ",[1925,1938,1939],{},"definitionToProps",", resolve runtime data (queries, links, entity components), and forward the result to the underlying visual. It owns no layout and no styling.",[1912,1942,1931,1943,1946,1947,1950],{},[1933,1944,1945],{},"UI component"," is a plain Vue component. Its job is to render markup from a typed props interface. It knows nothing about Studio, nothing about ",[1925,1948,1949],{},"defineBlock",", and nothing about query resolution. You could ship it in a component library.",[1952,1953,1959],"pre",{"className":1954,"code":1956,"language":1957,"meta":1958},[1955],"language-text","SectionHeroBanner.vue   ← schema component (thin, schema → props mapping)\n       │\n       ▼\nHeroBanner.vue          ← UI component (markup, styles, props in)\n","text","",[1925,1960,1956],{"__ignoreMap":1958},[1962,1963,1965],"h2",{"id":1964},"the-problem-with-co-located-definitions","The problem with co-located definitions",[1912,1967,1968],{},"When the definition lives in the same file as the template, every change to either side ripples through the other. Three things break in practice:",[1970,1971,1972,1986,1992],"ol",{},[1973,1974,1975,1978,1979,1982,1983,1985],"li",{},[1933,1976,1977],{},"The visual is not reusable."," You can't drop ",[1925,1980,1981],{},"SectionHeroBanner"," into a custom page outside Studio without dragging the whole ",[1925,1984,1939],{}," machinery (and the runtime that resolves it) along with it.",[1973,1987,1988,1991],{},[1933,1989,1990],{},"The visual is not unit-testable in isolation."," Tests have to mock or stub the definition layer, which makes them slow and brittle.",[1973,1993,1994,1997],{},[1933,1995,1996],{},"The schema bloats."," Every visual prop becomes a schema field by reflex, even when the visual prop is internal (a layout variant the editor should not see, a derived value).",[1912,1999,2000],{},"Splitting the two surfaces makes each independently changeable: the schema can grow without touching the visual, and the visual can be redesigned without re-deriving the schema.",[1962,2002,2004],{"id":2003},"the-split","The split",[1912,2006,2007,2008,2011,2012,2011,2014,2017],{},"Start with a pure UI component that takes its data as props. No ",[1925,2009,2010],{},"defineSection",", no ",[1925,2013,1939],{},[1925,2015,2016],{},"useQuery",". Just a typed Props interface and a template.",[1952,2019,2024],{"className":2020,"code":2021,"filename":2022,"language":2023,"meta":1958,"style":1958},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { Media } from '@laioutr-core/core-types/common';\n\nexport interface HeroBannerProps {\n  heading: string;\n  body?: string;\n  media?: Media;\n  layout?: 'centered' | 'split';\n}\n\ndefineProps\u003CHeroBannerProps>();\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Csection :class=\"['hero-banner', `hero-banner--${layout ?? 'centered'}`]\">\n    \u003CMedia v-if=\"media\" :media=\"media\" class=\"hero-banner__media\" />\n    \u003Cdiv class=\"hero-banner__content\">\n      \u003Ch1>{{ heading }}\u003C/h1>\n      \u003Cdiv v-if=\"body\" v-html=\"body\" />\n      \u003Cslot />\n    \u003C/div>\n  \u003C/section>\n\u003C/template>\n","components/HeroBanner.vue","vue",[1925,2025,2026,2061,2096,2103,2119,2133,2146,2158,2185,2191,2196,2216,2226,2231,2241,2264,2310,2331,2351,2382,2392,2402,2412],{"__ignoreMap":1958},[2027,2028,2031,2035,2039,2043,2046,2049,2052,2056,2058],"span",{"class":2029,"line":2030},"line",1,[2027,2032,2034],{"class":2033},"sMK4o","\u003C",[2027,2036,2038],{"class":2037},"swJcz","script",[2027,2040,2042],{"class":2041},"spNyl"," setup",[2027,2044,2045],{"class":2041}," lang",[2027,2047,2048],{"class":2033},"=",[2027,2050,2051],{"class":2033},"\"",[2027,2053,2055],{"class":2054},"sfazB","ts",[2027,2057,2051],{"class":2033},[2027,2059,2060],{"class":2033},">\n",[2027,2062,2064,2068,2071,2074,2078,2081,2084,2087,2090,2093],{"class":2029,"line":2063},2,[2027,2065,2067],{"class":2066},"s7zQu","import",[2027,2069,2070],{"class":2066}," type",[2027,2072,2073],{"class":2033}," {",[2027,2075,2077],{"class":2076},"sTEyZ"," Media",[2027,2079,2080],{"class":2033}," }",[2027,2082,2083],{"class":2066}," from",[2027,2085,2086],{"class":2033}," '",[2027,2088,2089],{"class":2054},"@laioutr-core/core-types/common",[2027,2091,2092],{"class":2033},"'",[2027,2094,2095],{"class":2033},";\n",[2027,2097,2099],{"class":2029,"line":2098},3,[2027,2100,2102],{"emptyLinePlaceholder":2101},true,"\n",[2027,2104,2106,2109,2112,2116],{"class":2029,"line":2105},4,[2027,2107,2108],{"class":2066},"export",[2027,2110,2111],{"class":2041}," interface",[2027,2113,2115],{"class":2114},"sBMFI"," HeroBannerProps",[2027,2117,2118],{"class":2033}," {\n",[2027,2120,2122,2125,2128,2131],{"class":2029,"line":2121},5,[2027,2123,2124],{"class":2037},"  heading",[2027,2126,2127],{"class":2033},":",[2027,2129,2130],{"class":2114}," string",[2027,2132,2095],{"class":2033},[2027,2134,2136,2139,2142,2144],{"class":2029,"line":2135},6,[2027,2137,2138],{"class":2037},"  body",[2027,2140,2141],{"class":2033},"?:",[2027,2143,2130],{"class":2114},[2027,2145,2095],{"class":2033},[2027,2147,2149,2152,2154,2156],{"class":2029,"line":2148},7,[2027,2150,2151],{"class":2037},"  media",[2027,2153,2141],{"class":2033},[2027,2155,2077],{"class":2114},[2027,2157,2095],{"class":2033},[2027,2159,2161,2164,2166,2168,2171,2173,2176,2178,2181,2183],{"class":2029,"line":2160},8,[2027,2162,2163],{"class":2037},"  layout",[2027,2165,2141],{"class":2033},[2027,2167,2086],{"class":2033},[2027,2169,2170],{"class":2054},"centered",[2027,2172,2092],{"class":2033},[2027,2174,2175],{"class":2033}," |",[2027,2177,2086],{"class":2033},[2027,2179,2180],{"class":2054},"split",[2027,2182,2092],{"class":2033},[2027,2184,2095],{"class":2033},[2027,2186,2188],{"class":2029,"line":2187},9,[2027,2189,2190],{"class":2033},"}\n",[2027,2192,2194],{"class":2029,"line":2193},10,[2027,2195,2102],{"emptyLinePlaceholder":2101},[2027,2197,2199,2203,2205,2208,2211,2214],{"class":2029,"line":2198},11,[2027,2200,2202],{"class":2201},"s2Zo4","defineProps",[2027,2204,2034],{"class":2033},[2027,2206,2207],{"class":2114},"HeroBannerProps",[2027,2209,2210],{"class":2033},">",[2027,2212,2213],{"class":2076},"()",[2027,2215,2095],{"class":2033},[2027,2217,2219,2222,2224],{"class":2029,"line":2218},12,[2027,2220,2221],{"class":2033},"\u003C/",[2027,2223,2038],{"class":2037},[2027,2225,2060],{"class":2033},[2027,2227,2229],{"class":2029,"line":2228},13,[2027,2230,2102],{"emptyLinePlaceholder":2101},[2027,2232,2234,2236,2239],{"class":2029,"line":2233},14,[2027,2235,2034],{"class":2033},[2027,2237,2238],{"class":2037},"template",[2027,2240,2060],{"class":2033},[2027,2242,2244,2247,2250,2253,2255,2257,2260,2262],{"class":2029,"line":2243},15,[2027,2245,2246],{"class":2033},"  \u003C",[2027,2248,2249],{"class":2037},"section",[2027,2251,2252],{"class":2041}," :class",[2027,2254,2048],{"class":2033},[2027,2256,2051],{"class":2033},[2027,2258,2259],{"class":2054},"['hero-banner', `hero-banner--${layout ?? 'centered'}`]",[2027,2261,2051],{"class":2033},[2027,2263,2060],{"class":2033},[2027,2265,2267,2270,2272,2275,2277,2279,2282,2284,2287,2289,2291,2293,2295,2298,2300,2302,2305,2307],{"class":2029,"line":2266},16,[2027,2268,2269],{"class":2033},"    \u003C",[2027,2271,387],{"class":2037},[2027,2273,2274],{"class":2041}," v-if",[2027,2276,2048],{"class":2033},[2027,2278,2051],{"class":2033},[2027,2280,2281],{"class":2054},"media",[2027,2283,2051],{"class":2033},[2027,2285,2286],{"class":2041}," :media",[2027,2288,2048],{"class":2033},[2027,2290,2051],{"class":2033},[2027,2292,2281],{"class":2054},[2027,2294,2051],{"class":2033},[2027,2296,2297],{"class":2041}," class",[2027,2299,2048],{"class":2033},[2027,2301,2051],{"class":2033},[2027,2303,2304],{"class":2054},"hero-banner__media",[2027,2306,2051],{"class":2033},[2027,2308,2309],{"class":2033}," />\n",[2027,2311,2313,2315,2318,2320,2322,2324,2327,2329],{"class":2029,"line":2312},17,[2027,2314,2269],{"class":2033},[2027,2316,2317],{"class":2037},"div",[2027,2319,2297],{"class":2041},[2027,2321,2048],{"class":2033},[2027,2323,2051],{"class":2033},[2027,2325,2326],{"class":2054},"hero-banner__content",[2027,2328,2051],{"class":2033},[2027,2330,2060],{"class":2033},[2027,2332,2334,2337,2340,2342,2345,2347,2349],{"class":2029,"line":2333},18,[2027,2335,2336],{"class":2033},"      \u003C",[2027,2338,2339],{"class":2037},"h1",[2027,2341,2210],{"class":2033},[2027,2343,2344],{"class":2076},"{{ heading }}",[2027,2346,2221],{"class":2033},[2027,2348,2339],{"class":2037},[2027,2350,2060],{"class":2033},[2027,2352,2354,2356,2358,2360,2362,2364,2367,2369,2372,2374,2376,2378,2380],{"class":2029,"line":2353},19,[2027,2355,2336],{"class":2033},[2027,2357,2317],{"class":2037},[2027,2359,2274],{"class":2041},[2027,2361,2048],{"class":2033},[2027,2363,2051],{"class":2033},[2027,2365,2366],{"class":2054},"body",[2027,2368,2051],{"class":2033},[2027,2370,2371],{"class":2041}," v-html",[2027,2373,2048],{"class":2033},[2027,2375,2051],{"class":2033},[2027,2377,2366],{"class":2054},[2027,2379,2051],{"class":2033},[2027,2381,2309],{"class":2033},[2027,2383,2385,2387,2390],{"class":2029,"line":2384},20,[2027,2386,2336],{"class":2033},[2027,2388,2389],{"class":2037},"slot",[2027,2391,2309],{"class":2033},[2027,2393,2395,2398,2400],{"class":2029,"line":2394},21,[2027,2396,2397],{"class":2033},"    \u003C/",[2027,2399,2317],{"class":2037},[2027,2401,2060],{"class":2033},[2027,2403,2405,2408,2410],{"class":2029,"line":2404},22,[2027,2406,2407],{"class":2033},"  \u003C/",[2027,2409,2249],{"class":2037},[2027,2411,2060],{"class":2033},[2027,2413,2415,2417,2419],{"class":2029,"line":2414},23,[2027,2416,2221],{"class":2033},[2027,2418,2238],{"class":2037},[2027,2420,2060],{"class":2033},[1912,2422,2423,2424,2426,2427,2430,2431,2434],{},"The UI component takes a ",[1925,2425,387],{}," directly and renders it through the platform's ",[1925,2428,2429],{},"\u003CMedia>"," component, which handles responsive sources and nuxt-image providers. No flattening to a raw ",[1925,2432,2433],{},"src"," string.",[1912,2436,2437,2438,2440],{},"Then write a schema component next to it. The schema component owns the ",[1925,2439,2010],{}," call, derives its props from the schema, and renders the UI component.",[1952,2442,2445],{"className":2020,"code":2443,"filename":2444,"language":2023,"meta":1958,"style":1958},"\u003Cscript lang=\"ts\">\nimport { defineSection, definitionToProps } from '#imports';\n\nexport const definition = defineSection({\n  component: 'SectionHeroBanner',\n  studio: {\n    label: 'Hero Banner',\n    description: 'A full-width banner with heading, media, and a call-to-action button.',\n    tags: ['Heroes', 'Banner'],\n  },\n  slots: [{ name: 'default', studio: { label: 'Content' } }],\n  schema: [\n    {\n      label: 'Content',\n      fields: [\n        { type: 'text', name: 'heading', label: 'Heading' },\n        { type: 'richtext', name: 'body', label: 'Body Text' },\n        { type: 'media', name: 'media', label: 'Background Image', allowedTypes: ['image'] },\n      ],\n    },\n    {\n      label: 'Design',\n      defaultOpen: false,\n      fields: [\n        {\n          type: 'select',\n          name: 'variant',\n          label: 'Layout',\n          default: 'centered',\n          options: [\n            { label: 'Centered', value: 'centered' },\n            { label: 'Split', value: 'split' },\n          ],\n        },\n      ],\n    },\n  ],\n});\n\u003C/script>\n\n\u003Cscript setup lang=\"ts\">\nimport HeroBanner from '../components/HeroBanner.vue';\n\nconst props = defineProps(definitionToProps(definition));\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CHeroBanner\n    :heading=\"heading\"\n    :body=\"body\"\n    :media=\"media\"\n    :layout=\"variant\"\n  >\n    \u003Cslot />\n  \u003C/HeroBanner>\n\u003C/template>\n","sections/SectionHeroBanner.vue",[1925,2446,2447,2465,2493,2497,2517,2533,2542,2558,2574,2604,2609,2661,2671,2676,2691,2700,2744,2786,2847,2854,2859,2863,2878,2891,2900,2906,2923,2940,2956,2972,2982,3014,3044,3052,3058,3065,3070,3078,3089,3098,3103,3124,3144,3149,3172,3181,3186,3195,3203,3218,3232,3246,3260,3266,3275,3285],{"__ignoreMap":1958},[2027,2448,2449,2451,2453,2455,2457,2459,2461,2463],{"class":2029,"line":2030},[2027,2450,2034],{"class":2033},[2027,2452,2038],{"class":2037},[2027,2454,2045],{"class":2041},[2027,2456,2048],{"class":2033},[2027,2458,2051],{"class":2033},[2027,2460,2055],{"class":2054},[2027,2462,2051],{"class":2033},[2027,2464,2060],{"class":2033},[2027,2466,2467,2469,2471,2474,2477,2480,2482,2484,2486,2489,2491],{"class":2029,"line":2063},[2027,2468,2067],{"class":2066},[2027,2470,2073],{"class":2033},[2027,2472,2473],{"class":2076}," defineSection",[2027,2475,2476],{"class":2033},",",[2027,2478,2479],{"class":2076}," definitionToProps",[2027,2481,2080],{"class":2033},[2027,2483,2083],{"class":2066},[2027,2485,2086],{"class":2033},[2027,2487,2488],{"class":2054},"#imports",[2027,2490,2092],{"class":2033},[2027,2492,2095],{"class":2033},[2027,2494,2495],{"class":2029,"line":2098},[2027,2496,2102],{"emptyLinePlaceholder":2101},[2027,2498,2499,2501,2504,2507,2509,2511,2514],{"class":2029,"line":2105},[2027,2500,2108],{"class":2066},[2027,2502,2503],{"class":2041}," const",[2027,2505,2506],{"class":2076}," definition ",[2027,2508,2048],{"class":2033},[2027,2510,2473],{"class":2201},[2027,2512,2513],{"class":2076},"(",[2027,2515,2516],{"class":2033},"{\n",[2027,2518,2519,2522,2524,2526,2528,2530],{"class":2029,"line":2121},[2027,2520,2521],{"class":2037},"  component",[2027,2523,2127],{"class":2033},[2027,2525,2086],{"class":2033},[2027,2527,1981],{"class":2054},[2027,2529,2092],{"class":2033},[2027,2531,2532],{"class":2033},",\n",[2027,2534,2535,2538,2540],{"class":2029,"line":2135},[2027,2536,2537],{"class":2037},"  studio",[2027,2539,2127],{"class":2033},[2027,2541,2118],{"class":2033},[2027,2543,2544,2547,2549,2551,2554,2556],{"class":2029,"line":2148},[2027,2545,2546],{"class":2037},"    label",[2027,2548,2127],{"class":2033},[2027,2550,2086],{"class":2033},[2027,2552,2553],{"class":2054},"Hero Banner",[2027,2555,2092],{"class":2033},[2027,2557,2532],{"class":2033},[2027,2559,2560,2563,2565,2567,2570,2572],{"class":2029,"line":2160},[2027,2561,2562],{"class":2037},"    description",[2027,2564,2127],{"class":2033},[2027,2566,2086],{"class":2033},[2027,2568,2569],{"class":2054},"A full-width banner with heading, media, and a call-to-action button.",[2027,2571,2092],{"class":2033},[2027,2573,2532],{"class":2033},[2027,2575,2576,2579,2581,2584,2586,2589,2591,2593,2595,2597,2599,2602],{"class":2029,"line":2187},[2027,2577,2578],{"class":2037},"    tags",[2027,2580,2127],{"class":2033},[2027,2582,2583],{"class":2076}," [",[2027,2585,2092],{"class":2033},[2027,2587,2588],{"class":2054},"Heroes",[2027,2590,2092],{"class":2033},[2027,2592,2476],{"class":2033},[2027,2594,2086],{"class":2033},[2027,2596,710],{"class":2054},[2027,2598,2092],{"class":2033},[2027,2600,2601],{"class":2076},"]",[2027,2603,2532],{"class":2033},[2027,2605,2606],{"class":2029,"line":2193},[2027,2607,2608],{"class":2033},"  },\n",[2027,2610,2611,2614,2616,2618,2621,2624,2626,2628,2631,2633,2635,2638,2640,2642,2645,2647,2649,2651,2653,2655,2657,2659],{"class":2029,"line":2198},[2027,2612,2613],{"class":2037},"  slots",[2027,2615,2127],{"class":2033},[2027,2617,2583],{"class":2076},[2027,2619,2620],{"class":2033},"{",[2027,2622,2623],{"class":2037}," name",[2027,2625,2127],{"class":2033},[2027,2627,2086],{"class":2033},[2027,2629,2630],{"class":2054},"default",[2027,2632,2092],{"class":2033},[2027,2634,2476],{"class":2033},[2027,2636,2637],{"class":2037}," studio",[2027,2639,2127],{"class":2033},[2027,2641,2073],{"class":2033},[2027,2643,2644],{"class":2037}," label",[2027,2646,2127],{"class":2033},[2027,2648,2086],{"class":2033},[2027,2650,1328],{"class":2054},[2027,2652,2092],{"class":2033},[2027,2654,2080],{"class":2033},[2027,2656,2080],{"class":2033},[2027,2658,2601],{"class":2076},[2027,2660,2532],{"class":2033},[2027,2662,2663,2666,2668],{"class":2029,"line":2218},[2027,2664,2665],{"class":2037},"  schema",[2027,2667,2127],{"class":2033},[2027,2669,2670],{"class":2076}," [\n",[2027,2672,2673],{"class":2029,"line":2228},[2027,2674,2675],{"class":2033},"    {\n",[2027,2677,2678,2681,2683,2685,2687,2689],{"class":2029,"line":2233},[2027,2679,2680],{"class":2037},"      label",[2027,2682,2127],{"class":2033},[2027,2684,2086],{"class":2033},[2027,2686,1328],{"class":2054},[2027,2688,2092],{"class":2033},[2027,2690,2532],{"class":2033},[2027,2692,2693,2696,2698],{"class":2029,"line":2243},[2027,2694,2695],{"class":2037},"      fields",[2027,2697,2127],{"class":2033},[2027,2699,2670],{"class":2076},[2027,2701,2702,2705,2707,2709,2711,2713,2715,2717,2719,2721,2723,2726,2728,2730,2732,2734,2736,2739,2741],{"class":2029,"line":2266},[2027,2703,2704],{"class":2033},"        {",[2027,2706,2070],{"class":2037},[2027,2708,2127],{"class":2033},[2027,2710,2086],{"class":2033},[2027,2712,1957],{"class":2054},[2027,2714,2092],{"class":2033},[2027,2716,2476],{"class":2033},[2027,2718,2623],{"class":2037},[2027,2720,2127],{"class":2033},[2027,2722,2086],{"class":2033},[2027,2724,2725],{"class":2054},"heading",[2027,2727,2092],{"class":2033},[2027,2729,2476],{"class":2033},[2027,2731,2644],{"class":2037},[2027,2733,2127],{"class":2033},[2027,2735,2086],{"class":2033},[2027,2737,2738],{"class":2054},"Heading",[2027,2740,2092],{"class":2033},[2027,2742,2743],{"class":2033}," },\n",[2027,2745,2746,2748,2750,2752,2754,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777,2779,2782,2784],{"class":2029,"line":2312},[2027,2747,2704],{"class":2033},[2027,2749,2070],{"class":2037},[2027,2751,2127],{"class":2033},[2027,2753,2086],{"class":2033},[2027,2755,2756],{"class":2054},"richtext",[2027,2758,2092],{"class":2033},[2027,2760,2476],{"class":2033},[2027,2762,2623],{"class":2037},[2027,2764,2127],{"class":2033},[2027,2766,2086],{"class":2033},[2027,2768,2366],{"class":2054},[2027,2770,2092],{"class":2033},[2027,2772,2476],{"class":2033},[2027,2774,2644],{"class":2037},[2027,2776,2127],{"class":2033},[2027,2778,2086],{"class":2033},[2027,2780,2781],{"class":2054},"Body Text",[2027,2783,2092],{"class":2033},[2027,2785,2743],{"class":2033},[2027,2787,2788,2790,2792,2794,2796,2798,2800,2802,2804,2806,2808,2810,2812,2814,2816,2818,2820,2823,2825,2827,2830,2832,2834,2836,2839,2841,2844],{"class":2029,"line":2333},[2027,2789,2704],{"class":2033},[2027,2791,2070],{"class":2037},[2027,2793,2127],{"class":2033},[2027,2795,2086],{"class":2033},[2027,2797,2281],{"class":2054},[2027,2799,2092],{"class":2033},[2027,2801,2476],{"class":2033},[2027,2803,2623],{"class":2037},[2027,2805,2127],{"class":2033},[2027,2807,2086],{"class":2033},[2027,2809,2281],{"class":2054},[2027,2811,2092],{"class":2033},[2027,2813,2476],{"class":2033},[2027,2815,2644],{"class":2037},[2027,2817,2127],{"class":2033},[2027,2819,2086],{"class":2033},[2027,2821,2822],{"class":2054},"Background Image",[2027,2824,2092],{"class":2033},[2027,2826,2476],{"class":2033},[2027,2828,2829],{"class":2037}," allowedTypes",[2027,2831,2127],{"class":2033},[2027,2833,2583],{"class":2076},[2027,2835,2092],{"class":2033},[2027,2837,2838],{"class":2054},"image",[2027,2840,2092],{"class":2033},[2027,2842,2843],{"class":2076},"] ",[2027,2845,2846],{"class":2033},"},\n",[2027,2848,2849,2852],{"class":2029,"line":2353},[2027,2850,2851],{"class":2076},"      ]",[2027,2853,2532],{"class":2033},[2027,2855,2856],{"class":2029,"line":2384},[2027,2857,2858],{"class":2033},"    },\n",[2027,2860,2861],{"class":2029,"line":2394},[2027,2862,2675],{"class":2033},[2027,2864,2865,2867,2869,2871,2874,2876],{"class":2029,"line":2404},[2027,2866,2680],{"class":2037},[2027,2868,2127],{"class":2033},[2027,2870,2086],{"class":2033},[2027,2872,2873],{"class":2054},"Design",[2027,2875,2092],{"class":2033},[2027,2877,2532],{"class":2033},[2027,2879,2880,2883,2885,2889],{"class":2029,"line":2414},[2027,2881,2882],{"class":2037},"      defaultOpen",[2027,2884,2127],{"class":2033},[2027,2886,2888],{"class":2887},"sfNiH"," false",[2027,2890,2532],{"class":2033},[2027,2892,2894,2896,2898],{"class":2029,"line":2893},24,[2027,2895,2695],{"class":2037},[2027,2897,2127],{"class":2033},[2027,2899,2670],{"class":2076},[2027,2901,2903],{"class":2029,"line":2902},25,[2027,2904,2905],{"class":2033},"        {\n",[2027,2907,2909,2912,2914,2916,2919,2921],{"class":2029,"line":2908},26,[2027,2910,2911],{"class":2037},"          type",[2027,2913,2127],{"class":2033},[2027,2915,2086],{"class":2033},[2027,2917,2918],{"class":2054},"select",[2027,2920,2092],{"class":2033},[2027,2922,2532],{"class":2033},[2027,2924,2926,2929,2931,2933,2936,2938],{"class":2029,"line":2925},27,[2027,2927,2928],{"class":2037},"          name",[2027,2930,2127],{"class":2033},[2027,2932,2086],{"class":2033},[2027,2934,2935],{"class":2054},"variant",[2027,2937,2092],{"class":2033},[2027,2939,2532],{"class":2033},[2027,2941,2943,2946,2948,2950,2952,2954],{"class":2029,"line":2942},28,[2027,2944,2945],{"class":2037},"          label",[2027,2947,2127],{"class":2033},[2027,2949,2086],{"class":2033},[2027,2951,1307],{"class":2054},[2027,2953,2092],{"class":2033},[2027,2955,2532],{"class":2033},[2027,2957,2959,2962,2964,2966,2968,2970],{"class":2029,"line":2958},29,[2027,2960,2961],{"class":2037},"          default",[2027,2963,2127],{"class":2033},[2027,2965,2086],{"class":2033},[2027,2967,2170],{"class":2054},[2027,2969,2092],{"class":2033},[2027,2971,2532],{"class":2033},[2027,2973,2975,2978,2980],{"class":2029,"line":2974},30,[2027,2976,2977],{"class":2037},"          options",[2027,2979,2127],{"class":2033},[2027,2981,2670],{"class":2076},[2027,2983,2985,2988,2990,2992,2994,2997,2999,3001,3004,3006,3008,3010,3012],{"class":2029,"line":2984},31,[2027,2986,2987],{"class":2033},"            {",[2027,2989,2644],{"class":2037},[2027,2991,2127],{"class":2033},[2027,2993,2086],{"class":2033},[2027,2995,2996],{"class":2054},"Centered",[2027,2998,2092],{"class":2033},[2027,3000,2476],{"class":2033},[2027,3002,3003],{"class":2037}," value",[2027,3005,2127],{"class":2033},[2027,3007,2086],{"class":2033},[2027,3009,2170],{"class":2054},[2027,3011,2092],{"class":2033},[2027,3013,2743],{"class":2033},[2027,3015,3017,3019,3021,3023,3025,3028,3030,3032,3034,3036,3038,3040,3042],{"class":2029,"line":3016},32,[2027,3018,2987],{"class":2033},[2027,3020,2644],{"class":2037},[2027,3022,2127],{"class":2033},[2027,3024,2086],{"class":2033},[2027,3026,3027],{"class":2054},"Split",[2027,3029,2092],{"class":2033},[2027,3031,2476],{"class":2033},[2027,3033,3003],{"class":2037},[2027,3035,2127],{"class":2033},[2027,3037,2086],{"class":2033},[2027,3039,2180],{"class":2054},[2027,3041,2092],{"class":2033},[2027,3043,2743],{"class":2033},[2027,3045,3047,3050],{"class":2029,"line":3046},33,[2027,3048,3049],{"class":2076},"          ]",[2027,3051,2532],{"class":2033},[2027,3053,3055],{"class":2029,"line":3054},34,[2027,3056,3057],{"class":2033},"        },\n",[2027,3059,3061,3063],{"class":2029,"line":3060},35,[2027,3062,2851],{"class":2076},[2027,3064,2532],{"class":2033},[2027,3066,3068],{"class":2029,"line":3067},36,[2027,3069,2858],{"class":2033},[2027,3071,3073,3076],{"class":2029,"line":3072},37,[2027,3074,3075],{"class":2076},"  ]",[2027,3077,2532],{"class":2033},[2027,3079,3081,3084,3087],{"class":2029,"line":3080},38,[2027,3082,3083],{"class":2033},"}",[2027,3085,3086],{"class":2076},")",[2027,3088,2095],{"class":2033},[2027,3090,3092,3094,3096],{"class":2029,"line":3091},39,[2027,3093,2221],{"class":2033},[2027,3095,2038],{"class":2037},[2027,3097,2060],{"class":2033},[2027,3099,3101],{"class":2029,"line":3100},40,[2027,3102,2102],{"emptyLinePlaceholder":2101},[2027,3104,3106,3108,3110,3112,3114,3116,3118,3120,3122],{"class":2029,"line":3105},41,[2027,3107,2034],{"class":2033},[2027,3109,2038],{"class":2037},[2027,3111,2042],{"class":2041},[2027,3113,2045],{"class":2041},[2027,3115,2048],{"class":2033},[2027,3117,2051],{"class":2033},[2027,3119,2055],{"class":2054},[2027,3121,2051],{"class":2033},[2027,3123,2060],{"class":2033},[2027,3125,3127,3129,3132,3135,3137,3140,3142],{"class":2029,"line":3126},42,[2027,3128,2067],{"class":2066},[2027,3130,3131],{"class":2076}," HeroBanner ",[2027,3133,3134],{"class":2066},"from",[2027,3136,2086],{"class":2033},[2027,3138,3139],{"class":2054},"../components/HeroBanner.vue",[2027,3141,2092],{"class":2033},[2027,3143,2095],{"class":2033},[2027,3145,3147],{"class":2029,"line":3146},43,[2027,3148,2102],{"emptyLinePlaceholder":2101},[2027,3150,3152,3155,3158,3160,3163,3165,3167,3170],{"class":2029,"line":3151},44,[2027,3153,3154],{"class":2041},"const",[2027,3156,3157],{"class":2076}," props ",[2027,3159,2048],{"class":2033},[2027,3161,3162],{"class":2201}," defineProps",[2027,3164,2513],{"class":2076},[2027,3166,1939],{"class":2201},[2027,3168,3169],{"class":2076},"(definition))",[2027,3171,2095],{"class":2033},[2027,3173,3175,3177,3179],{"class":2029,"line":3174},45,[2027,3176,2221],{"class":2033},[2027,3178,2038],{"class":2037},[2027,3180,2060],{"class":2033},[2027,3182,3184],{"class":2029,"line":3183},46,[2027,3185,2102],{"emptyLinePlaceholder":2101},[2027,3187,3189,3191,3193],{"class":2029,"line":3188},47,[2027,3190,2034],{"class":2033},[2027,3192,2238],{"class":2037},[2027,3194,2060],{"class":2033},[2027,3196,3198,3200],{"class":2029,"line":3197},48,[2027,3199,2246],{"class":2033},[2027,3201,3202],{"class":2037},"HeroBanner\n",[2027,3204,3206,3209,3211,3213,3215],{"class":2029,"line":3205},49,[2027,3207,3208],{"class":2041},"    :heading",[2027,3210,2048],{"class":2033},[2027,3212,2051],{"class":2033},[2027,3214,2725],{"class":2054},[2027,3216,3217],{"class":2033},"\"\n",[2027,3219,3221,3224,3226,3228,3230],{"class":2029,"line":3220},50,[2027,3222,3223],{"class":2041},"    :body",[2027,3225,2048],{"class":2033},[2027,3227,2051],{"class":2033},[2027,3229,2366],{"class":2054},[2027,3231,3217],{"class":2033},[2027,3233,3235,3238,3240,3242,3244],{"class":2029,"line":3234},51,[2027,3236,3237],{"class":2041},"    :media",[2027,3239,2048],{"class":2033},[2027,3241,2051],{"class":2033},[2027,3243,2281],{"class":2054},[2027,3245,3217],{"class":2033},[2027,3247,3249,3252,3254,3256,3258],{"class":2029,"line":3248},52,[2027,3250,3251],{"class":2041},"    :layout",[2027,3253,2048],{"class":2033},[2027,3255,2051],{"class":2033},[2027,3257,2935],{"class":2054},[2027,3259,3217],{"class":2033},[2027,3261,3263],{"class":2029,"line":3262},53,[2027,3264,3265],{"class":2033},"  >\n",[2027,3267,3269,3271,3273],{"class":2029,"line":3268},54,[2027,3270,2269],{"class":2033},[2027,3272,2389],{"class":2037},[2027,3274,2309],{"class":2033},[2027,3276,3278,3280,3283],{"class":2029,"line":3277},55,[2027,3279,2407],{"class":2033},[2027,3281,3282],{"class":2037},"HeroBanner",[2027,3284,2060],{"class":2033},[2027,3286,3288,3290,3292],{"class":2029,"line":3287},56,[2027,3289,2221],{"class":2033},[2027,3291,2238],{"class":2037},[2027,3293,2060],{"class":2033},[1912,3295,3296,3297,3300,3301,3303,3304,3307,3308,3310],{},"The schema component is now a ",[1933,3298,3299],{},"mapping layer",": schema-shaped data goes in, UI-component props come out. It is the only place that knows about runtime fallbacks, query resolution, or renaming a canonical schema field to the UI component's prop name (here, ",[1925,3302,2935],{}," from the schema becomes ",[1925,3305,3306],{},"layout"," on the UI component). Everything visual is delegated to ",[1925,3309,3282],{},".",[1962,3312,3314],{"id":3313},"what-goes-where","What goes where",[1912,3316,3317],{},"The split is sharper than it looks at first. Keep this checklist in mind:",[3319,3320,3321,3336],"table",{},[3322,3323,3324],"thead",{},[3325,3326,3327,3331,3334],"tr",{},[3328,3329,3330],"th",{},"Concern",[3328,3332,3333],{},"Schema component",[3328,3335,1945],{},[3337,3338,3339,3355,3365,3374,3383,3396,3405,3418],"tbody",{},[3325,3340,3341,3350,3353],{},[3342,3343,3344,3346,3347,3349],"td",{},[1925,3345,2010],{}," / ",[1925,3348,1949],{}," call",[3342,3351,3352],{},"✓",[3342,3354],{},[3325,3356,3357,3361,3363],{},[3342,3358,3359],{},[1925,3360,1939],{},[3342,3362,3352],{},[3342,3364],{},[3325,3366,3367,3370,3372],{},[3342,3368,3369],{},"Renaming canonical schema fields to UI props",[3342,3371,3352],{},[3342,3373],{},[3325,3375,3376,3379,3381],{},[3342,3377,3378],{},"Resolving runtime data (queries, link helpers)",[3342,3380,3352],{},[3342,3382],{},[3325,3384,3385,3392,3394],{},[3342,3386,3387,3388,3391],{},"Vue ",[1925,3389,3390],{},"\u003Ctemplate>"," markup, classes, styles",[3342,3393],{},[3342,3395,3352],{},[3325,3397,3398,3401,3403],{},[3342,3399,3400],{},"Layout variants, slots, sub-components",[3342,3402],{},[3342,3404,3352],{},[3325,3406,3407,3414,3416],{},[3342,3408,3409,3410,3413],{},"CSS (",[1925,3411,3412],{},"@layer",", BEM blocks, tokens)",[3342,3415],{},[3342,3417,3352],{},[3325,3419,3420,3423,3425],{},[3342,3421,3422],{},"Storybook stories",[3342,3424],{},[3342,3426,3352],{},[1912,3428,3429],{},"A useful heuristic: if you could not write a Storybook story for a piece of behavior, it does not belong in the UI component.",[1962,3431,3433],{"id":3432},"why-this-pays-off","Why this pays off",[1912,3435,3436],{},"The UI component can render anywhere: a custom checkout page, an internal admin tool, an email preview. None of those need the Studio runtime in scope.",[1912,3438,3439,3440,3442],{},"You can test the visual in isolation. Mount ",[1925,3441,3282],{}," in a Vitest + Vue Test Utils setup with plain props. No Studio, no Frontend Core, no mocks.",[1912,3444,3445],{},"The visual API stays stable. When you redesign the UI component you change one file. The schema component is untouched as long as the props interface holds. When the schema grows a new field, the UI component does not see it until you wire it through.",[1912,3447,3448],{},"Internal layout knobs (think: \"tablet breakpoint for the column gap\") stay as defaults on the UI component instead of leaking into Studio as fields no editor should ever touch.",[1912,3450,3451],{},"Designers and contributors less familiar with Laioutr can iterate on the UI component without learning the schema system.",[1962,3453,3455],{"id":3454},"file-conventions","File conventions",[1912,3457,3458,3459,3462,3463,3466,3467,3470,3471,3474,3475,3478],{},"Both files live in your app's ",[1925,3460,3461],{},"runtime/app/"," tree. Keep schema components in ",[1925,3464,3465],{},"sections/"," or ",[1925,3468,3469],{},"blocks/"," (this is what gets registered with ",[1925,3472,3473],{},"registerLaioutrApp","), and keep UI components in a sibling ",[1925,3476,3477],{},"components/"," directory:",[1952,3480,3483],{"className":3481,"code":3482,"language":1957,"meta":1958},[1955],"src/runtime/app/\n  components/\n    HeroBanner.vue\n    ProductCard.vue\n  sections/\n    SectionHeroBanner.vue\n  blocks/\n    BlockProductCard.vue\n",[1925,3484,3482],{"__ignoreMap":1958},[1912,3486,3487,3488,1919,3490,3492,3493,2127],{},"Only the ",[1925,3489,3465],{},[1925,3491,3469],{}," directories are passed to ",[1925,3494,3473],{},[1952,3496,3500],{"className":3497,"code":3498,"filename":3499,"language":2055,"meta":1958,"style":1958},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","registerLaioutrApp({\n  sections: [resolve('./runtime/app/sections')],\n  blocks: [resolve('./runtime/app/blocks')],\n  // components/ is intentionally not registered. It is imported directly.\n});\n","module.ts",[1925,3501,3502,3510,3536,3560,3566],{"__ignoreMap":1958},[2027,3503,3504,3506,3508],{"class":2029,"line":2030},[2027,3505,3473],{"class":2201},[2027,3507,2513],{"class":2076},[2027,3509,2516],{"class":2033},[2027,3511,3512,3515,3517,3519,3522,3524,3526,3529,3531,3534],{"class":2029,"line":2063},[2027,3513,3514],{"class":2037},"  sections",[2027,3516,2127],{"class":2033},[2027,3518,2583],{"class":2076},[2027,3520,3521],{"class":2201},"resolve",[2027,3523,2513],{"class":2076},[2027,3525,2092],{"class":2033},[2027,3527,3528],{"class":2054},"./runtime/app/sections",[2027,3530,2092],{"class":2033},[2027,3532,3533],{"class":2076},")]",[2027,3535,2532],{"class":2033},[2027,3537,3538,3541,3543,3545,3547,3549,3551,3554,3556,3558],{"class":2029,"line":2098},[2027,3539,3540],{"class":2037},"  blocks",[2027,3542,2127],{"class":2033},[2027,3544,2583],{"class":2076},[2027,3546,3521],{"class":2201},[2027,3548,2513],{"class":2076},[2027,3550,2092],{"class":2033},[2027,3552,3553],{"class":2054},"./runtime/app/blocks",[2027,3555,2092],{"class":2033},[2027,3557,3533],{"class":2076},[2027,3559,2532],{"class":2033},[2027,3561,3562],{"class":2029,"line":2105},[2027,3563,3565],{"class":3564},"sHwdD","  // components/ is intentionally not registered. It is imported directly.\n",[2027,3567,3568,3570,3572],{"class":2029,"line":2121},[2027,3569,3083],{"class":2033},[2027,3571,3086],{"class":2076},[2027,3573,2095],{"class":2033},[1912,3575,1914,3576,3578],{},[1925,3577,3477],{}," directory is for your own internal imports. It is not auto-discovered, and it is not exposed to Studio.",[3580,3581,3583],"h3",{"id":3582},"naming","Naming",[1912,3585,3586,3587,3466,3590,3593,3594,3597,3598,3601,3602,3605,3606,3346,3608,3610],{},"Schema components keep the ",[1925,3588,3589],{},"Section",[1925,3591,3592],{},"Block"," prefix: ",[1925,3595,3596],{},"SectionHeroBanner.vue",", ",[1925,3599,3600],{},"BlockProductCard.vue",". The ",[1925,3603,3604],{},"component"," string passed to ",[1925,3607,2010],{},[1925,3609,1949],{}," must match the filename verbatim.",[1912,3612,3613,3614,3597,3617,3620],{},"UI components drop the prefix: ",[1925,3615,3616],{},"HeroBanner.vue",[1925,3618,3619],{},"ProductCard.vue",". The name describes the visual, not the Studio role.",[1912,3622,3623],{},"A 1:1 correspondence between a schema component and its UI component is the default. If you find one schema component pulling in several UI components, look closely. You may be hiding a layout decision in the wrapper that belongs in a new UI component.",[1962,3625,3627],{"id":3626},"when-not-to-split","When not to split",[1912,3629,3630],{},"The split is not free. If your section has no real visual logic (a divider, a fixed-content footer, a thin wrapper around a single ui-kit primitive), co-locating the definition and the template in one file is fine. Reach for the split when at least one of these is true:",[3632,3633,3634,3637,3640,3643],"ul",{},[1973,3635,3636],{},"You want to reuse the visual outside Studio.",[1973,3638,3639],{},"You want Storybook stories or unit tests for the visual.",[1973,3641,3642],{},"The template is more than a handful of lines of markup, or it pulls in multiple sub-components.",[1973,3644,3645],{},"The schema has internal layout knobs that should not be editor-facing.",[1912,3647,3648],{},"Co-located definitions are a starting point, not the destination. When a section earns the split, do it. The cost of leaving it co-located grows faster than the cost of the refactor.",[1962,3650,3652],{"id":3651},"related","Related",[3632,3654,3655,3665,3672,3677],{},[1973,3656,3657,3659,3660,1919,3662,3664],{},[1916,3658,538],{"href":539}," for the ",[1925,3661,2010],{},[1925,3663,1939],{}," reference.",[1973,3666,3667,3659,3669,3671],{},[1916,3668,510],{"href":511},[1925,3670,1949],{}," reference and the standalone / non-standalone distinction.",[1973,3673,3674,3676],{},[1916,3675,534],{"href":535}," for the full field-type catalog the schema component declares.",[1973,3678,3679,3681],{},[1916,3680,514],{"href":515}," for naming, file layout, and registration conventions.",[3683,3684,3685],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":1958,"searchDepth":2063,"depth":2063,"links":3687},[3688,3689,3690,3691,3692,3695,3696],{"id":1964,"depth":2063,"text":1965},{"id":2003,"depth":2063,"text":2004},{"id":3313,"depth":2063,"text":3314},{"id":3432,"depth":2063,"text":3433},{"id":3454,"depth":2063,"text":3455,"children":3693},[3694],{"id":3582,"depth":2098,"text":3583},{"id":3626,"depth":2063,"text":3627},{"id":3651,"depth":2063,"text":3652},null,"Split the Studio-facing schema wrapper (defineSection / defineBlock) from the visual Vue component that paints pixels. Two files, two responsibilities, fewer regressions.","md",{},{"title":3702,"description":3703},"Schema components vs UI components | Laioutr","Why and how to separate Laioutr schema definitions from the underlying Vue UI components in your app.",{"loc":483,"lastmod":3705,"changefreq":3706,"priority":3707,"videos":3708,"images":3709},"2026-05-15","monthly",0.9,[],[],"qrd94rjLIW3E9DXGmt7pwmbrnorwOCc4MkvshVt2sMI",[3712,3714],{"title":476,"path":477,"stem":478,"description":3713,"children":-1},"Opinionated guides for building Laioutr apps. Each guide captures one pattern, gotcha, or architectural decision that earned its keep in real apps.",{"title":486,"path":487,"stem":488,"description":3715,"children":-1},"A canonical sidebar layout and field-naming convention for every section and block. Same ordering and the same names everywhere, so editors learn one app and know them all.",1783259593841]