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