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