[{"data":1,"prerenderedAt":6826},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-utilities-typography":682,"-docs-theme-utilities-typography-surround":6823},{"gettingStarted":4,"api":71,"theme":162},[5,36,51],{"title":6,"icon":7,"path":8,"stem":9,"children":10,"page":7},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002Fgetting-started",[11,16,21,26,31],{"title":12,"path":13,"stem":14,"icon":15},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002Fgetting-started\u002F01.introduction","i-lucide-house",{"title":17,"path":18,"stem":19,"icon":20},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002Fgetting-started\u002F02.installation","i-lucide-download",{"title":22,"path":23,"stem":24,"icon":25},"Guides","\u002Fdocs\u002Fgetting-started\u002Fguides","docs\u002Fgetting-started\u002F03.guides","i-lucide-book-open",{"title":27,"path":28,"stem":29,"icon":30},"Comparisons","\u002Fdocs\u002Fgetting-started\u002Fcomparisons","docs\u002Fgetting-started\u002F06.comparisons","i-lucide-file-diff",{"title":32,"path":33,"stem":34,"icon":35},"Licensing","\u002Fdocs\u002Fgetting-started\u002Flicensing","docs\u002Fgetting-started\u002F07.licensing","i-lucide-scale",{"title":37,"icon":7,"path":38,"stem":39,"children":40,"page":7},"Tooling","\u002Fdocs\u002Fgetting-started\u002Ftooling","docs\u002Fgetting-started\u002Ftooling",[41,46],{"title":42,"path":43,"stem":44,"icon":45},"CLI Reference","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fcli","docs\u002Fgetting-started\u002Ftooling\u002F01.cli","i-lucide-square-terminal",{"title":47,"path":48,"stem":49,"icon":50},"Utility Scanner","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fscanner","docs\u002Fgetting-started\u002Ftooling\u002F02.scanner","i-lucide-view",{"title":52,"icon":7,"path":53,"stem":54,"children":55,"page":7},"Integrations","\u002Fdocs\u002Fgetting-started\u002Fintegrations","docs\u002Fgetting-started\u002Fintegrations",[56,61,66],{"title":57,"path":58,"stem":59,"icon":60},"DTCG","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fdtcg","docs\u002Fgetting-started\u002Fintegrations\u002F01.dtcg","i-lucide-square-code",{"title":62,"path":63,"stem":64,"icon":65},"Figma Plugin","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ffigma-plugin","docs\u002Fgetting-started\u002Fintegrations\u002F02.figma-plugin","i-simple-icons-figma",{"title":67,"path":68,"stem":69,"icon":70},"Storybook","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fstorybook","docs\u002Fgetting-started\u002Fintegrations\u002F03.storybook","i-simple-icons-storybook",[72],{"title":73,"path":74,"stem":75,"children":76,"icon":7},"API Reference","\u002Fdocs\u002Fapi","docs\u002Fapi\u002F00.index",[77,80,85,90,95,100,105,110,115,120,125,130,145,150,155,160],{"title":78,"path":74,"stem":75,"icon":79},"Overview","i-lucide-book-text",{"title":81,"path":82,"stem":83,"icon":84},"Instance","\u002Fdocs\u002Fapi\u002Finstance","docs\u002Fapi\u002F01.instance","i-lucide-cloud-lightning",{"title":86,"path":87,"stem":88,"icon":89},"Variables","\u002Fdocs\u002Fapi\u002Fvariables","docs\u002Fapi\u002F02.variables","i-lucide-variable",{"title":91,"path":92,"stem":93,"icon":94},"Selectors","\u002Fdocs\u002Fapi\u002Fselectors","docs\u002Fapi\u002F03.selectors","i-lucide-scan-text",{"title":96,"path":97,"stem":98,"icon":99},"At-Rules","\u002Fdocs\u002Fapi\u002Fat-rules","docs\u002Fapi\u002F04.at-rules","i-lucide-at-sign",{"title":101,"path":102,"stem":103,"icon":104},"Media Queries","\u002Fdocs\u002Fapi\u002Fmedia-queries","docs\u002Fapi\u002F05.media-queries","i-lucide-image-upscale",{"title":106,"path":107,"stem":108,"icon":109},"Keyframes","\u002Fdocs\u002Fapi\u002Fkeyframes","docs\u002Fapi\u002F06.keyframes","i-lucide-square-play",{"title":111,"path":112,"stem":113,"icon":114},"Interpolation","\u002Fdocs\u002Fapi\u002Finterpolation","docs\u002Fapi\u002F07.interpolation","i-lucide-wrap-text",{"title":116,"path":117,"stem":118,"icon":119},"Utilities","\u002Fdocs\u002Fapi\u002Futilities","docs\u002Fapi\u002F08.utilities","i-lucide-sparkles",{"title":121,"path":122,"stem":123,"icon":124},"Utility Modifiers","\u002Fdocs\u002Fapi\u002Futility-modifiers","docs\u002Fapi\u002F09.utility-modifiers","i-lucide-align-horizontal-justify-center",{"title":126,"path":127,"stem":128,"icon":129},"Themes","\u002Fdocs\u002Fapi\u002Fthemes","docs\u002Fapi\u002F10.themes","i-lucide-paintbrush",{"title":131,"path":132,"stem":133,"children":134,"icon":144},"Recipes","\u002Fdocs\u002Fapi\u002Frecipes","docs\u002Fapi\u002F11.recipes\u002F00.index",[135,136,140],{"title":78,"path":132,"stem":133},{"title":137,"path":138,"stem":139},"Runtime","\u002Fdocs\u002Fapi\u002Frecipes\u002Fruntime","docs\u002Fapi\u002F11.recipes\u002F01.runtime",{"title":141,"path":142,"stem":143},"Output Format","\u002Fdocs\u002Fapi\u002Frecipes\u002Foutput-format","docs\u002Fapi\u002F11.recipes\u002F02.output-format","i-lucide-chef-hat",{"title":146,"path":147,"stem":148,"icon":149},"Composables","\u002Fdocs\u002Fapi\u002Fcomposables","docs\u002Fapi\u002F12.composables","i-lucide-component",{"title":151,"path":152,"stem":153,"icon":154},"Imports","\u002Fdocs\u002Fapi\u002Fimports","docs\u002Fapi\u002F13.imports","i-lucide-file-input",{"title":156,"path":157,"stem":158,"icon":159},"Merging","\u002Fdocs\u002Fapi\u002Fmerging","docs\u002Fapi\u002F13.merging","i-lucide-squares-intersect",{"title":151,"path":152,"stem":161,"icon":154},"docs\u002Fapi\u002F14.imports",[163,243,357,558,635],{"title":164,"path":165,"stem":166,"children":167,"icon":7},"Design Tokens","\u002Fdocs\u002Ftheme\u002Fdesign-tokens","docs\u002Ftheme\u002Fdesign-tokens\u002F00.index",[168,169,174,179,184,189,194,199,204,209,224,228,233,238],{"title":78,"path":165,"stem":166,"icon":79},{"title":170,"path":171,"stem":172,"icon":173},"Preset","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fpreset","docs\u002Ftheme\u002Fdesign-tokens\u002F01.preset","i-lucide-package",{"title":175,"path":176,"stem":177,"icon":178},"Border Radiuses","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborder-radiuses","docs\u002Ftheme\u002Fdesign-tokens\u002F02.border-radiuses","i-lucide-square-round-corner",{"title":180,"path":181,"stem":182,"icon":183},"Borders","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborders","docs\u002Ftheme\u002Fdesign-tokens\u002F03.borders","i-lucide-square-dashed-top-solid",{"title":185,"path":186,"stem":187,"icon":188},"Box Shadows","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbox-shadows","docs\u002Ftheme\u002Fdesign-tokens\u002F04.box-shadows","i-lucide-layers-2",{"title":190,"path":191,"stem":192,"icon":193},"Breakpoints","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbreakpoints","docs\u002Ftheme\u002Fdesign-tokens\u002F05.breakpoints","i-lucide-monitor-smartphone",{"title":195,"path":196,"stem":197,"icon":198},"Colors","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fcolors","docs\u002Ftheme\u002Fdesign-tokens\u002F06.colors","i-lucide-palette",{"title":200,"path":201,"stem":202,"icon":203},"Duration","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fduration","docs\u002Ftheme\u002Fdesign-tokens\u002F07.duration","i-lucide-timer",{"title":205,"path":206,"stem":207,"icon":208},"Easing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Feasing","docs\u002Ftheme\u002Fdesign-tokens\u002F08.easing","i-lucide-spline",{"title":210,"path":211,"stem":212,"children":213,"icon":104,"defaultOpen":223},"Fluid Design","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F01.index",[214,215,219],{"title":78,"path":211,"stem":212},{"title":216,"path":217,"stem":218},"Fluid Viewport","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Fviewport","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F02.viewport",{"title":220,"path":221,"stem":222},"Fluid Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F03.typography",true,{"title":225,"path":226,"stem":227,"icon":35},"Scales","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fscales","docs\u002Ftheme\u002Fdesign-tokens\u002F10.scales",{"title":229,"path":230,"stem":231,"icon":232},"Spacing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fspacing","docs\u002Ftheme\u002Fdesign-tokens\u002F11.spacing","i-lucide-move-horizontal",{"title":234,"path":235,"stem":236,"icon":237},"Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F12.typography","i-lucide-type",{"title":239,"path":240,"stem":241,"icon":242},"Z-Index","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fz-index","docs\u002Ftheme\u002Fdesign-tokens\u002F13.z-index","i-lucide-layers",{"title":244,"path":245,"stem":246,"children":247,"icon":7},"Elements","\u002Fdocs\u002Ftheme\u002Felements","docs\u002Ftheme\u002Felements\u002F00.index",[248,249,252,259,281,301,313,329,341],{"title":78,"path":245,"stem":246,"icon":79},{"title":170,"path":250,"stem":251,"icon":173},"\u002Fdocs\u002Ftheme\u002Felements\u002Fpreset","docs\u002Ftheme\u002Felements\u002F01.preset",{"title":253,"icon":242,"defaultOpen":223,"page":7,"children":254},"Base",[255],{"title":256,"path":257,"stem":258,"icon":7},"Body","\u002Fdocs\u002Ftheme\u002Felements\u002Fbody","docs\u002Ftheme\u002Felements\u002F02.base\u002F00.body",{"title":234,"icon":237,"defaultOpen":223,"page":7,"children":260},[261,265,269,273,277],{"title":262,"path":263,"stem":264,"icon":7},"Headings","\u002Fdocs\u002Ftheme\u002Felements\u002Fheadings","docs\u002Ftheme\u002Felements\u002F03.typography\u002F01.headings",{"title":266,"path":267,"stem":268,"icon":7},"Paragraphs","\u002Fdocs\u002Ftheme\u002Felements\u002Fparagraphs","docs\u002Ftheme\u002Felements\u002F03.typography\u002F02.paragraphs",{"title":270,"path":271,"stem":272,"icon":7},"Links","\u002Fdocs\u002Ftheme\u002Felements\u002Flinks","docs\u002Ftheme\u002Felements\u002F03.typography\u002F03.links",{"title":274,"path":275,"stem":276,"icon":7},"Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Flists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F04.lists",{"title":278,"path":279,"stem":280,"icon":7},"Definition Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Fdefinition-lists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F05.definition-lists",{"title":282,"icon":283,"defaultOpen":223,"page":7,"children":284},"Inline Text","i-lucide-whole-word",[285,289,293,297],{"title":286,"path":287,"stem":288,"icon":7},"Abbreviation","\u002Fdocs\u002Ftheme\u002Felements\u002Fabbreviation","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F00.abbreviation",{"title":290,"path":291,"stem":292,"icon":7},"Code","\u002Fdocs\u002Ftheme\u002Felements\u002Fcode","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F01.code",{"title":294,"path":295,"stem":296,"icon":7},"Kbd","\u002Fdocs\u002Ftheme\u002Felements\u002Fkbd","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F02.kbd",{"title":298,"path":299,"stem":300,"icon":7},"Mark","\u002Fdocs\u002Ftheme\u002Felements\u002Fmark","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F03.mark",{"title":302,"icon":303,"defaultOpen":223,"page":7,"children":304},"Media & Embeds","i-lucide-image",[305,309],{"title":306,"path":307,"stem":308,"icon":7},"Image","\u002Fdocs\u002Ftheme\u002Felements\u002Fimage","docs\u002Ftheme\u002Felements\u002F05.media\u002F00.image",{"title":310,"path":311,"stem":312,"icon":7},"Iframe","\u002Fdocs\u002Ftheme\u002Felements\u002Fiframe","docs\u002Ftheme\u002Felements\u002F05.media\u002F01.iframe",{"title":314,"icon":315,"defaultOpen":223,"page":7,"children":316},"Forms & Tables","i-lucide-table",[317,321,325],{"title":318,"path":319,"stem":320,"icon":7},"Caption","\u002Fdocs\u002Ftheme\u002Felements\u002Fcaption","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F00.caption",{"title":322,"path":323,"stem":324,"icon":7},"Legend","\u002Fdocs\u002Ftheme\u002Felements\u002Flegend","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F01.legend",{"title":326,"path":327,"stem":328,"icon":7},"Output","\u002Fdocs\u002Ftheme\u002Felements\u002Foutput","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F02.output",{"title":330,"icon":331,"defaultOpen":223,"page":7,"children":332},"Structure","i-lucide-separator-horizontal",[333,337],{"title":334,"path":335,"stem":336,"icon":7},"Address","\u002Fdocs\u002Ftheme\u002Felements\u002Faddress","docs\u002Ftheme\u002Felements\u002F07.structure\u002F00.address",{"title":338,"path":339,"stem":340,"icon":7},"Horizontal Rule","\u002Fdocs\u002Ftheme\u002Felements\u002Fhorizontal-rule","docs\u002Ftheme\u002Felements\u002F07.structure\u002F01.horizontal-rule",{"title":342,"icon":343,"defaultOpen":223,"page":7,"children":344},"States","i-lucide-mouse-pointer-click",[345,349,353],{"title":346,"path":347,"stem":348,"icon":7},"Focus","\u002Fdocs\u002Ftheme\u002Felements\u002Ffocus","docs\u002Ftheme\u002Felements\u002F08.states\u002F00.focus",{"title":350,"path":351,"stem":352,"icon":7},"Selection","\u002Fdocs\u002Ftheme\u002Felements\u002Fselection","docs\u002Ftheme\u002Felements\u002F08.states\u002F01.selection",{"title":354,"path":355,"stem":356,"icon":7},"Summary","\u002Fdocs\u002Ftheme\u002Felements\u002Fsummary","docs\u002Ftheme\u002Felements\u002F08.states\u002F02.summary",{"title":358,"path":359,"stem":360,"children":361,"icon":7},"Components","\u002Fdocs\u002Ftheme\u002Fcomponents","docs\u002Ftheme\u002Fcomponents\u002F00.index",[362,363,375,399,427,491,518,550],{"title":78,"path":359,"stem":360,"icon":79},{"title":364,"icon":365,"defaultOpen":223,"page":7,"children":366},"Actions","i-lucide-square-mouse-pointer",[367,371],{"title":368,"path":369,"stem":370,"icon":7},"Button","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbutton","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F00.button",{"title":372,"path":373,"stem":374,"icon":7},"Hamburger Menu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fhamburger-menu","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F01.hamburger-menu",{"title":376,"icon":377,"defaultOpen":223,"page":7,"children":378},"Navigation","i-lucide-navigation",[379,383,387,391,395],{"title":380,"path":381,"stem":382,"icon":7},"Breadcrumb","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbreadcrumb","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F00.breadcrumb",{"title":384,"path":385,"stem":386,"icon":7},"Nav","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fnav","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F01.nav",{"title":388,"path":389,"stem":390,"icon":7},"Pagination","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpagination","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F02.pagination",{"title":392,"path":393,"stem":394,"icon":7},"Sidebar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fsidebar","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F03.sidebar",{"title":396,"path":397,"stem":398,"icon":7},"Tabs","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftabs","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F04.tabs",{"title":400,"icon":401,"defaultOpen":223,"page":7,"children":402},"Feedback","i-lucide-megaphone",[403,407,411,415,419,423],{"title":404,"path":405,"stem":406,"icon":7},"Badge","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbadge","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F00.badge",{"title":408,"path":409,"stem":410,"icon":7},"Callout","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcallout","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F01.callout",{"title":412,"path":413,"stem":414,"icon":7},"Chip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchip","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F02.chip",{"title":416,"path":417,"stem":418,"icon":7},"Progress","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fprogress","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F03.progress",{"title":420,"path":421,"stem":422,"icon":7},"Skeleton","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fskeleton","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F04.skeleton",{"title":424,"path":425,"stem":426,"icon":7},"Spinner","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fspinner","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F05.spinner",{"title":428,"icon":429,"defaultOpen":223,"page":7,"children":430},"Forms","i-lucide-text-cursor-input",[431,435,439,443,447,451,455,459,463,467,471,475,479,483,487],{"title":432,"path":433,"stem":434,"icon":7},"Calendar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcalendar","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F00.calendar",{"title":436,"path":437,"stem":438,"icon":7},"Checkbox","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F01.checkbox",{"title":440,"path":441,"stem":442,"icon":7},"Checkbox Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F02.checkbox-group",{"title":444,"path":445,"stem":446,"icon":7},"Color Picker","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcolor-picker","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F03.color-picker",{"title":448,"path":449,"stem":450,"icon":7},"Field Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ffield-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F04.field-group",{"title":452,"path":453,"stem":454,"icon":7},"Input","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Finput","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F05.input",{"title":456,"path":457,"stem":458,"icon":7},"OTP","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fotp","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F06.otp",{"title":460,"path":461,"stem":462,"icon":7},"Radio","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F07.radio",{"title":464,"path":465,"stem":466,"icon":7},"Radio Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F08.radio-group",{"title":468,"path":469,"stem":470,"icon":7},"Select","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fselect","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F09.select",{"title":472,"path":473,"stem":474,"icon":7},"Slider","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fslider","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F10.slider",{"title":476,"path":477,"stem":478,"icon":7},"Switch","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fswitch","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F11.switch",{"title":480,"path":481,"stem":482,"icon":7},"Textarea","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftextarea","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F12.textarea",{"title":484,"path":485,"stem":486,"icon":7},"Toggle","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F13.toggle",{"title":488,"path":489,"stem":490,"icon":7},"Toggle Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F14.toggle-group",{"title":492,"icon":242,"defaultOpen":223,"page":7,"children":493},"Overlays",[494,498,502,506,510,514],{"title":495,"path":496,"stem":497,"icon":7},"ContextMenu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcontext-menu","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F00.context-menu",{"title":499,"path":500,"stem":501,"icon":7},"Drawer","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdrawer","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F01.drawer",{"title":503,"path":504,"stem":505,"icon":7},"Dropdown","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdropdown","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F02.dropdown",{"title":507,"path":508,"stem":509,"icon":7},"Modal","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmodal","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F03.modal",{"title":511,"path":512,"stem":513,"icon":7},"Popover","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpopover","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F04.popover",{"title":515,"path":516,"stem":517,"icon":7},"Tooltip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftooltip","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F05.tooltip",{"title":519,"icon":520,"defaultOpen":223,"page":7,"children":521},"Layout","i-lucide-layout",[522,526,530,534,538,542,546],{"title":523,"path":524,"stem":525,"icon":7},"Accordion","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Faccordion","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F00.accordion",{"title":527,"path":528,"stem":529,"icon":7},"Avatar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F01.avatar",{"title":531,"path":532,"stem":533,"icon":7},"Avatar Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar-group","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F02.avatar-group",{"title":535,"path":536,"stem":537,"icon":7},"Card","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcard","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F03.card",{"title":539,"path":540,"stem":541,"icon":7},"Media","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmedia","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F04.media",{"title":543,"path":544,"stem":545,"icon":7},"PageHero","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpage-hero","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F05.page-hero",{"title":547,"path":548,"stem":549,"icon":7},"Placeholder","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fplaceholder","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F06.placeholder",{"title":551,"icon":552,"defaultOpen":223,"page":7,"children":553},"AI Chat","i-lucide-message-circle",[554],{"title":555,"path":556,"stem":557,"icon":7},"ChatMessage","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchat-message","docs\u002Ftheme\u002Fcomponents\u002F08.ai-chat\u002F00.chat-message",{"title":116,"path":559,"stem":560,"children":561,"icon":7},"\u002Fdocs\u002Ftheme\u002Futilities","docs\u002Ftheme\u002Futilities\u002F00.index",[562,563,567,572,577,581,584,588,593,598,602,605,610,613,618,622,627,632],{"title":78,"path":559,"stem":560,"icon":79},{"title":564,"path":565,"stem":566,"icon":173},"Presets","\u002Fdocs\u002Ftheme\u002Futilities\u002Fpreset","docs\u002Ftheme\u002Futilities\u002F01.preset",{"title":568,"path":569,"stem":570,"icon":571},"Accessibility","\u002Fdocs\u002Ftheme\u002Futilities\u002Faccessibility","docs\u002Ftheme\u002Futilities\u002F02.accessibility","i-lucide-accessibility",{"title":573,"path":574,"stem":575,"icon":576},"Animations","\u002Fdocs\u002Ftheme\u002Futilities\u002Fanimations","docs\u002Ftheme\u002Futilities\u002F03.animations","i-lucide-loader-circle",{"title":578,"path":579,"stem":580,"icon":303},"Backgrounds","\u002Fdocs\u002Ftheme\u002Futilities\u002Fbackgrounds","docs\u002Ftheme\u002Futilities\u002F04.backgrounds",{"title":180,"path":582,"stem":583,"icon":183},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fborders","docs\u002Ftheme\u002Futilities\u002F05.borders",{"title":585,"path":586,"stem":587,"icon":119},"Effects","\u002Fdocs\u002Ftheme\u002Futilities\u002Feffects","docs\u002Ftheme\u002Futilities\u002F06.effects",{"title":589,"path":590,"stem":591,"icon":592},"Filters","\u002Fdocs\u002Ftheme\u002Futilities\u002Ffilters","docs\u002Ftheme\u002Futilities\u002F07.filters","i-lucide-aperture",{"title":594,"path":595,"stem":596,"icon":597},"Flexbox & Grid","\u002Fdocs\u002Ftheme\u002Futilities\u002Fflexbox-grid","docs\u002Ftheme\u002Futilities\u002F08.flexbox-grid","i-lucide-layout-grid",{"title":599,"path":600,"stem":601,"icon":343},"Interactivity","\u002Fdocs\u002Ftheme\u002Futilities\u002Finteractivity","docs\u002Ftheme\u002Futilities\u002F09.interactivity",{"title":519,"path":603,"stem":604,"icon":520},"\u002Fdocs\u002Ftheme\u002Futilities\u002Flayout","docs\u002Ftheme\u002Futilities\u002F10.layout",{"title":606,"path":607,"stem":608,"icon":609},"Sizing","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsizing","docs\u002Ftheme\u002Futilities\u002F11.sizing","i-lucide-scaling",{"title":229,"path":611,"stem":612,"icon":232},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fspacing","docs\u002Ftheme\u002Futilities\u002F12.spacing",{"title":614,"path":615,"stem":616,"icon":617},"SVG","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsvg","docs\u002Ftheme\u002Futilities\u002F13.svg","i-lucide-pen-tool",{"title":619,"path":620,"stem":621,"icon":315},"Tables","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftables","docs\u002Ftheme\u002Futilities\u002F14.tables",{"title":623,"path":624,"stem":625,"icon":626},"Transforms","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransforms","docs\u002Ftheme\u002Futilities\u002F15.transforms","i-lucide-rotate-3d",{"title":628,"path":629,"stem":630,"icon":631},"Transitions","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransitions","docs\u002Ftheme\u002Futilities\u002F16.transitions","i-lucide-arrow-left-right",{"title":234,"path":633,"stem":634,"icon":237},"\u002Fdocs\u002Ftheme\u002Futilities\u002Ftypography","docs\u002Ftheme\u002Futilities\u002F17.typography",{"title":636,"path":637,"stem":638,"children":639,"icon":7},"Modifiers","\u002Fdocs\u002Ftheme\u002Fmodifiers","docs\u002Ftheme\u002Fmodifiers\u002F00.index",[640,641,644,648,653,657,662,667,672,677],{"title":78,"path":637,"stem":638,"icon":79},{"title":564,"path":642,"stem":643,"icon":173},"\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpreset","docs\u002Ftheme\u002Fmodifiers\u002F01.preset",{"title":645,"path":646,"stem":647,"icon":571},"ARIA State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Faria-state","docs\u002Ftheme\u002Fmodifiers\u002F02.aria-state",{"title":649,"path":650,"stem":651,"icon":652},"Directional","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fdirectional","docs\u002Ftheme\u002Fmodifiers\u002F03.directional","i-lucide-flip-horizontal",{"title":654,"path":655,"stem":656,"icon":429},"Form State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fform-state","docs\u002Ftheme\u002Fmodifiers\u002F04.form-state",{"title":658,"path":659,"stem":660,"icon":661},"Media & Preferences","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fmedia-preferences","docs\u002Ftheme\u002Fmodifiers\u002F05.media-preferences","i-lucide-sun-moon",{"title":663,"path":664,"stem":665,"icon":666},"Other State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fother-state","docs\u002Ftheme\u002Fmodifiers\u002F06.other-state","i-lucide-toggle-left",{"title":668,"path":669,"stem":670,"icon":671},"Pseudo-Elements","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-elements","docs\u002Ftheme\u002Fmodifiers\u002F07.pseudo-elements","i-lucide-box-select",{"title":673,"path":674,"stem":675,"icon":676},"Pseudo-State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-state","docs\u002Ftheme\u002Fmodifiers\u002F08.pseudo-state","i-lucide-pointer",{"title":678,"path":679,"stem":680,"icon":681},"Structural","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fstructural","docs\u002Ftheme\u002Fmodifiers\u002F09.structural","i-lucide-list-ordered",{"id":683,"title":684,"body":685,"description":6817,"extension":2173,"links":6818,"meta":6819,"navigation":6820,"path":633,"seo":6821,"stem":634,"__hash__":6822},"docs_theme\u002Fdocs\u002Ftheme\u002Futilities\u002F17.typography.md","Typography Utilities",{"type":686,"value":687,"toc":6795},"minimark",[688,706,710,714,718,721,752,758,765,1680,1685,1700,2191,2201,2207,2213,2639,2645,2651,3216,3222,3228,3985,3991,3994,4113,4119,4122,4239,4245,4248,4365,4371,4374,4464,4470,4473,5058,5062,5310,5314,5318,5785,5788,5870,5874,6605,6607,6708,6712,6750,6754,6791],[689,690,691,695,696,700,701,705],"note",{"icon":173},[692,693,694],"strong",{},"Part of the Utilities Preset:"," The utilities on this page are registered by the ",[697,698,699],"a",{"href":565},"Utilities Preset"," (",[702,703,704],"code",{},"useUtilitiesPreset","). For most projects, applying them via the preset is the recommended approach.",[707,708,78],"h2",{"id":709},"overview",[711,712,713],"p",{},"Typography utilities help you control text styling including font families, sizes, weights, colors, alignment, decoration, and text overflow behavior. This is one of the most comprehensive utility categories.",[707,715,717],{"id":716},"why-use-typography-utilities","Why Use Typography Utilities?",[711,719,720],{},"Typography utilities help you:",[722,723,724,731,740,746],"ul",{},[725,726,727,730],"li",{},[692,728,729],{},"Maintain consistency",": Apply the same type styles across your application",[725,732,733,736,737],{},[692,734,735],{},"Integrate with design tokens",": Reference your typography scale with ",[702,738,739],{},"ref()",[725,741,742,745],{},[692,743,744],{},"Handle text overflow",": Control how long text is displayed and truncated",[725,747,748,751],{},[692,749,750],{},"Support accessibility",": Ensure readable text with proper sizing and contrast",[707,753,755],{"id":754},"usefontsizeutility",[702,756,757],{},"useFontSizeUtility",[711,759,760,761,764],{},"The ",[702,762,763],{},"useFontSizeUtility()"," function creates utility classes for setting font sizes.",[766,767,768,1270,1582],"tabs",{},[769,770,772],"tabs-item",{"icon":771,"label":290},"i-lucide-code",[773,774,780],"pre",{"className":775,"code":776,"filename":777,"language":778,"meta":779,"style":779},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from \"styleframe\";\nimport { useFontSizeDesignTokens } from \"@styleframe\u002Ftheme\";\nimport { useFontSizeUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\nconst { ref } = s;\n\nconst { fontSizeXs, fontSizeSm, fontSize, fontSizeLg, fontSizeXl, fontSize2xl, fontSize3xl } = useFontSizeDesignTokens(s, {\n    xs: '0.75rem',\n    sm: '0.875rem',\n    default: '1rem',\n    lg: '1.125rem',\n    xl: '1.25rem',\n    '2xl': '1.5rem',\n    '3xl': '1.875rem',\n} as const);\n\nuseFontSizeUtility(s, {\n    xs: ref(fontSizeXs),\n    sm: ref(fontSizeSm),\n    default: ref(fontSize),\n    lg: ref(fontSizeLg),\n    xl: ref(fontSizeXl),\n    '2xl': ref(fontSize2xl),\n    '3xl': ref(fontSize3xl),\n});\n\nexport default s;\n","styleframe.config.ts","ts","",[702,781,782,818,841,863,869,890,911,916,971,993,1010,1027,1044,1061,1083,1104,1120,1125,1136,1151,1165,1179,1193,1207,1225,1243,1252,1257],{"__ignoreMap":779},[783,784,787,791,795,799,802,805,808,812,815],"span",{"class":785,"line":786},"line",1,[783,788,790],{"class":789},"s7zQu","import",[783,792,794],{"class":793},"sMK4o"," {",[783,796,798],{"class":797},"sTEyZ"," styleframe",[783,800,801],{"class":793}," }",[783,803,804],{"class":789}," from",[783,806,807],{"class":793}," \"",[783,809,811],{"class":810},"sfazB","styleframe",[783,813,814],{"class":793},"\"",[783,816,817],{"class":793},";\n",[783,819,821,823,825,828,830,832,834,837,839],{"class":785,"line":820},2,[783,822,790],{"class":789},[783,824,794],{"class":793},[783,826,827],{"class":797}," useFontSizeDesignTokens",[783,829,801],{"class":793},[783,831,804],{"class":789},[783,833,807],{"class":793},[783,835,836],{"class":810},"@styleframe\u002Ftheme",[783,838,814],{"class":793},[783,840,817],{"class":793},[783,842,844,846,848,851,853,855,857,859,861],{"class":785,"line":843},3,[783,845,790],{"class":789},[783,847,794],{"class":793},[783,849,850],{"class":797}," useFontSizeUtility",[783,852,801],{"class":793},[783,854,804],{"class":789},[783,856,807],{"class":793},[783,858,836],{"class":810},[783,860,814],{"class":793},[783,862,817],{"class":793},[783,864,866],{"class":785,"line":865},4,[783,867,868],{"emptyLinePlaceholder":223},"\n",[783,870,872,876,879,882,885,888],{"class":785,"line":871},5,[783,873,875],{"class":874},"spNyl","const",[783,877,878],{"class":797}," s ",[783,880,881],{"class":793},"=",[783,883,798],{"class":884},"s2Zo4",[783,886,887],{"class":797},"()",[783,889,817],{"class":793},[783,891,893,895,897,900,903,906,909],{"class":785,"line":892},6,[783,894,875],{"class":874},[783,896,794],{"class":793},[783,898,899],{"class":797}," ref ",[783,901,902],{"class":793},"}",[783,904,905],{"class":793}," =",[783,907,908],{"class":797}," s",[783,910,817],{"class":793},[783,912,914],{"class":785,"line":913},7,[783,915,868],{"emptyLinePlaceholder":223},[783,917,919,921,923,926,929,932,934,937,939,942,944,947,949,952,954,957,959,961,963,966,968],{"class":785,"line":918},8,[783,920,875],{"class":874},[783,922,794],{"class":793},[783,924,925],{"class":797}," fontSizeXs",[783,927,928],{"class":793},",",[783,930,931],{"class":797}," fontSizeSm",[783,933,928],{"class":793},[783,935,936],{"class":797}," fontSize",[783,938,928],{"class":793},[783,940,941],{"class":797}," fontSizeLg",[783,943,928],{"class":793},[783,945,946],{"class":797}," fontSizeXl",[783,948,928],{"class":793},[783,950,951],{"class":797}," fontSize2xl",[783,953,928],{"class":793},[783,955,956],{"class":797}," fontSize3xl ",[783,958,902],{"class":793},[783,960,905],{"class":793},[783,962,827],{"class":884},[783,964,965],{"class":797},"(s",[783,967,928],{"class":793},[783,969,970],{"class":793}," {\n",[783,972,974,978,981,984,987,990],{"class":785,"line":973},9,[783,975,977],{"class":976},"swJcz","    xs",[783,979,980],{"class":793},":",[783,982,983],{"class":793}," '",[783,985,986],{"class":810},"0.75rem",[783,988,989],{"class":793},"'",[783,991,992],{"class":793},",\n",[783,994,996,999,1001,1003,1006,1008],{"class":785,"line":995},10,[783,997,998],{"class":976},"    sm",[783,1000,980],{"class":793},[783,1002,983],{"class":793},[783,1004,1005],{"class":810},"0.875rem",[783,1007,989],{"class":793},[783,1009,992],{"class":793},[783,1011,1013,1016,1018,1020,1023,1025],{"class":785,"line":1012},11,[783,1014,1015],{"class":976},"    default",[783,1017,980],{"class":793},[783,1019,983],{"class":793},[783,1021,1022],{"class":810},"1rem",[783,1024,989],{"class":793},[783,1026,992],{"class":793},[783,1028,1030,1033,1035,1037,1040,1042],{"class":785,"line":1029},12,[783,1031,1032],{"class":976},"    lg",[783,1034,980],{"class":793},[783,1036,983],{"class":793},[783,1038,1039],{"class":810},"1.125rem",[783,1041,989],{"class":793},[783,1043,992],{"class":793},[783,1045,1047,1050,1052,1054,1057,1059],{"class":785,"line":1046},13,[783,1048,1049],{"class":976},"    xl",[783,1051,980],{"class":793},[783,1053,983],{"class":793},[783,1055,1056],{"class":810},"1.25rem",[783,1058,989],{"class":793},[783,1060,992],{"class":793},[783,1062,1064,1067,1070,1072,1074,1076,1079,1081],{"class":785,"line":1063},14,[783,1065,1066],{"class":793},"    '",[783,1068,1069],{"class":976},"2xl",[783,1071,989],{"class":793},[783,1073,980],{"class":793},[783,1075,983],{"class":793},[783,1077,1078],{"class":810},"1.5rem",[783,1080,989],{"class":793},[783,1082,992],{"class":793},[783,1084,1086,1088,1091,1093,1095,1097,1100,1102],{"class":785,"line":1085},15,[783,1087,1066],{"class":793},[783,1089,1090],{"class":976},"3xl",[783,1092,989],{"class":793},[783,1094,980],{"class":793},[783,1096,983],{"class":793},[783,1098,1099],{"class":810},"1.875rem",[783,1101,989],{"class":793},[783,1103,992],{"class":793},[783,1105,1107,1109,1112,1115,1118],{"class":785,"line":1106},16,[783,1108,902],{"class":793},[783,1110,1111],{"class":789}," as",[783,1113,1114],{"class":874}," const",[783,1116,1117],{"class":797},")",[783,1119,817],{"class":793},[783,1121,1123],{"class":785,"line":1122},17,[783,1124,868],{"emptyLinePlaceholder":223},[783,1126,1128,1130,1132,1134],{"class":785,"line":1127},18,[783,1129,757],{"class":884},[783,1131,965],{"class":797},[783,1133,928],{"class":793},[783,1135,970],{"class":793},[783,1137,1139,1141,1143,1146,1149],{"class":785,"line":1138},19,[783,1140,977],{"class":976},[783,1142,980],{"class":793},[783,1144,1145],{"class":884}," ref",[783,1147,1148],{"class":797},"(fontSizeXs)",[783,1150,992],{"class":793},[783,1152,1154,1156,1158,1160,1163],{"class":785,"line":1153},20,[783,1155,998],{"class":976},[783,1157,980],{"class":793},[783,1159,1145],{"class":884},[783,1161,1162],{"class":797},"(fontSizeSm)",[783,1164,992],{"class":793},[783,1166,1168,1170,1172,1174,1177],{"class":785,"line":1167},21,[783,1169,1015],{"class":976},[783,1171,980],{"class":793},[783,1173,1145],{"class":884},[783,1175,1176],{"class":797},"(fontSize)",[783,1178,992],{"class":793},[783,1180,1182,1184,1186,1188,1191],{"class":785,"line":1181},22,[783,1183,1032],{"class":976},[783,1185,980],{"class":793},[783,1187,1145],{"class":884},[783,1189,1190],{"class":797},"(fontSizeLg)",[783,1192,992],{"class":793},[783,1194,1196,1198,1200,1202,1205],{"class":785,"line":1195},23,[783,1197,1049],{"class":976},[783,1199,980],{"class":793},[783,1201,1145],{"class":884},[783,1203,1204],{"class":797},"(fontSizeXl)",[783,1206,992],{"class":793},[783,1208,1210,1212,1214,1216,1218,1220,1223],{"class":785,"line":1209},24,[783,1211,1066],{"class":793},[783,1213,1069],{"class":976},[783,1215,989],{"class":793},[783,1217,980],{"class":793},[783,1219,1145],{"class":884},[783,1221,1222],{"class":797},"(fontSize2xl)",[783,1224,992],{"class":793},[783,1226,1228,1230,1232,1234,1236,1238,1241],{"class":785,"line":1227},25,[783,1229,1066],{"class":793},[783,1231,1090],{"class":976},[783,1233,989],{"class":793},[783,1235,980],{"class":793},[783,1237,1145],{"class":884},[783,1239,1240],{"class":797},"(fontSize3xl)",[783,1242,992],{"class":793},[783,1244,1246,1248,1250],{"class":785,"line":1245},26,[783,1247,902],{"class":793},[783,1249,1117],{"class":797},[783,1251,817],{"class":793},[783,1253,1255],{"class":785,"line":1254},27,[783,1256,868],{"emptyLinePlaceholder":223},[783,1258,1260,1263,1266,1268],{"class":785,"line":1259},28,[783,1261,1262],{"class":789},"export",[783,1264,1265],{"class":789}," default",[783,1267,908],{"class":797},[783,1269,817],{"class":793},[769,1271,1272],{"icon":154,"label":326},[773,1273,1278],{"className":1274,"code":1275,"filename":1276,"language":1277,"meta":779,"style":779},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n    --font-size--xs: 0.75rem;\n    --font-size--sm: 0.875rem;\n    --font-size: 1rem;\n    --font-size--lg: 1.125rem;\n    --font-size--xl: 1.25rem;\n    --font-size--2xl: 1.5rem;\n    --font-size--3xl: 1.875rem;\n}\n\n._font-size\\:xs { font-size: var(--font-size--xs); }\n._font-size\\:sm { font-size: var(--font-size--sm); }\n._font-size { font-size: var(--font-size); }\n._font-size\\:lg { font-size: var(--font-size--lg); }\n._font-size\\:xl { font-size: var(--font-size--xl); }\n._font-size\\:2xl { font-size: var(--font-size--2xl); }\n._font-size\\:3xl { font-size: var(--font-size--3xl); }\n","styleframe\u002Findex.css","css",[702,1279,1280,1289,1302,1314,1326,1338,1350,1362,1374,1379,1383,1421,1449,1472,1500,1528,1555],{"__ignoreMap":779},[783,1281,1282,1284,1287],{"class":785,"line":786},[783,1283,980],{"class":793},[783,1285,1286],{"class":874},"root",[783,1288,970],{"class":793},[783,1290,1291,1294,1296,1300],{"class":785,"line":820},[783,1292,1293],{"class":797},"    --font-size--xs",[783,1295,980],{"class":793},[783,1297,1299],{"class":1298},"sbssI"," 0.75rem",[783,1301,817],{"class":793},[783,1303,1304,1307,1309,1312],{"class":785,"line":843},[783,1305,1306],{"class":797},"    --font-size--sm",[783,1308,980],{"class":793},[783,1310,1311],{"class":1298}," 0.875rem",[783,1313,817],{"class":793},[783,1315,1316,1319,1321,1324],{"class":785,"line":865},[783,1317,1318],{"class":797},"    --font-size",[783,1320,980],{"class":793},[783,1322,1323],{"class":1298}," 1rem",[783,1325,817],{"class":793},[783,1327,1328,1331,1333,1336],{"class":785,"line":871},[783,1329,1330],{"class":797},"    --font-size--lg",[783,1332,980],{"class":793},[783,1334,1335],{"class":1298}," 1.125rem",[783,1337,817],{"class":793},[783,1339,1340,1343,1345,1348],{"class":785,"line":892},[783,1341,1342],{"class":797},"    --font-size--xl",[783,1344,980],{"class":793},[783,1346,1347],{"class":1298}," 1.25rem",[783,1349,817],{"class":793},[783,1351,1352,1355,1357,1360],{"class":785,"line":913},[783,1353,1354],{"class":797},"    --font-size--2xl",[783,1356,980],{"class":793},[783,1358,1359],{"class":1298}," 1.5rem",[783,1361,817],{"class":793},[783,1363,1364,1367,1369,1372],{"class":785,"line":918},[783,1365,1366],{"class":797},"    --font-size--3xl",[783,1368,980],{"class":793},[783,1370,1371],{"class":1298}," 1.875rem",[783,1373,817],{"class":793},[783,1375,1376],{"class":785,"line":973},[783,1377,1378],{"class":793},"}\n",[783,1380,1381],{"class":785,"line":995},[783,1382,868],{"emptyLinePlaceholder":223},[783,1384,1385,1388,1392,1395,1398,1400,1404,1406,1409,1412,1415,1418],{"class":785,"line":1012},[783,1386,1387],{"class":793},".",[783,1389,1391],{"class":1390},"sBMFI","_font-size",[783,1393,1394],{"class":797},"\\:",[783,1396,1397],{"class":1390},"xs",[783,1399,794],{"class":793},[783,1401,1403],{"class":1402},"sqsOY"," font-size",[783,1405,980],{"class":793},[783,1407,1408],{"class":884}," var",[783,1410,1411],{"class":793},"(",[783,1413,1414],{"class":797},"--font-size--xs",[783,1416,1417],{"class":793},");",[783,1419,1420],{"class":793}," }\n",[783,1422,1423,1425,1427,1429,1432,1434,1436,1438,1440,1442,1445,1447],{"class":785,"line":1029},[783,1424,1387],{"class":793},[783,1426,1391],{"class":1390},[783,1428,1394],{"class":797},[783,1430,1431],{"class":1390},"sm",[783,1433,794],{"class":793},[783,1435,1403],{"class":1402},[783,1437,980],{"class":793},[783,1439,1408],{"class":884},[783,1441,1411],{"class":793},[783,1443,1444],{"class":797},"--font-size--sm",[783,1446,1417],{"class":793},[783,1448,1420],{"class":793},[783,1450,1451,1453,1455,1457,1459,1461,1463,1465,1468,1470],{"class":785,"line":1046},[783,1452,1387],{"class":793},[783,1454,1391],{"class":1390},[783,1456,794],{"class":793},[783,1458,1403],{"class":1402},[783,1460,980],{"class":793},[783,1462,1408],{"class":884},[783,1464,1411],{"class":793},[783,1466,1467],{"class":797},"--font-size",[783,1469,1417],{"class":793},[783,1471,1420],{"class":793},[783,1473,1474,1476,1478,1480,1483,1485,1487,1489,1491,1493,1496,1498],{"class":785,"line":1063},[783,1475,1387],{"class":793},[783,1477,1391],{"class":1390},[783,1479,1394],{"class":797},[783,1481,1482],{"class":1390},"lg",[783,1484,794],{"class":793},[783,1486,1403],{"class":1402},[783,1488,980],{"class":793},[783,1490,1408],{"class":884},[783,1492,1411],{"class":793},[783,1494,1495],{"class":797},"--font-size--lg",[783,1497,1417],{"class":793},[783,1499,1420],{"class":793},[783,1501,1502,1504,1506,1508,1511,1513,1515,1517,1519,1521,1524,1526],{"class":785,"line":1085},[783,1503,1387],{"class":793},[783,1505,1391],{"class":1390},[783,1507,1394],{"class":797},[783,1509,1510],{"class":1390},"xl",[783,1512,794],{"class":793},[783,1514,1403],{"class":1402},[783,1516,980],{"class":793},[783,1518,1408],{"class":884},[783,1520,1411],{"class":793},[783,1522,1523],{"class":797},"--font-size--xl",[783,1525,1417],{"class":793},[783,1527,1420],{"class":793},[783,1529,1530,1532,1534,1536,1538,1540,1542,1544,1546,1548,1551,1553],{"class":785,"line":1106},[783,1531,1387],{"class":793},[783,1533,1391],{"class":1390},[783,1535,1394],{"class":797},[783,1537,1069],{"class":1390},[783,1539,794],{"class":793},[783,1541,1403],{"class":1402},[783,1543,980],{"class":793},[783,1545,1408],{"class":884},[783,1547,1411],{"class":793},[783,1549,1550],{"class":797},"--font-size--2xl",[783,1552,1417],{"class":793},[783,1554,1420],{"class":793},[783,1556,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575,1578,1580],{"class":785,"line":1122},[783,1558,1387],{"class":793},[783,1560,1391],{"class":1390},[783,1562,1394],{"class":797},[783,1564,1090],{"class":1390},[783,1566,794],{"class":793},[783,1568,1403],{"class":1402},[783,1570,980],{"class":793},[783,1572,1408],{"class":884},[783,1574,1411],{"class":793},[783,1576,1577],{"class":797},"--font-size--3xl",[783,1579,1417],{"class":793},[783,1581,1420],{"class":793},[769,1583,1585],{"icon":520,"label":1584},"Usage",[773,1586,1590],{"className":1587,"code":1588,"language":1589,"meta":779,"style":779},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cp class=\"_font-size:sm\">Small text\u003C\u002Fp>\n\u003Cp class=\"_font-size\">Default body text\u003C\u002Fp>\n\u003Ch2 class=\"_font-size:2xl\">Large heading\u003C\u002Fh2>\n","html",[702,1591,1592,1625,1652],{"__ignoreMap":779},[783,1593,1594,1597,1599,1602,1604,1606,1609,1611,1614,1617,1620,1622],{"class":785,"line":786},[783,1595,1596],{"class":793},"\u003C",[783,1598,711],{"class":976},[783,1600,1601],{"class":874}," class",[783,1603,881],{"class":793},[783,1605,814],{"class":793},[783,1607,1608],{"class":810},"_font-size:sm",[783,1610,814],{"class":793},[783,1612,1613],{"class":793},">",[783,1615,1616],{"class":797},"Small text",[783,1618,1619],{"class":793},"\u003C\u002F",[783,1621,711],{"class":976},[783,1623,1624],{"class":793},">\n",[783,1626,1627,1629,1631,1633,1635,1637,1639,1641,1643,1646,1648,1650],{"class":785,"line":820},[783,1628,1596],{"class":793},[783,1630,711],{"class":976},[783,1632,1601],{"class":874},[783,1634,881],{"class":793},[783,1636,814],{"class":793},[783,1638,1391],{"class":810},[783,1640,814],{"class":793},[783,1642,1613],{"class":793},[783,1644,1645],{"class":797},"Default body text",[783,1647,1619],{"class":793},[783,1649,711],{"class":976},[783,1651,1624],{"class":793},[783,1653,1654,1656,1658,1660,1662,1664,1667,1669,1671,1674,1676,1678],{"class":785,"line":843},[783,1655,1596],{"class":793},[783,1657,707],{"class":976},[783,1659,1601],{"class":874},[783,1661,881],{"class":793},[783,1663,814],{"class":793},[783,1665,1666],{"class":810},"_font-size:2xl",[783,1668,814],{"class":793},[783,1670,1613],{"class":793},[783,1672,1673],{"class":797},"Large heading",[783,1675,1619],{"class":793},[783,1677,707],{"class":976},[783,1679,1624],{"class":793},[1681,1682,1684],"h3",{"id":1683},"fluid-font-size","Fluid font size",[711,1686,1687,1688,1691,1692,1695,1696,1699],{},"Font size utilities inherit fluid behavior automatically — pass ",[702,1689,1690],{},"[min, max]"," pixel ranges to ",[702,1693,1694],{},"useFontSizeDesignTokens()"," and every utility class that references those tokens picks up the ",[702,1697,1698],{},"clamp()"," math at no extra cost.",[766,1701,1702,2006],{},[769,1703,1704],{"icon":771,"label":290},[773,1705,1707],{"className":775,"code":1706,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useFluidViewportDesignTokens, useFontSizeDesignTokens } from \"@styleframe\u002Ftheme\";\nimport { useFontSizeUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\nconst { ref } = s;\n\nuseFluidViewportDesignTokens(s);\n\nconst { fontSizeSm, fontSizeMd } = useFontSizeDesignTokens(s, {\n    min: 16,        \u002F\u002F emits --font-size--min (configurable fluid base)\n    max: 18,        \u002F\u002F emits --font-size--max\n    sm: '0.875rem', \u002F\u002F fixed\n    md: ['@font-size.min', '@font-size.max'],   \u002F\u002F fluid: clamp 16px → 18px\n} as const);\n\nuseFontSizeUtility(s, {\n    sm: ref(fontSizeSm),\n    md: ref(fontSizeMd),\n});\n\nexport default s;\n",[702,1708,1709,1729,1754,1774,1778,1792,1808,1812,1822,1826,1851,1867,1882,1899,1933,1945,1949,1959,1971,1984,1992,1996],{"__ignoreMap":779},[783,1710,1711,1713,1715,1717,1719,1721,1723,1725,1727],{"class":785,"line":786},[783,1712,790],{"class":789},[783,1714,794],{"class":793},[783,1716,798],{"class":797},[783,1718,801],{"class":793},[783,1720,804],{"class":789},[783,1722,807],{"class":793},[783,1724,811],{"class":810},[783,1726,814],{"class":793},[783,1728,817],{"class":793},[783,1730,1731,1733,1735,1738,1740,1742,1744,1746,1748,1750,1752],{"class":785,"line":820},[783,1732,790],{"class":789},[783,1734,794],{"class":793},[783,1736,1737],{"class":797}," useFluidViewportDesignTokens",[783,1739,928],{"class":793},[783,1741,827],{"class":797},[783,1743,801],{"class":793},[783,1745,804],{"class":789},[783,1747,807],{"class":793},[783,1749,836],{"class":810},[783,1751,814],{"class":793},[783,1753,817],{"class":793},[783,1755,1756,1758,1760,1762,1764,1766,1768,1770,1772],{"class":785,"line":843},[783,1757,790],{"class":789},[783,1759,794],{"class":793},[783,1761,850],{"class":797},[783,1763,801],{"class":793},[783,1765,804],{"class":789},[783,1767,807],{"class":793},[783,1769,836],{"class":810},[783,1771,814],{"class":793},[783,1773,817],{"class":793},[783,1775,1776],{"class":785,"line":865},[783,1777,868],{"emptyLinePlaceholder":223},[783,1779,1780,1782,1784,1786,1788,1790],{"class":785,"line":871},[783,1781,875],{"class":874},[783,1783,878],{"class":797},[783,1785,881],{"class":793},[783,1787,798],{"class":884},[783,1789,887],{"class":797},[783,1791,817],{"class":793},[783,1793,1794,1796,1798,1800,1802,1804,1806],{"class":785,"line":892},[783,1795,875],{"class":874},[783,1797,794],{"class":793},[783,1799,899],{"class":797},[783,1801,902],{"class":793},[783,1803,905],{"class":793},[783,1805,908],{"class":797},[783,1807,817],{"class":793},[783,1809,1810],{"class":785,"line":913},[783,1811,868],{"emptyLinePlaceholder":223},[783,1813,1814,1817,1820],{"class":785,"line":918},[783,1815,1816],{"class":884},"useFluidViewportDesignTokens",[783,1818,1819],{"class":797},"(s)",[783,1821,817],{"class":793},[783,1823,1824],{"class":785,"line":973},[783,1825,868],{"emptyLinePlaceholder":223},[783,1827,1828,1830,1832,1834,1836,1839,1841,1843,1845,1847,1849],{"class":785,"line":995},[783,1829,875],{"class":874},[783,1831,794],{"class":793},[783,1833,931],{"class":797},[783,1835,928],{"class":793},[783,1837,1838],{"class":797}," fontSizeMd ",[783,1840,902],{"class":793},[783,1842,905],{"class":793},[783,1844,827],{"class":884},[783,1846,965],{"class":797},[783,1848,928],{"class":793},[783,1850,970],{"class":793},[783,1852,1853,1856,1858,1861,1863],{"class":785,"line":1012},[783,1854,1855],{"class":976},"    min",[783,1857,980],{"class":793},[783,1859,1860],{"class":1298}," 16",[783,1862,928],{"class":793},[783,1864,1866],{"class":1865},"sHwdD","        \u002F\u002F emits --font-size--min (configurable fluid base)\n",[783,1868,1869,1872,1874,1877,1879],{"class":785,"line":1029},[783,1870,1871],{"class":976},"    max",[783,1873,980],{"class":793},[783,1875,1876],{"class":1298}," 18",[783,1878,928],{"class":793},[783,1880,1881],{"class":1865},"        \u002F\u002F emits --font-size--max\n",[783,1883,1884,1886,1888,1890,1892,1894,1896],{"class":785,"line":1046},[783,1885,998],{"class":976},[783,1887,980],{"class":793},[783,1889,983],{"class":793},[783,1891,1005],{"class":810},[783,1893,989],{"class":793},[783,1895,928],{"class":793},[783,1897,1898],{"class":1865}," \u002F\u002F fixed\n",[783,1900,1901,1904,1906,1909,1911,1914,1916,1918,1920,1923,1925,1928,1930],{"class":785,"line":1063},[783,1902,1903],{"class":976},"    md",[783,1905,980],{"class":793},[783,1907,1908],{"class":797}," [",[783,1910,989],{"class":793},[783,1912,1913],{"class":810},"@font-size.min",[783,1915,989],{"class":793},[783,1917,928],{"class":793},[783,1919,983],{"class":793},[783,1921,1922],{"class":810},"@font-size.max",[783,1924,989],{"class":793},[783,1926,1927],{"class":797},"]",[783,1929,928],{"class":793},[783,1931,1932],{"class":1865},"   \u002F\u002F fluid: clamp 16px → 18px\n",[783,1934,1935,1937,1939,1941,1943],{"class":785,"line":1085},[783,1936,902],{"class":793},[783,1938,1111],{"class":789},[783,1940,1114],{"class":874},[783,1942,1117],{"class":797},[783,1944,817],{"class":793},[783,1946,1947],{"class":785,"line":1106},[783,1948,868],{"emptyLinePlaceholder":223},[783,1950,1951,1953,1955,1957],{"class":785,"line":1122},[783,1952,757],{"class":884},[783,1954,965],{"class":797},[783,1956,928],{"class":793},[783,1958,970],{"class":793},[783,1960,1961,1963,1965,1967,1969],{"class":785,"line":1127},[783,1962,998],{"class":976},[783,1964,980],{"class":793},[783,1966,1145],{"class":884},[783,1968,1162],{"class":797},[783,1970,992],{"class":793},[783,1972,1973,1975,1977,1979,1982],{"class":785,"line":1138},[783,1974,1903],{"class":976},[783,1976,980],{"class":793},[783,1978,1145],{"class":884},[783,1980,1981],{"class":797},"(fontSizeMd)",[783,1983,992],{"class":793},[783,1985,1986,1988,1990],{"class":785,"line":1153},[783,1987,902],{"class":793},[783,1989,1117],{"class":797},[783,1991,817],{"class":793},[783,1993,1994],{"class":785,"line":1167},[783,1995,868],{"emptyLinePlaceholder":223},[783,1997,1998,2000,2002,2004],{"class":785,"line":1181},[783,1999,1262],{"class":789},[783,2001,1265],{"class":789},[783,2003,908],{"class":797},[783,2005,817],{"class":793},[769,2007,2008],{"icon":154,"label":326},[773,2009,2011],{"className":1274,"code":2010,"filename":1276,"language":1277,"meta":779,"style":779},":root {\n    --fluid--breakpoint: calc(...);\n    --font-size--min: 16;\n    --font-size--max: 18;\n    --font-size--sm: 0.875rem;\n    --font-size--md: calc((var(--font-size--min) \u002F 16 * 1rem) + (var(--font-size--max) - 16) * var(--fluid--breakpoint));\n}\n\n._font-size\\:sm { font-size: var(--font-size--sm); }\n._font-size\\:md { font-size: var(--font-size--md); }\n",[702,2012,2013,2021,2039,2050,2061,2071,2129,2133,2137,2163],{"__ignoreMap":779},[783,2014,2015,2017,2019],{"class":785,"line":786},[783,2016,980],{"class":793},[783,2018,1286],{"class":874},[783,2020,970],{"class":793},[783,2022,2023,2026,2028,2031,2033,2036],{"class":785,"line":820},[783,2024,2025],{"class":797},"    --fluid--breakpoint",[783,2027,980],{"class":793},[783,2029,2030],{"class":884}," calc",[783,2032,1411],{"class":793},[783,2034,2035],{"class":797},"...",[783,2037,2038],{"class":793},");\n",[783,2040,2041,2044,2046,2048],{"class":785,"line":843},[783,2042,2043],{"class":797},"    --font-size--min",[783,2045,980],{"class":793},[783,2047,1860],{"class":1298},[783,2049,817],{"class":793},[783,2051,2052,2055,2057,2059],{"class":785,"line":865},[783,2053,2054],{"class":797},"    --font-size--max",[783,2056,980],{"class":793},[783,2058,1876],{"class":1298},[783,2060,817],{"class":793},[783,2062,2063,2065,2067,2069],{"class":785,"line":871},[783,2064,1306],{"class":797},[783,2066,980],{"class":793},[783,2068,1311],{"class":1298},[783,2070,817],{"class":793},[783,2072,2073,2076,2078,2080,2082,2084,2087,2089,2092,2094,2097,2099,2102,2104,2106,2109,2111,2113,2116,2118,2121,2124,2127],{"class":785,"line":892},[783,2074,2075],{"class":797},"    --font-size--md",[783,2077,980],{"class":793},[783,2079,2030],{"class":884},[783,2081,1411],{"class":793},[783,2083,1411],{"class":797},[783,2085,2086],{"class":884},"var",[783,2088,1411],{"class":793},[783,2090,2091],{"class":797},"--font-size--min",[783,2093,1117],{"class":793},[783,2095,2096],{"class":793}," \u002F",[783,2098,1860],{"class":1298},[783,2100,2101],{"class":793}," *",[783,2103,1323],{"class":1298},[783,2105,1117],{"class":793},[783,2107,2108],{"class":797}," + (",[783,2110,2086],{"class":884},[783,2112,1411],{"class":793},[783,2114,2115],{"class":797},"--font-size--max",[783,2117,1117],{"class":793},[783,2119,2120],{"class":797}," - ",[783,2122,2123],{"class":1298},"16",[783,2125,2126],{"class":797},") * var(--fluid--breakpoint))",[783,2128,817],{"class":793},[783,2130,2131],{"class":785,"line":913},[783,2132,1378],{"class":793},[783,2134,2135],{"class":785,"line":918},[783,2136,868],{"emptyLinePlaceholder":223},[783,2138,2139,2141,2143,2145,2147,2149,2151,2153,2155,2157,2159,2161],{"class":785,"line":973},[783,2140,1387],{"class":793},[783,2142,1391],{"class":1390},[783,2144,1394],{"class":797},[783,2146,1431],{"class":1390},[783,2148,794],{"class":793},[783,2150,1403],{"class":1402},[783,2152,980],{"class":793},[783,2154,1408],{"class":884},[783,2156,1411],{"class":793},[783,2158,1444],{"class":797},[783,2160,1417],{"class":793},[783,2162,1420],{"class":793},[783,2164,2165,2167,2169,2171,2174,2176,2178,2180,2182,2184,2187,2189],{"class":785,"line":995},[783,2166,1387],{"class":793},[783,2168,1391],{"class":1390},[783,2170,1394],{"class":797},[783,2172,2173],{"class":1390},"md",[783,2175,794],{"class":793},[783,2177,1403],{"class":1402},[783,2179,980],{"class":793},[783,2181,1408],{"class":884},[783,2183,1411],{"class":793},[783,2185,2186],{"class":797},"--font-size--md",[783,2188,1417],{"class":793},[783,2190,1420],{"class":793},[2192,2193,2194,2195,2197,2198,2200],"tip",{},"See ",[697,2196,220],{"href":221}," for pairing fluid ranges with modular scales and the full ",[702,2199,1694],{}," API.",[707,2202,2204],{"id":2203},"usefontfamilyutility",[702,2205,2206],{},"useFontFamilyUtility",[711,2208,760,2209,2212],{},[702,2210,2211],{},"useFontFamilyUtility()"," function creates utility classes for setting font families.",[766,2214,2215,2365,2547],{},[769,2216,2217],{"icon":771,"label":290},[773,2218,2220],{"className":775,"code":2219,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useFontFamilyUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseFontFamilyUtility(s, {\n    sans: 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n    serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n    mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n});\n\nexport default s;\n",[702,2221,2222,2242,2263,2267,2281,2285,2295,2311,2327,2343,2351,2355],{"__ignoreMap":779},[783,2223,2224,2226,2228,2230,2232,2234,2236,2238,2240],{"class":785,"line":786},[783,2225,790],{"class":789},[783,2227,794],{"class":793},[783,2229,798],{"class":797},[783,2231,801],{"class":793},[783,2233,804],{"class":789},[783,2235,807],{"class":793},[783,2237,811],{"class":810},[783,2239,814],{"class":793},[783,2241,817],{"class":793},[783,2243,2244,2246,2248,2251,2253,2255,2257,2259,2261],{"class":785,"line":820},[783,2245,790],{"class":789},[783,2247,794],{"class":793},[783,2249,2250],{"class":797}," useFontFamilyUtility",[783,2252,801],{"class":793},[783,2254,804],{"class":789},[783,2256,807],{"class":793},[783,2258,836],{"class":810},[783,2260,814],{"class":793},[783,2262,817],{"class":793},[783,2264,2265],{"class":785,"line":843},[783,2266,868],{"emptyLinePlaceholder":223},[783,2268,2269,2271,2273,2275,2277,2279],{"class":785,"line":865},[783,2270,875],{"class":874},[783,2272,878],{"class":797},[783,2274,881],{"class":793},[783,2276,798],{"class":884},[783,2278,887],{"class":797},[783,2280,817],{"class":793},[783,2282,2283],{"class":785,"line":871},[783,2284,868],{"emptyLinePlaceholder":223},[783,2286,2287,2289,2291,2293],{"class":785,"line":892},[783,2288,2206],{"class":884},[783,2290,965],{"class":797},[783,2292,928],{"class":793},[783,2294,970],{"class":793},[783,2296,2297,2300,2302,2304,2307,2309],{"class":785,"line":913},[783,2298,2299],{"class":976},"    sans",[783,2301,980],{"class":793},[783,2303,983],{"class":793},[783,2305,2306],{"class":810},"ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",[783,2308,989],{"class":793},[783,2310,992],{"class":793},[783,2312,2313,2316,2318,2320,2323,2325],{"class":785,"line":918},[783,2314,2315],{"class":976},"    serif",[783,2317,980],{"class":793},[783,2319,983],{"class":793},[783,2321,2322],{"class":810},"ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",[783,2324,989],{"class":793},[783,2326,992],{"class":793},[783,2328,2329,2332,2334,2336,2339,2341],{"class":785,"line":973},[783,2330,2331],{"class":976},"    mono",[783,2333,980],{"class":793},[783,2335,983],{"class":793},[783,2337,2338],{"class":810},"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",[783,2340,989],{"class":793},[783,2342,992],{"class":793},[783,2344,2345,2347,2349],{"class":785,"line":995},[783,2346,902],{"class":793},[783,2348,1117],{"class":797},[783,2350,817],{"class":793},[783,2352,2353],{"class":785,"line":1012},[783,2354,868],{"emptyLinePlaceholder":223},[783,2356,2357,2359,2361,2363],{"class":785,"line":1029},[783,2358,1262],{"class":789},[783,2360,1265],{"class":789},[783,2362,908],{"class":797},[783,2364,817],{"class":793},[769,2366,2367],{"icon":154,"label":326},[773,2368,2370],{"className":1274,"code":2369,"filename":1276,"language":1277,"meta":779,"style":779},"._font-family\\:sans { font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"; }\n._font-family\\:serif { font-family: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif; }\n._font-family\\:mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n",[702,2371,2372,2427,2480],{"__ignoreMap":779},[783,2373,2374,2376,2379,2381,2384,2386,2389,2391,2394,2396,2399,2401,2404,2406,2408,2411,2413,2415,2417,2420,2422,2425],{"class":785,"line":786},[783,2375,1387],{"class":793},[783,2377,2378],{"class":1390},"_font-family",[783,2380,1394],{"class":797},[783,2382,2383],{"class":1390},"sans",[783,2385,794],{"class":793},[783,2387,2388],{"class":1402}," font-family",[783,2390,980],{"class":793},[783,2392,2393],{"class":797}," ui-sans-serif",[783,2395,928],{"class":793},[783,2397,2398],{"class":797}," system-ui",[783,2400,928],{"class":793},[783,2402,2403],{"class":797}," sans-serif",[783,2405,928],{"class":793},[783,2407,807],{"class":793},[783,2409,2410],{"class":810},"Apple Color Emoji",[783,2412,814],{"class":793},[783,2414,928],{"class":793},[783,2416,807],{"class":793},[783,2418,2419],{"class":810},"Segoe UI Emoji",[783,2421,814],{"class":793},[783,2423,2424],{"class":793},";",[783,2426,1420],{"class":793},[783,2428,2429,2431,2433,2435,2438,2440,2442,2444,2447,2449,2452,2454,2457,2459,2461,2464,2466,2468,2471,2473,2476,2478],{"class":785,"line":820},[783,2430,1387],{"class":793},[783,2432,2378],{"class":1390},[783,2434,1394],{"class":797},[783,2436,2437],{"class":1390},"serif",[783,2439,794],{"class":793},[783,2441,2388],{"class":1402},[783,2443,980],{"class":793},[783,2445,2446],{"class":797}," ui-serif",[783,2448,928],{"class":793},[783,2450,2451],{"class":797}," Georgia",[783,2453,928],{"class":793},[783,2455,2456],{"class":797}," Cambria",[783,2458,928],{"class":793},[783,2460,807],{"class":793},[783,2462,2463],{"class":810},"Times New Roman",[783,2465,814],{"class":793},[783,2467,928],{"class":793},[783,2469,2470],{"class":797}," Times",[783,2472,928],{"class":793},[783,2474,2475],{"class":797}," serif",[783,2477,2424],{"class":793},[783,2479,1420],{"class":793},[783,2481,2482,2484,2486,2488,2491,2493,2495,2497,2500,2502,2505,2507,2510,2512,2515,2517,2520,2522,2524,2527,2529,2531,2533,2536,2538,2540,2543,2545],{"class":785,"line":843},[783,2483,1387],{"class":793},[783,2485,2378],{"class":1390},[783,2487,1394],{"class":797},[783,2489,2490],{"class":1390},"mono",[783,2492,794],{"class":793},[783,2494,2388],{"class":1402},[783,2496,980],{"class":793},[783,2498,2499],{"class":797}," ui-monospace",[783,2501,928],{"class":793},[783,2503,2504],{"class":797}," SFMono-Regular",[783,2506,928],{"class":793},[783,2508,2509],{"class":797}," Menlo",[783,2511,928],{"class":793},[783,2513,2514],{"class":797}," Monaco",[783,2516,928],{"class":793},[783,2518,2519],{"class":797}," Consolas",[783,2521,928],{"class":793},[783,2523,807],{"class":793},[783,2525,2526],{"class":810},"Liberation Mono",[783,2528,814],{"class":793},[783,2530,928],{"class":793},[783,2532,807],{"class":793},[783,2534,2535],{"class":810},"Courier New",[783,2537,814],{"class":793},[783,2539,928],{"class":793},[783,2541,2542],{"class":797}," monospace",[783,2544,2424],{"class":793},[783,2546,1420],{"class":793},[769,2548,2549],{"icon":520,"label":1584},[773,2550,2552],{"className":1587,"code":2551,"language":1589,"meta":779,"style":779},"\u003Cp class=\"_font-family:sans\">Sans-serif body text\u003C\u002Fp>\n\u003Cblockquote class=\"_font-family:serif\">Serif quote\u003C\u002Fblockquote>\n\u003Ccode class=\"_font-family:mono\">Monospace code\u003C\u002Fcode>\n",[702,2553,2554,2582,2611],{"__ignoreMap":779},[783,2555,2556,2558,2560,2562,2564,2566,2569,2571,2573,2576,2578,2580],{"class":785,"line":786},[783,2557,1596],{"class":793},[783,2559,711],{"class":976},[783,2561,1601],{"class":874},[783,2563,881],{"class":793},[783,2565,814],{"class":793},[783,2567,2568],{"class":810},"_font-family:sans",[783,2570,814],{"class":793},[783,2572,1613],{"class":793},[783,2574,2575],{"class":797},"Sans-serif body text",[783,2577,1619],{"class":793},[783,2579,711],{"class":976},[783,2581,1624],{"class":793},[783,2583,2584,2586,2589,2591,2593,2595,2598,2600,2602,2605,2607,2609],{"class":785,"line":820},[783,2585,1596],{"class":793},[783,2587,2588],{"class":976},"blockquote",[783,2590,1601],{"class":874},[783,2592,881],{"class":793},[783,2594,814],{"class":793},[783,2596,2597],{"class":810},"_font-family:serif",[783,2599,814],{"class":793},[783,2601,1613],{"class":793},[783,2603,2604],{"class":797},"Serif quote",[783,2606,1619],{"class":793},[783,2608,2588],{"class":976},[783,2610,1624],{"class":793},[783,2612,2613,2615,2617,2619,2621,2623,2626,2628,2630,2633,2635,2637],{"class":785,"line":843},[783,2614,1596],{"class":793},[783,2616,702],{"class":976},[783,2618,1601],{"class":874},[783,2620,881],{"class":793},[783,2622,814],{"class":793},[783,2624,2625],{"class":810},"_font-family:mono",[783,2627,814],{"class":793},[783,2629,1613],{"class":793},[783,2631,2632],{"class":797},"Monospace code",[783,2634,1619],{"class":793},[783,2636,702],{"class":976},[783,2638,1624],{"class":793},[707,2640,2642],{"id":2641},"usefontweightutility",[702,2643,2644],{},"useFontWeightUtility",[711,2646,760,2647,2650],{},[702,2648,2649],{},"useFontWeightUtility()"," function creates utility classes for setting font weights.",[766,2652,2653,2899,3124],{},[769,2654,2655],{"icon":771,"label":290},[773,2656,2658],{"className":775,"code":2657,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useFontWeightUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseFontWeightUtility(s, {\n    thin: '100',\n    extralight: '200',\n    light: '300',\n    normal: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n    extrabold: '800',\n    black: '900',\n});\n\nexport default s;\n",[702,2659,2660,2680,2701,2705,2719,2723,2733,2749,2765,2781,2797,2813,2829,2845,2861,2877,2885,2889],{"__ignoreMap":779},[783,2661,2662,2664,2666,2668,2670,2672,2674,2676,2678],{"class":785,"line":786},[783,2663,790],{"class":789},[783,2665,794],{"class":793},[783,2667,798],{"class":797},[783,2669,801],{"class":793},[783,2671,804],{"class":789},[783,2673,807],{"class":793},[783,2675,811],{"class":810},[783,2677,814],{"class":793},[783,2679,817],{"class":793},[783,2681,2682,2684,2686,2689,2691,2693,2695,2697,2699],{"class":785,"line":820},[783,2683,790],{"class":789},[783,2685,794],{"class":793},[783,2687,2688],{"class":797}," useFontWeightUtility",[783,2690,801],{"class":793},[783,2692,804],{"class":789},[783,2694,807],{"class":793},[783,2696,836],{"class":810},[783,2698,814],{"class":793},[783,2700,817],{"class":793},[783,2702,2703],{"class":785,"line":843},[783,2704,868],{"emptyLinePlaceholder":223},[783,2706,2707,2709,2711,2713,2715,2717],{"class":785,"line":865},[783,2708,875],{"class":874},[783,2710,878],{"class":797},[783,2712,881],{"class":793},[783,2714,798],{"class":884},[783,2716,887],{"class":797},[783,2718,817],{"class":793},[783,2720,2721],{"class":785,"line":871},[783,2722,868],{"emptyLinePlaceholder":223},[783,2724,2725,2727,2729,2731],{"class":785,"line":892},[783,2726,2644],{"class":884},[783,2728,965],{"class":797},[783,2730,928],{"class":793},[783,2732,970],{"class":793},[783,2734,2735,2738,2740,2742,2745,2747],{"class":785,"line":913},[783,2736,2737],{"class":976},"    thin",[783,2739,980],{"class":793},[783,2741,983],{"class":793},[783,2743,2744],{"class":810},"100",[783,2746,989],{"class":793},[783,2748,992],{"class":793},[783,2750,2751,2754,2756,2758,2761,2763],{"class":785,"line":918},[783,2752,2753],{"class":976},"    extralight",[783,2755,980],{"class":793},[783,2757,983],{"class":793},[783,2759,2760],{"class":810},"200",[783,2762,989],{"class":793},[783,2764,992],{"class":793},[783,2766,2767,2770,2772,2774,2777,2779],{"class":785,"line":973},[783,2768,2769],{"class":976},"    light",[783,2771,980],{"class":793},[783,2773,983],{"class":793},[783,2775,2776],{"class":810},"300",[783,2778,989],{"class":793},[783,2780,992],{"class":793},[783,2782,2783,2786,2788,2790,2793,2795],{"class":785,"line":995},[783,2784,2785],{"class":976},"    normal",[783,2787,980],{"class":793},[783,2789,983],{"class":793},[783,2791,2792],{"class":810},"400",[783,2794,989],{"class":793},[783,2796,992],{"class":793},[783,2798,2799,2802,2804,2806,2809,2811],{"class":785,"line":1012},[783,2800,2801],{"class":976},"    medium",[783,2803,980],{"class":793},[783,2805,983],{"class":793},[783,2807,2808],{"class":810},"500",[783,2810,989],{"class":793},[783,2812,992],{"class":793},[783,2814,2815,2818,2820,2822,2825,2827],{"class":785,"line":1029},[783,2816,2817],{"class":976},"    semibold",[783,2819,980],{"class":793},[783,2821,983],{"class":793},[783,2823,2824],{"class":810},"600",[783,2826,989],{"class":793},[783,2828,992],{"class":793},[783,2830,2831,2834,2836,2838,2841,2843],{"class":785,"line":1046},[783,2832,2833],{"class":976},"    bold",[783,2835,980],{"class":793},[783,2837,983],{"class":793},[783,2839,2840],{"class":810},"700",[783,2842,989],{"class":793},[783,2844,992],{"class":793},[783,2846,2847,2850,2852,2854,2857,2859],{"class":785,"line":1063},[783,2848,2849],{"class":976},"    extrabold",[783,2851,980],{"class":793},[783,2853,983],{"class":793},[783,2855,2856],{"class":810},"800",[783,2858,989],{"class":793},[783,2860,992],{"class":793},[783,2862,2863,2866,2868,2870,2873,2875],{"class":785,"line":1085},[783,2864,2865],{"class":976},"    black",[783,2867,980],{"class":793},[783,2869,983],{"class":793},[783,2871,2872],{"class":810},"900",[783,2874,989],{"class":793},[783,2876,992],{"class":793},[783,2878,2879,2881,2883],{"class":785,"line":1106},[783,2880,902],{"class":793},[783,2882,1117],{"class":797},[783,2884,817],{"class":793},[783,2886,2887],{"class":785,"line":1122},[783,2888,868],{"emptyLinePlaceholder":223},[783,2890,2891,2893,2895,2897],{"class":785,"line":1127},[783,2892,1262],{"class":789},[783,2894,1265],{"class":789},[783,2896,908],{"class":797},[783,2898,817],{"class":793},[769,2900,2901],{"icon":154,"label":326},[773,2902,2904],{"className":1274,"code":2903,"filename":1276,"language":1277,"meta":779,"style":779},"._font-weight\\:thin { font-weight: 100; }\n._font-weight\\:extralight { font-weight: 200; }\n._font-weight\\:light { font-weight: 300; }\n._font-weight\\:normal { font-weight: 400; }\n._font-weight\\:medium { font-weight: 500; }\n._font-weight\\:semibold { font-weight: 600; }\n._font-weight\\:bold { font-weight: 700; }\n._font-weight\\:extrabold { font-weight: 800; }\n._font-weight\\:black { font-weight: 900; }\n",[702,2905,2906,2932,2956,2980,3004,3028,3052,3076,3100],{"__ignoreMap":779},[783,2907,2908,2910,2913,2915,2918,2920,2923,2925,2928,2930],{"class":785,"line":786},[783,2909,1387],{"class":793},[783,2911,2912],{"class":1390},"_font-weight",[783,2914,1394],{"class":797},[783,2916,2917],{"class":1390},"thin",[783,2919,794],{"class":793},[783,2921,2922],{"class":1402}," font-weight",[783,2924,980],{"class":793},[783,2926,2927],{"class":1298}," 100",[783,2929,2424],{"class":793},[783,2931,1420],{"class":793},[783,2933,2934,2936,2938,2940,2943,2945,2947,2949,2952,2954],{"class":785,"line":820},[783,2935,1387],{"class":793},[783,2937,2912],{"class":1390},[783,2939,1394],{"class":797},[783,2941,2942],{"class":1390},"extralight",[783,2944,794],{"class":793},[783,2946,2922],{"class":1402},[783,2948,980],{"class":793},[783,2950,2951],{"class":1298}," 200",[783,2953,2424],{"class":793},[783,2955,1420],{"class":793},[783,2957,2958,2960,2962,2964,2967,2969,2971,2973,2976,2978],{"class":785,"line":843},[783,2959,1387],{"class":793},[783,2961,2912],{"class":1390},[783,2963,1394],{"class":797},[783,2965,2966],{"class":1390},"light",[783,2968,794],{"class":793},[783,2970,2922],{"class":1402},[783,2972,980],{"class":793},[783,2974,2975],{"class":1298}," 300",[783,2977,2424],{"class":793},[783,2979,1420],{"class":793},[783,2981,2982,2984,2986,2988,2991,2993,2995,2997,3000,3002],{"class":785,"line":865},[783,2983,1387],{"class":793},[783,2985,2912],{"class":1390},[783,2987,1394],{"class":797},[783,2989,2990],{"class":1390},"normal",[783,2992,794],{"class":793},[783,2994,2922],{"class":1402},[783,2996,980],{"class":793},[783,2998,2999],{"class":1298}," 400",[783,3001,2424],{"class":793},[783,3003,1420],{"class":793},[783,3005,3006,3008,3010,3012,3015,3017,3019,3021,3024,3026],{"class":785,"line":871},[783,3007,1387],{"class":793},[783,3009,2912],{"class":1390},[783,3011,1394],{"class":797},[783,3013,3014],{"class":1390},"medium",[783,3016,794],{"class":793},[783,3018,2922],{"class":1402},[783,3020,980],{"class":793},[783,3022,3023],{"class":1298}," 500",[783,3025,2424],{"class":793},[783,3027,1420],{"class":793},[783,3029,3030,3032,3034,3036,3039,3041,3043,3045,3048,3050],{"class":785,"line":892},[783,3031,1387],{"class":793},[783,3033,2912],{"class":1390},[783,3035,1394],{"class":797},[783,3037,3038],{"class":1390},"semibold",[783,3040,794],{"class":793},[783,3042,2922],{"class":1402},[783,3044,980],{"class":793},[783,3046,3047],{"class":1298}," 600",[783,3049,2424],{"class":793},[783,3051,1420],{"class":793},[783,3053,3054,3056,3058,3060,3063,3065,3067,3069,3072,3074],{"class":785,"line":913},[783,3055,1387],{"class":793},[783,3057,2912],{"class":1390},[783,3059,1394],{"class":797},[783,3061,3062],{"class":1390},"bold",[783,3064,794],{"class":793},[783,3066,2922],{"class":1402},[783,3068,980],{"class":793},[783,3070,3071],{"class":1298}," 700",[783,3073,2424],{"class":793},[783,3075,1420],{"class":793},[783,3077,3078,3080,3082,3084,3087,3089,3091,3093,3096,3098],{"class":785,"line":918},[783,3079,1387],{"class":793},[783,3081,2912],{"class":1390},[783,3083,1394],{"class":797},[783,3085,3086],{"class":1390},"extrabold",[783,3088,794],{"class":793},[783,3090,2922],{"class":1402},[783,3092,980],{"class":793},[783,3094,3095],{"class":1298}," 800",[783,3097,2424],{"class":793},[783,3099,1420],{"class":793},[783,3101,3102,3104,3106,3108,3111,3113,3115,3117,3120,3122],{"class":785,"line":973},[783,3103,1387],{"class":793},[783,3105,2912],{"class":1390},[783,3107,1394],{"class":797},[783,3109,3110],{"class":1390},"black",[783,3112,794],{"class":793},[783,3114,2922],{"class":1402},[783,3116,980],{"class":793},[783,3118,3119],{"class":1298}," 900",[783,3121,2424],{"class":793},[783,3123,1420],{"class":793},[769,3125,3126],{"icon":520,"label":1584},[773,3127,3129],{"className":1587,"code":3128,"language":1589,"meta":779,"style":779},"\u003Cp class=\"_font-weight:normal\">Normal weight text\u003C\u002Fp>\n\u003Cstrong class=\"_font-weight:semibold\">Semibold emphasis\u003C\u002Fstrong>\n\u003Ch1 class=\"_font-weight:bold\">Bold heading\u003C\u002Fh1>\n",[702,3130,3131,3159,3187],{"__ignoreMap":779},[783,3132,3133,3135,3137,3139,3141,3143,3146,3148,3150,3153,3155,3157],{"class":785,"line":786},[783,3134,1596],{"class":793},[783,3136,711],{"class":976},[783,3138,1601],{"class":874},[783,3140,881],{"class":793},[783,3142,814],{"class":793},[783,3144,3145],{"class":810},"_font-weight:normal",[783,3147,814],{"class":793},[783,3149,1613],{"class":793},[783,3151,3152],{"class":797},"Normal weight text",[783,3154,1619],{"class":793},[783,3156,711],{"class":976},[783,3158,1624],{"class":793},[783,3160,3161,3163,3165,3167,3169,3171,3174,3176,3178,3181,3183,3185],{"class":785,"line":820},[783,3162,1596],{"class":793},[783,3164,692],{"class":976},[783,3166,1601],{"class":874},[783,3168,881],{"class":793},[783,3170,814],{"class":793},[783,3172,3173],{"class":810},"_font-weight:semibold",[783,3175,814],{"class":793},[783,3177,1613],{"class":793},[783,3179,3180],{"class":797},"Semibold emphasis",[783,3182,1619],{"class":793},[783,3184,692],{"class":976},[783,3186,1624],{"class":793},[783,3188,3189,3191,3194,3196,3198,3200,3203,3205,3207,3210,3212,3214],{"class":785,"line":843},[783,3190,1596],{"class":793},[783,3192,3193],{"class":976},"h1",[783,3195,1601],{"class":874},[783,3197,881],{"class":793},[783,3199,814],{"class":793},[783,3201,3202],{"class":810},"_font-weight:bold",[783,3204,814],{"class":793},[783,3206,1613],{"class":793},[783,3208,3209],{"class":797},"Bold heading",[783,3211,1619],{"class":793},[783,3213,3193],{"class":976},[783,3215,1624],{"class":793},[707,3217,3219],{"id":3218},"usetextcolorutility",[702,3220,3221],{},"useTextColorUtility",[711,3223,760,3224,3227],{},[702,3225,3226],{},"useTextColorUtility()"," function creates utility classes for setting text colors.",[766,3229,3230,3583,3894],{},[769,3231,3232],{"icon":771,"label":290},[773,3233,3235],{"className":775,"code":3234,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useColorDesignTokens } from \"@styleframe\u002Ftheme\";\nimport { useTextColorUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\nconst { ref } = s;\n\nconst { colorGray900, colorGray500, colorPrimary } = useColorDesignTokens(s, {\n    gray900: '#111827',\n    gray500: '#6b7280',\n    primary: '#006cff',\n} as const);\n\nuseTextColorUtility(s, {\n    inherit: 'inherit',\n    current: 'currentColor',\n    transparent: 'transparent',\n    default: ref(colorGray900),\n    muted: ref(colorGray500),\n    primary: ref(colorPrimary),\n    white: '#fff',\n    black: '#000',\n});\n\nexport default s;\n",[702,3236,3237,3257,3278,3299,3303,3317,3333,3337,3368,3384,3400,3416,3428,3432,3442,3458,3474,3490,3503,3517,3530,3546,3561,3569,3573],{"__ignoreMap":779},[783,3238,3239,3241,3243,3245,3247,3249,3251,3253,3255],{"class":785,"line":786},[783,3240,790],{"class":789},[783,3242,794],{"class":793},[783,3244,798],{"class":797},[783,3246,801],{"class":793},[783,3248,804],{"class":789},[783,3250,807],{"class":793},[783,3252,811],{"class":810},[783,3254,814],{"class":793},[783,3256,817],{"class":793},[783,3258,3259,3261,3263,3266,3268,3270,3272,3274,3276],{"class":785,"line":820},[783,3260,790],{"class":789},[783,3262,794],{"class":793},[783,3264,3265],{"class":797}," useColorDesignTokens",[783,3267,801],{"class":793},[783,3269,804],{"class":789},[783,3271,807],{"class":793},[783,3273,836],{"class":810},[783,3275,814],{"class":793},[783,3277,817],{"class":793},[783,3279,3280,3282,3284,3287,3289,3291,3293,3295,3297],{"class":785,"line":843},[783,3281,790],{"class":789},[783,3283,794],{"class":793},[783,3285,3286],{"class":797}," useTextColorUtility",[783,3288,801],{"class":793},[783,3290,804],{"class":789},[783,3292,807],{"class":793},[783,3294,836],{"class":810},[783,3296,814],{"class":793},[783,3298,817],{"class":793},[783,3300,3301],{"class":785,"line":865},[783,3302,868],{"emptyLinePlaceholder":223},[783,3304,3305,3307,3309,3311,3313,3315],{"class":785,"line":871},[783,3306,875],{"class":874},[783,3308,878],{"class":797},[783,3310,881],{"class":793},[783,3312,798],{"class":884},[783,3314,887],{"class":797},[783,3316,817],{"class":793},[783,3318,3319,3321,3323,3325,3327,3329,3331],{"class":785,"line":892},[783,3320,875],{"class":874},[783,3322,794],{"class":793},[783,3324,899],{"class":797},[783,3326,902],{"class":793},[783,3328,905],{"class":793},[783,3330,908],{"class":797},[783,3332,817],{"class":793},[783,3334,3335],{"class":785,"line":913},[783,3336,868],{"emptyLinePlaceholder":223},[783,3338,3339,3341,3343,3346,3348,3351,3353,3356,3358,3360,3362,3364,3366],{"class":785,"line":918},[783,3340,875],{"class":874},[783,3342,794],{"class":793},[783,3344,3345],{"class":797}," colorGray900",[783,3347,928],{"class":793},[783,3349,3350],{"class":797}," colorGray500",[783,3352,928],{"class":793},[783,3354,3355],{"class":797}," colorPrimary ",[783,3357,902],{"class":793},[783,3359,905],{"class":793},[783,3361,3265],{"class":884},[783,3363,965],{"class":797},[783,3365,928],{"class":793},[783,3367,970],{"class":793},[783,3369,3370,3373,3375,3377,3380,3382],{"class":785,"line":973},[783,3371,3372],{"class":976},"    gray900",[783,3374,980],{"class":793},[783,3376,983],{"class":793},[783,3378,3379],{"class":810},"#111827",[783,3381,989],{"class":793},[783,3383,992],{"class":793},[783,3385,3386,3389,3391,3393,3396,3398],{"class":785,"line":995},[783,3387,3388],{"class":976},"    gray500",[783,3390,980],{"class":793},[783,3392,983],{"class":793},[783,3394,3395],{"class":810},"#6b7280",[783,3397,989],{"class":793},[783,3399,992],{"class":793},[783,3401,3402,3405,3407,3409,3412,3414],{"class":785,"line":1012},[783,3403,3404],{"class":976},"    primary",[783,3406,980],{"class":793},[783,3408,983],{"class":793},[783,3410,3411],{"class":810},"#006cff",[783,3413,989],{"class":793},[783,3415,992],{"class":793},[783,3417,3418,3420,3422,3424,3426],{"class":785,"line":1029},[783,3419,902],{"class":793},[783,3421,1111],{"class":789},[783,3423,1114],{"class":874},[783,3425,1117],{"class":797},[783,3427,817],{"class":793},[783,3429,3430],{"class":785,"line":1046},[783,3431,868],{"emptyLinePlaceholder":223},[783,3433,3434,3436,3438,3440],{"class":785,"line":1063},[783,3435,3221],{"class":884},[783,3437,965],{"class":797},[783,3439,928],{"class":793},[783,3441,970],{"class":793},[783,3443,3444,3447,3449,3451,3454,3456],{"class":785,"line":1085},[783,3445,3446],{"class":976},"    inherit",[783,3448,980],{"class":793},[783,3450,983],{"class":793},[783,3452,3453],{"class":810},"inherit",[783,3455,989],{"class":793},[783,3457,992],{"class":793},[783,3459,3460,3463,3465,3467,3470,3472],{"class":785,"line":1106},[783,3461,3462],{"class":976},"    current",[783,3464,980],{"class":793},[783,3466,983],{"class":793},[783,3468,3469],{"class":810},"currentColor",[783,3471,989],{"class":793},[783,3473,992],{"class":793},[783,3475,3476,3479,3481,3483,3486,3488],{"class":785,"line":1122},[783,3477,3478],{"class":976},"    transparent",[783,3480,980],{"class":793},[783,3482,983],{"class":793},[783,3484,3485],{"class":810},"transparent",[783,3487,989],{"class":793},[783,3489,992],{"class":793},[783,3491,3492,3494,3496,3498,3501],{"class":785,"line":1127},[783,3493,1015],{"class":976},[783,3495,980],{"class":793},[783,3497,1145],{"class":884},[783,3499,3500],{"class":797},"(colorGray900)",[783,3502,992],{"class":793},[783,3504,3505,3508,3510,3512,3515],{"class":785,"line":1138},[783,3506,3507],{"class":976},"    muted",[783,3509,980],{"class":793},[783,3511,1145],{"class":884},[783,3513,3514],{"class":797},"(colorGray500)",[783,3516,992],{"class":793},[783,3518,3519,3521,3523,3525,3528],{"class":785,"line":1153},[783,3520,3404],{"class":976},[783,3522,980],{"class":793},[783,3524,1145],{"class":884},[783,3526,3527],{"class":797},"(colorPrimary)",[783,3529,992],{"class":793},[783,3531,3532,3535,3537,3539,3542,3544],{"class":785,"line":1167},[783,3533,3534],{"class":976},"    white",[783,3536,980],{"class":793},[783,3538,983],{"class":793},[783,3540,3541],{"class":810},"#fff",[783,3543,989],{"class":793},[783,3545,992],{"class":793},[783,3547,3548,3550,3552,3554,3557,3559],{"class":785,"line":1181},[783,3549,2865],{"class":976},[783,3551,980],{"class":793},[783,3553,983],{"class":793},[783,3555,3556],{"class":810},"#000",[783,3558,989],{"class":793},[783,3560,992],{"class":793},[783,3562,3563,3565,3567],{"class":785,"line":1195},[783,3564,902],{"class":793},[783,3566,1117],{"class":797},[783,3568,817],{"class":793},[783,3570,3571],{"class":785,"line":1209},[783,3572,868],{"emptyLinePlaceholder":223},[783,3574,3575,3577,3579,3581],{"class":785,"line":1227},[783,3576,1262],{"class":789},[783,3578,1265],{"class":789},[783,3580,908],{"class":797},[783,3582,817],{"class":793},[769,3584,3585],{"icon":154,"label":326},[773,3586,3588],{"className":1274,"code":3587,"filename":1276,"language":1277,"meta":779,"style":779},":root {\n    --color--gray-900: oklch(0.2107 0.0181 264.36 \u002F 1);\n    --color--gray-500: oklch(0.5513 0.0169 264.36 \u002F 1);\n    --color--primary: oklch(0.5749 0.233917 259.9541 \u002F 1);\n}\n\n._text-color\\:inherit { color: inherit; }\n._text-color\\:current { color: currentColor; }\n._text-color\\:transparent { color: transparent; }\n._text-color\\:default { color: var(--color--gray-900); }\n._text-color\\:muted { color: var(--color--gray-500); }\n._text-color\\:primary { color: var(--color--primary); }\n._text-color\\:white { color: #fff; }\n._text-color\\:black { color: #000; }\n",[702,3589,3590,3598,3627,3652,3678,3682,3686,3711,3735,3758,3786,3814,3842,3869],{"__ignoreMap":779},[783,3591,3592,3594,3596],{"class":785,"line":786},[783,3593,980],{"class":793},[783,3595,1286],{"class":874},[783,3597,970],{"class":793},[783,3599,3600,3603,3605,3608,3610,3613,3616,3619,3622,3625],{"class":785,"line":820},[783,3601,3602],{"class":797},"    --color--gray-900",[783,3604,980],{"class":793},[783,3606,3607],{"class":884}," oklch",[783,3609,1411],{"class":793},[783,3611,3612],{"class":1298},"0.2107",[783,3614,3615],{"class":1298}," 0.0181",[783,3617,3618],{"class":1298}," 264.36",[783,3620,3621],{"class":797}," \u002F ",[783,3623,3624],{"class":1298},"1",[783,3626,2038],{"class":793},[783,3628,3629,3632,3634,3636,3638,3641,3644,3646,3648,3650],{"class":785,"line":843},[783,3630,3631],{"class":797},"    --color--gray-500",[783,3633,980],{"class":793},[783,3635,3607],{"class":884},[783,3637,1411],{"class":793},[783,3639,3640],{"class":1298},"0.5513",[783,3642,3643],{"class":1298}," 0.0169",[783,3645,3618],{"class":1298},[783,3647,3621],{"class":797},[783,3649,3624],{"class":1298},[783,3651,2038],{"class":793},[783,3653,3654,3657,3659,3661,3663,3666,3669,3672,3674,3676],{"class":785,"line":865},[783,3655,3656],{"class":797},"    --color--primary",[783,3658,980],{"class":793},[783,3660,3607],{"class":884},[783,3662,1411],{"class":793},[783,3664,3665],{"class":1298},"0.5749",[783,3667,3668],{"class":1298}," 0.233917",[783,3670,3671],{"class":1298}," 259.9541",[783,3673,3621],{"class":797},[783,3675,3624],{"class":1298},[783,3677,2038],{"class":793},[783,3679,3680],{"class":785,"line":871},[783,3681,1378],{"class":793},[783,3683,3684],{"class":785,"line":892},[783,3685,868],{"emptyLinePlaceholder":223},[783,3687,3688,3690,3693,3695,3697,3699,3702,3704,3707,3709],{"class":785,"line":913},[783,3689,1387],{"class":793},[783,3691,3692],{"class":1390},"_text-color",[783,3694,1394],{"class":797},[783,3696,3453],{"class":1390},[783,3698,794],{"class":793},[783,3700,3701],{"class":1402}," color",[783,3703,980],{"class":793},[783,3705,3706],{"class":797}," inherit",[783,3708,2424],{"class":793},[783,3710,1420],{"class":793},[783,3712,3713,3715,3717,3719,3722,3724,3726,3728,3731,3733],{"class":785,"line":918},[783,3714,1387],{"class":793},[783,3716,3692],{"class":1390},[783,3718,1394],{"class":797},[783,3720,3721],{"class":1390},"current",[783,3723,794],{"class":793},[783,3725,3701],{"class":1402},[783,3727,980],{"class":793},[783,3729,3730],{"class":797}," currentColor",[783,3732,2424],{"class":793},[783,3734,1420],{"class":793},[783,3736,3737,3739,3741,3743,3745,3747,3749,3751,3754,3756],{"class":785,"line":973},[783,3738,1387],{"class":793},[783,3740,3692],{"class":1390},[783,3742,1394],{"class":797},[783,3744,3485],{"class":1390},[783,3746,794],{"class":793},[783,3748,3701],{"class":1402},[783,3750,980],{"class":793},[783,3752,3753],{"class":797}," transparent",[783,3755,2424],{"class":793},[783,3757,1420],{"class":793},[783,3759,3760,3762,3764,3766,3769,3771,3773,3775,3777,3779,3782,3784],{"class":785,"line":995},[783,3761,1387],{"class":793},[783,3763,3692],{"class":1390},[783,3765,1394],{"class":797},[783,3767,3768],{"class":1390},"default",[783,3770,794],{"class":793},[783,3772,3701],{"class":1402},[783,3774,980],{"class":793},[783,3776,1408],{"class":884},[783,3778,1411],{"class":793},[783,3780,3781],{"class":797},"--color--gray-900",[783,3783,1417],{"class":793},[783,3785,1420],{"class":793},[783,3787,3788,3790,3792,3794,3797,3799,3801,3803,3805,3807,3810,3812],{"class":785,"line":1012},[783,3789,1387],{"class":793},[783,3791,3692],{"class":1390},[783,3793,1394],{"class":797},[783,3795,3796],{"class":1390},"muted",[783,3798,794],{"class":793},[783,3800,3701],{"class":1402},[783,3802,980],{"class":793},[783,3804,1408],{"class":884},[783,3806,1411],{"class":793},[783,3808,3809],{"class":797},"--color--gray-500",[783,3811,1417],{"class":793},[783,3813,1420],{"class":793},[783,3815,3816,3818,3820,3822,3825,3827,3829,3831,3833,3835,3838,3840],{"class":785,"line":1029},[783,3817,1387],{"class":793},[783,3819,3692],{"class":1390},[783,3821,1394],{"class":797},[783,3823,3824],{"class":1390},"primary",[783,3826,794],{"class":793},[783,3828,3701],{"class":1402},[783,3830,980],{"class":793},[783,3832,1408],{"class":884},[783,3834,1411],{"class":793},[783,3836,3837],{"class":797},"--color--primary",[783,3839,1417],{"class":793},[783,3841,1420],{"class":793},[783,3843,3844,3846,3848,3850,3853,3855,3857,3859,3862,3865,3867],{"class":785,"line":1046},[783,3845,1387],{"class":793},[783,3847,3692],{"class":1390},[783,3849,1394],{"class":797},[783,3851,3852],{"class":1390},"white",[783,3854,794],{"class":793},[783,3856,3701],{"class":1402},[783,3858,980],{"class":793},[783,3860,3861],{"class":793}," #",[783,3863,3864],{"class":797},"fff",[783,3866,2424],{"class":793},[783,3868,1420],{"class":793},[783,3870,3871,3873,3875,3877,3879,3881,3883,3885,3887,3890,3892],{"class":785,"line":1063},[783,3872,1387],{"class":793},[783,3874,3692],{"class":1390},[783,3876,1394],{"class":797},[783,3878,3110],{"class":1390},[783,3880,794],{"class":793},[783,3882,3701],{"class":1402},[783,3884,980],{"class":793},[783,3886,3861],{"class":793},[783,3888,3889],{"class":797},"000",[783,3891,2424],{"class":793},[783,3893,1420],{"class":793},[769,3895,3896],{"icon":520,"label":1584},[773,3897,3899],{"className":1587,"code":3898,"language":1589,"meta":779,"style":779},"\u003Cp class=\"_text-color:default\">Default text color\u003C\u002Fp>\n\u003Cp class=\"_text-color:muted\">Muted secondary text\u003C\u002Fp>\n\u003Ca class=\"_text-color:primary\">Primary colored link\u003C\u002Fa>\n",[702,3900,3901,3929,3957],{"__ignoreMap":779},[783,3902,3903,3905,3907,3909,3911,3913,3916,3918,3920,3923,3925,3927],{"class":785,"line":786},[783,3904,1596],{"class":793},[783,3906,711],{"class":976},[783,3908,1601],{"class":874},[783,3910,881],{"class":793},[783,3912,814],{"class":793},[783,3914,3915],{"class":810},"_text-color:default",[783,3917,814],{"class":793},[783,3919,1613],{"class":793},[783,3921,3922],{"class":797},"Default text color",[783,3924,1619],{"class":793},[783,3926,711],{"class":976},[783,3928,1624],{"class":793},[783,3930,3931,3933,3935,3937,3939,3941,3944,3946,3948,3951,3953,3955],{"class":785,"line":820},[783,3932,1596],{"class":793},[783,3934,711],{"class":976},[783,3936,1601],{"class":874},[783,3938,881],{"class":793},[783,3940,814],{"class":793},[783,3942,3943],{"class":810},"_text-color:muted",[783,3945,814],{"class":793},[783,3947,1613],{"class":793},[783,3949,3950],{"class":797},"Muted secondary text",[783,3952,1619],{"class":793},[783,3954,711],{"class":976},[783,3956,1624],{"class":793},[783,3958,3959,3961,3963,3965,3967,3969,3972,3974,3976,3979,3981,3983],{"class":785,"line":843},[783,3960,1596],{"class":793},[783,3962,697],{"class":976},[783,3964,1601],{"class":874},[783,3966,881],{"class":793},[783,3968,814],{"class":793},[783,3970,3971],{"class":810},"_text-color:primary",[783,3973,814],{"class":793},[783,3975,1613],{"class":793},[783,3977,3978],{"class":797},"Primary colored link",[783,3980,1619],{"class":793},[783,3982,697],{"class":976},[783,3984,1624],{"class":793},[707,3986,3988],{"id":3987},"usetextalignutility",[702,3989,3990],{},"useTextAlignUtility",[711,3992,3993],{},"Control text alignment.",[773,3995,3997],{"className":775,"code":3996,"language":778,"meta":779,"style":779},"useTextAlignUtility(s, {\n    left: 'left',\n    center: 'center',\n    right: 'right',\n    justify: 'justify',\n    start: 'start',\n    end: 'end',\n});\n",[702,3998,3999,4009,4025,4041,4057,4073,4089,4105],{"__ignoreMap":779},[783,4000,4001,4003,4005,4007],{"class":785,"line":786},[783,4002,3990],{"class":884},[783,4004,965],{"class":797},[783,4006,928],{"class":793},[783,4008,970],{"class":793},[783,4010,4011,4014,4016,4018,4021,4023],{"class":785,"line":820},[783,4012,4013],{"class":976},"    left",[783,4015,980],{"class":793},[783,4017,983],{"class":793},[783,4019,4020],{"class":810},"left",[783,4022,989],{"class":793},[783,4024,992],{"class":793},[783,4026,4027,4030,4032,4034,4037,4039],{"class":785,"line":843},[783,4028,4029],{"class":976},"    center",[783,4031,980],{"class":793},[783,4033,983],{"class":793},[783,4035,4036],{"class":810},"center",[783,4038,989],{"class":793},[783,4040,992],{"class":793},[783,4042,4043,4046,4048,4050,4053,4055],{"class":785,"line":865},[783,4044,4045],{"class":976},"    right",[783,4047,980],{"class":793},[783,4049,983],{"class":793},[783,4051,4052],{"class":810},"right",[783,4054,989],{"class":793},[783,4056,992],{"class":793},[783,4058,4059,4062,4064,4066,4069,4071],{"class":785,"line":871},[783,4060,4061],{"class":976},"    justify",[783,4063,980],{"class":793},[783,4065,983],{"class":793},[783,4067,4068],{"class":810},"justify",[783,4070,989],{"class":793},[783,4072,992],{"class":793},[783,4074,4075,4078,4080,4082,4085,4087],{"class":785,"line":892},[783,4076,4077],{"class":976},"    start",[783,4079,980],{"class":793},[783,4081,983],{"class":793},[783,4083,4084],{"class":810},"start",[783,4086,989],{"class":793},[783,4088,992],{"class":793},[783,4090,4091,4094,4096,4098,4101,4103],{"class":785,"line":913},[783,4092,4093],{"class":976},"    end",[783,4095,980],{"class":793},[783,4097,983],{"class":793},[783,4099,4100],{"class":810},"end",[783,4102,989],{"class":793},[783,4104,992],{"class":793},[783,4106,4107,4109,4111],{"class":785,"line":918},[783,4108,902],{"class":793},[783,4110,1117],{"class":797},[783,4112,817],{"class":793},[707,4114,4116],{"id":4115},"uselineheightutility",[702,4117,4118],{},"useLineHeightUtility",[711,4120,4121],{},"Control line height for better readability.",[773,4123,4125],{"className":775,"code":4124,"language":778,"meta":779,"style":779},"useLineHeightUtility(s, {\n    none: '1',\n    tight: '1.25',\n    snug: '1.375',\n    normal: '1.5',\n    relaxed: '1.625',\n    loose: '2',\n});\n",[702,4126,4127,4137,4152,4168,4184,4199,4215,4231],{"__ignoreMap":779},[783,4128,4129,4131,4133,4135],{"class":785,"line":786},[783,4130,4118],{"class":884},[783,4132,965],{"class":797},[783,4134,928],{"class":793},[783,4136,970],{"class":793},[783,4138,4139,4142,4144,4146,4148,4150],{"class":785,"line":820},[783,4140,4141],{"class":976},"    none",[783,4143,980],{"class":793},[783,4145,983],{"class":793},[783,4147,3624],{"class":810},[783,4149,989],{"class":793},[783,4151,992],{"class":793},[783,4153,4154,4157,4159,4161,4164,4166],{"class":785,"line":843},[783,4155,4156],{"class":976},"    tight",[783,4158,980],{"class":793},[783,4160,983],{"class":793},[783,4162,4163],{"class":810},"1.25",[783,4165,989],{"class":793},[783,4167,992],{"class":793},[783,4169,4170,4173,4175,4177,4180,4182],{"class":785,"line":865},[783,4171,4172],{"class":976},"    snug",[783,4174,980],{"class":793},[783,4176,983],{"class":793},[783,4178,4179],{"class":810},"1.375",[783,4181,989],{"class":793},[783,4183,992],{"class":793},[783,4185,4186,4188,4190,4192,4195,4197],{"class":785,"line":871},[783,4187,2785],{"class":976},[783,4189,980],{"class":793},[783,4191,983],{"class":793},[783,4193,4194],{"class":810},"1.5",[783,4196,989],{"class":793},[783,4198,992],{"class":793},[783,4200,4201,4204,4206,4208,4211,4213],{"class":785,"line":892},[783,4202,4203],{"class":976},"    relaxed",[783,4205,980],{"class":793},[783,4207,983],{"class":793},[783,4209,4210],{"class":810},"1.625",[783,4212,989],{"class":793},[783,4214,992],{"class":793},[783,4216,4217,4220,4222,4224,4227,4229],{"class":785,"line":913},[783,4218,4219],{"class":976},"    loose",[783,4221,980],{"class":793},[783,4223,983],{"class":793},[783,4225,4226],{"class":810},"2",[783,4228,989],{"class":793},[783,4230,992],{"class":793},[783,4232,4233,4235,4237],{"class":785,"line":918},[783,4234,902],{"class":793},[783,4236,1117],{"class":797},[783,4238,817],{"class":793},[707,4240,4242],{"id":4241},"useletterspacingutility",[702,4243,4244],{},"useLetterSpacingUtility",[711,4246,4247],{},"Control letter spacing (tracking).",[773,4249,4251],{"className":775,"code":4250,"language":778,"meta":779,"style":779},"useLetterSpacingUtility(s, {\n    tighter: '-0.05em',\n    tight: '-0.025em',\n    normal: '0em',\n    wide: '0.025em',\n    wider: '0.05em',\n    widest: '0.1em',\n});\n",[702,4252,4253,4263,4279,4294,4309,4325,4341,4357],{"__ignoreMap":779},[783,4254,4255,4257,4259,4261],{"class":785,"line":786},[783,4256,4244],{"class":884},[783,4258,965],{"class":797},[783,4260,928],{"class":793},[783,4262,970],{"class":793},[783,4264,4265,4268,4270,4272,4275,4277],{"class":785,"line":820},[783,4266,4267],{"class":976},"    tighter",[783,4269,980],{"class":793},[783,4271,983],{"class":793},[783,4273,4274],{"class":810},"-0.05em",[783,4276,989],{"class":793},[783,4278,992],{"class":793},[783,4280,4281,4283,4285,4287,4290,4292],{"class":785,"line":843},[783,4282,4156],{"class":976},[783,4284,980],{"class":793},[783,4286,983],{"class":793},[783,4288,4289],{"class":810},"-0.025em",[783,4291,989],{"class":793},[783,4293,992],{"class":793},[783,4295,4296,4298,4300,4302,4305,4307],{"class":785,"line":865},[783,4297,2785],{"class":976},[783,4299,980],{"class":793},[783,4301,983],{"class":793},[783,4303,4304],{"class":810},"0em",[783,4306,989],{"class":793},[783,4308,992],{"class":793},[783,4310,4311,4314,4316,4318,4321,4323],{"class":785,"line":871},[783,4312,4313],{"class":976},"    wide",[783,4315,980],{"class":793},[783,4317,983],{"class":793},[783,4319,4320],{"class":810},"0.025em",[783,4322,989],{"class":793},[783,4324,992],{"class":793},[783,4326,4327,4330,4332,4334,4337,4339],{"class":785,"line":892},[783,4328,4329],{"class":976},"    wider",[783,4331,980],{"class":793},[783,4333,983],{"class":793},[783,4335,4336],{"class":810},"0.05em",[783,4338,989],{"class":793},[783,4340,992],{"class":793},[783,4342,4343,4346,4348,4350,4353,4355],{"class":785,"line":913},[783,4344,4345],{"class":976},"    widest",[783,4347,980],{"class":793},[783,4349,983],{"class":793},[783,4351,4352],{"class":810},"0.1em",[783,4354,989],{"class":793},[783,4356,992],{"class":793},[783,4358,4359,4361,4363],{"class":785,"line":918},[783,4360,902],{"class":793},[783,4362,1117],{"class":797},[783,4364,817],{"class":793},[707,4366,4368],{"id":4367},"usetextdecorationutility",[702,4369,4370],{},"useTextDecorationUtility",[711,4372,4373],{},"Add text decorations like underline and strikethrough.",[773,4375,4377],{"className":775,"code":4376,"language":778,"meta":779,"style":779},"useTextDecorationLineUtility(s, {\n    underline: 'underline',\n    overline: 'overline',\n    'line-through': 'line-through',\n    none: 'none',\n});\n",[702,4378,4379,4390,4406,4422,4441,4456],{"__ignoreMap":779},[783,4380,4381,4384,4386,4388],{"class":785,"line":786},[783,4382,4383],{"class":884},"useTextDecorationLineUtility",[783,4385,965],{"class":797},[783,4387,928],{"class":793},[783,4389,970],{"class":793},[783,4391,4392,4395,4397,4399,4402,4404],{"class":785,"line":820},[783,4393,4394],{"class":976},"    underline",[783,4396,980],{"class":793},[783,4398,983],{"class":793},[783,4400,4401],{"class":810},"underline",[783,4403,989],{"class":793},[783,4405,992],{"class":793},[783,4407,4408,4411,4413,4415,4418,4420],{"class":785,"line":843},[783,4409,4410],{"class":976},"    overline",[783,4412,980],{"class":793},[783,4414,983],{"class":793},[783,4416,4417],{"class":810},"overline",[783,4419,989],{"class":793},[783,4421,992],{"class":793},[783,4423,4424,4426,4429,4431,4433,4435,4437,4439],{"class":785,"line":865},[783,4425,1066],{"class":793},[783,4427,4428],{"class":976},"line-through",[783,4430,989],{"class":793},[783,4432,980],{"class":793},[783,4434,983],{"class":793},[783,4436,4428],{"class":810},[783,4438,989],{"class":793},[783,4440,992],{"class":793},[783,4442,4443,4445,4447,4449,4452,4454],{"class":785,"line":871},[783,4444,4141],{"class":976},[783,4446,980],{"class":793},[783,4448,983],{"class":793},[783,4450,4451],{"class":810},"none",[783,4453,989],{"class":793},[783,4455,992],{"class":793},[783,4457,4458,4460,4462],{"class":785,"line":892},[783,4459,902],{"class":793},[783,4461,1117],{"class":797},[783,4463,817],{"class":793},[707,4465,4467],{"id":4466},"uselineclamputility",[702,4468,4469],{},"useLineClampUtility",[711,4471,4472],{},"Truncate text after a specific number of lines with ellipsis.",[766,4474,4475,4704,4967],{},[769,4476,4477],{"icon":771,"label":290},[773,4478,4480],{"className":775,"code":4479,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useLineClampUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseLineClampUtility(s, {\n    '1': '1',\n    '2': '2',\n    '3': '3',\n    '4': '4',\n    '5': '5',\n    '6': '6',\n    none: 'unset',\n});\n\nexport default s;\n",[702,4481,4482,4502,4523,4527,4541,4545,4555,4573,4591,4610,4629,4648,4667,4682,4690,4694],{"__ignoreMap":779},[783,4483,4484,4486,4488,4490,4492,4494,4496,4498,4500],{"class":785,"line":786},[783,4485,790],{"class":789},[783,4487,794],{"class":793},[783,4489,798],{"class":797},[783,4491,801],{"class":793},[783,4493,804],{"class":789},[783,4495,807],{"class":793},[783,4497,811],{"class":810},[783,4499,814],{"class":793},[783,4501,817],{"class":793},[783,4503,4504,4506,4508,4511,4513,4515,4517,4519,4521],{"class":785,"line":820},[783,4505,790],{"class":789},[783,4507,794],{"class":793},[783,4509,4510],{"class":797}," useLineClampUtility",[783,4512,801],{"class":793},[783,4514,804],{"class":789},[783,4516,807],{"class":793},[783,4518,836],{"class":810},[783,4520,814],{"class":793},[783,4522,817],{"class":793},[783,4524,4525],{"class":785,"line":843},[783,4526,868],{"emptyLinePlaceholder":223},[783,4528,4529,4531,4533,4535,4537,4539],{"class":785,"line":865},[783,4530,875],{"class":874},[783,4532,878],{"class":797},[783,4534,881],{"class":793},[783,4536,798],{"class":884},[783,4538,887],{"class":797},[783,4540,817],{"class":793},[783,4542,4543],{"class":785,"line":871},[783,4544,868],{"emptyLinePlaceholder":223},[783,4546,4547,4549,4551,4553],{"class":785,"line":892},[783,4548,4469],{"class":884},[783,4550,965],{"class":797},[783,4552,928],{"class":793},[783,4554,970],{"class":793},[783,4556,4557,4559,4561,4563,4565,4567,4569,4571],{"class":785,"line":913},[783,4558,1066],{"class":793},[783,4560,3624],{"class":976},[783,4562,989],{"class":793},[783,4564,980],{"class":793},[783,4566,983],{"class":793},[783,4568,3624],{"class":810},[783,4570,989],{"class":793},[783,4572,992],{"class":793},[783,4574,4575,4577,4579,4581,4583,4585,4587,4589],{"class":785,"line":918},[783,4576,1066],{"class":793},[783,4578,4226],{"class":976},[783,4580,989],{"class":793},[783,4582,980],{"class":793},[783,4584,983],{"class":793},[783,4586,4226],{"class":810},[783,4588,989],{"class":793},[783,4590,992],{"class":793},[783,4592,4593,4595,4598,4600,4602,4604,4606,4608],{"class":785,"line":973},[783,4594,1066],{"class":793},[783,4596,4597],{"class":976},"3",[783,4599,989],{"class":793},[783,4601,980],{"class":793},[783,4603,983],{"class":793},[783,4605,4597],{"class":810},[783,4607,989],{"class":793},[783,4609,992],{"class":793},[783,4611,4612,4614,4617,4619,4621,4623,4625,4627],{"class":785,"line":995},[783,4613,1066],{"class":793},[783,4615,4616],{"class":976},"4",[783,4618,989],{"class":793},[783,4620,980],{"class":793},[783,4622,983],{"class":793},[783,4624,4616],{"class":810},[783,4626,989],{"class":793},[783,4628,992],{"class":793},[783,4630,4631,4633,4636,4638,4640,4642,4644,4646],{"class":785,"line":1012},[783,4632,1066],{"class":793},[783,4634,4635],{"class":976},"5",[783,4637,989],{"class":793},[783,4639,980],{"class":793},[783,4641,983],{"class":793},[783,4643,4635],{"class":810},[783,4645,989],{"class":793},[783,4647,992],{"class":793},[783,4649,4650,4652,4655,4657,4659,4661,4663,4665],{"class":785,"line":1029},[783,4651,1066],{"class":793},[783,4653,4654],{"class":976},"6",[783,4656,989],{"class":793},[783,4658,980],{"class":793},[783,4660,983],{"class":793},[783,4662,4654],{"class":810},[783,4664,989],{"class":793},[783,4666,992],{"class":793},[783,4668,4669,4671,4673,4675,4678,4680],{"class":785,"line":1046},[783,4670,4141],{"class":976},[783,4672,980],{"class":793},[783,4674,983],{"class":793},[783,4676,4677],{"class":810},"unset",[783,4679,989],{"class":793},[783,4681,992],{"class":793},[783,4683,4684,4686,4688],{"class":785,"line":1063},[783,4685,902],{"class":793},[783,4687,1117],{"class":797},[783,4689,817],{"class":793},[783,4691,4692],{"class":785,"line":1085},[783,4693,868],{"emptyLinePlaceholder":223},[783,4695,4696,4698,4700,4702],{"class":785,"line":1106},[783,4697,1262],{"class":789},[783,4699,1265],{"class":789},[783,4701,908],{"class":797},[783,4703,817],{"class":793},[769,4705,4706],{"icon":154,"label":326},[773,4707,4709],{"className":1274,"code":4708,"filename":1276,"language":1277,"meta":779,"style":779},"._line-clamp\\:1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n}\n\n._line-clamp\\:2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n}\n\n._line-clamp\\:3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n}\n\n._line-clamp\\:none {\n    overflow: visible;\n    display: block;\n    -webkit-box-orient: horizontal;\n    -webkit-line-clamp: unset;\n}\n\u002F* ... more values *\u002F\n",[702,4710,4711,4724,4736,4748,4760,4772,4776,4780,4792,4802,4812,4822,4833,4837,4841,4853,4863,4873,4883,4894,4898,4902,4914,4925,4936,4947,4958,4962],{"__ignoreMap":779},[783,4712,4713,4715,4718,4720,4722],{"class":785,"line":786},[783,4714,1387],{"class":793},[783,4716,4717],{"class":1390},"_line-clamp",[783,4719,1394],{"class":797},[783,4721,3624],{"class":1390},[783,4723,970],{"class":793},[783,4725,4726,4729,4731,4734],{"class":785,"line":820},[783,4727,4728],{"class":1402},"    overflow",[783,4730,980],{"class":793},[783,4732,4733],{"class":797}," hidden",[783,4735,817],{"class":793},[783,4737,4738,4741,4743,4746],{"class":785,"line":843},[783,4739,4740],{"class":1402},"    display",[783,4742,980],{"class":793},[783,4744,4745],{"class":797}," -webkit-box",[783,4747,817],{"class":793},[783,4749,4750,4753,4755,4758],{"class":785,"line":865},[783,4751,4752],{"class":1390},"    -webkit-box-orient",[783,4754,980],{"class":793},[783,4756,4757],{"class":797}," vertical",[783,4759,817],{"class":793},[783,4761,4762,4765,4767,4770],{"class":785,"line":871},[783,4763,4764],{"class":1390},"    -webkit-line-clamp",[783,4766,980],{"class":793},[783,4768,4769],{"class":1298}," 1",[783,4771,817],{"class":793},[783,4773,4774],{"class":785,"line":892},[783,4775,1378],{"class":793},[783,4777,4778],{"class":785,"line":913},[783,4779,868],{"emptyLinePlaceholder":223},[783,4781,4782,4784,4786,4788,4790],{"class":785,"line":918},[783,4783,1387],{"class":793},[783,4785,4717],{"class":1390},[783,4787,1394],{"class":797},[783,4789,4226],{"class":1390},[783,4791,970],{"class":793},[783,4793,4794,4796,4798,4800],{"class":785,"line":973},[783,4795,4728],{"class":1402},[783,4797,980],{"class":793},[783,4799,4733],{"class":797},[783,4801,817],{"class":793},[783,4803,4804,4806,4808,4810],{"class":785,"line":995},[783,4805,4740],{"class":1402},[783,4807,980],{"class":793},[783,4809,4745],{"class":797},[783,4811,817],{"class":793},[783,4813,4814,4816,4818,4820],{"class":785,"line":1012},[783,4815,4752],{"class":1390},[783,4817,980],{"class":793},[783,4819,4757],{"class":797},[783,4821,817],{"class":793},[783,4823,4824,4826,4828,4831],{"class":785,"line":1029},[783,4825,4764],{"class":1390},[783,4827,980],{"class":793},[783,4829,4830],{"class":1298}," 2",[783,4832,817],{"class":793},[783,4834,4835],{"class":785,"line":1046},[783,4836,1378],{"class":793},[783,4838,4839],{"class":785,"line":1063},[783,4840,868],{"emptyLinePlaceholder":223},[783,4842,4843,4845,4847,4849,4851],{"class":785,"line":1085},[783,4844,1387],{"class":793},[783,4846,4717],{"class":1390},[783,4848,1394],{"class":797},[783,4850,4597],{"class":1390},[783,4852,970],{"class":793},[783,4854,4855,4857,4859,4861],{"class":785,"line":1106},[783,4856,4728],{"class":1402},[783,4858,980],{"class":793},[783,4860,4733],{"class":797},[783,4862,817],{"class":793},[783,4864,4865,4867,4869,4871],{"class":785,"line":1122},[783,4866,4740],{"class":1402},[783,4868,980],{"class":793},[783,4870,4745],{"class":797},[783,4872,817],{"class":793},[783,4874,4875,4877,4879,4881],{"class":785,"line":1127},[783,4876,4752],{"class":1390},[783,4878,980],{"class":793},[783,4880,4757],{"class":797},[783,4882,817],{"class":793},[783,4884,4885,4887,4889,4892],{"class":785,"line":1138},[783,4886,4764],{"class":1390},[783,4888,980],{"class":793},[783,4890,4891],{"class":1298}," 3",[783,4893,817],{"class":793},[783,4895,4896],{"class":785,"line":1153},[783,4897,1378],{"class":793},[783,4899,4900],{"class":785,"line":1167},[783,4901,868],{"emptyLinePlaceholder":223},[783,4903,4904,4906,4908,4910,4912],{"class":785,"line":1181},[783,4905,1387],{"class":793},[783,4907,4717],{"class":1390},[783,4909,1394],{"class":797},[783,4911,4451],{"class":1390},[783,4913,970],{"class":793},[783,4915,4916,4918,4920,4923],{"class":785,"line":1195},[783,4917,4728],{"class":1402},[783,4919,980],{"class":793},[783,4921,4922],{"class":797}," visible",[783,4924,817],{"class":793},[783,4926,4927,4929,4931,4934],{"class":785,"line":1209},[783,4928,4740],{"class":1402},[783,4930,980],{"class":793},[783,4932,4933],{"class":797}," block",[783,4935,817],{"class":793},[783,4937,4938,4940,4942,4945],{"class":785,"line":1227},[783,4939,4752],{"class":1390},[783,4941,980],{"class":793},[783,4943,4944],{"class":797}," horizontal",[783,4946,817],{"class":793},[783,4948,4949,4951,4953,4956],{"class":785,"line":1245},[783,4950,4764],{"class":1390},[783,4952,980],{"class":793},[783,4954,4955],{"class":797}," unset",[783,4957,817],{"class":793},[783,4959,4960],{"class":785,"line":1254},[783,4961,1378],{"class":793},[783,4963,4964],{"class":785,"line":1259},[783,4965,4966],{"class":1865},"\u002F* ... more values *\u002F\n",[769,4968,4969],{"icon":520,"label":1584},[773,4970,4972],{"className":1587,"code":4971,"language":1589,"meta":779,"style":779},"\u003Cp class=\"_line-clamp:2\">Text truncated after 2 lines with ellipsis...\u003C\u002Fp>\n\u003Cp class=\"_line-clamp:3\">Text truncated after 3 lines...\u003C\u002Fp>\n\u003Cp class=\"_line-clamp:none\">Remove line clamping\u003C\u002Fp>\n",[702,4973,4974,5002,5030],{"__ignoreMap":779},[783,4975,4976,4978,4980,4982,4984,4986,4989,4991,4993,4996,4998,5000],{"class":785,"line":786},[783,4977,1596],{"class":793},[783,4979,711],{"class":976},[783,4981,1601],{"class":874},[783,4983,881],{"class":793},[783,4985,814],{"class":793},[783,4987,4988],{"class":810},"_line-clamp:2",[783,4990,814],{"class":793},[783,4992,1613],{"class":793},[783,4994,4995],{"class":797},"Text truncated after 2 lines with ellipsis...",[783,4997,1619],{"class":793},[783,4999,711],{"class":976},[783,5001,1624],{"class":793},[783,5003,5004,5006,5008,5010,5012,5014,5017,5019,5021,5024,5026,5028],{"class":785,"line":820},[783,5005,1596],{"class":793},[783,5007,711],{"class":976},[783,5009,1601],{"class":874},[783,5011,881],{"class":793},[783,5013,814],{"class":793},[783,5015,5016],{"class":810},"_line-clamp:3",[783,5018,814],{"class":793},[783,5020,1613],{"class":793},[783,5022,5023],{"class":797},"Text truncated after 3 lines...",[783,5025,1619],{"class":793},[783,5027,711],{"class":976},[783,5029,1624],{"class":793},[783,5031,5032,5034,5036,5038,5040,5042,5045,5047,5049,5052,5054,5056],{"class":785,"line":843},[783,5033,1596],{"class":793},[783,5035,711],{"class":976},[783,5037,1601],{"class":874},[783,5039,881],{"class":793},[783,5041,814],{"class":793},[783,5043,5044],{"class":810},"_line-clamp:none",[783,5046,814],{"class":793},[783,5048,1613],{"class":793},[783,5050,5051],{"class":797},"Remove line clamping",[783,5053,1619],{"class":793},[783,5055,711],{"class":976},[783,5057,1624],{"class":793},[707,5059,5061],{"id":5060},"more-typography-utilities","More Typography Utilities",[5063,5064,5065,5081],"table",{},[5066,5067,5068],"thead",{},[5069,5070,5071,5075,5078],"tr",{},[5072,5073,5074],"th",{},"Utility",[5072,5076,5077],{},"CSS Property",[5072,5079,5080],{},"Description",[5082,5083,5084,5100,5115,5130,5145,5160,5175,5190,5205,5220,5235,5250,5265,5280,5295],"tbody",{},[5069,5085,5086,5092,5097],{},[5087,5088,5089],"td",{},[702,5090,5091],{},"useFontStyleUtility",[5087,5093,5094],{},[702,5095,5096],{},"font-style",[5087,5098,5099],{},"Italic, normal, oblique",[5069,5101,5102,5107,5112],{},[5087,5103,5104],{},[702,5105,5106],{},"useFontStretchUtility",[5087,5108,5109],{},[702,5110,5111],{},"font-stretch",[5087,5113,5114],{},"Condensed, expanded",[5069,5116,5117,5122,5127],{},[5087,5118,5119],{},[702,5120,5121],{},"useFontSmoothingUtility",[5087,5123,5124],{},[702,5125,5126],{},"-webkit-font-smoothing",[5087,5128,5129],{},"Anti-aliasing control",[5069,5131,5132,5137,5142],{},[5087,5133,5134],{},[702,5135,5136],{},"useFontVariantNumericUtility",[5087,5138,5139],{},[702,5140,5141],{},"font-variant-numeric",[5087,5143,5144],{},"OpenType numeric features",[5069,5146,5147,5152,5157],{},[5087,5148,5149],{},[702,5150,5151],{},"useTextTransformUtility",[5087,5153,5154],{},[702,5155,5156],{},"text-transform",[5087,5158,5159],{},"Uppercase, lowercase, capitalize",[5069,5161,5162,5167,5172],{},[5087,5163,5164],{},[702,5165,5166],{},"useTextOverflowUtility",[5087,5168,5169],{},[702,5170,5171],{},"text-overflow",[5087,5173,5174],{},"Ellipsis, clip",[5069,5176,5177,5182,5187],{},[5087,5178,5179],{},[702,5180,5181],{},"useTextIndentUtility",[5087,5183,5184],{},[702,5185,5186],{},"text-indent",[5087,5188,5189],{},"First line indent",[5069,5191,5192,5197,5202],{},[5087,5193,5194],{},[702,5195,5196],{},"useTextUnderlineOffsetUtility",[5087,5198,5199],{},[702,5200,5201],{},"text-underline-offset",[5087,5203,5204],{},"Underline position",[5069,5206,5207,5212,5217],{},[5087,5208,5209],{},[702,5210,5211],{},"useVerticalAlignUtility",[5087,5213,5214],{},[702,5215,5216],{},"vertical-align",[5087,5218,5219],{},"Inline element alignment",[5069,5221,5222,5227,5232],{},[5087,5223,5224],{},[702,5225,5226],{},"useWhitespaceUtility",[5087,5228,5229],{},[702,5230,5231],{},"white-space",[5087,5233,5234],{},"Wrapping and whitespace handling",[5069,5236,5237,5242,5247],{},[5087,5238,5239],{},[702,5240,5241],{},"useWordBreakUtility",[5087,5243,5244],{},[702,5245,5246],{},"word-break",[5087,5248,5249],{},"Word breaking rules",[5069,5251,5252,5257,5262],{},[5087,5253,5254],{},[702,5255,5256],{},"useOverflowWrapUtility",[5087,5258,5259],{},[702,5260,5261],{},"overflow-wrap",[5087,5263,5264],{},"Word wrapping",[5069,5266,5267,5272,5277],{},[5087,5268,5269],{},[702,5270,5271],{},"useHyphensUtility",[5087,5273,5274],{},[702,5275,5276],{},"hyphens",[5087,5278,5279],{},"Hyphenation",[5069,5281,5282,5287,5292],{},[5087,5283,5284],{},[702,5285,5286],{},"useListStyleUtility",[5087,5288,5289],{},[702,5290,5291],{},"list-style-type",[5087,5293,5294],{},"List markers",[5069,5296,5297,5302,5307],{},[5087,5298,5299],{},[702,5300,5301],{},"useContentUtility",[5087,5303,5304],{},[702,5305,5306],{},"content",[5087,5308,5309],{},"Generated content",[707,5311,5313],{"id":5312},"examples","Examples",[1681,5315,5317],{"id":5316},"text-truncation","Text Truncation",[766,5319,5320,5586],{},[769,5321,5322],{"icon":771,"label":290},[773,5323,5325],{"className":775,"code":5324,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useLineClampUtility, useTextOverflowUtility } from \"@styleframe\u002Ftheme\";\nimport { useOverflowUtility, useWhitespaceUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\n\u002F\u002F Multi-line truncation\nuseLineClampUtility(s, {\n    '2': '2',\n    '3': '3',\n});\n\n\u002F\u002F Single-line truncation\nuseTextOverflowUtility(s, { ellipsis: 'ellipsis' });\nuseOverflowUtility(s, { hidden: 'hidden' });\nuseWhitespaceUtility(s, { nowrap: 'nowrap' });\n\nexport default s;\n",[702,5326,5327,5347,5372,5398,5402,5416,5420,5425,5435,5453,5471,5479,5483,5488,5516,5544,5572,5576],{"__ignoreMap":779},[783,5328,5329,5331,5333,5335,5337,5339,5341,5343,5345],{"class":785,"line":786},[783,5330,790],{"class":789},[783,5332,794],{"class":793},[783,5334,798],{"class":797},[783,5336,801],{"class":793},[783,5338,804],{"class":789},[783,5340,807],{"class":793},[783,5342,811],{"class":810},[783,5344,814],{"class":793},[783,5346,817],{"class":793},[783,5348,5349,5351,5353,5355,5357,5360,5362,5364,5366,5368,5370],{"class":785,"line":820},[783,5350,790],{"class":789},[783,5352,794],{"class":793},[783,5354,4510],{"class":797},[783,5356,928],{"class":793},[783,5358,5359],{"class":797}," useTextOverflowUtility",[783,5361,801],{"class":793},[783,5363,804],{"class":789},[783,5365,807],{"class":793},[783,5367,836],{"class":810},[783,5369,814],{"class":793},[783,5371,817],{"class":793},[783,5373,5374,5376,5378,5381,5383,5386,5388,5390,5392,5394,5396],{"class":785,"line":843},[783,5375,790],{"class":789},[783,5377,794],{"class":793},[783,5379,5380],{"class":797}," useOverflowUtility",[783,5382,928],{"class":793},[783,5384,5385],{"class":797}," useWhitespaceUtility",[783,5387,801],{"class":793},[783,5389,804],{"class":789},[783,5391,807],{"class":793},[783,5393,836],{"class":810},[783,5395,814],{"class":793},[783,5397,817],{"class":793},[783,5399,5400],{"class":785,"line":865},[783,5401,868],{"emptyLinePlaceholder":223},[783,5403,5404,5406,5408,5410,5412,5414],{"class":785,"line":871},[783,5405,875],{"class":874},[783,5407,878],{"class":797},[783,5409,881],{"class":793},[783,5411,798],{"class":884},[783,5413,887],{"class":797},[783,5415,817],{"class":793},[783,5417,5418],{"class":785,"line":892},[783,5419,868],{"emptyLinePlaceholder":223},[783,5421,5422],{"class":785,"line":913},[783,5423,5424],{"class":1865},"\u002F\u002F Multi-line truncation\n",[783,5426,5427,5429,5431,5433],{"class":785,"line":918},[783,5428,4469],{"class":884},[783,5430,965],{"class":797},[783,5432,928],{"class":793},[783,5434,970],{"class":793},[783,5436,5437,5439,5441,5443,5445,5447,5449,5451],{"class":785,"line":973},[783,5438,1066],{"class":793},[783,5440,4226],{"class":976},[783,5442,989],{"class":793},[783,5444,980],{"class":793},[783,5446,983],{"class":793},[783,5448,4226],{"class":810},[783,5450,989],{"class":793},[783,5452,992],{"class":793},[783,5454,5455,5457,5459,5461,5463,5465,5467,5469],{"class":785,"line":995},[783,5456,1066],{"class":793},[783,5458,4597],{"class":976},[783,5460,989],{"class":793},[783,5462,980],{"class":793},[783,5464,983],{"class":793},[783,5466,4597],{"class":810},[783,5468,989],{"class":793},[783,5470,992],{"class":793},[783,5472,5473,5475,5477],{"class":785,"line":1012},[783,5474,902],{"class":793},[783,5476,1117],{"class":797},[783,5478,817],{"class":793},[783,5480,5481],{"class":785,"line":1029},[783,5482,868],{"emptyLinePlaceholder":223},[783,5484,5485],{"class":785,"line":1046},[783,5486,5487],{"class":1865},"\u002F\u002F Single-line truncation\n",[783,5489,5490,5492,5494,5496,5498,5501,5503,5505,5508,5510,5512,5514],{"class":785,"line":1063},[783,5491,5166],{"class":884},[783,5493,965],{"class":797},[783,5495,928],{"class":793},[783,5497,794],{"class":793},[783,5499,5500],{"class":976}," ellipsis",[783,5502,980],{"class":793},[783,5504,983],{"class":793},[783,5506,5507],{"class":810},"ellipsis",[783,5509,989],{"class":793},[783,5511,801],{"class":793},[783,5513,1117],{"class":797},[783,5515,817],{"class":793},[783,5517,5518,5521,5523,5525,5527,5529,5531,5533,5536,5538,5540,5542],{"class":785,"line":1085},[783,5519,5520],{"class":884},"useOverflowUtility",[783,5522,965],{"class":797},[783,5524,928],{"class":793},[783,5526,794],{"class":793},[783,5528,4733],{"class":976},[783,5530,980],{"class":793},[783,5532,983],{"class":793},[783,5534,5535],{"class":810},"hidden",[783,5537,989],{"class":793},[783,5539,801],{"class":793},[783,5541,1117],{"class":797},[783,5543,817],{"class":793},[783,5545,5546,5548,5550,5552,5554,5557,5559,5561,5564,5566,5568,5570],{"class":785,"line":1106},[783,5547,5226],{"class":884},[783,5549,965],{"class":797},[783,5551,928],{"class":793},[783,5553,794],{"class":793},[783,5555,5556],{"class":976}," nowrap",[783,5558,980],{"class":793},[783,5560,983],{"class":793},[783,5562,5563],{"class":810},"nowrap",[783,5565,989],{"class":793},[783,5567,801],{"class":793},[783,5569,1117],{"class":797},[783,5571,817],{"class":793},[783,5573,5574],{"class":785,"line":1122},[783,5575,868],{"emptyLinePlaceholder":223},[783,5577,5578,5580,5582,5584],{"class":785,"line":1127},[783,5579,1262],{"class":789},[783,5581,1265],{"class":789},[783,5583,908],{"class":797},[783,5585,817],{"class":793},[769,5587,5588],{"icon":154,"label":326},[773,5589,5591],{"className":1274,"code":5590,"filename":1276,"language":1277,"meta":779,"style":779},"._line-clamp\\:2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n}\n\n._line-clamp\\:3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n}\n\n._text-overflow\\:ellipsis { text-overflow: ellipsis; }\n._overflow\\:hidden { overflow: hidden; }\n._whitespace\\:nowrap { white-space: nowrap; }\n",[702,5592,5593,5605,5615,5625,5635,5645,5649,5653,5665,5675,5685,5695,5705,5709,5713,5737,5761],{"__ignoreMap":779},[783,5594,5595,5597,5599,5601,5603],{"class":785,"line":786},[783,5596,1387],{"class":793},[783,5598,4717],{"class":1390},[783,5600,1394],{"class":797},[783,5602,4226],{"class":1390},[783,5604,970],{"class":793},[783,5606,5607,5609,5611,5613],{"class":785,"line":820},[783,5608,4728],{"class":1402},[783,5610,980],{"class":793},[783,5612,4733],{"class":797},[783,5614,817],{"class":793},[783,5616,5617,5619,5621,5623],{"class":785,"line":843},[783,5618,4740],{"class":1402},[783,5620,980],{"class":793},[783,5622,4745],{"class":797},[783,5624,817],{"class":793},[783,5626,5627,5629,5631,5633],{"class":785,"line":865},[783,5628,4752],{"class":1390},[783,5630,980],{"class":793},[783,5632,4757],{"class":797},[783,5634,817],{"class":793},[783,5636,5637,5639,5641,5643],{"class":785,"line":871},[783,5638,4764],{"class":1390},[783,5640,980],{"class":793},[783,5642,4830],{"class":1298},[783,5644,817],{"class":793},[783,5646,5647],{"class":785,"line":892},[783,5648,1378],{"class":793},[783,5650,5651],{"class":785,"line":913},[783,5652,868],{"emptyLinePlaceholder":223},[783,5654,5655,5657,5659,5661,5663],{"class":785,"line":918},[783,5656,1387],{"class":793},[783,5658,4717],{"class":1390},[783,5660,1394],{"class":797},[783,5662,4597],{"class":1390},[783,5664,970],{"class":793},[783,5666,5667,5669,5671,5673],{"class":785,"line":973},[783,5668,4728],{"class":1402},[783,5670,980],{"class":793},[783,5672,4733],{"class":797},[783,5674,817],{"class":793},[783,5676,5677,5679,5681,5683],{"class":785,"line":995},[783,5678,4740],{"class":1402},[783,5680,980],{"class":793},[783,5682,4745],{"class":797},[783,5684,817],{"class":793},[783,5686,5687,5689,5691,5693],{"class":785,"line":1012},[783,5688,4752],{"class":1390},[783,5690,980],{"class":793},[783,5692,4757],{"class":797},[783,5694,817],{"class":793},[783,5696,5697,5699,5701,5703],{"class":785,"line":1029},[783,5698,4764],{"class":1390},[783,5700,980],{"class":793},[783,5702,4891],{"class":1298},[783,5704,817],{"class":793},[783,5706,5707],{"class":785,"line":1046},[783,5708,1378],{"class":793},[783,5710,5711],{"class":785,"line":1063},[783,5712,868],{"emptyLinePlaceholder":223},[783,5714,5715,5717,5720,5722,5724,5726,5729,5731,5733,5735],{"class":785,"line":1085},[783,5716,1387],{"class":793},[783,5718,5719],{"class":1390},"_text-overflow",[783,5721,1394],{"class":797},[783,5723,5507],{"class":1390},[783,5725,794],{"class":793},[783,5727,5728],{"class":1402}," text-overflow",[783,5730,980],{"class":793},[783,5732,5500],{"class":797},[783,5734,2424],{"class":793},[783,5736,1420],{"class":793},[783,5738,5739,5741,5744,5746,5748,5750,5753,5755,5757,5759],{"class":785,"line":1106},[783,5740,1387],{"class":793},[783,5742,5743],{"class":1390},"_overflow",[783,5745,1394],{"class":797},[783,5747,5535],{"class":1390},[783,5749,794],{"class":793},[783,5751,5752],{"class":1402}," overflow",[783,5754,980],{"class":793},[783,5756,4733],{"class":797},[783,5758,2424],{"class":793},[783,5760,1420],{"class":793},[783,5762,5763,5765,5768,5770,5772,5774,5777,5779,5781,5783],{"class":785,"line":1122},[783,5764,1387],{"class":793},[783,5766,5767],{"class":1390},"_whitespace",[783,5769,1394],{"class":797},[783,5771,5563],{"class":1390},[783,5773,794],{"class":793},[783,5775,5776],{"class":1402}," white-space",[783,5778,980],{"class":793},[783,5780,5556],{"class":797},[783,5782,2424],{"class":793},[783,5784,1420],{"class":793},[711,5786,5787],{},"Usage in HTML:",[773,5789,5791],{"className":1587,"code":5790,"language":1589,"meta":779,"style":779},"\u003C!-- Multi-line truncation (3 lines) -->\n\u003Cp class=\"_line-clamp:3\">\n    Long text that will be truncated after three lines with an ellipsis...\n\u003C\u002Fp>\n\n\u003C!-- Single-line truncation -->\n\u003Cp class=\"_overflow:hidden _whitespace:nowrap _text-overflow:ellipsis\">\n    Long text on a single line that will be truncated with an ellipsis...\n\u003C\u002Fp>\n",[702,5792,5793,5798,5816,5821,5829,5833,5838,5857,5862],{"__ignoreMap":779},[783,5794,5795],{"class":785,"line":786},[783,5796,5797],{"class":1865},"\u003C!-- Multi-line truncation (3 lines) -->\n",[783,5799,5800,5802,5804,5806,5808,5810,5812,5814],{"class":785,"line":820},[783,5801,1596],{"class":793},[783,5803,711],{"class":976},[783,5805,1601],{"class":874},[783,5807,881],{"class":793},[783,5809,814],{"class":793},[783,5811,5016],{"class":810},[783,5813,814],{"class":793},[783,5815,1624],{"class":793},[783,5817,5818],{"class":785,"line":843},[783,5819,5820],{"class":797},"    Long text that will be truncated after three lines with an ellipsis...\n",[783,5822,5823,5825,5827],{"class":785,"line":865},[783,5824,1619],{"class":793},[783,5826,711],{"class":976},[783,5828,1624],{"class":793},[783,5830,5831],{"class":785,"line":871},[783,5832,868],{"emptyLinePlaceholder":223},[783,5834,5835],{"class":785,"line":892},[783,5836,5837],{"class":1865},"\u003C!-- Single-line truncation -->\n",[783,5839,5840,5842,5844,5846,5848,5850,5853,5855],{"class":785,"line":913},[783,5841,1596],{"class":793},[783,5843,711],{"class":976},[783,5845,1601],{"class":874},[783,5847,881],{"class":793},[783,5849,814],{"class":793},[783,5851,5852],{"class":810},"_overflow:hidden _whitespace:nowrap _text-overflow:ellipsis",[783,5854,814],{"class":793},[783,5856,1624],{"class":793},[783,5858,5859],{"class":785,"line":918},[783,5860,5861],{"class":797},"    Long text on a single line that will be truncated with an ellipsis...\n",[783,5863,5864,5866,5868],{"class":785,"line":973},[783,5865,1619],{"class":793},[783,5867,711],{"class":976},[783,5869,1624],{"class":793},[1681,5871,5873],{"id":5872},"heading-hierarchy","Heading Hierarchy",[766,5875,5876,6272],{},[769,5877,5878],{"icon":771,"label":290},[773,5879,5881],{"className":775,"code":5880,"filename":777,"language":778,"meta":779,"style":779},"import { styleframe } from \"styleframe\";\nimport { useFontSizeUtility, useFontWeightUtility, useLineHeightUtility, useLetterSpacingUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseFontSizeUtility(s, {\n    default: '1rem',\n    lg: '1.125rem',\n    xl: '1.25rem',\n    '2xl': '1.5rem',\n    '3xl': '1.875rem',\n    '4xl': '2.25rem',\n});\n\nuseFontWeightUtility(s, {\n    normal: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n});\n\nuseLineHeightUtility(s, {\n    tight: '1.25',\n    normal: '1.5',\n});\n\nuseLetterSpacingUtility(s, {\n    tight: '-0.025em',\n    normal: '0',\n});\n\nexport default s;\n",[702,5882,5883,5903,5937,5941,5955,5959,5969,5983,5997,6011,6029,6047,6067,6075,6079,6089,6103,6117,6131,6145,6153,6157,6167,6181,6195,6203,6207,6217,6231,6247,6256,6261],{"__ignoreMap":779},[783,5884,5885,5887,5889,5891,5893,5895,5897,5899,5901],{"class":785,"line":786},[783,5886,790],{"class":789},[783,5888,794],{"class":793},[783,5890,798],{"class":797},[783,5892,801],{"class":793},[783,5894,804],{"class":789},[783,5896,807],{"class":793},[783,5898,811],{"class":810},[783,5900,814],{"class":793},[783,5902,817],{"class":793},[783,5904,5905,5907,5909,5911,5913,5915,5917,5920,5922,5925,5927,5929,5931,5933,5935],{"class":785,"line":820},[783,5906,790],{"class":789},[783,5908,794],{"class":793},[783,5910,850],{"class":797},[783,5912,928],{"class":793},[783,5914,2688],{"class":797},[783,5916,928],{"class":793},[783,5918,5919],{"class":797}," useLineHeightUtility",[783,5921,928],{"class":793},[783,5923,5924],{"class":797}," useLetterSpacingUtility",[783,5926,801],{"class":793},[783,5928,804],{"class":789},[783,5930,807],{"class":793},[783,5932,836],{"class":810},[783,5934,814],{"class":793},[783,5936,817],{"class":793},[783,5938,5939],{"class":785,"line":843},[783,5940,868],{"emptyLinePlaceholder":223},[783,5942,5943,5945,5947,5949,5951,5953],{"class":785,"line":865},[783,5944,875],{"class":874},[783,5946,878],{"class":797},[783,5948,881],{"class":793},[783,5950,798],{"class":884},[783,5952,887],{"class":797},[783,5954,817],{"class":793},[783,5956,5957],{"class":785,"line":871},[783,5958,868],{"emptyLinePlaceholder":223},[783,5960,5961,5963,5965,5967],{"class":785,"line":892},[783,5962,757],{"class":884},[783,5964,965],{"class":797},[783,5966,928],{"class":793},[783,5968,970],{"class":793},[783,5970,5971,5973,5975,5977,5979,5981],{"class":785,"line":913},[783,5972,1015],{"class":976},[783,5974,980],{"class":793},[783,5976,983],{"class":793},[783,5978,1022],{"class":810},[783,5980,989],{"class":793},[783,5982,992],{"class":793},[783,5984,5985,5987,5989,5991,5993,5995],{"class":785,"line":918},[783,5986,1032],{"class":976},[783,5988,980],{"class":793},[783,5990,983],{"class":793},[783,5992,1039],{"class":810},[783,5994,989],{"class":793},[783,5996,992],{"class":793},[783,5998,5999,6001,6003,6005,6007,6009],{"class":785,"line":973},[783,6000,1049],{"class":976},[783,6002,980],{"class":793},[783,6004,983],{"class":793},[783,6006,1056],{"class":810},[783,6008,989],{"class":793},[783,6010,992],{"class":793},[783,6012,6013,6015,6017,6019,6021,6023,6025,6027],{"class":785,"line":995},[783,6014,1066],{"class":793},[783,6016,1069],{"class":976},[783,6018,989],{"class":793},[783,6020,980],{"class":793},[783,6022,983],{"class":793},[783,6024,1078],{"class":810},[783,6026,989],{"class":793},[783,6028,992],{"class":793},[783,6030,6031,6033,6035,6037,6039,6041,6043,6045],{"class":785,"line":1012},[783,6032,1066],{"class":793},[783,6034,1090],{"class":976},[783,6036,989],{"class":793},[783,6038,980],{"class":793},[783,6040,983],{"class":793},[783,6042,1099],{"class":810},[783,6044,989],{"class":793},[783,6046,992],{"class":793},[783,6048,6049,6051,6054,6056,6058,6060,6063,6065],{"class":785,"line":1029},[783,6050,1066],{"class":793},[783,6052,6053],{"class":976},"4xl",[783,6055,989],{"class":793},[783,6057,980],{"class":793},[783,6059,983],{"class":793},[783,6061,6062],{"class":810},"2.25rem",[783,6064,989],{"class":793},[783,6066,992],{"class":793},[783,6068,6069,6071,6073],{"class":785,"line":1046},[783,6070,902],{"class":793},[783,6072,1117],{"class":797},[783,6074,817],{"class":793},[783,6076,6077],{"class":785,"line":1063},[783,6078,868],{"emptyLinePlaceholder":223},[783,6080,6081,6083,6085,6087],{"class":785,"line":1085},[783,6082,2644],{"class":884},[783,6084,965],{"class":797},[783,6086,928],{"class":793},[783,6088,970],{"class":793},[783,6090,6091,6093,6095,6097,6099,6101],{"class":785,"line":1106},[783,6092,2785],{"class":976},[783,6094,980],{"class":793},[783,6096,983],{"class":793},[783,6098,2792],{"class":810},[783,6100,989],{"class":793},[783,6102,992],{"class":793},[783,6104,6105,6107,6109,6111,6113,6115],{"class":785,"line":1122},[783,6106,2801],{"class":976},[783,6108,980],{"class":793},[783,6110,983],{"class":793},[783,6112,2808],{"class":810},[783,6114,989],{"class":793},[783,6116,992],{"class":793},[783,6118,6119,6121,6123,6125,6127,6129],{"class":785,"line":1127},[783,6120,2817],{"class":976},[783,6122,980],{"class":793},[783,6124,983],{"class":793},[783,6126,2824],{"class":810},[783,6128,989],{"class":793},[783,6130,992],{"class":793},[783,6132,6133,6135,6137,6139,6141,6143],{"class":785,"line":1138},[783,6134,2833],{"class":976},[783,6136,980],{"class":793},[783,6138,983],{"class":793},[783,6140,2840],{"class":810},[783,6142,989],{"class":793},[783,6144,992],{"class":793},[783,6146,6147,6149,6151],{"class":785,"line":1153},[783,6148,902],{"class":793},[783,6150,1117],{"class":797},[783,6152,817],{"class":793},[783,6154,6155],{"class":785,"line":1167},[783,6156,868],{"emptyLinePlaceholder":223},[783,6158,6159,6161,6163,6165],{"class":785,"line":1181},[783,6160,4118],{"class":884},[783,6162,965],{"class":797},[783,6164,928],{"class":793},[783,6166,970],{"class":793},[783,6168,6169,6171,6173,6175,6177,6179],{"class":785,"line":1195},[783,6170,4156],{"class":976},[783,6172,980],{"class":793},[783,6174,983],{"class":793},[783,6176,4163],{"class":810},[783,6178,989],{"class":793},[783,6180,992],{"class":793},[783,6182,6183,6185,6187,6189,6191,6193],{"class":785,"line":1209},[783,6184,2785],{"class":976},[783,6186,980],{"class":793},[783,6188,983],{"class":793},[783,6190,4194],{"class":810},[783,6192,989],{"class":793},[783,6194,992],{"class":793},[783,6196,6197,6199,6201],{"class":785,"line":1227},[783,6198,902],{"class":793},[783,6200,1117],{"class":797},[783,6202,817],{"class":793},[783,6204,6205],{"class":785,"line":1245},[783,6206,868],{"emptyLinePlaceholder":223},[783,6208,6209,6211,6213,6215],{"class":785,"line":1254},[783,6210,4244],{"class":884},[783,6212,965],{"class":797},[783,6214,928],{"class":793},[783,6216,970],{"class":793},[783,6218,6219,6221,6223,6225,6227,6229],{"class":785,"line":1259},[783,6220,4156],{"class":976},[783,6222,980],{"class":793},[783,6224,983],{"class":793},[783,6226,4289],{"class":810},[783,6228,989],{"class":793},[783,6230,992],{"class":793},[783,6232,6234,6236,6238,6240,6243,6245],{"class":785,"line":6233},29,[783,6235,2785],{"class":976},[783,6237,980],{"class":793},[783,6239,983],{"class":793},[783,6241,6242],{"class":810},"0",[783,6244,989],{"class":793},[783,6246,992],{"class":793},[783,6248,6250,6252,6254],{"class":785,"line":6249},30,[783,6251,902],{"class":793},[783,6253,1117],{"class":797},[783,6255,817],{"class":793},[783,6257,6259],{"class":785,"line":6258},31,[783,6260,868],{"emptyLinePlaceholder":223},[783,6262,6264,6266,6268,6270],{"class":785,"line":6263},32,[783,6265,1262],{"class":789},[783,6267,1265],{"class":789},[783,6269,908],{"class":797},[783,6271,817],{"class":793},[769,6273,6274],{"icon":154,"label":326},[773,6275,6277],{"className":1274,"code":6276,"filename":1276,"language":1277,"meta":779,"style":779},"._font-size { font-size: 1rem; }\n._font-size\\:lg { font-size: 1.125rem; }\n._font-size\\:xl { font-size: 1.25rem; }\n._font-size\\:2xl { font-size: 1.5rem; }\n._font-size\\:3xl { font-size: 1.875rem; }\n._font-size\\:4xl { font-size: 2.25rem; }\n\n._font-weight\\:normal { font-weight: 400; }\n._font-weight\\:medium { font-weight: 500; }\n._font-weight\\:semibold { font-weight: 600; }\n._font-weight\\:bold { font-weight: 700; }\n\n._line-height\\:tight { line-height: 1.25; }\n._line-height\\:normal { line-height: 1.5; }\n\n._letter-spacing\\:tight { letter-spacing: -0.025em; }\n._letter-spacing\\:normal { letter-spacing: 0; }\n",[702,6278,6279,6297,6319,6341,6363,6385,6408,6412,6434,6456,6478,6500,6504,6530,6553,6557,6582],{"__ignoreMap":779},[783,6280,6281,6283,6285,6287,6289,6291,6293,6295],{"class":785,"line":786},[783,6282,1387],{"class":793},[783,6284,1391],{"class":1390},[783,6286,794],{"class":793},[783,6288,1403],{"class":1402},[783,6290,980],{"class":793},[783,6292,1323],{"class":1298},[783,6294,2424],{"class":793},[783,6296,1420],{"class":793},[783,6298,6299,6301,6303,6305,6307,6309,6311,6313,6315,6317],{"class":785,"line":820},[783,6300,1387],{"class":793},[783,6302,1391],{"class":1390},[783,6304,1394],{"class":797},[783,6306,1482],{"class":1390},[783,6308,794],{"class":793},[783,6310,1403],{"class":1402},[783,6312,980],{"class":793},[783,6314,1335],{"class":1298},[783,6316,2424],{"class":793},[783,6318,1420],{"class":793},[783,6320,6321,6323,6325,6327,6329,6331,6333,6335,6337,6339],{"class":785,"line":843},[783,6322,1387],{"class":793},[783,6324,1391],{"class":1390},[783,6326,1394],{"class":797},[783,6328,1510],{"class":1390},[783,6330,794],{"class":793},[783,6332,1403],{"class":1402},[783,6334,980],{"class":793},[783,6336,1347],{"class":1298},[783,6338,2424],{"class":793},[783,6340,1420],{"class":793},[783,6342,6343,6345,6347,6349,6351,6353,6355,6357,6359,6361],{"class":785,"line":865},[783,6344,1387],{"class":793},[783,6346,1391],{"class":1390},[783,6348,1394],{"class":797},[783,6350,1069],{"class":1390},[783,6352,794],{"class":793},[783,6354,1403],{"class":1402},[783,6356,980],{"class":793},[783,6358,1359],{"class":1298},[783,6360,2424],{"class":793},[783,6362,1420],{"class":793},[783,6364,6365,6367,6369,6371,6373,6375,6377,6379,6381,6383],{"class":785,"line":871},[783,6366,1387],{"class":793},[783,6368,1391],{"class":1390},[783,6370,1394],{"class":797},[783,6372,1090],{"class":1390},[783,6374,794],{"class":793},[783,6376,1403],{"class":1402},[783,6378,980],{"class":793},[783,6380,1371],{"class":1298},[783,6382,2424],{"class":793},[783,6384,1420],{"class":793},[783,6386,6387,6389,6391,6393,6395,6397,6399,6401,6404,6406],{"class":785,"line":892},[783,6388,1387],{"class":793},[783,6390,1391],{"class":1390},[783,6392,1394],{"class":797},[783,6394,6053],{"class":1390},[783,6396,794],{"class":793},[783,6398,1403],{"class":1402},[783,6400,980],{"class":793},[783,6402,6403],{"class":1298}," 2.25rem",[783,6405,2424],{"class":793},[783,6407,1420],{"class":793},[783,6409,6410],{"class":785,"line":913},[783,6411,868],{"emptyLinePlaceholder":223},[783,6413,6414,6416,6418,6420,6422,6424,6426,6428,6430,6432],{"class":785,"line":918},[783,6415,1387],{"class":793},[783,6417,2912],{"class":1390},[783,6419,1394],{"class":797},[783,6421,2990],{"class":1390},[783,6423,794],{"class":793},[783,6425,2922],{"class":1402},[783,6427,980],{"class":793},[783,6429,2999],{"class":1298},[783,6431,2424],{"class":793},[783,6433,1420],{"class":793},[783,6435,6436,6438,6440,6442,6444,6446,6448,6450,6452,6454],{"class":785,"line":973},[783,6437,1387],{"class":793},[783,6439,2912],{"class":1390},[783,6441,1394],{"class":797},[783,6443,3014],{"class":1390},[783,6445,794],{"class":793},[783,6447,2922],{"class":1402},[783,6449,980],{"class":793},[783,6451,3023],{"class":1298},[783,6453,2424],{"class":793},[783,6455,1420],{"class":793},[783,6457,6458,6460,6462,6464,6466,6468,6470,6472,6474,6476],{"class":785,"line":995},[783,6459,1387],{"class":793},[783,6461,2912],{"class":1390},[783,6463,1394],{"class":797},[783,6465,3038],{"class":1390},[783,6467,794],{"class":793},[783,6469,2922],{"class":1402},[783,6471,980],{"class":793},[783,6473,3047],{"class":1298},[783,6475,2424],{"class":793},[783,6477,1420],{"class":793},[783,6479,6480,6482,6484,6486,6488,6490,6492,6494,6496,6498],{"class":785,"line":1012},[783,6481,1387],{"class":793},[783,6483,2912],{"class":1390},[783,6485,1394],{"class":797},[783,6487,3062],{"class":1390},[783,6489,794],{"class":793},[783,6491,2922],{"class":1402},[783,6493,980],{"class":793},[783,6495,3071],{"class":1298},[783,6497,2424],{"class":793},[783,6499,1420],{"class":793},[783,6501,6502],{"class":785,"line":1029},[783,6503,868],{"emptyLinePlaceholder":223},[783,6505,6506,6508,6511,6513,6516,6518,6521,6523,6526,6528],{"class":785,"line":1046},[783,6507,1387],{"class":793},[783,6509,6510],{"class":1390},"_line-height",[783,6512,1394],{"class":797},[783,6514,6515],{"class":1390},"tight",[783,6517,794],{"class":793},[783,6519,6520],{"class":1402}," line-height",[783,6522,980],{"class":793},[783,6524,6525],{"class":1298}," 1.25",[783,6527,2424],{"class":793},[783,6529,1420],{"class":793},[783,6531,6532,6534,6536,6538,6540,6542,6544,6546,6549,6551],{"class":785,"line":1063},[783,6533,1387],{"class":793},[783,6535,6510],{"class":1390},[783,6537,1394],{"class":797},[783,6539,2990],{"class":1390},[783,6541,794],{"class":793},[783,6543,6520],{"class":1402},[783,6545,980],{"class":793},[783,6547,6548],{"class":1298}," 1.5",[783,6550,2424],{"class":793},[783,6552,1420],{"class":793},[783,6554,6555],{"class":785,"line":1085},[783,6556,868],{"emptyLinePlaceholder":223},[783,6558,6559,6561,6564,6566,6568,6570,6573,6575,6578,6580],{"class":785,"line":1106},[783,6560,1387],{"class":793},[783,6562,6563],{"class":1390},"_letter-spacing",[783,6565,1394],{"class":797},[783,6567,6515],{"class":1390},[783,6569,794],{"class":793},[783,6571,6572],{"class":1402}," letter-spacing",[783,6574,980],{"class":793},[783,6576,6577],{"class":1298}," -0.025em",[783,6579,2424],{"class":793},[783,6581,1420],{"class":793},[783,6583,6584,6586,6588,6590,6592,6594,6596,6598,6601,6603],{"class":785,"line":1122},[783,6585,1387],{"class":793},[783,6587,6563],{"class":1390},[783,6589,1394],{"class":797},[783,6591,2990],{"class":1390},[783,6593,794],{"class":793},[783,6595,6572],{"class":1402},[783,6597,980],{"class":793},[783,6599,6600],{"class":1298}," 0",[783,6602,2424],{"class":793},[783,6604,1420],{"class":793},[711,6606,5787],{},[773,6608,6610],{"className":1587,"code":6609,"language":1589,"meta":779,"style":779},"\u003Ch1 class=\"_font-size:4xl _font-weight:bold _line-height:tight _letter-spacing:tight\">\n    Page Title\n\u003C\u002Fh1>\n\u003Ch2 class=\"_font-size:2xl _font-weight:semibold _line-height:tight\">\n    Section Heading\n\u003C\u002Fh2>\n\u003Cp class=\"_font-size _font-weight:normal _line-height:normal\">\n    Body text with comfortable reading line height.\n\u003C\u002Fp>\n",[702,6611,6612,6631,6636,6644,6663,6668,6676,6695,6700],{"__ignoreMap":779},[783,6613,6614,6616,6618,6620,6622,6624,6627,6629],{"class":785,"line":786},[783,6615,1596],{"class":793},[783,6617,3193],{"class":976},[783,6619,1601],{"class":874},[783,6621,881],{"class":793},[783,6623,814],{"class":793},[783,6625,6626],{"class":810},"_font-size:4xl _font-weight:bold _line-height:tight _letter-spacing:tight",[783,6628,814],{"class":793},[783,6630,1624],{"class":793},[783,6632,6633],{"class":785,"line":820},[783,6634,6635],{"class":797},"    Page Title\n",[783,6637,6638,6640,6642],{"class":785,"line":843},[783,6639,1619],{"class":793},[783,6641,3193],{"class":976},[783,6643,1624],{"class":793},[783,6645,6646,6648,6650,6652,6654,6656,6659,6661],{"class":785,"line":865},[783,6647,1596],{"class":793},[783,6649,707],{"class":976},[783,6651,1601],{"class":874},[783,6653,881],{"class":793},[783,6655,814],{"class":793},[783,6657,6658],{"class":810},"_font-size:2xl _font-weight:semibold _line-height:tight",[783,6660,814],{"class":793},[783,6662,1624],{"class":793},[783,6664,6665],{"class":785,"line":871},[783,6666,6667],{"class":797},"    Section Heading\n",[783,6669,6670,6672,6674],{"class":785,"line":892},[783,6671,1619],{"class":793},[783,6673,707],{"class":976},[783,6675,1624],{"class":793},[783,6677,6678,6680,6682,6684,6686,6688,6691,6693],{"class":785,"line":913},[783,6679,1596],{"class":793},[783,6681,711],{"class":976},[783,6683,1601],{"class":874},[783,6685,881],{"class":793},[783,6687,814],{"class":793},[783,6689,6690],{"class":810},"_font-size _font-weight:normal _line-height:normal",[783,6692,814],{"class":793},[783,6694,1624],{"class":793},[783,6696,6697],{"class":785,"line":918},[783,6698,6699],{"class":797},"    Body text with comfortable reading line height.\n",[783,6701,6702,6704,6706],{"class":785,"line":973},[783,6703,1619],{"class":793},[783,6705,711],{"class":976},[783,6707,1624],{"class":793},[707,6709,6711],{"id":6710},"best-practices","Best Practices",[722,6713,6714,6720,6726,6732,6738,6744],{},[725,6715,6716,6719],{},[692,6717,6718],{},"Use a consistent type scale",": Define a modular scale for font sizes",[725,6721,6722,6725],{},[692,6723,6724],{},"Pair font size with line height",": Larger text needs tighter line height",[725,6727,6728,6731],{},[692,6729,6730],{},"Consider accessibility",": Ensure minimum font sizes and sufficient contrast",[725,6733,6734,6737],{},[692,6735,6736],{},"Use relative units",": Prefer rem over px for better accessibility",[725,6739,6740,6743],{},[692,6741,6742],{},"Limit font weights",": Most designs need only 3-4 weights (normal, medium, semibold, bold)",[725,6745,6746,6749],{},[692,6747,6748],{},"Test line clamping",": Truncation with ellipsis needs testing with various content lengths",[707,6751,6753],{"id":6752},"faq","FAQ",[6755,6756,6757,6763,6771,6787],"accordion",{},[6758,6759,6762],"accordion-item",{"icon":6760,"label":6761},"i-lucide-circle-help","What's a good line height for body text?","For body text, 1.5 (150%) is a good default. It provides comfortable reading without excessive vertical spacing. For headings, use tighter line height (1.25) since large text has natural visual separation.",[6758,6764,6766,6767,6770],{"icon":6760,"label":6765},"Why use rem instead of px for font sizes?","Using ",[702,6768,6769],{},"rem"," respects user browser settings for font size. Users who need larger text can adjust their browser's base font size, and rem-based sizes scale accordingly. This improves accessibility.",[6758,6772,6774,6775,6778,6779,6782,6783,6786],{"icon":6760,"label":6773},"How do I make text properly truncate with ellipsis?","For single-line truncation, you need three properties: ",[702,6776,6777],{},"overflow: hidden",", ",[702,6780,6781],{},"white-space: nowrap",", and ",[702,6784,6785],{},"text-overflow: ellipsis",". For multi-line truncation, use the line-clamp utilities which handle the complex WebKit box display properties.",[6758,6788,6790],{"icon":6760,"label":6789},"What font weights should I include?","Most designs work well with 4 weights: normal (400) for body text, medium (500) for emphasis, semibold (600) for subheadings, and bold (700) for headings. Only include weights you actually use to minimize font file sizes.",[6792,6793,6794],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}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":779,"searchDepth":820,"depth":820,"links":6796},[6797,6798,6799,6802,6803,6804,6805,6806,6807,6808,6809,6810,6811,6815,6816],{"id":709,"depth":820,"text":78},{"id":716,"depth":820,"text":717},{"id":754,"depth":820,"text":757,"children":6800},[6801],{"id":1683,"depth":843,"text":1684},{"id":2203,"depth":820,"text":2206},{"id":2641,"depth":820,"text":2644},{"id":3218,"depth":820,"text":3221},{"id":3987,"depth":820,"text":3990},{"id":4115,"depth":820,"text":4118},{"id":4241,"depth":820,"text":4244},{"id":4367,"depth":820,"text":4370},{"id":4466,"depth":820,"text":4469},{"id":5060,"depth":820,"text":5061},{"id":5312,"depth":820,"text":5313,"children":6812},[6813,6814],{"id":5316,"depth":843,"text":5317},{"id":5872,"depth":843,"text":5873},{"id":6710,"depth":820,"text":6711},{"id":6752,"depth":820,"text":6753},"Create typography utilities for font families, sizes, weights, colors, alignment, and text decoration with full type safety.",null,{},{"title":234,"icon":237},{"title":684,"description":6817},"TNg5bjFRfgYX66S30jZ5x-LkKCZLlKKD1JGcFVgUybI",[6824,6818],{"title":628,"path":629,"stem":630,"description":6825,"icon":631,"children":-1},"Create transition utilities for smooth state changes with full type safety. Control which properties animate, timing, easing, and delays.",1781596354520]