3a:[["$","main",null,{"id":"main-content","tabIndex":-1,"className":"min-w-0 flex-1","children":[["$","script",null,{"nonce":"9kLmgRKTJtX/PdDsbUawcA==","dangerouslySetInnerHTML":{"__html":"try{(function(a){let b=document.querySelector(\"[data-docs-collection]\"),c=b?.getAttribute(\"data-docs-collection\")??\"\",d=document.querySelector(\"[data-docs-collection-name]\")?.getAttribute(\"data-docs-collection-name\")??\"\",e=window.location.pathname,f=a=>{if(\"/\"===a)return!0;let b=a.endsWith(\"/\")?a.slice(0,-1):a;return e===b||e.startsWith(`${b}/`)};return document.querySelectorAll(\"[data-fx-header] [data-match-collection],[data-fx-header] [data-match-path]\").forEach(a=>{let b=(a.getAttribute(\"data-match-collection\")??\"\").split(\" \").filter(Boolean),d=(a.getAttribute(\"data-match-path\")??\"\").split(\" \").filter(Boolean),e=\"\"!==c&&b.includes(c)||d.some(f);e!==a.hasAttribute(\"aria-current\")&&(e?a.setAttribute(\"aria-current\",\"page\"):a.removeAttribute(\"aria-current\"))}),a&&document.querySelectorAll(\"[data-fx-header-crumb]\").forEach(a=>{a.textContent!==d&&(a.textContent=d)}),null!==b})(false)}catch(e){}"}}],"$L41",null,"$L42",["$","article",null,{"className":"max-w-[var(--docs-article-w)]","style":{"--docs-article-w":"45rem"},"data-fx-article":"","data-page-id":"dd730e27-a93b-44ea-8c4e-746477d163eb","data-draft":"$undefined","data-docs-title-align":"$undefined","children":["$L43","$L44",null,["$","div",null,{"id":"forumulate-article","className":"forumulate-prose","lang":"$undefined","data-reader-measure":"","dir":"$undefined","data-docs-after-lede":"$undefined","dangerouslySetInnerHTML":{"__html":"

Layouts are components that wrap shared UI — a header, a footer, the page frame — around page content.

src/layouts/Base.hal

---\nconst { title } = Halite.props;\n---\n<html lang="en">\n  <head><title>{title}</title></head>\n  <body><slot /></body>\n</html>

"}}],["$","div",null,{"data-chrome":"byline","data-placement":"footer","className":"muted mt-8 mb-0 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs","children":[false,["$","span",null,{"children":["Updated"," ",["$","time",null,{"dateTime":"2026-10-12T11:07:46.872Z","children":"Oct 12, 2026"}]]}]]}],"$L45"]}],"$L46"]}],"$L47"]