[{"data":1,"prerenderedAt":2957},["ShallowReactive",2],{"navigation_docs":3,"-laioutr-ui-ui-kit-general-countdown":2071,"-laioutr-ui-ui-kit-general-countdown-surround":2831,"didYouMean--Countdown":2073,"/laioutr-ui/ui-kit/general/countdown-now-description":2836,"/laioutr-ui/ui-kit/general/countdown-unitDisplay-description":2848},[4,136,531,559,675,863,1772,1862,1867,1872,1931,2029],{"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},"Documentation MCP Server","/getting-started/documentation-mcp-server","0.getting-started/7.documentation-mcp-server",{"title":137,"path":138,"stem":139,"children":140},"Frontend","/frontend","1.Frontend/0.index",[141,142,153,215,241,309],{"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,305],{"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},"Store Devtools","/frontend/orchestr/devtools","1.Frontend/4.Orchestr/Devtools",{"title":286,"path":287,"stem":288},"Middleware","/frontend/orchestr/middleware","1.Frontend/4.Orchestr/Middleware",{"title":290,"path":291,"stem":292},"Queries & Links","/frontend/orchestr/queries","1.Frontend/4.Orchestr/Queries",{"title":294,"path":295,"stem":296},"Component Resolvers","/frontend/orchestr/component-resolvers","1.Frontend/4.Orchestr/component-resolvers",{"title":298,"path":299,"stem":300},"Filters","/frontend/orchestr/filters","1.Frontend/4.Orchestr/filters",{"title":302,"path":303,"stem":304},"URL Query Parameters","/frontend/orchestr/url-query-params","1.Frontend/4.Orchestr/url-query-params",{"title":306,"path":307,"stem":308},"Orchestr Wire Format","/frontend/orchestr/wire-format","1.Frontend/4.Orchestr/wire-format",{"title":310,"path":311,"stem":312,"children":313},"API Reference","/frontend/api-reference","1.Frontend/99.api-reference/0.index",[314,315,433,436,470,486,494,505,513,520],{"title":310,"path":311,"stem":312},{"title":316,"path":317,"stem":318,"children":319},"Entities","/frontend/api-reference/entities","1.Frontend/99.api-reference/01.entities/0.index",[320,321,325,329,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429],{"title":316,"path":317,"stem":318},{"title":322,"path":323,"stem":324},"Product","/frontend/api-reference/entities/product","1.Frontend/99.api-reference/01.entities/1.product",{"title":326,"path":327,"stem":328},"SuggestedSearch","/frontend/api-reference/entities/suggested-search","1.Frontend/99.api-reference/01.entities/10.suggested-search",{"title":330,"path":331,"stem":332},"SuggestedSearchEntry","/frontend/api-reference/entities/suggested-search-entry","1.Frontend/99.api-reference/01.entities/11.suggested-search-entry",{"title":334,"path":335,"stem":336},"BlogCollection","/frontend/api-reference/entities/blog-collection","1.Frontend/99.api-reference/01.entities/12.blog-collection",{"title":338,"path":339,"stem":340},"Comment","/frontend/api-reference/entities/comment","1.Frontend/99.api-reference/01.entities/13.comment",{"title":342,"path":343,"stem":344},"Location","/frontend/api-reference/entities/location","1.Frontend/99.api-reference/01.entities/14.location",{"title":346,"path":347,"stem":348},"Glossary","/frontend/api-reference/entities/glossary","1.Frontend/99.api-reference/01.entities/15.glossary",{"title":350,"path":351,"stem":352},"Product List","/frontend/api-reference/entities/product-list","1.Frontend/99.api-reference/01.entities/16.product-list",{"title":354,"path":355,"stem":356},"Product List Item","/frontend/api-reference/entities/product-list-item","1.Frontend/99.api-reference/01.entities/17.product-list-item",{"title":358,"path":359,"stem":360},"Organization","/frontend/api-reference/entities/organization","1.Frontend/99.api-reference/01.entities/18.organization",{"title":362,"path":363,"stem":364},"Employee","/frontend/api-reference/entities/employee","1.Frontend/99.api-reference/01.entities/19.employee",{"title":366,"path":367,"stem":368},"ProductVariant","/frontend/api-reference/entities/product-variant","1.Frontend/99.api-reference/01.entities/2.product-variant",{"title":370,"path":371,"stem":372},"Cost Center","/frontend/api-reference/entities/cost-center","1.Frontend/99.api-reference/01.entities/20.cost-center",{"title":374,"path":375,"stem":376},"Budget","/frontend/api-reference/entities/budget","1.Frontend/99.api-reference/01.entities/21.budget",{"title":378,"path":379,"stem":380},"Quote","/frontend/api-reference/entities/quote","1.Frontend/99.api-reference/01.entities/22.quote",{"title":382,"path":383,"stem":384},"Quote Item","/frontend/api-reference/entities/quote-item","1.Frontend/99.api-reference/01.entities/23.quote-item",{"title":386,"path":387,"stem":388},"Approval Flow","/frontend/api-reference/entities/approval-flow","1.Frontend/99.api-reference/01.entities/24.approval-flow",{"title":390,"path":391,"stem":392},"Approval Rule","/frontend/api-reference/entities/approval-rule","1.Frontend/99.api-reference/01.entities/25.approval-rule",{"title":394,"path":395,"stem":396},"Fee","/frontend/api-reference/entities/fee","1.Frontend/99.api-reference/01.entities/26.fee",{"title":398,"path":399,"stem":400},"Stock Location","/frontend/api-reference/entities/stock-location","1.Frontend/99.api-reference/01.entities/27.stock-location",{"title":402,"path":403,"stem":404},"Stock Level","/frontend/api-reference/entities/stock-level","1.Frontend/99.api-reference/01.entities/28.stock-level",{"title":406,"path":407,"stem":408},"Category","/frontend/api-reference/entities/category","1.Frontend/99.api-reference/01.entities/3.category",{"title":410,"path":411,"stem":412},"Cart","/frontend/api-reference/entities/cart","1.Frontend/99.api-reference/01.entities/4.cart",{"title":414,"path":415,"stem":416},"CartItem","/frontend/api-reference/entities/cart-item","1.Frontend/99.api-reference/01.entities/5.cart-item",{"title":418,"path":419,"stem":420},"Review","/frontend/api-reference/entities/review","1.Frontend/99.api-reference/01.entities/6.review",{"title":422,"path":423,"stem":424},"BreadcrumbItem","/frontend/api-reference/entities/breadcrumb-item","1.Frontend/99.api-reference/01.entities/7.breadcrumb-item",{"title":426,"path":427,"stem":428},"MenuItem","/frontend/api-reference/entities/menu-item","1.Frontend/99.api-reference/01.entities/8.menu-item",{"title":430,"path":431,"stem":432},"BlogPost","/frontend/api-reference/entities/blog-post","1.Frontend/99.api-reference/01.entities/9.blog-post",{"title":188,"path":434,"stem":435},"/frontend/api-reference/page-types","1.Frontend/99.api-reference/02.page-types",{"title":437,"path":438,"stem":439,"children":440},"Common Types","/frontend/api-reference/common-types","1.Frontend/99.api-reference/03.common-types/0.index",[441,442,446,450,454,458,462,466],{"title":437,"path":438,"stem":439},{"title":443,"path":444,"stem":445},"Link","/frontend/api-reference/common-types/link","1.Frontend/99.api-reference/03.common-types/1.link",{"title":447,"path":448,"stem":449},"Media","/frontend/api-reference/common-types/media","1.Frontend/99.api-reference/03.common-types/2.media",{"title":451,"path":452,"stem":453},"Money","/frontend/api-reference/common-types/money","1.Frontend/99.api-reference/03.common-types/3.money",{"title":455,"path":456,"stem":457},"UnitPrice","/frontend/api-reference/common-types/unit-price","1.Frontend/99.api-reference/03.common-types/4.unit-price",{"title":459,"path":460,"stem":461},"Measurement","/frontend/api-reference/common-types/measurement","1.Frontend/99.api-reference/03.common-types/5.measurement",{"title":463,"path":464,"stem":465},"Opening Hours","/frontend/api-reference/common-types/opening-hours","1.Frontend/99.api-reference/03.common-types/6.opening-hours",{"title":467,"path":468,"stem":469},"Commerce Value Types","/frontend/api-reference/common-types/commerce-values","1.Frontend/99.api-reference/03.common-types/7.commerce-values",{"title":471,"path":472,"stem":473,"children":474,"page":55},"Ecommerce","/frontend/api-reference/ecommerce","1.Frontend/99.api-reference/10.ecommerce",[475,478,482],{"title":274,"path":476,"stem":477},"/frontend/api-reference/ecommerce/actions","1.Frontend/99.api-reference/10.ecommerce/1.actions",{"title":479,"path":480,"stem":481},"Queries","/frontend/api-reference/ecommerce/queries","1.Frontend/99.api-reference/10.ecommerce/2.queries",{"title":483,"path":484,"stem":485},"Errors","/frontend/api-reference/ecommerce/errors","1.Frontend/99.api-reference/10.ecommerce/3.errors",{"title":487,"path":488,"stem":489,"children":490,"page":55},"Newsletter","/frontend/api-reference/newsletter","1.Frontend/99.api-reference/11.newsletter",[491],{"title":274,"path":492,"stem":493},"/frontend/api-reference/newsletter/actions","1.Frontend/99.api-reference/11.newsletter/1.actions",{"title":495,"path":496,"stem":497,"children":498,"page":55},"Blog","/frontend/api-reference/blog","1.Frontend/99.api-reference/12.blog",[499,502],{"title":479,"path":500,"stem":501},"/frontend/api-reference/blog/queries","1.Frontend/99.api-reference/12.blog/1.queries",{"title":483,"path":503,"stem":504},"/frontend/api-reference/blog/errors","1.Frontend/99.api-reference/12.blog/2.errors",{"title":506,"path":507,"stem":508,"children":509,"page":55},"Suggested Search","/frontend/api-reference/suggested-search","1.Frontend/99.api-reference/13.suggested-search",[510],{"title":479,"path":511,"stem":512},"/frontend/api-reference/suggested-search/queries","1.Frontend/99.api-reference/13.suggested-search/1.queries",{"title":342,"path":514,"stem":515,"children":516,"page":55},"/frontend/api-reference/location","1.Frontend/99.api-reference/15.location",[517],{"title":479,"path":518,"stem":519},"/frontend/api-reference/location/queries","1.Frontend/99.api-reference/15.location/1.queries",{"title":521,"path":522,"stem":523,"children":524,"page":55},"B2b","/frontend/api-reference/b2b","1.Frontend/99.api-reference/16.b2b",[525,528],{"title":274,"path":526,"stem":527},"/frontend/api-reference/b2b/actions","1.Frontend/99.api-reference/16.b2b/1.actions",{"title":483,"path":529,"stem":530},"/frontend/api-reference/b2b/errors","1.Frontend/99.api-reference/16.b2b/2.errors",{"title":532,"path":533,"stem":534,"children":535},"Agent API","/agent-api","10.Agent-API/0.index",[536,537],{"title":532,"path":533,"stem":534},{"title":538,"path":539,"stem":540,"children":541},"Laioutr MCP","/agent-api/laioutr-mcp","10.Agent-API/1.Laioutr-MCP/0.index",[542,543,547,551,555],{"title":538,"path":539,"stem":540},{"title":544,"path":545,"stem":546},"Connecting to Laioutr MCP","/agent-api/laioutr-mcp/connecting-to-laioutr-mcp","10.Agent-API/1.Laioutr-MCP/1.connecting-to-laioutr-mcp",{"title":548,"path":549,"stem":550},"Supported tools","/agent-api/laioutr-mcp/supported-tools","10.Agent-API/1.Laioutr-MCP/2.supported-tools",{"title":552,"path":553,"stem":554},"Security best practices","/agent-api/laioutr-mcp/security-best-practices","10.Agent-API/1.Laioutr-MCP/3.security-best-practices",{"title":556,"path":557,"stem":558},"Integrating your own MCP client","/agent-api/laioutr-mcp/integrating-your-own-mcp-client","10.Agent-API/1.Laioutr-MCP/4.integrating-your-own-mcp-client",{"title":560,"path":561,"stem":562,"children":563},"Offering","/offering","11.Offering/0.index",[564,565,600,613,626,660,669],{"title":560,"path":561,"stem":562},{"title":566,"path":567,"stem":568,"children":569},"Products","/offering/products","11.Offering/1.Products/0.index",[570,571,576,582,588,594],{"title":566,"path":567,"stem":568},{"title":137,"path":572,"stem":573,"children":574},"/offering/products/frontend","11.Offering/1.Products/1.Frontend/0.index",[575],{"title":137,"path":572,"stem":573},{"title":577,"path":578,"stem":579,"children":580},"Cockpit","/offering/products/cockpit","11.Offering/1.Products/2.Cockpit/0.index",[581],{"title":577,"path":578,"stem":579},{"title":583,"path":584,"stem":585,"children":586},"Checkout","/offering/products/checkout","11.Offering/1.Products/3.Checkout/0.index",[587],{"title":583,"path":584,"stem":585},{"title":589,"path":590,"stem":591,"children":592},"Cloud","/offering/products/cloud","11.Offering/1.Products/4.cloud/0.index",[593],{"title":589,"path":590,"stem":591},{"title":595,"path":596,"stem":597,"children":598},"Larry AI","/offering/products/larry-ai","11.Offering/1.Products/5.larry-ai/0.index",[599],{"title":595,"path":596,"stem":597},{"title":601,"path":602,"stem":603,"children":604,"page":55},"Service Level Agreement","/offering/service-level-agreement","11.Offering/2.service-level-agreement",[605,609],{"title":606,"path":607,"stem":608},"Standard Service Level Agreement Composable Frontend","/offering/service-level-agreement/standard-service-level-agreement","11.Offering/2.service-level-agreement/1.standard-service-level-agreement",{"title":610,"path":611,"stem":612},"Backups","/offering/service-level-agreement/backups","11.Offering/2.service-level-agreement/backups",{"title":614,"path":615,"stem":616,"children":617,"page":55},"Customer Support","/offering/customer-support","11.Offering/3.customer-support",[618,622],{"title":619,"path":620,"stem":621},"Standard Customer Support","/offering/customer-support/standard-customer-support","11.Offering/3.customer-support/1.standard-customer-support",{"title":623,"path":624,"stem":625},"Customer Support Severity Levels of Laioutr products","/offering/customer-support/maximum-serverity-levels","11.Offering/3.customer-support/maximum-serverity-levels",{"title":627,"path":628,"stem":629,"children":630},"Trust Center","/offering/trust-center","11.Offering/4.trust-center/0.index",[631,632,636,640,644,648,652,656],{"title":627,"path":628,"stem":629},{"title":633,"path":634,"stem":635},"Data Protection (GDPR)","/offering/trust-center/data-protection","11.Offering/4.trust-center/1.data-protection",{"title":637,"path":638,"stem":639},"Subprocessors","/offering/trust-center/subprocessors","11.Offering/4.trust-center/2.subprocessors",{"title":641,"path":642,"stem":643},"Infrastructure & Hosting","/offering/trust-center/infrastructure","11.Offering/4.trust-center/3.infrastructure",{"title":645,"path":646,"stem":647},"Security Measures","/offering/trust-center/security-measures","11.Offering/4.trust-center/4.security-measures",{"title":649,"path":650,"stem":651},"Incident Response","/offering/trust-center/incident-response","11.Offering/4.trust-center/5.incident-response",{"title":653,"path":654,"stem":655},"Compliance & Certifications","/offering/trust-center/compliance","11.Offering/4.trust-center/6.compliance",{"title":657,"path":658,"stem":659},"FAQ","/offering/trust-center/faq","11.Offering/4.trust-center/7.faq",{"title":661,"path":662,"stem":663,"children":664,"page":55},"Policies","/offering/policies","11.Offering/5.policies",[665],{"title":666,"path":667,"stem":668},"Fair usage policy","/offering/policies/fair-usage-policy","11.Offering/5.policies/fair-usage-policy",{"title":670,"path":671,"stem":672,"children":673},"Academy","/offering/academy","11.Offering/6.academy/0.index",[674],{"title":670,"path":671,"stem":672},{"title":676,"path":677,"stem":678,"children":679},"Apps","/apps","2.apps/0.index",[680,681,761,847],{"title":676,"path":677,"stem":678},{"title":682,"path":683,"stem":684,"children":685},"App Development","/apps/app-development","2.apps/app-development/0.index",[686,687,709,713,717,721,725,729,733,737,741,745,749,753,757],{"title":682,"path":683,"stem":684},{"title":688,"path":689,"stem":690,"children":691},"Guides","/apps/app-development/guides","2.apps/app-development/99.guides/0.index",[692,693,697,701,705],{"title":688,"path":689,"stem":690},{"title":694,"path":695,"stem":696},"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":698,"path":699,"stem":700},"Section config standard","/apps/app-development/guides/section-config-standard","2.apps/app-development/99.guides/section-config-standard",{"title":702,"path":703,"stem":704},"Shared field factories","/apps/app-development/guides/shared-field-factories","2.apps/app-development/99.guides/shared-field-factories",{"title":706,"path":707,"stem":708},"How to write CSS","/apps/app-development/guides/writing-css","2.apps/app-development/99.guides/writing-css",{"title":710,"path":711,"stem":712},"App Configuration","/apps/app-development/app-configuration","2.apps/app-development/app-configuration",{"title":714,"path":715,"stem":716},"App Starter","/apps/app-development/app-starter","2.apps/app-development/app-starter",{"title":718,"path":719,"stem":720},"Best Practice","/apps/app-development/best-practice","2.apps/app-development/best-practice",{"title":722,"path":723,"stem":724},"Block Definitions","/apps/app-development/block-definitions","2.apps/app-development/block-definitions",{"title":726,"path":727,"stem":728},"Coding Standards","/apps/app-development/coding-standards","2.apps/app-development/coding-standards",{"title":730,"path":731,"stem":732},"Consent Adapters","/apps/app-development/consent-adapters","2.apps/app-development/consent-adapters",{"title":734,"path":735,"stem":736},"Consuming Query Fields","/apps/app-development/consuming-query-fields","2.apps/app-development/consuming-query-fields",{"title":738,"path":739,"stem":740},"Implementation Overview","/apps/app-development/implementation-overview","2.apps/app-development/implementation-overview",{"title":742,"path":743,"stem":744},"Media Libraries","/apps/app-development/media-libraries","2.apps/app-development/media-libraries",{"title":746,"path":747,"stem":748},"Platform Dependencies","/apps/app-development/platform-dependencies","2.apps/app-development/platform-dependencies",{"title":750,"path":751,"stem":752},"Schema Fields","/apps/app-development/schema-fields","2.apps/app-development/schema-fields",{"title":754,"path":755,"stem":756},"Section Definitions","/apps/app-development/section-definitions","2.apps/app-development/section-definitions",{"title":758,"path":759,"stem":760},"Studio Icons","/apps/app-development/studio-icons","2.apps/app-development/studio-icons",{"title":762,"path":763,"stem":764,"children":765},"App Docs","/apps/app-docs","2.apps/app-docs/0.index",[766,767,771,775,779,783,787,791,795,799,803,807,811,815,819,823,827,831,835,839,843],{"title":762,"path":763,"stem":764},{"title":768,"path":769,"stem":770},"Actindo","/apps/app-docs/actindo","2.apps/app-docs/actindo",{"title":772,"path":773,"stem":774},"Adobe Commerce","/apps/app-docs/adobe-commerce","2.apps/app-docs/adobe-commerce",{"title":776,"path":777,"stem":778},"B2Bsellers","/apps/app-docs/b2bsellers","2.apps/app-docs/b2bsellers",{"title":780,"path":781,"stem":782},"Battery Included","/apps/app-docs/battery-included","2.apps/app-docs/battery-included",{"title":784,"path":785,"stem":786},"CCM19","/apps/app-docs/ccm19","2.apps/app-docs/ccm19",{"title":788,"path":789,"stem":790},"Commercetools","/apps/app-docs/commercetools","2.apps/app-docs/commercetools",{"title":792,"path":793,"stem":794},"Cookiebot","/apps/app-docs/cookiebot","2.apps/app-docs/cookiebot",{"title":796,"path":797,"stem":798},"Emporix","/apps/app-docs/emporix","2.apps/app-docs/emporix",{"title":800,"path":801,"stem":802},"Google Tag Manager (GTM)","/apps/app-docs/gtm","2.apps/app-docs/gtm",{"title":804,"path":805,"stem":806},"Hygraph","/apps/app-docs/hygraph","2.apps/app-docs/hygraph",{"title":808,"path":809,"stem":810},"JTL Platform","/apps/app-docs/jtl-platform","2.apps/app-docs/jtl-platform",{"title":812,"path":813,"stem":814},"Klaviyo","/apps/app-docs/klaviyo","2.apps/app-docs/klaviyo",{"title":816,"path":817,"stem":818},"Nimstrata Google Retail API","/apps/app-docs/nimstrata","2.apps/app-docs/nimstrata",{"title":820,"path":821,"stem":822},"OXID eShop","/apps/app-docs/oxid","2.apps/app-docs/oxid",{"title":824,"path":825,"stem":826},"Pimcore","/apps/app-docs/pimcore","2.apps/app-docs/pimcore",{"title":828,"path":829,"stem":830},"Shopify","/apps/app-docs/shopify","2.apps/app-docs/shopify",{"title":832,"path":833,"stem":834},"Shopware","/apps/app-docs/shopware","2.apps/app-docs/shopware",{"title":836,"path":837,"stem":838},"Sylius","/apps/app-docs/sylius","2.apps/app-docs/sylius",{"title":840,"path":841,"stem":842},"Vercel Analytics","/apps/app-docs/vercel-analytics","2.apps/app-docs/vercel-analytics",{"title":844,"path":845,"stem":846},"Vercel Speed Insights","/apps/app-docs/vercel-speed-insights","2.apps/app-docs/vercel-speed-insights",{"title":848,"path":849,"stem":850,"children":851,"page":55},"Essentials","/apps/essentials","2.apps/essentials",[852,856,860],{"title":853,"path":854,"stem":855},"Legal","/apps/essentials/legal","2.apps/essentials/legal",{"title":857,"path":858,"stem":859},"Mailer","/apps/essentials/mailer","2.apps/essentials/mailer",{"title":216,"path":861,"stem":862},"/apps/essentials/seo","2.apps/essentials/seo",{"title":864,"path":865,"stem":866,"children":867},"Laioutr UI","/laioutr-ui","3.laioutr-ui/0.index",[868,869,901,907,913,1109,1130,1136,1142,1196,1214,1348],{"title":864,"path":865,"stem":866},{"title":5,"path":870,"stem":871,"children":872},"/laioutr-ui/getting-started","3.laioutr-ui/01.getting-started/0.index",[873,874,878,882,886,890,894,898],{"title":5,"path":870,"stem":871},{"title":875,"path":876,"stem":877},"Browser support","/laioutr-ui/getting-started/browser-support","3.laioutr-ui/01.getting-started/1.browser-support",{"title":879,"path":880,"stem":881},"Common Data","/laioutr-ui/getting-started/common-data","3.laioutr-ui/01.getting-started/99.common-data",{"title":883,"path":884,"stem":885},"CSS Layers","/laioutr-ui/getting-started/css-layers","3.laioutr-ui/01.getting-started/css-layers",{"title":887,"path":888,"stem":889},"Figma Kit","/laioutr-ui/getting-started/figma-kit","3.laioutr-ui/01.getting-started/figma-kit",{"title":891,"path":892,"stem":893},"Surface Tone","/laioutr-ui/getting-started/surface-tone","3.laioutr-ui/01.getting-started/surface-tone",{"title":895,"path":896,"stem":897},"Theming","/laioutr-ui/getting-started/theming","3.laioutr-ui/01.getting-started/theming",{"title":212,"path":899,"stem":900},"/laioutr-ui/getting-started/z-ordering","3.laioutr-ui/01.getting-started/z-ordering",{"title":902,"path":903,"stem":904,"children":905},"B2B","/laioutr-ui/b2b","3.laioutr-ui/b2b/0.index",[906],{"title":902,"path":903,"stem":904},{"title":908,"path":909,"stem":910,"children":911},"Booking","/laioutr-ui/booking","3.laioutr-ui/booking/0.index",[912],{"title":908,"path":909,"stem":910},{"title":914,"path":915,"stem":916,"children":917},"CMS","/laioutr-ui/cms","3.laioutr-ui/cms/0.index",[918,919,925,950,962,966,970,974,978,982,994,1015,1019,1040,1056,1105],{"title":914,"path":915,"stem":916},{"title":920,"path":921,"stem":922,"children":923},"Alphabetical Index","/laioutr-ui/cms/alphabetical-index","3.laioutr-ui/cms/alphabetical-index",[924],{"title":920,"path":921,"stem":922},{"title":926,"path":927,"stem":928,"children":929,"page":55},"Banner","/laioutr-ui/cms/banner","3.laioutr-ui/cms/banner",[930,934,938,942,946],{"title":931,"path":932,"stem":933},"Banner Basic","/laioutr-ui/cms/banner/banner-basic","3.laioutr-ui/cms/banner/banner-basic",{"title":935,"path":936,"stem":937},"Banner Integrated","/laioutr-ui/cms/banner/banner-integrated","3.laioutr-ui/cms/banner/banner-integrated",{"title":939,"path":940,"stem":941},"Banner Showcase","/laioutr-ui/cms/banner/banner-showcase","3.laioutr-ui/cms/banner/banner-showcase",{"title":943,"path":944,"stem":945},"Media + Text","/laioutr-ui/cms/banner/media-text","3.laioutr-ui/cms/banner/media-text",{"title":947,"path":948,"stem":949},"USP Banner","/laioutr-ui/cms/banner/usp-banner","3.laioutr-ui/cms/banner/usp-banner",{"title":495,"path":951,"stem":952,"children":953,"page":55},"/laioutr-ui/cms/blog","3.laioutr-ui/cms/blog",[954,958],{"title":955,"path":956,"stem":957},"Article Detail","/laioutr-ui/cms/blog/article-detail","3.laioutr-ui/cms/blog/article-detail",{"title":959,"path":960,"stem":961},"Blog Post Listing","/laioutr-ui/cms/blog/blog-post-listing","3.laioutr-ui/cms/blog/blog-post-listing",{"title":963,"path":964,"stem":965},"Brand Hero","/laioutr-ui/cms/brand-hero","3.laioutr-ui/cms/brand-hero",{"title":967,"path":968,"stem":969},"Container","/laioutr-ui/cms/container","3.laioutr-ui/cms/container",{"title":971,"path":972,"stem":973},"Content Grid","/laioutr-ui/cms/content-grid","3.laioutr-ui/cms/content-grid",{"title":975,"path":976,"stem":977},"Editorial Grid","/laioutr-ui/cms/editorial-grid","3.laioutr-ui/cms/editorial-grid",{"title":979,"path":980,"stem":981},"Media Gallery","/laioutr-ui/cms/media-gallery","3.laioutr-ui/cms/media-gallery",{"title":487,"path":983,"stem":984,"children":985,"page":55},"/laioutr-ui/cms/newsletter","3.laioutr-ui/cms/newsletter",[986,990],{"title":987,"path":988,"stem":989},"Email Input Form","/laioutr-ui/cms/newsletter/email-input-form","3.laioutr-ui/cms/newsletter/email-input-form",{"title":991,"path":992,"stem":993},"Newsletter Registration","/laioutr-ui/cms/newsletter/newsletter-registration","3.laioutr-ui/cms/newsletter/newsletter-registration",{"title":995,"path":996,"stem":997,"children":998,"page":55},"Popups","/laioutr-ui/cms/popups","3.laioutr-ui/cms/popups",[999,1003,1007,1011],{"title":1000,"path":1001,"stem":1002},"PopUp","/laioutr-ui/cms/popups/pop-up","3.laioutr-ui/cms/popups/pop-up",{"title":1004,"path":1005,"stem":1006},"PopUp Info","/laioutr-ui/cms/popups/pop-up-info","3.laioutr-ui/cms/popups/pop-up-info",{"title":1008,"path":1009,"stem":1010},"PopUp Newsletter","/laioutr-ui/cms/popups/pop-up-newsletter","3.laioutr-ui/cms/popups/pop-up-newsletter",{"title":1012,"path":1013,"stem":1014},"PopUp Promotion","/laioutr-ui/cms/popups/pop-up-promotion","3.laioutr-ui/cms/popups/pop-up-promotion",{"title":1016,"path":1017,"stem":1018},"Promotion Banner","/laioutr-ui/cms/promotion-banner","3.laioutr-ui/cms/promotion-banner",{"title":1020,"path":1021,"stem":1022,"children":1023,"page":55},"Quotes","/laioutr-ui/cms/quotes","3.laioutr-ui/cms/quotes",[1024,1028,1032,1036],{"title":1025,"path":1026,"stem":1027},"Persona Quote","/laioutr-ui/cms/quotes/persona-quote","3.laioutr-ui/cms/quotes/persona-quote",{"title":1029,"path":1030,"stem":1031},"Persona Quote Slider","/laioutr-ui/cms/quotes/persona-quote-slider","3.laioutr-ui/cms/quotes/persona-quote-slider",{"title":1033,"path":1034,"stem":1035},"Quote Card","/laioutr-ui/cms/quotes/quote-card","3.laioutr-ui/cms/quotes/quote-card",{"title":1037,"path":1038,"stem":1039},"Quote Card Slider","/laioutr-ui/cms/quotes/quote-card-slider","3.laioutr-ui/cms/quotes/quote-card-slider",{"title":1041,"path":1042,"stem":1043,"children":1044,"page":55},"Reviews","/laioutr-ui/cms/reviews","3.laioutr-ui/cms/reviews",[1045,1048,1052],{"title":418,"path":1046,"stem":1047},"/laioutr-ui/cms/reviews/review","3.laioutr-ui/cms/reviews/review",{"title":1049,"path":1050,"stem":1051},"Review Form","/laioutr-ui/cms/reviews/review-form","3.laioutr-ui/cms/reviews/review-form",{"title":1053,"path":1054,"stem":1055},"Social Share","/laioutr-ui/cms/reviews/social-share","3.laioutr-ui/cms/reviews/social-share",{"title":1057,"path":1058,"stem":1059,"children":1060,"page":55},"Slider","/laioutr-ui/cms/slider","3.laioutr-ui/cms/slider",[1061,1065,1069,1073,1077,1081,1085,1089,1093,1097,1101],{"title":1062,"path":1063,"stem":1064},"Content Slider","/laioutr-ui/cms/slider/content-slider","3.laioutr-ui/cms/slider/content-slider",{"title":1066,"path":1067,"stem":1068},"Hero Slider","/laioutr-ui/cms/slider/hero-slider","3.laioutr-ui/cms/slider/hero-slider",{"title":1070,"path":1071,"stem":1072},"Logo Grid","/laioutr-ui/cms/slider/logo-grid","3.laioutr-ui/cms/slider/logo-grid",{"title":1074,"path":1075,"stem":1076},"Logo Slider","/laioutr-ui/cms/slider/logo-slider","3.laioutr-ui/cms/slider/logo-slider",{"title":1078,"path":1079,"stem":1080},"Swiper Arrows","/laioutr-ui/cms/slider/swiper-arrows","3.laioutr-ui/cms/slider/swiper-arrows",{"title":1082,"path":1083,"stem":1084},"Swiper Bullets","/laioutr-ui/cms/slider/swiper-bullets","3.laioutr-ui/cms/slider/swiper-bullets",{"title":1086,"path":1087,"stem":1088},"Swiper Chrome","/laioutr-ui/cms/slider/swiper-chrome","3.laioutr-ui/cms/slider/swiper-chrome",{"title":1090,"path":1091,"stem":1092},"Swiper Nav Bar","/laioutr-ui/cms/slider/swiper-nav-bar","3.laioutr-ui/cms/slider/swiper-nav-bar",{"title":1094,"path":1095,"stem":1096},"Swiper Numbers","/laioutr-ui/cms/slider/swiper-numbers","3.laioutr-ui/cms/slider/swiper-numbers",{"title":1098,"path":1099,"stem":1100},"Swiper Scrollbar","/laioutr-ui/cms/slider/swiper-scrollbar","3.laioutr-ui/cms/slider/swiper-scrollbar",{"title":1102,"path":1103,"stem":1104},"Thumbnails Slider","/laioutr-ui/cms/slider/thumbnails-slider","3.laioutr-ui/cms/slider/thumbnails-slider",{"title":1106,"path":1107,"stem":1108},"Withdrawal Form","/laioutr-ui/cms/withdrawal-form","3.laioutr-ui/cms/withdrawal-form",{"title":342,"path":1110,"stem":1111,"children":1112},"/laioutr-ui/location","3.laioutr-ui/location/0.index",[1113,1114,1118,1122,1126],{"title":342,"path":1110,"stem":1111},{"title":1115,"path":1116,"stem":1117},"Location Card","/laioutr-ui/location/location-card","3.laioutr-ui/location/location-card",{"title":1119,"path":1120,"stem":1121},"Location Detail","/laioutr-ui/location/location-detail","3.laioutr-ui/location/location-detail",{"title":1123,"path":1124,"stem":1125},"Location Finder","/laioutr-ui/location/location-finder","3.laioutr-ui/location/location-finder",{"title":1127,"path":1128,"stem":1129},"Table Opening Hours","/laioutr-ui/location/table-opening-hours","3.laioutr-ui/location/table-opening-hours",{"title":1131,"path":1132,"stem":1133,"children":1134},"Marketplace","/laioutr-ui/marketplace","3.laioutr-ui/marketplace/0.index",[1135],{"title":1131,"path":1132,"stem":1133},{"title":1137,"path":1138,"stem":1139,"children":1140},"Multichannel","/laioutr-ui/multichannel","3.laioutr-ui/multichannel/0.index",[1141],{"title":1137,"path":1138,"stem":1139},{"title":1143,"path":1144,"stem":1145,"children":1146},"Navigation & Headers","/laioutr-ui/navigation","3.laioutr-ui/navigation/0.index",[1147,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192],{"title":1143,"path":1144,"stem":1145},{"title":1149,"path":1150,"stem":1151},"Breadcrumbs","/laioutr-ui/navigation/breadcrumbs","3.laioutr-ui/navigation/breadcrumbs",{"title":1153,"path":1154,"stem":1155},"Footer","/laioutr-ui/navigation/footer","3.laioutr-ui/navigation/footer",{"title":1157,"path":1158,"stem":1159},"Footer Menu","/laioutr-ui/navigation/footer-menu","3.laioutr-ui/navigation/footer-menu",{"title":1161,"path":1162,"stem":1163},"Header Basic","/laioutr-ui/navigation/header-basic","3.laioutr-ui/navigation/header-basic",{"title":1165,"path":1166,"stem":1167},"Header Shop","/laioutr-ui/navigation/header-shop","3.laioutr-ui/navigation/header-shop",{"title":1169,"path":1170,"stem":1171},"Mega Menu","/laioutr-ui/navigation/mega-menu","3.laioutr-ui/navigation/mega-menu",{"title":1173,"path":1174,"stem":1175},"Menu Side by Side","/laioutr-ui/navigation/menu-side-by-side","3.laioutr-ui/navigation/menu-side-by-side",{"title":1177,"path":1178,"stem":1179},"Mobile Menu (Basic)","/laioutr-ui/navigation/mobile-menu-basic","3.laioutr-ui/navigation/mobile-menu-basic",{"title":1181,"path":1182,"stem":1183},"Mobile Menu (Shop)","/laioutr-ui/navigation/mobile-menu-shop","3.laioutr-ui/navigation/mobile-menu-shop",{"title":1185,"path":1186,"stem":1187},"Page Not Found","/laioutr-ui/navigation/page-not-found","3.laioutr-ui/navigation/page-not-found",{"title":1189,"path":1190,"stem":1191},"Search Auto-Suggest","/laioutr-ui/navigation/search-auto-suggest","3.laioutr-ui/navigation/search-auto-suggest",{"title":1193,"path":1194,"stem":1195},"Top Bar","/laioutr-ui/navigation/top-bar","3.laioutr-ui/navigation/top-bar",{"title":1197,"path":1198,"stem":1199,"children":1200},"SaaS","/laioutr-ui/saas","3.laioutr-ui/saas/0.index",[1201,1202,1206,1210],{"title":1197,"path":1198,"stem":1199},{"title":1203,"path":1204,"stem":1205},"Plan Card","/laioutr-ui/saas/plan-card","3.laioutr-ui/saas/plan-card",{"title":1207,"path":1208,"stem":1209},"Plan Card Slider","/laioutr-ui/saas/plan-card-slider","3.laioutr-ui/saas/plan-card-slider",{"title":1211,"path":1212,"stem":1213},"Plan Comparison Table","/laioutr-ui/saas/plan-comparison-table","3.laioutr-ui/saas/plan-comparison-table",{"title":1215,"path":1216,"stem":1217,"children":1218},"Shop","/laioutr-ui/shop","3.laioutr-ui/shop/0.index",[1219,1220,1248,1252,1256,1260,1264,1324,1328,1332,1336,1340,1344],{"title":1215,"path":1216,"stem":1217},{"title":410,"path":1221,"stem":1222,"children":1223,"page":55},"/laioutr-ui/shop/cart","3.laioutr-ui/shop/cart",[1224,1228,1232,1236,1240,1244],{"title":1225,"path":1226,"stem":1227},"Cart Coupon Code Accordion","/laioutr-ui/shop/cart/cart-coupon-code-accordion","3.laioutr-ui/shop/cart/cart-coupon-code-accordion",{"title":1229,"path":1230,"stem":1231},"Cart List Item","/laioutr-ui/shop/cart/cart-list-item","3.laioutr-ui/shop/cart/cart-list-item",{"title":1233,"path":1234,"stem":1235},"Cart Sheet","/laioutr-ui/shop/cart/cart-sheet","3.laioutr-ui/shop/cart/cart-sheet",{"title":1237,"path":1238,"stem":1239},"Cart Summary Box","/laioutr-ui/shop/cart/cart-summary-box","3.laioutr-ui/shop/cart/cart-summary-box",{"title":1241,"path":1242,"stem":1243},"Empty State Cart","/laioutr-ui/shop/cart/empty-state-cart","3.laioutr-ui/shop/cart/empty-state-cart",{"title":1245,"path":1246,"stem":1247},"Free Delivery Progress","/laioutr-ui/shop/cart/free-delivery-progress","3.laioutr-ui/shop/cart/free-delivery-progress",{"title":1249,"path":1250,"stem":1251},"Category Card Grid","/laioutr-ui/shop/category-card-grid","3.laioutr-ui/shop/category-card-grid",{"title":1253,"path":1254,"stem":1255},"Category Card Slider","/laioutr-ui/shop/category-card-slider","3.laioutr-ui/shop/category-card-slider",{"title":1257,"path":1258,"stem":1259},"Filter Bar","/laioutr-ui/shop/filter-bar","3.laioutr-ui/shop/filter-bar",{"title":1261,"path":1262,"stem":1263},"Filter Off Canvas","/laioutr-ui/shop/filter-off-canvas","3.laioutr-ui/shop/filter-off-canvas",{"title":1265,"path":1266,"stem":1267,"children":1268,"page":55},"Product Detail","/laioutr-ui/shop/product-detail","3.laioutr-ui/shop/product-detail",[1269,1273,1277,1281,1285,1289,1292,1296,1300,1304,1308,1312,1316,1320],{"title":1270,"path":1271,"stem":1272},"Add to Cart","/laioutr-ui/shop/product-detail/add-to-cart","3.laioutr-ui/shop/product-detail/add-to-cart",{"title":1274,"path":1275,"stem":1276},"Benefits Box","/laioutr-ui/shop/product-detail/benefits-box","3.laioutr-ui/shop/product-detail/benefits-box",{"title":1278,"path":1279,"stem":1280},"Coupon Box","/laioutr-ui/shop/product-detail/coupon-box","3.laioutr-ui/shop/product-detail/coupon-box",{"title":1282,"path":1283,"stem":1284},"Energy Label","/laioutr-ui/shop/product-detail/energy-label","3.laioutr-ui/shop/product-detail/energy-label",{"title":1286,"path":1287,"stem":1288},"Price Info","/laioutr-ui/shop/product-detail/price-info","3.laioutr-ui/shop/product-detail/price-info",{"title":1265,"path":1290,"stem":1291},"/laioutr-ui/shop/product-detail/product-detail","3.laioutr-ui/shop/product-detail/product-detail",{"title":1293,"path":1294,"stem":1295},"Product Image Gallery","/laioutr-ui/shop/product-detail/product-image-gallery","3.laioutr-ui/shop/product-detail/product-image-gallery",{"title":1297,"path":1298,"stem":1299},"Product Specifications Table","/laioutr-ui/shop/product-detail/product-specifications","3.laioutr-ui/shop/product-detail/product-specifications",{"title":1301,"path":1302,"stem":1303},"Product Title","/laioutr-ui/shop/product-detail/product-title","3.laioutr-ui/shop/product-detail/product-title",{"title":1305,"path":1306,"stem":1307},"Quantity Discount","/laioutr-ui/shop/product-detail/quantity-discount","3.laioutr-ui/shop/product-detail/quantity-discount",{"title":1309,"path":1310,"stem":1311},"Variant Off Canvas","/laioutr-ui/shop/product-detail/variant-off-canvas","3.laioutr-ui/shop/product-detail/variant-off-canvas",{"title":1313,"path":1314,"stem":1315},"Variant Selector Configurator","/laioutr-ui/shop/product-detail/variant-selector-configurator","3.laioutr-ui/shop/product-detail/variant-selector-configurator",{"title":1317,"path":1318,"stem":1319},"Variant Selector (Multiple)","/laioutr-ui/shop/product-detail/variant-selector-multiple","3.laioutr-ui/shop/product-detail/variant-selector-multiple",{"title":1321,"path":1322,"stem":1323},"Variant Selector Options","/laioutr-ui/shop/product-detail/variant-selector-options","3.laioutr-ui/shop/product-detail/variant-selector-options",{"title":1325,"path":1326,"stem":1327},"Product Listing Grid","/laioutr-ui/shop/product-listing-grid","3.laioutr-ui/shop/product-listing-grid",{"title":1329,"path":1330,"stem":1331},"Product Slider","/laioutr-ui/shop/product-slider","3.laioutr-ui/shop/product-slider",{"title":1333,"path":1334,"stem":1335},"Product Slider Showcase","/laioutr-ui/shop/product-slider-showcase","3.laioutr-ui/shop/product-slider-showcase",{"title":1337,"path":1338,"stem":1339},"Product Tile (Basic)","/laioutr-ui/shop/product-tile-basic","3.laioutr-ui/shop/product-tile-basic",{"title":1341,"path":1342,"stem":1343},"Search Result Hero","/laioutr-ui/shop/search-result-hero","3.laioutr-ui/shop/search-result-hero",{"title":1345,"path":1346,"stem":1347},"Sort Modes","/laioutr-ui/shop/sort-modes","3.laioutr-ui/shop/sort-modes",{"title":1349,"path":1350,"stem":1351,"children":1352},"UI Kit","/laioutr-ui/ui-kit","3.laioutr-ui/ui-kit/0.index",[1353,1354,1522,1546,1567,1584,1621,1730,1759],{"title":1349,"path":1350,"stem":1351},{"title":1355,"path":1356,"stem":1357,"children":1358,"page":55},"General","/laioutr-ui/ui-kit/general","3.laioutr-ui/ui-kit/01.general",[1359,1363,1367,1371,1375,1379,1383,1387,1391,1395,1399,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518],{"title":1360,"path":1361,"stem":1362},"Accordion","/laioutr-ui/ui-kit/general/accordion","3.laioutr-ui/ui-kit/01.general/Accordion",{"title":1364,"path":1365,"stem":1366},"Avatar","/laioutr-ui/ui-kit/general/avatar","3.laioutr-ui/ui-kit/01.general/Avatar",{"title":1368,"path":1369,"stem":1370},"Backdrop","/laioutr-ui/ui-kit/general/backdrop","3.laioutr-ui/ui-kit/01.general/Backdrop",{"title":1372,"path":1373,"stem":1374},"Dropdown Menu","/laioutr-ui/ui-kit/general/dropdownmenu","3.laioutr-ui/ui-kit/01.general/DropdownMenu",{"title":1376,"path":1377,"stem":1378},"Edge Glow","/laioutr-ui/ui-kit/general/edgeglow","3.laioutr-ui/ui-kit/01.general/EdgeGlow",{"title":1380,"path":1381,"stem":1382},"Empty State","/laioutr-ui/ui-kit/general/emptystate","3.laioutr-ui/ui-kit/01.general/EmptyState",{"title":1384,"path":1385,"stem":1386},"Icon","/laioutr-ui/ui-kit/general/icon","3.laioutr-ui/ui-kit/01.general/Icon",{"title":1388,"path":1389,"stem":1390},"Image Contrast Overlay","/laioutr-ui/ui-kit/general/imagecontrastoverlay","3.laioutr-ui/ui-kit/01.general/ImageContrastOverlay",{"title":1392,"path":1393,"stem":1394},"Lightbox","/laioutr-ui/ui-kit/general/lightbox","3.laioutr-ui/ui-kit/01.general/Lightbox",{"title":1396,"path":1397,"stem":1398},"Loading Spinner","/laioutr-ui/ui-kit/general/loadingspinner","3.laioutr-ui/ui-kit/01.general/LoadingSpinner",{"title":447,"path":1400,"stem":1401},"/laioutr-ui/ui-kit/general/media","3.laioutr-ui/ui-kit/01.general/Media",{"title":1403,"path":1404,"stem":1405},"Navigation Bullets","/laioutr-ui/ui-kit/general/navigationbullets","3.laioutr-ui/ui-kit/01.general/NavigationBullets",{"title":1407,"path":1408,"stem":1409},"Placeholder","/laioutr-ui/ui-kit/general/placeholder","3.laioutr-ui/ui-kit/01.general/Placeholder",{"title":1411,"path":1412,"stem":1413},"Progress Bar","/laioutr-ui/ui-kit/general/progressbar","3.laioutr-ui/ui-kit/01.general/ProgressBar",{"title":1415,"path":1416,"stem":1417},"Scrollbar","/laioutr-ui/ui-kit/general/scrollbar","3.laioutr-ui/ui-kit/01.general/Scrollbar",{"title":1419,"path":1420,"stem":1421},"Swatch","/laioutr-ui/ui-kit/general/swatch","3.laioutr-ui/ui-kit/01.general/Swatch",{"title":1423,"path":1424,"stem":1425},"SwiperScrollbar","/laioutr-ui/ui-kit/general/swiperscrollbar","3.laioutr-ui/ui-kit/01.general/SwiperScrollbar",{"title":1427,"path":1428,"stem":1429},"Thumbnail","/laioutr-ui/ui-kit/general/thumbnail","3.laioutr-ui/ui-kit/01.general/Thumbnail",{"title":1431,"path":1432,"stem":1433},"Tooltip","/laioutr-ui/ui-kit/general/tooltip","3.laioutr-ui/ui-kit/01.general/Tooltip",{"title":1435,"path":1436,"stem":1437},"Amount Pill","/laioutr-ui/ui-kit/general/amount-pill","3.laioutr-ui/ui-kit/01.general/amount-pill",{"title":1439,"path":1440,"stem":1441},"Countdown","/laioutr-ui/ui-kit/general/countdown","3.laioutr-ui/ui-kit/01.general/countdown",{"title":1443,"path":1444,"stem":1445},"Countdown Boxed","/laioutr-ui/ui-kit/general/countdown-boxed","3.laioutr-ui/ui-kit/01.general/countdown-boxed",{"title":1447,"path":1448,"stem":1449},"Dark Mode Switch","/laioutr-ui/ui-kit/general/dark-mode-switch","3.laioutr-ui/ui-kit/01.general/dark-mode-switch",{"title":1451,"path":1452,"stem":1453},"Language Switcher","/laioutr-ui/ui-kit/general/language-switcher","3.laioutr-ui/ui-kit/01.general/language-switcher",{"title":1455,"path":1456,"stem":1457},"Media Preview","/laioutr-ui/ui-kit/general/media-preview","3.laioutr-ui/ui-kit/01.general/media-preview",{"title":1459,"path":1460,"stem":1461},"Media Stage","/laioutr-ui/ui-kit/general/media-stage","3.laioutr-ui/ui-kit/01.general/media-stage",{"title":1463,"path":1464,"stem":1465},"Nav Link Item","/laioutr-ui/ui-kit/general/nav-link-item","3.laioutr-ui/ui-kit/01.general/nav-link-item",{"title":1467,"path":1468,"stem":1469},"Nav Section Heading","/laioutr-ui/ui-kit/general/nav-section-heading","3.laioutr-ui/ui-kit/01.general/nav-section-heading",{"title":1471,"path":1472,"stem":1473},"OnSurface","/laioutr-ui/ui-kit/general/on-surface","3.laioutr-ui/ui-kit/01.general/on-surface",{"title":1475,"path":1476,"stem":1477},"Opening Status","/laioutr-ui/ui-kit/general/opening-status","3.laioutr-ui/ui-kit/01.general/opening-status",{"title":1479,"path":1480,"stem":1481},"Opening Status Detail","/laioutr-ui/ui-kit/general/opening-status-detail","3.laioutr-ui/ui-kit/01.general/opening-status-detail",{"title":1483,"path":1484,"stem":1485},"Opening Status Indicator","/laioutr-ui/ui-kit/general/opening-status-indicator","3.laioutr-ui/ui-kit/01.general/opening-status-indicator",{"title":1487,"path":1488,"stem":1489},"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":1491,"path":1492,"stem":1493},"Status Message","/laioutr-ui/ui-kit/general/status-message","3.laioutr-ui/ui-kit/01.general/status-message",{"title":1495,"path":1496,"stem":1497},"Stock Info Summary","/laioutr-ui/ui-kit/general/stock-info-summary","3.laioutr-ui/ui-kit/01.general/stock-info-summary",{"title":1499,"path":1500,"stem":1501},"Swatch Chip","/laioutr-ui/ui-kit/general/swatch-chip","3.laioutr-ui/ui-kit/01.general/swatch-chip",{"title":1503,"path":1504,"stem":1505},"Swatch Option","/laioutr-ui/ui-kit/general/swatch-option","3.laioutr-ui/ui-kit/01.general/swatch-option",{"title":1507,"path":1508,"stem":1509},"Swatch Summary","/laioutr-ui/ui-kit/general/swatch-summary","3.laioutr-ui/ui-kit/01.general/swatch-summary",{"title":1511,"path":1512,"stem":1513},"Table of Contents","/laioutr-ui/ui-kit/general/table-of-contents","3.laioutr-ui/ui-kit/01.general/table-of-contents",{"title":1515,"path":1516,"stem":1517},"Zoom Level (Segmented)","/laioutr-ui/ui-kit/general/zoom-level-segmented","3.laioutr-ui/ui-kit/01.general/zoom-level-segmented",{"title":1519,"path":1520,"stem":1521},"Zoom Level (Stepper)","/laioutr-ui/ui-kit/general/zoom-level-stepper","3.laioutr-ui/ui-kit/01.general/zoom-level-stepper",{"title":1523,"path":1524,"stem":1525,"children":1526,"page":55},"Typography","/laioutr-ui/ui-kit/typography","3.laioutr-ui/ui-kit/02.typography",[1527,1531,1534,1538,1542],{"title":1528,"path":1529,"stem":1530},"Icon List","/laioutr-ui/ui-kit/typography/iconlist","3.laioutr-ui/ui-kit/02.typography/IconList",{"title":443,"path":1532,"stem":1533},"/laioutr-ui/ui-kit/typography/link","3.laioutr-ui/ui-kit/02.typography/Link",{"title":1535,"path":1536,"stem":1537},"Rich Content","/laioutr-ui/ui-kit/typography/richcontent","3.laioutr-ui/ui-kit/02.typography/RichContent",{"title":1539,"path":1540,"stem":1541},"Text","/laioutr-ui/ui-kit/typography/text","3.laioutr-ui/ui-kit/02.typography/Text",{"title":1543,"path":1544,"stem":1545},"Text Group","/laioutr-ui/ui-kit/typography/text-group","3.laioutr-ui/ui-kit/02.typography/text-group",{"title":1547,"path":1548,"stem":1549,"children":1550,"page":55},"Layout","/laioutr-ui/ui-kit/layout","3.laioutr-ui/ui-kit/03.layout",[1551,1555,1559,1563],{"title":1552,"path":1553,"stem":1554},"Grid Fill","/laioutr-ui/ui-kit/layout/gridfill","3.laioutr-ui/ui-kit/03.layout/GridFill",{"title":1556,"path":1557,"stem":1558},"Grid Masonry","/laioutr-ui/ui-kit/layout/gridmasonry","3.laioutr-ui/ui-kit/03.layout/GridMasonry",{"title":1560,"path":1561,"stem":1562},"Scroll Area","/laioutr-ui/ui-kit/layout/scrollarea","3.laioutr-ui/ui-kit/03.layout/ScrollArea",{"title":1564,"path":1565,"stem":1566},"Separator","/laioutr-ui/ui-kit/layout/separator","3.laioutr-ui/ui-kit/03.layout/Separator",{"title":1568,"path":1569,"stem":1570,"children":1571,"page":55},"Content","/laioutr-ui/ui-kit/content","3.laioutr-ui/ui-kit/04.content",[1572,1576,1580],{"title":1573,"path":1574,"stem":1575},"Card","/laioutr-ui/ui-kit/content/card","3.laioutr-ui/ui-kit/04.content/Card",{"title":1577,"path":1578,"stem":1579},"Basic Table","/laioutr-ui/ui-kit/content/basic-table","3.laioutr-ui/ui-kit/04.content/basic-table",{"title":1581,"path":1582,"stem":1583},"Link Tile","/laioutr-ui/ui-kit/content/link-tile","3.laioutr-ui/ui-kit/04.content/link-tile",{"title":1585,"path":1586,"stem":1587,"children":1588,"page":55},"Surfaces","/laioutr-ui/ui-kit/surfaces","3.laioutr-ui/ui-kit/05.surfaces",[1589,1593,1597,1601,1605,1609,1613,1617],{"title":1590,"path":1591,"stem":1592},"Alert Dialog","/laioutr-ui/ui-kit/surfaces/alertdialog","3.laioutr-ui/ui-kit/05.surfaces/AlertDialog",{"title":1594,"path":1595,"stem":1596},"Popover","/laioutr-ui/ui-kit/surfaces/popover","3.laioutr-ui/ui-kit/05.surfaces/Popover",{"title":1598,"path":1599,"stem":1600},"Sheet","/laioutr-ui/ui-kit/surfaces/sheet","3.laioutr-ui/ui-kit/05.surfaces/Sheet",{"title":1602,"path":1603,"stem":1604},"Tabs","/laioutr-ui/ui-kit/surfaces/tabs","3.laioutr-ui/ui-kit/05.surfaces/Tabs",{"title":1606,"path":1607,"stem":1608},"Toast","/laioutr-ui/ui-kit/surfaces/toast","3.laioutr-ui/ui-kit/05.surfaces/Toast",{"title":1610,"path":1611,"stem":1612},"Toaster","/laioutr-ui/ui-kit/surfaces/toaster","3.laioutr-ui/ui-kit/05.surfaces/Toaster",{"title":1614,"path":1615,"stem":1616},"Context Menu","/laioutr-ui/ui-kit/surfaces/context-menu","3.laioutr-ui/ui-kit/05.surfaces/context-menu",{"title":1618,"path":1619,"stem":1620},"Navigation Menu","/laioutr-ui/ui-kit/surfaces/navigation-menu","3.laioutr-ui/ui-kit/05.surfaces/navigation-menu",{"title":1622,"path":1623,"stem":1624,"children":1625,"page":55},"Form","/laioutr-ui/ui-kit/form","3.laioutr-ui/ui-kit/06.form",[1626,1630,1634,1638,1642,1646,1650,1654,1658,1662,1666,1670,1674,1678,1682,1686,1690,1694,1698,1702,1706,1710,1714,1718,1722,1726],{"title":1627,"path":1628,"stem":1629},"Button","/laioutr-ui/ui-kit/form/button","3.laioutr-ui/ui-kit/06.form/Button",{"title":1631,"path":1632,"stem":1633},"Checkbox","/laioutr-ui/ui-kit/form/checkbox","3.laioutr-ui/ui-kit/06.form/Checkbox",{"title":1635,"path":1636,"stem":1637},"Field","/laioutr-ui/ui-kit/form/field","3.laioutr-ui/ui-kit/06.form/Field",{"title":1639,"path":1640,"stem":1641},"Input","/laioutr-ui/ui-kit/form/input","3.laioutr-ui/ui-kit/06.form/Input",{"title":1643,"path":1644,"stem":1645},"Label","/laioutr-ui/ui-kit/form/label","3.laioutr-ui/ui-kit/06.form/Label",{"title":1647,"path":1648,"stem":1649},"Load More","/laioutr-ui/ui-kit/form/loadmore","3.laioutr-ui/ui-kit/06.form/LoadMore",{"title":1651,"path":1652,"stem":1653},"Pagination","/laioutr-ui/ui-kit/form/pagination","3.laioutr-ui/ui-kit/06.form/Pagination",{"title":1655,"path":1656,"stem":1657},"Quantity Picker","/laioutr-ui/ui-kit/form/quantitypicker","3.laioutr-ui/ui-kit/06.form/QuantityPicker",{"title":1659,"path":1660,"stem":1661},"Select","/laioutr-ui/ui-kit/form/select","3.laioutr-ui/ui-kit/06.form/Select",{"title":1663,"path":1664,"stem":1665},"Switch","/laioutr-ui/ui-kit/form/switch","3.laioutr-ui/ui-kit/06.form/Switch",{"title":1667,"path":1668,"stem":1669},"Highlight Toggle","/laioutr-ui/ui-kit/form/highlight-toggle","3.laioutr-ui/ui-kit/06.form/highlight-toggle",{"title":1671,"path":1672,"stem":1673},"Icon Button","/laioutr-ui/ui-kit/form/icon-button","3.laioutr-ui/ui-kit/06.form/icon-button",{"title":1675,"path":1676,"stem":1677},"Input Autocomplete","/laioutr-ui/ui-kit/form/input-autocomplete","3.laioutr-ui/ui-kit/06.form/input-autocomplete",{"title":1679,"path":1680,"stem":1681},"Input Checkbox","/laioutr-ui/ui-kit/form/input-checkbox","3.laioutr-ui/ui-kit/06.form/input-checkbox",{"title":1683,"path":1684,"stem":1685},"Input Combobox","/laioutr-ui/ui-kit/form/input-combobox","3.laioutr-ui/ui-kit/06.form/input-combobox",{"title":1687,"path":1688,"stem":1689},"Input Group","/laioutr-ui/ui-kit/form/input-group","3.laioutr-ui/ui-kit/06.form/input-group",{"title":1691,"path":1692,"stem":1693},"Input Password","/laioutr-ui/ui-kit/form/input-password","3.laioutr-ui/ui-kit/06.form/input-password",{"title":1695,"path":1696,"stem":1697},"Input Pin","/laioutr-ui/ui-kit/form/input-pin","3.laioutr-ui/ui-kit/06.form/input-pin",{"title":1699,"path":1700,"stem":1701},"Input Radio","/laioutr-ui/ui-kit/form/input-radio","3.laioutr-ui/ui-kit/06.form/input-radio",{"title":1703,"path":1704,"stem":1705},"Input Rating","/laioutr-ui/ui-kit/form/input-rating","3.laioutr-ui/ui-kit/06.form/input-rating",{"title":1707,"path":1708,"stem":1709},"Input Search","/laioutr-ui/ui-kit/form/input-search","3.laioutr-ui/ui-kit/06.form/input-search",{"title":1711,"path":1712,"stem":1713},"Input Slider","/laioutr-ui/ui-kit/form/input-slider","3.laioutr-ui/ui-kit/06.form/input-slider",{"title":1715,"path":1716,"stem":1717},"Listbox","/laioutr-ui/ui-kit/form/listbox","3.laioutr-ui/ui-kit/06.form/listbox",{"title":1719,"path":1720,"stem":1721},"Option Tile (Image)","/laioutr-ui/ui-kit/form/option-tile-image","3.laioutr-ui/ui-kit/06.form/option-tile-image",{"title":1723,"path":1724,"stem":1725},"Option Tile (Text)","/laioutr-ui/ui-kit/form/option-tile-text","3.laioutr-ui/ui-kit/06.form/option-tile-text",{"title":1727,"path":1728,"stem":1729},"Variant Selection Card","/laioutr-ui/ui-kit/form/variant-selection-card","3.laioutr-ui/ui-kit/06.form/variant-selection-card",{"title":1731,"path":1732,"stem":1733,"children":1734,"page":55},"Indicators","/laioutr-ui/ui-kit/indicators","3.laioutr-ui/ui-kit/07.indicators",[1735,1739,1743,1747,1751,1755],{"title":1736,"path":1737,"stem":1738},"Badge","/laioutr-ui/ui-kit/indicators/badge","3.laioutr-ui/ui-kit/07.indicators/Badge",{"title":1740,"path":1741,"stem":1742},"Caption Flag","/laioutr-ui/ui-kit/indicators/captionflag","3.laioutr-ui/ui-kit/07.indicators/CaptionFlag",{"title":1744,"path":1745,"stem":1746},"Product Tile Flag","/laioutr-ui/ui-kit/indicators/producttileflag","3.laioutr-ui/ui-kit/07.indicators/ProductTileFlag",{"title":1748,"path":1749,"stem":1750},"Rating Summary","/laioutr-ui/ui-kit/indicators/ratingsummary","3.laioutr-ui/ui-kit/07.indicators/RatingSummary",{"title":1752,"path":1753,"stem":1754},"Stars Rating","/laioutr-ui/ui-kit/indicators/starsrating","3.laioutr-ui/ui-kit/07.indicators/StarsRating",{"title":1756,"path":1757,"stem":1758},"Badge Promotion","/laioutr-ui/ui-kit/indicators/badge-promotion","3.laioutr-ui/ui-kit/07.indicators/badge-promotion",{"title":1760,"path":1761,"stem":1762,"children":1763,"page":55},"Utility Components","/laioutr-ui/ui-kit/utility-components","3.laioutr-ui/ui-kit/08.utility-components",[1764,1768],{"title":1765,"path":1766,"stem":1767},"Highlighted Text","/laioutr-ui/ui-kit/utility-components/highlighted-text","3.laioutr-ui/ui-kit/08.utility-components/highlighted-text",{"title":1769,"path":1770,"stem":1771},"Sizer","/laioutr-ui/ui-kit/utility-components/sizer","3.laioutr-ui/ui-kit/08.utility-components/sizer",{"title":1773,"path":1774,"stem":1775,"children":1776},"Hosting","/hosting","4.hosting/0.index",[1777,1778,1784,1814,1832],{"title":1773,"path":1774,"stem":1775},{"title":1779,"path":1780,"stem":1781,"children":1782},"Laioutr Cloud","/hosting/laioutr-cloud","4.hosting/0.laioutr-cloud/0.index",[1783],{"title":1779,"path":1780,"stem":1781},{"title":1785,"path":1786,"stem":1787,"children":1788},"Hyperscaler","/hosting/hyperscaler","4.hosting/1.hyperscaler/0.index",[1789,1790,1794,1798,1802,1806,1810],{"title":1785,"path":1786,"stem":1787},{"title":1791,"path":1792,"stem":1793},"Akamai Adapter","/hosting/hyperscaler/akamai-adapter","4.hosting/1.hyperscaler/akamai-adapter",{"title":1795,"path":1796,"stem":1797},"AWS Adapter","/hosting/hyperscaler/aws-adapter","4.hosting/1.hyperscaler/aws-adapter",{"title":1799,"path":1800,"stem":1801},"Azure Adapter","/hosting/hyperscaler/azure-adapter","4.hosting/1.hyperscaler/azure-adapter",{"title":1803,"path":1804,"stem":1805},"Google Adapter","/hosting/hyperscaler/google-adapter","4.hosting/1.hyperscaler/google-adapter",{"title":1807,"path":1808,"stem":1809},"Netlify Adapter","/hosting/hyperscaler/netlify-adapter","4.hosting/1.hyperscaler/netlify-adapter",{"title":1811,"path":1812,"stem":1813},"Vercel Adapter","/hosting/hyperscaler/vercel-adapter","4.hosting/1.hyperscaler/vercel-adapter",{"title":1815,"path":1816,"stem":1817,"children":1818},"Native Hosting","/hosting/native-hosting-providers","4.hosting/2.native-hosting-providers/0.index",[1819,1820,1824,1828],{"title":1815,"path":1816,"stem":1817},{"title":1821,"path":1822,"stem":1823},"maxcluster","/hosting/native-hosting-providers/maxcluster","4.hosting/2.native-hosting-providers/maxcluster",{"title":1825,"path":1826,"stem":1827},"profihost","/hosting/native-hosting-providers/profihost","4.hosting/2.native-hosting-providers/profihost",{"title":1829,"path":1830,"stem":1831},"ScaleCommerce","/hosting/native-hosting-providers/scale-commerce","4.hosting/2.native-hosting-providers/scale-commerce",{"title":1833,"path":1834,"stem":1835,"children":1836},"Bring Your Own Server (BYOS)","/hosting/bring-your-own-server-byos","4.hosting/3.bring-your-own-server-byos/0.index",[1837,1838,1842,1846,1850,1854,1858],{"title":1833,"path":1834,"stem":1835},{"title":1839,"path":1840,"stem":1841},"BYOS Agent","/hosting/bring-your-own-server-byos/byos-agent","4.hosting/3.bring-your-own-server-byos/byos-agent",{"title":1843,"path":1844,"stem":1845},"Changelog","/hosting/bring-your-own-server-byos/changelog","4.hosting/3.bring-your-own-server-byos/changelog",{"title":1847,"path":1848,"stem":1849},"DevOps Components","/hosting/bring-your-own-server-byos/devops","4.hosting/3.bring-your-own-server-byos/devops",{"title":1851,"path":1852,"stem":1853},"Infrastructure Requirements","/hosting/bring-your-own-server-byos/infrastructure","4.hosting/3.bring-your-own-server-byos/infrastructure",{"title":1855,"path":1856,"stem":1857},"Software Requirements","/hosting/bring-your-own-server-byos/software","4.hosting/3.bring-your-own-server-byos/software",{"title":1859,"path":1860,"stem":1861},"Webhook Configuration","/hosting/bring-your-own-server-byos/webhook-config","4.hosting/3.bring-your-own-server-byos/webhook-config",{"title":583,"path":1863,"stem":1864,"children":1865},"/checkout","5.Checkout/0.index",[1866],{"title":583,"path":1863,"stem":1864},{"title":595,"path":1868,"stem":1869,"children":1870},"/larry-ai","6.Larry-AI/0.index",[1871],{"title":595,"path":1868,"stem":1869},{"title":887,"path":1873,"stem":1874,"children":1875},"/figma-kit","7.Figma Kit/0.index",[1876,1877,1893],{"title":887,"path":1873,"stem":1874},{"title":121,"path":1878,"stem":1879,"children":1880,"page":55},"/figma-kit/introduction","7.Figma Kit/1.Introduction",[1881,1885,1889],{"title":1882,"path":1883,"stem":1884},"How to Start","/figma-kit/introduction/howtostart","7.Figma Kit/1.Introduction/0.howtostart",{"title":1886,"path":1887,"stem":1888},"Figma Variables","/figma-kit/introduction/figma-variables","7.Figma Kit/1.Introduction/figma-variables",{"title":1890,"path":1891,"stem":1892},"Library Connections","/figma-kit/introduction/library-connections","7.Figma Kit/1.Introduction/library-connections",{"title":1894,"path":1895,"stem":1896,"children":1897,"page":55},"Kits","/figma-kit/kits","7.Figma Kit/Kits",[1898,1901,1904,1907,1911,1914,1918,1922,1925,1928],{"title":902,"path":1899,"stem":1900},"/figma-kit/kits/b2b","7.Figma Kit/Kits/b2b",{"title":908,"path":1902,"stem":1903},"/figma-kit/kits/booking","7.Figma Kit/Kits/booking",{"title":914,"path":1905,"stem":1906},"/figma-kit/kits/cms","7.Figma Kit/Kits/cms",{"title":1908,"path":1909,"stem":1910},"Inpage Navigation","/figma-kit/kits/inpage-navigation","7.Figma Kit/Kits/inpage-navigation",{"title":1131,"path":1912,"stem":1913},"/figma-kit/kits/marketplace","7.Figma Kit/Kits/marketplace",{"title":1915,"path":1916,"stem":1917},"Retail & Multichannel","/figma-kit/kits/multichannel","7.Figma Kit/Kits/multichannel",{"title":1919,"path":1920,"stem":1921},"Navigation","/figma-kit/kits/navigation","7.Figma Kit/Kits/navigation",{"title":1197,"path":1923,"stem":1924},"/figma-kit/kits/saas","7.Figma Kit/Kits/saas",{"title":1215,"path":1926,"stem":1927},"/figma-kit/kits/shop","7.Figma Kit/Kits/shop",{"title":1349,"path":1929,"stem":1930},"/figma-kit/kits/ui-kit","7.Figma Kit/Kits/ui-kit",{"title":577,"path":1932,"stem":1933,"children":1934},"/cockpit","8.Cockpit/0.index",[1935,1936,1966,1983,2000],{"title":577,"path":1932,"stem":1933},{"title":154,"path":1937,"stem":1938,"children":1939,"page":55},"/cockpit/features","8.Cockpit/1.Features",[1940,1943,1947,1951,1955,1958,1962],{"title":676,"path":1941,"stem":1942},"/cockpit/features/apps","8.Cockpit/1.Features/apps",{"title":1944,"path":1945,"stem":1946},"Content (Collections)","/cockpit/features/content-collections","8.Cockpit/1.Features/content-collections",{"title":1948,"path":1949,"stem":1950},"Deployments","/cockpit/features/deployments","8.Cockpit/1.Features/deployments",{"title":1952,"path":1953,"stem":1954},"Markets","/cockpit/features/markets","8.Cockpit/1.Features/markets",{"title":196,"path":1956,"stem":1957},"/cockpit/features/redirects","8.Cockpit/1.Features/redirects",{"title":1959,"path":1960,"stem":1961},"Studio","/cockpit/features/studio","8.Cockpit/1.Features/studio",{"title":1963,"path":1964,"stem":1965},"Translations","/cockpit/features/translations","8.Cockpit/1.Features/translations",{"title":1967,"path":1968,"stem":1969,"children":1970,"page":55},"Project Settings","/cockpit/project-settings","8.Cockpit/2.Project-Settings",[1971,1975,1979],{"title":1972,"path":1973,"stem":1974},"Delete a project","/cockpit/project-settings/delete-project","8.Cockpit/2.Project-Settings/delete-project",{"title":1976,"path":1977,"stem":1978},"NPM","/cockpit/project-settings/npm","8.Cockpit/2.Project-Settings/npm",{"title":1980,"path":1981,"stem":1982},"Project secret key","/cockpit/project-settings/project-secret-key","8.Cockpit/2.Project-Settings/project-secret-key",{"title":1984,"path":1985,"stem":1986,"children":1987,"page":55},"Account Settings","/cockpit/account-settings","8.Cockpit/3.Account-Settings",[1988,1992,1996],{"title":1989,"path":1990,"stem":1991},"Notifications","/cockpit/account-settings/notifications","8.Cockpit/3.Account-Settings/notifications",{"title":1993,"path":1994,"stem":1995},"Preferences","/cockpit/account-settings/preferences","8.Cockpit/3.Account-Settings/preferences",{"title":1997,"path":1998,"stem":1999},"Security","/cockpit/account-settings/security","8.Cockpit/3.Account-Settings/security",{"title":2001,"path":2002,"stem":2003,"children":2004,"page":55},"Organisation Settings","/cockpit/organisation-settings","8.Cockpit/4.Organisation-Settings",[2005,2009,2013,2017,2021,2025],{"title":2006,"path":2007,"stem":2008},"API keys","/cockpit/organisation-settings/api-keys","8.Cockpit/4.Organisation-Settings/api-keys",{"title":2010,"path":2011,"stem":2012},"Billing","/cockpit/organisation-settings/billing","8.Cockpit/4.Organisation-Settings/billing",{"title":2014,"path":2015,"stem":2016},"General settings","/cockpit/organisation-settings/general-settings","8.Cockpit/4.Organisation-Settings/general-settings",{"title":2018,"path":2019,"stem":2020},"Members","/cockpit/organisation-settings/members","8.Cockpit/4.Organisation-Settings/members",{"title":2022,"path":2023,"stem":2024},"Projects","/cockpit/organisation-settings/projects","8.Cockpit/4.Organisation-Settings/projects",{"title":2026,"path":2027,"stem":2028},"Roles","/cockpit/organisation-settings/roles","8.Cockpit/4.Organisation-Settings/roles",{"title":2030,"path":2031,"stem":2032,"children":2033},"Data API","/data-api","9.Data-API/0.index",[2034,2035,2055,2065],{"title":2030,"path":2031,"stem":2032},{"title":2036,"path":2037,"stem":2038,"children":2039,"page":55},"Api Info","/data-api/api-info","9.Data-API/1.API-Info",[2040,2044,2048,2051],{"title":2041,"path":2042,"stem":2043},"API Basics","/data-api/api-info/api-basics","9.Data-API/1.API-Info/1.api-basics",{"title":2045,"path":2046,"stem":2047},"Authentication","/data-api/api-info/authentication","9.Data-API/1.API-Info/2.authentication",{"title":483,"path":2049,"stem":2050},"/data-api/api-info/errors","9.Data-API/1.API-Info/3.errors",{"title":2052,"path":2053,"stem":2054},"HTTP details","/data-api/api-info/http-details","9.Data-API/1.API-Info/4.http-details",{"title":2056,"path":2057,"stem":2058,"children":2059},"Management API","/data-api/management-api","9.Data-API/2.Management-API/0.index",[2060,2061],{"title":2056,"path":2057,"stem":2058},{"title":2062,"path":2063,"stem":2064},"Assets","/data-api/management-api/assets","9.Data-API/2.Management-API/1.assets",{"title":2066,"path":2067,"stem":2068,"children":2069},"Delivery API","/data-api/delivery-api","9.Data-API/3.Delivery-API/0.index",[2070],{"title":2066,"path":2067,"stem":2068},{"id":2072,"title":1439,"aliases":2073,"body":2074,"changelogKeys":2073,"description":2816,"extension":2817,"links":2073,"meta":2818,"navigation":2819,"path":1440,"playground":2820,"seo":2824,"sitemap":2827,"stem":1441,"__hash__":2830},"docs/3.laioutr-ui/ui-kit/01.general/countdown.md",null,{"type":2075,"value":2076,"toc":2799},"minimark",[2077,2082,2097,2104,2115,2119,2138,2142,2147,2204,2209,2214,2265,2271,2274,2285,2293,2297,2312,2545,2587,2719,2726,2735,2739,2746,2750,2757,2761,2765,2768,2771,2774,2778,2795],[2078,2079,2081],"h2",{"id":2080},"overview","Overview",[2083,2084,2085,2088,2089,2092,2093,2096],"p",{},[2086,2087,1439],"code",{}," renders the time remaining until an ",[2086,2090,2091],{},"endDate"," as a row of value-and-label pairs, ticking once a second. Pass a ",[2086,2094,2095],{},"Date"," or an ISO string; everything else is optional.",[2083,2098,2099,2100,2103],{},"The units shown adapt to how much time is left. Above 24 hours the row leads with days; below that it drops to hours, minutes, and seconds so the numbers stay meaningful as the deadline approaches. Once the deadline passes, the row is replaced by an expired message and the component emits ",[2086,2101,2102],{},"expired",".",[2083,2105,2106,2107,2110,2111,2114],{},"Unit labels come from ",[2086,2108,2109],{},"Intl",", so they are localized and plural-aware without any translation work. The exact wording is owned by CLDR and is not customizable — ",[2086,2112,2113],{},"unitDisplay"," picks how verbose it is.",[2078,2116,2118],{"id":2117},"key-business-ux-benefits","Key Business & UX Benefits",[2120,2121,2122,2126,2132,2135],"ul",{},[2123,2124,2125],"li",{},"Deadline pressure on flash sales, delivery cut-offs, and campaign endings, using the urgency cue shoppers already understand.",[2123,2127,2128,2129,2131],{},"Unit labels localize themselves through ",[2086,2130,2109],{},", so a new market ships without a translation pass for \"days\" and \"hours\".",[2123,2133,2134],{},"One shared ticker drives every countdown on the page, so a listing full of deals costs one interval rather than one per item.",[2123,2136,2137],{},"Server-rendered and client-rendered output agree, so a countdown above the fold does not flicker or warn on hydration.",[2078,2139,2141],{"id":2140},"usage","Usage",[2143,2144],"component-code",{":name":2145,"story-id":2146},"LCountdown","ui-kit-atoms-countdown--default",[2148,2149,2154],"pre",{"className":2150,"code":2151,"language":2152,"meta":2153,"style":2153},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CLCountdown :end-date=\"offerEndsAt\" @expired=\"refreshOffer\" />\n","vue","",[2086,2155,2156],{"__ignoreMap":2153},[2157,2158,2161,2165,2168,2171,2175,2178,2181,2185,2187,2190,2192,2194,2196,2199,2201],"span",{"class":2159,"line":2160},"line",1,[2157,2162,2164],{"class":2163},"sMK4o","\u003C",[2157,2166,2145],{"class":2167},"swJcz",[2157,2169,2170],{"class":2163}," :",[2157,2172,2174],{"class":2173},"spNyl","end-date",[2157,2176,2177],{"class":2163},"=",[2157,2179,2180],{"class":2163},"\"",[2157,2182,2184],{"class":2183},"sTEyZ","offerEndsAt",[2157,2186,2180],{"class":2163},[2157,2188,2189],{"class":2163}," @",[2157,2191,2102],{"class":2173},[2157,2193,2177],{"class":2163},[2157,2195,2180],{"class":2163},[2157,2197,2198],{"class":2183},"refreshOffer",[2157,2200,2180],{"class":2163},[2157,2202,2203],{"class":2163}," />\n",[2205,2206,2208],"h3",{"id":2207},"label-verbosity","Label verbosity",[2083,2210,2211,2213],{},[2086,2212,2113],{}," controls how the units are spelled out. The exact strings are locale-dependent:",[2215,2216,2217,2230],"table",{},[2218,2219,2220],"thead",{},[2221,2222,2223,2227],"tr",{},[2224,2225,2226],"th",{},"Value",[2224,2228,2229],{},"English output",[2231,2232,2233,2245,2255],"tbody",{},[2221,2234,2235,2242],{},[2236,2237,2238,2241],"td",{},[2086,2239,2240],{},"long"," (default)",[2236,2243,2244],{},"days · hours · minutes · seconds",[2221,2246,2247,2252],{},[2236,2248,2249],{},[2086,2250,2251],{},"short",[2236,2253,2254],{},"days · hr · min · sec",[2221,2256,2257,2262],{},[2236,2258,2259],{},[2086,2260,2261],{},"narrow",[2236,2263,2264],{},"d · h · m · s",[2083,2266,2267,2268,2270],{},"Use ",[2086,2269,2261],{}," where horizontal space is tight, such as inside a product tile.",[2205,2272,1384],{"id":2273},"icon",[2083,2275,2276,2277,2280,2281,2284],{},"A clock icon (",[2086,2278,2279],{},"essentials/clock",") renders ahead of the values. Pass a different ",[2086,2282,2283],{},"iconName"," to swap it, or an empty string to drop it.",[2286,2287,2288,2289,2292],"tip",{},"Pro-Tip from Larry: handle ",[2086,2290,2291],{},"@expired"," rather than leaving a finished countdown on screen. Refetching the offer is usually right — a deal that has ended should stop advertising itself.",[2078,2294,2296],{"id":2295},"usecountdown","useCountdown",[2083,2298,2299,2301,2302,2304,2305,2311],{},[2086,2300,2296],{}," is the composable behind both ",[2086,2303,1439],{}," and ",[2306,2307,2308],"a",{"href":1444},[2086,2309,2310],{},"CountdownBoxed",". Call it directly to drive your own countdown UI. It is auto-imported.",[2148,2313,2317],{"className":2314,"code":2315,"language":2316,"meta":2153,"style":2153},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useCountdown(options: {\n  endDate: MaybeRefOrGetter\u003CDate | string>;\n  now?: MaybeRefOrGetter\u003CDate | string | undefined>;\n  onExpired?: () => void;\n}): {\n  remainingMs: ComputedRef\u003Cnumber>;\n  isExpired: ComputedRef\u003Cboolean>;\n  totalSeconds: ComputedRef\u003Cnumber>;\n  showDays: ComputedRef\u003Cboolean>;\n  timeParts: ComputedRef\u003C{ days: number; hours: number; minutes: number; seconds: number }>;\n}\n","ts",[2086,2318,2319,2341,2366,2392,2412,2420,2438,2455,2471,2487,2539],{"__ignoreMap":2153},[2157,2320,2321,2324,2328,2331,2335,2338],{"class":2159,"line":2160},[2157,2322,2323],{"class":2173},"function",[2157,2325,2327],{"class":2326},"s2Zo4"," useCountdown",[2157,2329,2330],{"class":2163},"(",[2157,2332,2334],{"class":2333},"sHdIc","options",[2157,2336,2337],{"class":2163},":",[2157,2339,2340],{"class":2163}," {\n",[2157,2342,2344,2347,2349,2353,2355,2357,2360,2363],{"class":2159,"line":2343},2,[2157,2345,2346],{"class":2167},"  endDate",[2157,2348,2337],{"class":2163},[2157,2350,2352],{"class":2351},"sBMFI"," MaybeRefOrGetter",[2157,2354,2164],{"class":2163},[2157,2356,2095],{"class":2351},[2157,2358,2359],{"class":2163}," |",[2157,2361,2362],{"class":2351}," string",[2157,2364,2365],{"class":2163},">;\n",[2157,2367,2369,2372,2375,2377,2379,2381,2383,2385,2387,2390],{"class":2159,"line":2368},3,[2157,2370,2371],{"class":2167},"  now",[2157,2373,2374],{"class":2163},"?:",[2157,2376,2352],{"class":2351},[2157,2378,2164],{"class":2163},[2157,2380,2095],{"class":2351},[2157,2382,2359],{"class":2163},[2157,2384,2362],{"class":2351},[2157,2386,2359],{"class":2163},[2157,2388,2389],{"class":2351}," undefined",[2157,2391,2365],{"class":2163},[2157,2393,2395,2398,2400,2403,2406,2409],{"class":2159,"line":2394},4,[2157,2396,2397],{"class":2167},"  onExpired",[2157,2399,2374],{"class":2163},[2157,2401,2402],{"class":2163}," ()",[2157,2404,2405],{"class":2173}," =>",[2157,2407,2408],{"class":2351}," void",[2157,2410,2411],{"class":2163},";\n",[2157,2413,2415,2418],{"class":2159,"line":2414},5,[2157,2416,2417],{"class":2163},"}):",[2157,2419,2340],{"class":2163},[2157,2421,2423,2426,2428,2431,2433,2436],{"class":2159,"line":2422},6,[2157,2424,2425],{"class":2167},"  remainingMs",[2157,2427,2337],{"class":2163},[2157,2429,2430],{"class":2351}," ComputedRef",[2157,2432,2164],{"class":2163},[2157,2434,2435],{"class":2351},"number",[2157,2437,2365],{"class":2163},[2157,2439,2441,2444,2446,2448,2450,2453],{"class":2159,"line":2440},7,[2157,2442,2443],{"class":2167},"  isExpired",[2157,2445,2337],{"class":2163},[2157,2447,2430],{"class":2351},[2157,2449,2164],{"class":2163},[2157,2451,2452],{"class":2351},"boolean",[2157,2454,2365],{"class":2163},[2157,2456,2458,2461,2463,2465,2467,2469],{"class":2159,"line":2457},8,[2157,2459,2460],{"class":2167},"  totalSeconds",[2157,2462,2337],{"class":2163},[2157,2464,2430],{"class":2351},[2157,2466,2164],{"class":2163},[2157,2468,2435],{"class":2351},[2157,2470,2365],{"class":2163},[2157,2472,2474,2477,2479,2481,2483,2485],{"class":2159,"line":2473},9,[2157,2475,2476],{"class":2167},"  showDays",[2157,2478,2337],{"class":2163},[2157,2480,2430],{"class":2351},[2157,2482,2164],{"class":2163},[2157,2484,2452],{"class":2351},[2157,2486,2365],{"class":2163},[2157,2488,2490,2493,2495,2497,2500,2503,2505,2508,2511,2514,2516,2518,2520,2523,2525,2527,2529,2532,2534,2536],{"class":2159,"line":2489},10,[2157,2491,2492],{"class":2167},"  timeParts",[2157,2494,2337],{"class":2163},[2157,2496,2430],{"class":2351},[2157,2498,2499],{"class":2163},"\u003C{",[2157,2501,2502],{"class":2167}," days",[2157,2504,2337],{"class":2163},[2157,2506,2507],{"class":2351}," number",[2157,2509,2510],{"class":2163},";",[2157,2512,2513],{"class":2167}," hours",[2157,2515,2337],{"class":2163},[2157,2517,2507],{"class":2351},[2157,2519,2510],{"class":2163},[2157,2521,2522],{"class":2167}," minutes",[2157,2524,2337],{"class":2163},[2157,2526,2507],{"class":2351},[2157,2528,2510],{"class":2163},[2157,2530,2531],{"class":2167}," seconds",[2157,2533,2337],{"class":2163},[2157,2535,2507],{"class":2351},[2157,2537,2538],{"class":2163}," }>;\n",[2157,2540,2542],{"class":2159,"line":2541},11,[2157,2543,2544],{"class":2163},"}\n",[2120,2546,2547,2555,2563],{},[2123,2548,2549,2554],{},[2550,2551,2552],"strong",{},[2086,2553,2091],{}," — the instant to count toward. There is no start date.",[2123,2556,2557,2562],{},[2550,2558,2559],{},[2086,2560,2561],{},"onExpired"," — fires at most once, and only on the client. It covers both the tick that crosses zero and the case where the deadline had already passed at mount.",[2123,2564,2565,2570,2571,2574,2575,2578,2579,2582,2583,2586],{},[2550,2566,2567],{},[2086,2568,2569],{},"showDays"," — ",[2086,2572,2573],{},"true"," when more than 24 hours remain. When it is ",[2086,2576,2577],{},"false",", ",[2086,2580,2581],{},"timeParts.days"," is ",[2086,2584,2585],{},"0"," and the hours roll up, so an hours-only display needs no arithmetic of its own.",[2148,2588,2590],{"className":2150,"code":2589,"language":2152,"meta":2153,"style":2153},"\u003Cscript setup lang=\"ts\">\n// useCountdown is auto-imported\nconst { timeParts, isExpired } = useCountdown({\n  endDate: () => props.endsAt,\n  onExpired: () => emit('ended'),\n});\n\u003C/script>\n",[2086,2591,2592,2617,2623,2653,2674,2702,2710],{"__ignoreMap":2153},[2157,2593,2594,2596,2599,2602,2605,2607,2609,2612,2614],{"class":2159,"line":2160},[2157,2595,2164],{"class":2163},[2157,2597,2598],{"class":2167},"script",[2157,2600,2601],{"class":2173}," setup",[2157,2603,2604],{"class":2173}," lang",[2157,2606,2177],{"class":2163},[2157,2608,2180],{"class":2163},[2157,2610,2316],{"class":2611},"sfazB",[2157,2613,2180],{"class":2163},[2157,2615,2616],{"class":2163},">\n",[2157,2618,2619],{"class":2159,"line":2343},[2157,2620,2622],{"class":2621},"sHwdD","// useCountdown is auto-imported\n",[2157,2624,2625,2628,2631,2634,2637,2640,2643,2646,2648,2650],{"class":2159,"line":2368},[2157,2626,2627],{"class":2173},"const",[2157,2629,2630],{"class":2163}," {",[2157,2632,2633],{"class":2183}," timeParts",[2157,2635,2636],{"class":2163},",",[2157,2638,2639],{"class":2183}," isExpired ",[2157,2641,2642],{"class":2163},"}",[2157,2644,2645],{"class":2163}," =",[2157,2647,2327],{"class":2326},[2157,2649,2330],{"class":2183},[2157,2651,2652],{"class":2163},"{\n",[2157,2654,2655,2657,2659,2661,2663,2666,2668,2671],{"class":2159,"line":2394},[2157,2656,2346],{"class":2326},[2157,2658,2337],{"class":2163},[2157,2660,2402],{"class":2163},[2157,2662,2405],{"class":2173},[2157,2664,2665],{"class":2183}," props",[2157,2667,2103],{"class":2163},[2157,2669,2670],{"class":2183},"endsAt",[2157,2672,2673],{"class":2163},",\n",[2157,2675,2676,2678,2680,2682,2684,2687,2689,2692,2695,2697,2700],{"class":2159,"line":2414},[2157,2677,2397],{"class":2326},[2157,2679,2337],{"class":2163},[2157,2681,2402],{"class":2163},[2157,2683,2405],{"class":2173},[2157,2685,2686],{"class":2326}," emit",[2157,2688,2330],{"class":2183},[2157,2690,2691],{"class":2163},"'",[2157,2693,2694],{"class":2611},"ended",[2157,2696,2691],{"class":2163},[2157,2698,2699],{"class":2183},")",[2157,2701,2673],{"class":2163},[2157,2703,2704,2706,2708],{"class":2159,"line":2422},[2157,2705,2642],{"class":2163},[2157,2707,2699],{"class":2183},[2157,2709,2411],{"class":2163},[2157,2711,2712,2715,2717],{"class":2159,"line":2440},[2157,2713,2714],{"class":2163},"\u003C/",[2157,2716,2598],{"class":2167},[2157,2718,2616],{"class":2163},[2083,2720,2721,2722,2725],{},"The composable owns its clock through the shared ",[2086,2723,2724],{},"useNow(1000)"," ticker, so every countdown on a page shares one interval. That clock is SSR-stable: the first client frame matches the server's, so no hydration anchor is needed.",[2083,2727,2728,2729,2731,2732,2103],{},"A malformed ",[2086,2730,2091],{}," is treated as already expired rather than rendering ",[2086,2733,2734],{},"NaN",[2205,2736,2738],{"id":2737},"computecountdown","computeCountdown",[2083,2740,2741,2742,2745],{},"For pure arithmetic with no clock and no lifecycle — unit tests, or deriving parts from a timestamp you already hold — ",[2086,2743,2744],{},"computeCountdown(endDate, now)"," returns the same shape as a plain function.",[2078,2747,2749],{"id":2748},"freezing-the-clock","Freezing the clock",[2083,2751,2752,2753,2756],{},"Both components and the composable accept a ",[2086,2754,2755],{},"now"," prop, which pins the clock to a fixed instant so the display never ticks. It exists for tests and Storybook snapshots. Leave it unset in production, where the live clock is what you want.",[2078,2758,2760],{"id":2759},"feature-list","Feature List",[2762,2763],"features",{":items":2764},"[\"Counts down to an `endDate` (Date or ISO string) with a one-second tick\",\"Drops the days unit automatically once under 24 hours remain\",\"Localized, plural-aware unit labels from Intl — no translation work per market\",\"`unitDisplay` selects long, short, or narrow labels for tight layouts\",\"Emits `expired` once, client-side, and swaps the values for an expired message\",\"`role=\\\"timer\\\"` with `aria-live=\\\"polite\\\"` so assistive technology announces updates\",\"One shared ticker across all countdowns on the page; SSR-stable with no hydration mismatch\"]",[2078,2766,310],{"id":2767},"api-reference",[2205,2769,1439],{"id":2770},"countdown",[2772,2773],"component-meta",{":name":1439},[2078,2775,2777],{"id":2776},"related","Related",[2120,2779,2780,2785,2790],{},[2123,2781,2782,2784],{},[2306,2783,1443],{"href":1444},": the same clock rendered as painted digit tiles, for promotional surfaces.",[2123,2786,2787,2789],{},[2306,2788,1016],{"href":1017},": campaign banner that renders this component when a countdown end date is set.",[2123,2791,2792,2794],{},[2306,2793,1012],{"href":1013},": promotional popup that can show a countdown in place of a coupon.",[2796,2797,2798],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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":2153,"searchDepth":2343,"depth":2343,"links":2800},[2801,2802,2803,2807,2810,2811,2812,2815],{"id":2080,"depth":2343,"text":2081},{"id":2117,"depth":2343,"text":2118},{"id":2140,"depth":2343,"text":2141,"children":2804},[2805,2806],{"id":2207,"depth":2368,"text":2208},{"id":2273,"depth":2368,"text":1384},{"id":2295,"depth":2343,"text":2296,"children":2808},[2809],{"id":2737,"depth":2368,"text":2738},{"id":2748,"depth":2343,"text":2749},{"id":2759,"depth":2343,"text":2760},{"id":2767,"depth":2343,"text":310,"children":2813},[2814],{"id":2770,"depth":2368,"text":1439},{"id":2776,"depth":2343,"text":2777},"Live countdown to a deadline, rendering days, hours, minutes, and seconds with localized unit labels, powered by the useCountdown composable.","md",{},true,{"name":1439,"base":2821,"defaultStory":2822,"height":2823},"ui-kit-atoms-countdown","default","200px",{"title":2825,"description":2826},"Countdown | Laioutr","Live countdown to a deadline with localized unit labels, powered by the useCountdown composable.",{"loc":1440,"lastmod":2828,"changefreq":2829,"priority":2160},"2026-07-22","monthly","0By58Hzu-WnxgQrqNUQ06qf2qp-EqXveoPh7GrX0zac",[2832,2834],{"title":1435,"path":1436,"stem":1437,"description":2833,"children":-1},"Compact numeric pill for cart counts, notification badges, and inline counters.",{"title":1443,"path":1444,"stem":1445,"description":2835,"children":-1},"Promotional countdown rendering days, hours, and minutes as painted digit tiles, in four colour styles.",{"data":2837,"body":2838},{},{"type":2839,"children":2840},"root",[2841],{"type":2842,"tag":2083,"props":2843,"children":2844},"element",{},[2845],{"type":2846,"value":2847},"text","Freeze the clock at a fixed instant — for tests / Storybook only. Production ticks live.",{"data":2849,"body":2850},{},{"type":2839,"children":2851},[2852,2864,2900,2905,2931],{"type":2842,"tag":2083,"props":2853,"children":2854},{},[2855,2857,2862],{"type":2846,"value":2856},"Verbosity of the unit labels (Intl ",{"type":2842,"tag":2086,"props":2858,"children":2860},{"className":2859},[],[2861],{"type":2846,"value":2113},{"type":2846,"value":2863},"):",{"type":2842,"tag":2120,"props":2865,"children":2866},{},[2867,2878,2889],{"type":2842,"tag":2123,"props":2868,"children":2869},{},[2870,2876],{"type":2842,"tag":2086,"props":2871,"children":2873},{"className":2872},[],[2874],{"type":2846,"value":2875},"'long'",{"type":2846,"value":2877}," — full words: days · hours · minutes · seconds",{"type":2842,"tag":2123,"props":2879,"children":2880},{},[2881,2887],{"type":2842,"tag":2086,"props":2882,"children":2884},{"className":2883},[],[2885],{"type":2846,"value":2886},"'short'",{"type":2846,"value":2888}," — abbreviations: days · hr · min · sec (English has no short form for \"day\", so it stays \"days\")",{"type":2842,"tag":2123,"props":2890,"children":2891},{},[2892,2898],{"type":2842,"tag":2086,"props":2893,"children":2895},{"className":2894},[],[2896],{"type":2846,"value":2897},"'narrow'",{"type":2846,"value":2899}," — single letters: d · h · m · s",{"type":2842,"tag":2083,"props":2901,"children":2902},{},[2903],{"type":2846,"value":2904},"Exact strings are locale-dependent (CLDR-owned), not customizable.",{"type":2842,"tag":2083,"props":2906,"children":2907},{},[2908,2910,2915,2917,2922,2924,2929],{"type":2846,"value":2909},"RTL i18n caveat (latent — only en/de ship today): this component renders the digit and\nthe unit word as separate elements, which assumes the label is count-independent. That\nholds for ",{"type":2842,"tag":2086,"props":2911,"children":2913},{"className":2912},[],[2914],{"type":2846,"value":2897},{"type":2846,"value":2916}," in every locale, but NOT for ",{"type":2842,"tag":2086,"props":2918,"children":2920},{"className":2919},[],[2921],{"type":2846,"value":2875},{"type":2846,"value":2923},"/",{"type":2842,"tag":2086,"props":2925,"children":2927},{"className":2926},[],[2928],{"type":2846,"value":2886},{"type":2846,"value":2930}," in Arabic (n=1, n=2)\nand Hebrew (n=2): CLDR folds the count into the word and emits no numeral (e.g. ar n=2 day\n→ \"يومان\" = \"two days\"), so the separate digit double-counts (\"2 يومان\").",{"type":2842,"tag":2083,"props":2932,"children":2933},{},[2934,2936,2942,2944,2949,2951,2956],{"type":2846,"value":2935},"Prescribed fix when RTL is on the roadmap (deferred, NOT yet implemented): probe per locale\nwhether the configured style stays numeral-bearing at counts 1 and 2 —\n",{"type":2842,"tag":2086,"props":2937,"children":2939},{"className":2938},[],[2940],{"type":2846,"value":2941},"new Intl.NumberFormat(locale, { style: 'unit', unit: 'day', unitDisplay }).formatToParts(n).some(p => p.type === 'integer')",{"type":2846,"value":2943},"\n— and if not, fall back to ",{"type":2842,"tag":2086,"props":2945,"children":2947},{"className":2946},[],[2948],{"type":2846,"value":2897},{"type":2846,"value":2950},", which is always numeral-safe. en/de keep their\nconfigured style; ar/he auto-downgrade to ",{"type":2842,"tag":2086,"props":2952,"children":2954},{"className":2953},[],[2955],{"type":2846,"value":2897},{"type":2846,"value":2103},1784732138328]