29:["$","div",null,{"children":[["$","div","0",{"className":"mb-8","children":["$undefined",["$","p",null,{"className":"text-text-dim leading-relaxed mb-4","children":[["$","$1","g0-0",{"children":"Here are the six UI patterns you will build in almost every project, with the exact Tailwind classes for each."}]]}],"$undefined",["$","div",null,{"className":"mb-4","children":[["$","p",null,{"className":"data-label mb-1.5","children":"Button variants"}],["$","div",null,{"className":"rounded border border-border bg-bg overflow-x-auto","children":["$","pre",null,{"className":"px-4 py-3 text-xs font-mono text-text-dim leading-relaxed whitespace-pre","children":"\n\n\n\n\n\n\n"}]}]]}],"$undefined","$undefined","$undefined"]}],["$","div","1",{"className":"mb-8","children":[["$","h2",null,{"id":"card","className":"font-display font-bold text-xl text-text mb-3 scroll-mt-20","children":"Card"}],"$undefined","$undefined",["$","div",null,{"className":"mb-4","children":[["$","p",null,{"className":"data-label mb-1.5","children":"Standard card pattern"}],["$","div",null,{"className":"rounded border border-border bg-bg overflow-x-auto","children":["$","pre",null,{"className":"px-4 py-3 text-xs font-mono text-text-dim leading-relaxed whitespace-pre","children":"

Card title

Subtitle or metadata

\n Active\n

Card body content...

"}]}]]}],"$undefined","$undefined","$undefined"]}],["$","div","2",{"className":"mb-8","children":[["$","h2",null,{"id":"navigation-bar","className":"font-display font-bold text-xl text-text mb-3 scroll-mt-20","children":"Navigation bar"}],"$undefined","$undefined",["$","div",null,{"className":"mb-4","children":[["$","p",null,{"className":"data-label mb-1.5","children":"Responsive nav"}],["$","div",null,{"className":"rounded border border-border bg-bg overflow-x-auto","children":["$","pre",null,{"className":"px-4 py-3 text-xs font-mono text-text-dim leading-relaxed whitespace-pre","children":""}]}]]}],"$undefined","$undefined","$undefined"]}],["$","div","3",{"className":"mb-8","children":["$undefined","$undefined","$undefined","$undefined","$undefined","$undefined","$undefined"]}]]}]

Building Real UI Components