[{"data":1,"prerenderedAt":13630},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-design-tokens-preset":682,"-docs-theme-design-tokens-preset-surround":13625},{"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":13619,"extension":2136,"links":13620,"meta":13621,"navigation":13622,"path":171,"seo":13623,"stem":172,"__hash__":13624},"docs_theme\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002F01.preset.md","Design Tokens Preset",{"type":686,"value":687,"toc":13573},"minimark",[688,692,701,705,734,737,1256,1261,1264,1269,1318,1322,1325,1346,1924,1928,1932,2047,2240,2244,2369,2572,2576,2661,2780,2784,2919,3130,3133,3278,3532,3535,3630,3772,3774,3889,4080,4083,4103,4108,4113,4244,4246,4371,4376,4497,4502,4584,4589,4671,4676,4758,4763,4845,4850,4932,4937,5019,5024,5106,5111,5193,5198,5254,5258,5333,5428,5432,5557,5761,5764,5800,5903,5907,5912,6016,6020,6032,6148,6163,6167,6196,6224,6552,6564,6568,6653,6773,6777,6922,7165,7169,7264,7408,7412,7507,7651,7654,7779,7988,7992,7995,8041,8183,8185,8310,8509,8513,8517,10177,10181,10391,10394,10397,11208,11239,11243,11565,11569,11572,11749,11753,11965,11967,11976,11980,12308,12312,12315,12558,12562,12577,12748,12753,12855,12859,12862,13027,13040,13044,13087,13091,13569],[689,690,78],"h2",{"id":691},"overview",[693,694,695,696,700],"p",{},"The ",[697,698,699],"code",{},"useDesignTokensPreset"," composable creates a complete design token system with sensible defaults in a single function call. It's perfect for quickly bootstrapping a new project or as a starting point that you can customize.",[689,702,704],{"id":703},"why-use-presets","Why use presets?",[706,707,708,716,722,728],"ul",{},[709,710,711,715],"li",{},[712,713,714],"strong",{},"Quick Start",": Get a complete design system up and running in seconds",[709,717,718,721],{},[712,719,720],{},"Sensible Defaults",": Carefully chosen values that work well together",[709,723,724,727],{},[712,725,726],{},"Fully Customizable",": Override any domain or individual value",[709,729,730,733],{},[712,731,732],{},"Comprehensive Coverage",": Includes spacing, colors, typography, borders, shadows, and more",[689,735,714],{"id":736},"quick-start",[738,739,740,936],"tabs",{},[741,742,744],"tabs-item",{"icon":743,"label":290},"i-lucide-code",[745,746,752],"pre",{"className":747,"code":748,"filename":749,"language":750,"meta":751,"style":751},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\n\u002F\u002F Create a complete design token system with all defaults\nconst preset = useDesignTokensPreset(s);\n\n\u002F\u002F Destructure the variables you need directly\nconst { colorPrimary, colorSecondary, spacingMd, spacingLg } = preset;\n\nexport default s;\n","styleframe.config.ts","ts","",[697,753,754,790,813,819,840,845,852,869,874,880,917,922],{"__ignoreMap":751},[755,756,759,763,767,771,774,777,780,784,787],"span",{"class":757,"line":758},"line",1,[755,760,762],{"class":761},"s7zQu","import",[755,764,766],{"class":765},"sMK4o"," {",[755,768,770],{"class":769},"sTEyZ"," styleframe",[755,772,773],{"class":765}," }",[755,775,776],{"class":761}," from",[755,778,779],{"class":765}," '",[755,781,783],{"class":782},"sfazB","styleframe",[755,785,786],{"class":765},"'",[755,788,789],{"class":765},";\n",[755,791,793,795,797,800,802,804,806,809,811],{"class":757,"line":792},2,[755,794,762],{"class":761},[755,796,766],{"class":765},[755,798,799],{"class":769}," useDesignTokensPreset",[755,801,773],{"class":765},[755,803,776],{"class":761},[755,805,779],{"class":765},[755,807,808],{"class":782},"@styleframe\u002Ftheme",[755,810,786],{"class":765},[755,812,789],{"class":765},[755,814,816],{"class":757,"line":815},3,[755,817,818],{"emptyLinePlaceholder":223},"\n",[755,820,822,826,829,832,835,838],{"class":757,"line":821},4,[755,823,825],{"class":824},"spNyl","const",[755,827,828],{"class":769}," s ",[755,830,831],{"class":765},"=",[755,833,770],{"class":834},"s2Zo4",[755,836,837],{"class":769},"()",[755,839,789],{"class":765},[755,841,843],{"class":757,"line":842},5,[755,844,818],{"emptyLinePlaceholder":223},[755,846,848],{"class":757,"line":847},6,[755,849,851],{"class":850},"sHwdD","\u002F\u002F Create a complete design token system with all defaults\n",[755,853,855,857,860,862,864,867],{"class":757,"line":854},7,[755,856,825],{"class":824},[755,858,859],{"class":769}," preset ",[755,861,831],{"class":765},[755,863,799],{"class":834},[755,865,866],{"class":769},"(s)",[755,868,789],{"class":765},[755,870,872],{"class":757,"line":871},8,[755,873,818],{"emptyLinePlaceholder":223},[755,875,877],{"class":757,"line":876},9,[755,878,879],{"class":850},"\u002F\u002F Destructure the variables you need directly\n",[755,881,883,885,887,890,893,896,898,901,903,906,909,912,915],{"class":757,"line":882},10,[755,884,825],{"class":824},[755,886,766],{"class":765},[755,888,889],{"class":769}," colorPrimary",[755,891,892],{"class":765},",",[755,894,895],{"class":769}," colorSecondary",[755,897,892],{"class":765},[755,899,900],{"class":769}," spacingMd",[755,902,892],{"class":765},[755,904,905],{"class":769}," spacingLg ",[755,907,908],{"class":765},"}",[755,910,911],{"class":765}," =",[755,913,914],{"class":769}," preset",[755,916,789],{"class":765},[755,918,920],{"class":757,"line":919},11,[755,921,818],{"emptyLinePlaceholder":223},[755,923,925,928,931,934],{"class":757,"line":924},12,[755,926,927],{"class":761},"export",[755,929,930],{"class":761}," default",[755,932,933],{"class":769}," s",[755,935,789],{"class":765},[741,937,938],{"icon":154,"label":326},[745,939,944],{"className":940,"code":941,"filename":942,"language":943,"meta":751,"style":751},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n    \u002F* Spacing *\u002F\n    --spacing: 1rem;\n    --spacing--2xs: 0.25rem;\n    --spacing--xs: 0.5rem;\n    --spacing--sm: 0.75rem;\n    --spacing--md: 1rem;\n    --spacing--lg: 1.5rem;\n    --spacing--xl: 2rem;\n    --spacing--2xl: 3rem;\n    --spacing--3xl: 4rem;\n\n    \u002F* Colors (base + variations) *\u002F\n    --color--primary: oklch(0.62 0.21 255);\n    --color--primary-50: oklch(from var(--color--primary) 0.05 c h \u002F a);\n    --color--primary-100: oklch(from var(--color--primary) 0.1 c h \u002F a);\n    \u002F* ... more color variations *\u002F\n\n    \u002F* Typography *\u002F\n    --font-family--base: -apple-system, BlinkMacSystemFont, ...;\n    --font-size: 1rem;\n    --font-size--xs: 0.75rem;\n    \u002F* ... more typography tokens *\u002F\n\n    \u002F* And many more... *\u002F\n}\n","styleframe\u002Findex.css","css",[697,945,946,957,962,975,987,999,1011,1022,1034,1046,1058,1070,1074,1080,1106,1140,1169,1175,1180,1186,1209,1221,1233,1239,1244,1250],{"__ignoreMap":751},[755,947,948,951,954],{"class":757,"line":758},[755,949,950],{"class":765},":",[755,952,953],{"class":824},"root",[755,955,956],{"class":765}," {\n",[755,958,959],{"class":757,"line":792},[755,960,961],{"class":850},"    \u002F* Spacing *\u002F\n",[755,963,964,967,969,973],{"class":757,"line":815},[755,965,966],{"class":769},"    --spacing",[755,968,950],{"class":765},[755,970,972],{"class":971},"sbssI"," 1rem",[755,974,789],{"class":765},[755,976,977,980,982,985],{"class":757,"line":821},[755,978,979],{"class":769},"    --spacing--2xs",[755,981,950],{"class":765},[755,983,984],{"class":971}," 0.25rem",[755,986,789],{"class":765},[755,988,989,992,994,997],{"class":757,"line":842},[755,990,991],{"class":769},"    --spacing--xs",[755,993,950],{"class":765},[755,995,996],{"class":971}," 0.5rem",[755,998,789],{"class":765},[755,1000,1001,1004,1006,1009],{"class":757,"line":847},[755,1002,1003],{"class":769},"    --spacing--sm",[755,1005,950],{"class":765},[755,1007,1008],{"class":971}," 0.75rem",[755,1010,789],{"class":765},[755,1012,1013,1016,1018,1020],{"class":757,"line":854},[755,1014,1015],{"class":769},"    --spacing--md",[755,1017,950],{"class":765},[755,1019,972],{"class":971},[755,1021,789],{"class":765},[755,1023,1024,1027,1029,1032],{"class":757,"line":871},[755,1025,1026],{"class":769},"    --spacing--lg",[755,1028,950],{"class":765},[755,1030,1031],{"class":971}," 1.5rem",[755,1033,789],{"class":765},[755,1035,1036,1039,1041,1044],{"class":757,"line":876},[755,1037,1038],{"class":769},"    --spacing--xl",[755,1040,950],{"class":765},[755,1042,1043],{"class":971}," 2rem",[755,1045,789],{"class":765},[755,1047,1048,1051,1053,1056],{"class":757,"line":882},[755,1049,1050],{"class":769},"    --spacing--2xl",[755,1052,950],{"class":765},[755,1054,1055],{"class":971}," 3rem",[755,1057,789],{"class":765},[755,1059,1060,1063,1065,1068],{"class":757,"line":919},[755,1061,1062],{"class":769},"    --spacing--3xl",[755,1064,950],{"class":765},[755,1066,1067],{"class":971}," 4rem",[755,1069,789],{"class":765},[755,1071,1072],{"class":757,"line":924},[755,1073,818],{"emptyLinePlaceholder":223},[755,1075,1077],{"class":757,"line":1076},13,[755,1078,1079],{"class":850},"    \u002F* Colors (base + variations) *\u002F\n",[755,1081,1083,1086,1088,1091,1094,1097,1100,1103],{"class":757,"line":1082},14,[755,1084,1085],{"class":769},"    --color--primary",[755,1087,950],{"class":765},[755,1089,1090],{"class":834}," oklch",[755,1092,1093],{"class":765},"(",[755,1095,1096],{"class":971},"0.62",[755,1098,1099],{"class":971}," 0.21",[755,1101,1102],{"class":971}," 255",[755,1104,1105],{"class":765},");\n",[755,1107,1109,1112,1114,1116,1118,1121,1124,1126,1129,1132,1135,1138],{"class":757,"line":1108},15,[755,1110,1111],{"class":769},"    --color--primary-50",[755,1113,950],{"class":765},[755,1115,1090],{"class":834},[755,1117,1093],{"class":765},[755,1119,1120],{"class":769},"from ",[755,1122,1123],{"class":834},"var",[755,1125,1093],{"class":765},[755,1127,1128],{"class":769},"--color--primary",[755,1130,1131],{"class":765},")",[755,1133,1134],{"class":971}," 0.05",[755,1136,1137],{"class":769}," c h \u002F a",[755,1139,1105],{"class":765},[755,1141,1143,1146,1148,1150,1152,1154,1156,1158,1160,1162,1165,1167],{"class":757,"line":1142},16,[755,1144,1145],{"class":769},"    --color--primary-100",[755,1147,950],{"class":765},[755,1149,1090],{"class":834},[755,1151,1093],{"class":765},[755,1153,1120],{"class":769},[755,1155,1123],{"class":834},[755,1157,1093],{"class":765},[755,1159,1128],{"class":769},[755,1161,1131],{"class":765},[755,1163,1164],{"class":971}," 0.1",[755,1166,1137],{"class":769},[755,1168,1105],{"class":765},[755,1170,1172],{"class":757,"line":1171},17,[755,1173,1174],{"class":850},"    \u002F* ... more color variations *\u002F\n",[755,1176,1178],{"class":757,"line":1177},18,[755,1179,818],{"emptyLinePlaceholder":223},[755,1181,1183],{"class":757,"line":1182},19,[755,1184,1185],{"class":850},"    \u002F* Typography *\u002F\n",[755,1187,1189,1192,1194,1197,1199,1202,1204,1207],{"class":757,"line":1188},20,[755,1190,1191],{"class":769},"    --font-family--base",[755,1193,950],{"class":765},[755,1195,1196],{"class":769}," -apple-system",[755,1198,892],{"class":765},[755,1200,1201],{"class":769}," BlinkMacSystemFont",[755,1203,892],{"class":765},[755,1205,1206],{"class":769}," ...",[755,1208,789],{"class":765},[755,1210,1212,1215,1217,1219],{"class":757,"line":1211},21,[755,1213,1214],{"class":769},"    --font-size",[755,1216,950],{"class":765},[755,1218,972],{"class":971},[755,1220,789],{"class":765},[755,1222,1224,1227,1229,1231],{"class":757,"line":1223},22,[755,1225,1226],{"class":769},"    --font-size--xs",[755,1228,950],{"class":765},[755,1230,1008],{"class":971},[755,1232,789],{"class":765},[755,1234,1236],{"class":757,"line":1235},23,[755,1237,1238],{"class":850},"    \u002F* ... more typography tokens *\u002F\n",[755,1240,1242],{"class":757,"line":1241},24,[755,1243,818],{"emptyLinePlaceholder":223},[755,1245,1247],{"class":757,"line":1246},25,[755,1248,1249],{"class":850},"    \u002F* And many more... *\u002F\n",[755,1251,1253],{"class":757,"line":1252},26,[755,1254,1255],{"class":765},"}\n",[689,1257,1259],{"id":1258},"usedesigntokenspreset",[697,1260,699],{},[693,1262,1263],{},"Creates a complete design token system with customizable defaults.",[1265,1266,1268],"h3",{"id":1267},"signature","Signature",[745,1270,1272],{"className":747,"code":1271,"language":750,"meta":751,"style":751},"function useDesignTokensPreset(\n    s: Styleframe,\n    config?: DesignTokensPresetConfig\n): DesignTokensPresetResult\n",[697,1273,1274,1284,1299,1310],{"__ignoreMap":751},[755,1275,1276,1279,1281],{"class":757,"line":758},[755,1277,1278],{"class":824},"function",[755,1280,799],{"class":834},[755,1282,1283],{"class":765},"(\n",[755,1285,1286,1290,1292,1296],{"class":757,"line":792},[755,1287,1289],{"class":1288},"sHdIc","    s",[755,1291,950],{"class":765},[755,1293,1295],{"class":1294},"sBMFI"," Styleframe",[755,1297,1298],{"class":765},",\n",[755,1300,1301,1304,1307],{"class":757,"line":815},[755,1302,1303],{"class":1288},"    config",[755,1305,1306],{"class":765},"?:",[755,1308,1309],{"class":1294}," DesignTokensPresetConfig\n",[755,1311,1312,1315],{"class":757,"line":821},[755,1313,1314],{"class":765},"):",[755,1316,1317],{"class":1294}," DesignTokensPresetResult\n",[1265,1319,1321],{"id":1320},"configuration-options","Configuration Options",[693,1323,1324],{},"Each domain can be configured as:",[706,1326,1327,1334,1340],{},[709,1328,1329,1330,1333],{},"Omitted\u002F",[697,1331,1332],{},"undefined"," (default): Use the preset's default values",[709,1335,1336,1339],{},[697,1337,1338],{},"false",": Skip this domain entirely",[709,1341,1342,1345],{},[697,1343,1344],{},"Record\u003Cstring, TokenValue>",": Use custom values",[1347,1348,1349,1368],"table",{},[1350,1351,1352],"thead",{},[1353,1354,1355,1359,1362,1365],"tr",{},[1356,1357,1358],"th",{},"Option",[1356,1360,1361],{},"Composable",[1356,1363,1364],{},"Type",[1356,1366,1367],{},"Description",[1369,1370,1371,1395,1416,1437,1458,1479,1500,1521,1543,1561,1582,1620,1641,1662,1683,1704,1732,1754,1776,1797,1818,1847,1882,1904],"tbody",{},[1353,1372,1373,1382,1387,1392],{},[1374,1375,1376],"td",{},[1377,1378,1379],"a",{"href":230},[697,1380,1381],{},"spacing",[1374,1383,1384],{},[697,1385,1386],{},"useSpacingDesignTokens",[1374,1388,1389],{},[697,1390,1391],{},"false | Record\u003Cstring, TokenValue>",[1374,1393,1394],{},"Spacing tokens (padding, margin, gap)",[1353,1396,1397,1404,1409,1413],{},[1374,1398,1399],{},[1377,1400,1401],{"href":181},[697,1402,1403],{},"borderWidth",[1374,1405,1406],{},[697,1407,1408],{},"useBorderWidthDesignTokens",[1374,1410,1411],{},[697,1412,1391],{},[1374,1414,1415],{},"Border width tokens",[1353,1417,1418,1425,1430,1434],{},[1374,1419,1420],{},[1377,1421,1422],{"href":176},[697,1423,1424],{},"borderRadius",[1374,1426,1427],{},[697,1428,1429],{},"useBorderRadiusDesignTokens",[1374,1431,1432],{},[697,1433,1391],{},[1374,1435,1436],{},"Border radius tokens",[1353,1438,1439,1446,1451,1455],{},[1374,1440,1441],{},[1377,1442,1443],{"href":181},[697,1444,1445],{},"borderStyle",[1374,1447,1448],{},[697,1449,1450],{},"useBorderStyleDesignTokens",[1374,1452,1453],{},[697,1454,1391],{},[1374,1456,1457],{},"Border style tokens",[1353,1459,1460,1467,1472,1476],{},[1374,1461,1462],{},[1377,1463,1464],{"href":181},[697,1465,1466],{},"borderColor",[1374,1468,1469],{},[697,1470,1471],{},"useBorderColorDesignTokens",[1374,1473,1474],{},[697,1475,1391],{},[1374,1477,1478],{},"Border color tokens",[1353,1480,1481,1488,1493,1497],{},[1374,1482,1483],{},[1377,1484,1485],{"href":186},[697,1486,1487],{},"boxShadow",[1374,1489,1490],{},[697,1491,1492],{},"useBoxShadowDesignTokens",[1374,1494,1495],{},[697,1496,1391],{},[1374,1498,1499],{},"Box shadow elevation tokens",[1353,1501,1502,1509,1514,1518],{},[1374,1503,1504],{},[1377,1505,1506],{"href":240},[697,1507,1508],{},"zIndex",[1374,1510,1511],{},[697,1512,1513],{},"useZIndexDesignTokens",[1374,1515,1516],{},[697,1517,1391],{},[1374,1519,1520],{},"Z-index stacking order tokens",[1353,1522,1523,1530,1535,1540],{},[1374,1524,1525],{},[1377,1526,1527],{"href":196},[697,1528,1529],{},"colors",[1374,1531,1532],{},[697,1533,1534],{},"useColorDesignTokens",[1374,1536,1537],{},[697,1538,1539],{},"false | Record\u003Cstring, string>",[1374,1541,1542],{},"Semantic color tokens",[1353,1544,1545,1550,1553,1558],{},[1374,1546,1547],{},[697,1548,1549],{},"meta.colors",[1374,1551,1552],{},"—",[1374,1554,1555],{},[697,1556,1557],{},"ColorsMetaConfig",[1374,1559,1560],{},"Color generation options",[1353,1562,1563,1570,1575,1579],{},[1374,1564,1565],{},[1377,1566,1567],{"href":235},[697,1568,1569],{},"fontFamily",[1374,1571,1572],{},[697,1573,1574],{},"useFontFamilyDesignTokens",[1374,1576,1577],{},[697,1578,1391],{},[1374,1580,1581],{},"Font family tokens",[1353,1583,1584,1591,1596,1601],{},[1374,1585,1586],{},[1377,1587,1588],{"href":235},[697,1589,1590],{},"fontSize",[1374,1592,1593],{},[697,1594,1595],{},"useFontSizeDesignTokens",[1374,1597,1598],{},[697,1599,1600],{},"false | Record\u003Cstring, TokenValue | [min, max]>",[1374,1602,1603,1604,1607,1608,1611,1612,1615,1616,1619],{},"Font size tokens. When ",[697,1605,1606],{},"fluidFontSize"," is enabled (default), overrides the fluid defaults for provided keys; tuple values ",[697,1609,1610],{},"[min, max]"," produce ",[697,1613,1614],{},"calc()"," fluid expressions (pass ",[697,1617,1618],{},"fluidFontSize: false"," to use purely static values)",[1353,1621,1622,1629,1634,1638],{},[1374,1623,1624],{},[1377,1625,1626],{"href":235},[697,1627,1628],{},"fontStyle",[1374,1630,1631],{},[697,1632,1633],{},"useFontStyleDesignTokens",[1374,1635,1636],{},[697,1637,1391],{},[1374,1639,1640],{},"Font style tokens",[1353,1642,1643,1650,1655,1659],{},[1374,1644,1645],{},[1377,1646,1647],{"href":235},[697,1648,1649],{},"fontWeight",[1374,1651,1652],{},[697,1653,1654],{},"useFontWeightDesignTokens",[1374,1656,1657],{},[697,1658,1391],{},[1374,1660,1661],{},"Font weight tokens",[1353,1663,1664,1671,1676,1680],{},[1374,1665,1666],{},[1377,1667,1668],{"href":235},[697,1669,1670],{},"lineHeight",[1374,1672,1673],{},[697,1674,1675],{},"useLineHeightDesignTokens",[1374,1677,1678],{},[697,1679,1391],{},[1374,1681,1682],{},"Line height tokens",[1353,1684,1685,1692,1697,1701],{},[1374,1686,1687],{},[1377,1688,1689],{"href":235},[697,1690,1691],{},"letterSpacing",[1374,1693,1694],{},[697,1695,1696],{},"useLetterSpacingDesignTokens",[1374,1698,1699],{},[697,1700,1391],{},[1374,1702,1703],{},"Letter spacing tokens",[1353,1705,1706,1713,1718,1722],{},[1374,1707,1708],{},[1377,1709,1710],{"href":226},[697,1711,1712],{},"scale",[1374,1714,1715],{},[697,1716,1717],{},"useScaleDesignTokens",[1374,1719,1720],{},[697,1721,1391],{},[1374,1723,1724,1725,1728,1729,1731],{},"Modular scale ratios (must include ",[697,1726,1727],{},"default"," key referencing ",[697,1730,1712],{}," for scalePowers)",[1353,1733,1734,1741,1746,1751],{},[1374,1735,1736],{},[1377,1737,1738],{"href":226},[697,1739,1740],{},"scalePowers",[1374,1742,1743],{},[697,1744,1745],{},"useScalePowersDesignTokens",[1374,1747,1748],{},[697,1749,1750],{},"readonly number[]",[1374,1752,1753],{},"Scale power levels",[1353,1755,1756,1763,1768,1773],{},[1374,1757,1758],{},[1377,1759,1760],{"href":191},[697,1761,1762],{},"breakpoint",[1374,1764,1765],{},[697,1766,1767],{},"useBreakpointDesignTokens",[1374,1769,1770],{},[697,1771,1772],{},"false | Record\u003Cstring, number>",[1374,1774,1775],{},"Responsive breakpoints",[1353,1777,1778,1785,1790,1794],{},[1374,1779,1780],{},[1377,1781,1782],{"href":206},[697,1783,1784],{},"easing",[1374,1786,1787],{},[697,1788,1789],{},"useEasingDesignTokens",[1374,1791,1792],{},[697,1793,1391],{},[1374,1795,1796],{},"Animation easing functions",[1353,1798,1799,1806,1811,1815],{},[1374,1800,1801],{},[1377,1802,1803],{"href":201},[697,1804,1805],{},"duration",[1374,1807,1808],{},[697,1809,1810],{},"useDurationDesignTokens",[1374,1812,1813],{},[697,1814,1391],{},[1374,1816,1817],{},"Animation and transition duration tokens",[1353,1819,1820,1827,1832,1837],{},[1374,1821,1822],{},[1377,1823,1824],{"href":217},[697,1825,1826],{},"fluidViewport",[1374,1828,1829],{},[697,1830,1831],{},"useFluidViewportDesignTokens",[1374,1833,1834],{},[697,1835,1836],{},"false | true | { minWidth?, maxWidth? }",[1374,1838,1839,1840,1843,1844,1131],{},"Fluid viewport range powering ",[697,1841,1842],{},"fluid.breakpoint"," (see ",[1377,1845,220],{"href":1846},"#fluid-typography",[1353,1848,1849,1855,1857,1862],{},[1374,1850,1851],{},[1377,1852,1853],{"href":221},[697,1854,1606],{},[1374,1856,1552],{},[1374,1858,1859],{},[697,1860,1861],{},"false | true",[1374,1863,1864,1865,1868,1869,1871,1872,1874,1875,1877,1878,1843,1880,1131],{},"Viewport-responsive font-size scale. ",[712,1866,1867],{},"Enabled by default","; depends on ",[697,1870,1712],{}," and ",[697,1873,1826],{},". Pass ",[697,1876,1338],{}," to fall back to static ",[697,1879,1590],{},[1377,1881,220],{"href":1846},[1353,1883,1884,1891,1893,1898],{},[1374,1885,1886],{},[1377,1887,1888],{"href":221},[697,1889,1890],{},"fluidScale",[1374,1892,1552],{},[1374,1894,1895],{},[697,1896,1897],{},"{ min?, max? }",[1374,1899,1900,1901,1903],{},"Min\u002Fmax scale ratios driving the default fluid font sizes (consumed when ",[697,1902,1606],{}," is not disabled)",[1353,1905,1906,1911,1913,1918],{},[1374,1907,1908],{},[697,1909,1910],{},"themes",[1374,1912,1552],{},[1374,1914,1915],{},[697,1916,1917],{},"Record\u003Cstring, ThemeTokenOverrides>",[1374,1919,1920,1921,1131],{},"Per-theme token overrides (see ",[1377,1922,126],{"href":1923},"#themes",[689,1925,1927],{"id":1926},"default-values","Default Values",[1265,1929,1931],{"id":1930},"border-radius","Border Radius",[745,1933,1935],{"className":747,"code":1934,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    borderRadius,     \u002F\u002F Variable\u003C'border-radius'>\n    borderRadiusNone, \u002F\u002F Variable\u003C'border-radius.none'>\n    borderRadiusSm,   \u002F\u002F Variable\u003C'border-radius.sm'>\n    borderRadiusMd,   \u002F\u002F Variable\u003C'border-radius.md'>\n    borderRadiusLg,   \u002F\u002F Variable\u003C'border-radius.lg'>\n    borderRadiusXl,   \u002F\u002F Variable\u003C'border-radius.xl'>\n    borderRadius2xl,  \u002F\u002F Variable\u003C'border-radius.2xl'>\n    borderRadiusFull, \u002F\u002F Variable\u003C'border-radius.full'>\n} = preset;\n",[697,1936,1937,1951,1957,1967,1977,1987,1997,2007,2017,2027,2037],{"__ignoreMap":751},[755,1938,1939,1941,1943,1945,1947,1949],{"class":757,"line":758},[755,1940,825],{"class":824},[755,1942,859],{"class":769},[755,1944,831],{"class":765},[755,1946,799],{"class":834},[755,1948,866],{"class":769},[755,1950,789],{"class":765},[755,1952,1953,1955],{"class":757,"line":792},[755,1954,825],{"class":824},[755,1956,956],{"class":765},[755,1958,1959,1962,1964],{"class":757,"line":815},[755,1960,1961],{"class":769},"    borderRadius",[755,1963,892],{"class":765},[755,1965,1966],{"class":850},"     \u002F\u002F Variable\u003C'border-radius'>\n",[755,1968,1969,1972,1974],{"class":757,"line":821},[755,1970,1971],{"class":769},"    borderRadiusNone",[755,1973,892],{"class":765},[755,1975,1976],{"class":850}," \u002F\u002F Variable\u003C'border-radius.none'>\n",[755,1978,1979,1982,1984],{"class":757,"line":842},[755,1980,1981],{"class":769},"    borderRadiusSm",[755,1983,892],{"class":765},[755,1985,1986],{"class":850},"   \u002F\u002F Variable\u003C'border-radius.sm'>\n",[755,1988,1989,1992,1994],{"class":757,"line":847},[755,1990,1991],{"class":769},"    borderRadiusMd",[755,1993,892],{"class":765},[755,1995,1996],{"class":850},"   \u002F\u002F Variable\u003C'border-radius.md'>\n",[755,1998,1999,2002,2004],{"class":757,"line":854},[755,2000,2001],{"class":769},"    borderRadiusLg",[755,2003,892],{"class":765},[755,2005,2006],{"class":850},"   \u002F\u002F Variable\u003C'border-radius.lg'>\n",[755,2008,2009,2012,2014],{"class":757,"line":871},[755,2010,2011],{"class":769},"    borderRadiusXl",[755,2013,892],{"class":765},[755,2015,2016],{"class":850},"   \u002F\u002F Variable\u003C'border-radius.xl'>\n",[755,2018,2019,2022,2024],{"class":757,"line":876},[755,2020,2021],{"class":769},"    borderRadius2xl",[755,2023,892],{"class":765},[755,2025,2026],{"class":850},"  \u002F\u002F Variable\u003C'border-radius.2xl'>\n",[755,2028,2029,2032,2034],{"class":757,"line":882},[755,2030,2031],{"class":769},"    borderRadiusFull",[755,2033,892],{"class":765},[755,2035,2036],{"class":850}," \u002F\u002F Variable\u003C'border-radius.full'>\n",[755,2038,2039,2041,2043,2045],{"class":757,"line":919},[755,2040,908],{"class":765},[755,2042,911],{"class":765},[755,2044,914],{"class":769},[755,2046,789],{"class":765},[1347,2048,2049,2064],{},[1350,2050,2051],{},[1353,2052,2053,2056,2059,2062],{},[1356,2054,2055],{},"Key",[1356,2057,2058],{},"Value",[1356,2060,2061],{},"Variable",[1356,2063,326],{},[1369,2065,2066,2086,2108,2130,2152,2174,2196,2218],{},[1353,2067,2068,2072,2077,2081],{},[1374,2069,2070],{},[697,2071,1727],{},[1374,2073,2074],{},[697,2075,2076],{},"@border-radius.md",[1374,2078,2079],{},[697,2080,1424],{},[1374,2082,2083],{},[697,2084,2085],{},"--border-radius",[1353,2087,2088,2093,2098,2103],{},[1374,2089,2090],{},[697,2091,2092],{},"none",[1374,2094,2095],{},[697,2096,2097],{},"0",[1374,2099,2100],{},[697,2101,2102],{},"borderRadiusNone",[1374,2104,2105],{},[697,2106,2107],{},"--border-radius--none",[1353,2109,2110,2115,2120,2125],{},[1374,2111,2112],{},[697,2113,2114],{},"sm",[1374,2116,2117],{},[697,2118,2119],{},"0.125rem",[1374,2121,2122],{},[697,2123,2124],{},"borderRadiusSm",[1374,2126,2127],{},[697,2128,2129],{},"--border-radius--sm",[1353,2131,2132,2137,2142,2147],{},[1374,2133,2134],{},[697,2135,2136],{},"md",[1374,2138,2139],{},[697,2140,2141],{},"0.25rem",[1374,2143,2144],{},[697,2145,2146],{},"borderRadiusMd",[1374,2148,2149],{},[697,2150,2151],{},"--border-radius--md",[1353,2153,2154,2159,2164,2169],{},[1374,2155,2156],{},[697,2157,2158],{},"lg",[1374,2160,2161],{},[697,2162,2163],{},"0.5rem",[1374,2165,2166],{},[697,2167,2168],{},"borderRadiusLg",[1374,2170,2171],{},[697,2172,2173],{},"--border-radius--lg",[1353,2175,2176,2181,2186,2191],{},[1374,2177,2178],{},[697,2179,2180],{},"xl",[1374,2182,2183],{},[697,2184,2185],{},"0.75rem",[1374,2187,2188],{},[697,2189,2190],{},"borderRadiusXl",[1374,2192,2193],{},[697,2194,2195],{},"--border-radius--xl",[1353,2197,2198,2203,2208,2213],{},[1374,2199,2200],{},[697,2201,2202],{},"2xl",[1374,2204,2205],{},[697,2206,2207],{},"1rem",[1374,2209,2210],{},[697,2211,2212],{},"borderRadius2xl",[1374,2214,2215],{},[697,2216,2217],{},"--border-radius--2xl",[1353,2219,2220,2225,2230,2235],{},[1374,2221,2222],{},[697,2223,2224],{},"full",[1374,2226,2227],{},[697,2228,2229],{},"9999px",[1374,2231,2232],{},[697,2233,2234],{},"borderRadiusFull",[1374,2236,2237],{},[697,2238,2239],{},"--border-radius--full",[1265,2241,2243],{"id":2242},"border-style","Border Style",[745,2245,2247],{"className":747,"code":2246,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    borderStyle,       \u002F\u002F Variable\u003C'border-style'>\n    borderStyleNone,   \u002F\u002F Variable\u003C'border-style.none'>\n    borderStyleSolid,  \u002F\u002F Variable\u003C'border-style.solid'>\n    borderStyleDashed, \u002F\u002F Variable\u003C'border-style.dashed'>\n    borderStyleDotted, \u002F\u002F Variable\u003C'border-style.dotted'>\n    borderStyleDouble, \u002F\u002F Variable\u003C'border-style.double'>\n    borderStyleGroove, \u002F\u002F Variable\u003C'border-style.groove'>\n    borderStyleInset,  \u002F\u002F Variable\u003C'border-style.inset'>\n    borderStyleOutset, \u002F\u002F Variable\u003C'border-style.outset'>\n} = preset;\n",[697,2248,2249,2263,2269,2279,2289,2299,2309,2319,2329,2339,2349,2359],{"__ignoreMap":751},[755,2250,2251,2253,2255,2257,2259,2261],{"class":757,"line":758},[755,2252,825],{"class":824},[755,2254,859],{"class":769},[755,2256,831],{"class":765},[755,2258,799],{"class":834},[755,2260,866],{"class":769},[755,2262,789],{"class":765},[755,2264,2265,2267],{"class":757,"line":792},[755,2266,825],{"class":824},[755,2268,956],{"class":765},[755,2270,2271,2274,2276],{"class":757,"line":815},[755,2272,2273],{"class":769},"    borderStyle",[755,2275,892],{"class":765},[755,2277,2278],{"class":850},"       \u002F\u002F Variable\u003C'border-style'>\n",[755,2280,2281,2284,2286],{"class":757,"line":821},[755,2282,2283],{"class":769},"    borderStyleNone",[755,2285,892],{"class":765},[755,2287,2288],{"class":850},"   \u002F\u002F Variable\u003C'border-style.none'>\n",[755,2290,2291,2294,2296],{"class":757,"line":842},[755,2292,2293],{"class":769},"    borderStyleSolid",[755,2295,892],{"class":765},[755,2297,2298],{"class":850},"  \u002F\u002F Variable\u003C'border-style.solid'>\n",[755,2300,2301,2304,2306],{"class":757,"line":847},[755,2302,2303],{"class":769},"    borderStyleDashed",[755,2305,892],{"class":765},[755,2307,2308],{"class":850}," \u002F\u002F Variable\u003C'border-style.dashed'>\n",[755,2310,2311,2314,2316],{"class":757,"line":854},[755,2312,2313],{"class":769},"    borderStyleDotted",[755,2315,892],{"class":765},[755,2317,2318],{"class":850}," \u002F\u002F Variable\u003C'border-style.dotted'>\n",[755,2320,2321,2324,2326],{"class":757,"line":871},[755,2322,2323],{"class":769},"    borderStyleDouble",[755,2325,892],{"class":765},[755,2327,2328],{"class":850}," \u002F\u002F Variable\u003C'border-style.double'>\n",[755,2330,2331,2334,2336],{"class":757,"line":876},[755,2332,2333],{"class":769},"    borderStyleGroove",[755,2335,892],{"class":765},[755,2337,2338],{"class":850}," \u002F\u002F Variable\u003C'border-style.groove'>\n",[755,2340,2341,2344,2346],{"class":757,"line":882},[755,2342,2343],{"class":769},"    borderStyleInset",[755,2345,892],{"class":765},[755,2347,2348],{"class":850},"  \u002F\u002F Variable\u003C'border-style.inset'>\n",[755,2350,2351,2354,2356],{"class":757,"line":919},[755,2352,2353],{"class":769},"    borderStyleOutset",[755,2355,892],{"class":765},[755,2357,2358],{"class":850}," \u002F\u002F Variable\u003C'border-style.outset'>\n",[755,2360,2361,2363,2365,2367],{"class":757,"line":924},[755,2362,908],{"class":765},[755,2364,911],{"class":765},[755,2366,914],{"class":769},[755,2368,789],{"class":765},[1347,2370,2371,2383],{},[1350,2372,2373],{},[1353,2374,2375,2377,2379,2381],{},[1356,2376,2055],{},[1356,2378,2058],{},[1356,2380,2061],{},[1356,2382,326],{},[1369,2384,2385,2405,2425,2446,2467,2488,2509,2530,2551],{},[1353,2386,2387,2391,2396,2400],{},[1374,2388,2389],{},[697,2390,1727],{},[1374,2392,2393],{},[697,2394,2395],{},"@border-style.solid",[1374,2397,2398],{},[697,2399,1445],{},[1374,2401,2402],{},[697,2403,2404],{},"--border-style",[1353,2406,2407,2411,2415,2420],{},[1374,2408,2409],{},[697,2410,2092],{},[1374,2412,2413],{},[697,2414,2092],{},[1374,2416,2417],{},[697,2418,2419],{},"borderStyleNone",[1374,2421,2422],{},[697,2423,2424],{},"--border-style--none",[1353,2426,2427,2432,2436,2441],{},[1374,2428,2429],{},[697,2430,2431],{},"solid",[1374,2433,2434],{},[697,2435,2431],{},[1374,2437,2438],{},[697,2439,2440],{},"borderStyleSolid",[1374,2442,2443],{},[697,2444,2445],{},"--border-style--solid",[1353,2447,2448,2453,2457,2462],{},[1374,2449,2450],{},[697,2451,2452],{},"dashed",[1374,2454,2455],{},[697,2456,2452],{},[1374,2458,2459],{},[697,2460,2461],{},"borderStyleDashed",[1374,2463,2464],{},[697,2465,2466],{},"--border-style--dashed",[1353,2468,2469,2474,2478,2483],{},[1374,2470,2471],{},[697,2472,2473],{},"dotted",[1374,2475,2476],{},[697,2477,2473],{},[1374,2479,2480],{},[697,2481,2482],{},"borderStyleDotted",[1374,2484,2485],{},[697,2486,2487],{},"--border-style--dotted",[1353,2489,2490,2495,2499,2504],{},[1374,2491,2492],{},[697,2493,2494],{},"double",[1374,2496,2497],{},[697,2498,2494],{},[1374,2500,2501],{},[697,2502,2503],{},"borderStyleDouble",[1374,2505,2506],{},[697,2507,2508],{},"--border-style--double",[1353,2510,2511,2516,2520,2525],{},[1374,2512,2513],{},[697,2514,2515],{},"groove",[1374,2517,2518],{},[697,2519,2515],{},[1374,2521,2522],{},[697,2523,2524],{},"borderStyleGroove",[1374,2526,2527],{},[697,2528,2529],{},"--border-style--groove",[1353,2531,2532,2537,2541,2546],{},[1374,2533,2534],{},[697,2535,2536],{},"inset",[1374,2538,2539],{},[697,2540,2536],{},[1374,2542,2543],{},[697,2544,2545],{},"borderStyleInset",[1374,2547,2548],{},[697,2549,2550],{},"--border-style--inset",[1353,2552,2553,2558,2562,2567],{},[1374,2554,2555],{},[697,2556,2557],{},"outset",[1374,2559,2560],{},[697,2561,2557],{},[1374,2563,2564],{},[697,2565,2566],{},"borderStyleOutset",[1374,2568,2569],{},[697,2570,2571],{},"--border-style--outset",[1265,2573,2575],{"id":2574},"border-width","Border Width",[745,2577,2579],{"className":747,"code":2578,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    borderWidth,       \u002F\u002F Variable\u003C'border-width'>\n    borderWidthNone,   \u002F\u002F Variable\u003C'border-width.none'>\n    borderWidthThin,   \u002F\u002F Variable\u003C'border-width.thin'>\n    borderWidthMedium, \u002F\u002F Variable\u003C'border-width.medium'>\n    borderWidthThick,  \u002F\u002F Variable\u003C'border-width.thick'>\n} = preset;\n",[697,2580,2581,2595,2601,2611,2621,2631,2641,2651],{"__ignoreMap":751},[755,2582,2583,2585,2587,2589,2591,2593],{"class":757,"line":758},[755,2584,825],{"class":824},[755,2586,859],{"class":769},[755,2588,831],{"class":765},[755,2590,799],{"class":834},[755,2592,866],{"class":769},[755,2594,789],{"class":765},[755,2596,2597,2599],{"class":757,"line":792},[755,2598,825],{"class":824},[755,2600,956],{"class":765},[755,2602,2603,2606,2608],{"class":757,"line":815},[755,2604,2605],{"class":769},"    borderWidth",[755,2607,892],{"class":765},[755,2609,2610],{"class":850},"       \u002F\u002F Variable\u003C'border-width'>\n",[755,2612,2613,2616,2618],{"class":757,"line":821},[755,2614,2615],{"class":769},"    borderWidthNone",[755,2617,892],{"class":765},[755,2619,2620],{"class":850},"   \u002F\u002F Variable\u003C'border-width.none'>\n",[755,2622,2623,2626,2628],{"class":757,"line":842},[755,2624,2625],{"class":769},"    borderWidthThin",[755,2627,892],{"class":765},[755,2629,2630],{"class":850},"   \u002F\u002F Variable\u003C'border-width.thin'>\n",[755,2632,2633,2636,2638],{"class":757,"line":847},[755,2634,2635],{"class":769},"    borderWidthMedium",[755,2637,892],{"class":765},[755,2639,2640],{"class":850}," \u002F\u002F Variable\u003C'border-width.medium'>\n",[755,2642,2643,2646,2648],{"class":757,"line":854},[755,2644,2645],{"class":769},"    borderWidthThick",[755,2647,892],{"class":765},[755,2649,2650],{"class":850},"  \u002F\u002F Variable\u003C'border-width.thick'>\n",[755,2652,2653,2655,2657,2659],{"class":757,"line":871},[755,2654,908],{"class":765},[755,2656,911],{"class":765},[755,2658,914],{"class":769},[755,2660,789],{"class":765},[1347,2662,2663,2675],{},[1350,2664,2665],{},[1353,2666,2667,2669,2671,2673],{},[1356,2668,2055],{},[1356,2670,2058],{},[1356,2672,2061],{},[1356,2674,326],{},[1369,2676,2677,2697,2717,2738,2759],{},[1353,2678,2679,2683,2688,2692],{},[1374,2680,2681],{},[697,2682,1727],{},[1374,2684,2685],{},[697,2686,2687],{},"@border-width.thin",[1374,2689,2690],{},[697,2691,1403],{},[1374,2693,2694],{},[697,2695,2696],{},"--border-width",[1353,2698,2699,2703,2707,2712],{},[1374,2700,2701],{},[697,2702,2092],{},[1374,2704,2705],{},[697,2706,2097],{},[1374,2708,2709],{},[697,2710,2711],{},"borderWidthNone",[1374,2713,2714],{},[697,2715,2716],{},"--border-width--none",[1353,2718,2719,2724,2728,2733],{},[1374,2720,2721],{},[697,2722,2723],{},"thin",[1374,2725,2726],{},[697,2727,2723],{},[1374,2729,2730],{},[697,2731,2732],{},"borderWidthThin",[1374,2734,2735],{},[697,2736,2737],{},"--border-width--thin",[1353,2739,2740,2745,2749,2754],{},[1374,2741,2742],{},[697,2743,2744],{},"medium",[1374,2746,2747],{},[697,2748,2744],{},[1374,2750,2751],{},[697,2752,2753],{},"borderWidthMedium",[1374,2755,2756],{},[697,2757,2758],{},"--border-width--medium",[1353,2760,2761,2766,2770,2775],{},[1374,2762,2763],{},[697,2764,2765],{},"thick",[1374,2767,2768],{},[697,2769,2765],{},[1374,2771,2772],{},[697,2773,2774],{},"borderWidthThick",[1374,2776,2777],{},[697,2778,2779],{},"--border-width--thick",[1265,2781,2783],{"id":2782},"box-shadow","Box Shadow",[745,2785,2787],{"className":747,"code":2786,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    boxShadow,      \u002F\u002F Variable\u003C'box-shadow'>\n    boxShadowNone,  \u002F\u002F Variable\u003C'box-shadow.none'>\n    boxShadowXs,    \u002F\u002F Variable\u003C'box-shadow.xs'>\n    boxShadowSm,    \u002F\u002F Variable\u003C'box-shadow.sm'>\n    boxShadowMd,    \u002F\u002F Variable\u003C'box-shadow.md'>\n    boxShadowLg,    \u002F\u002F Variable\u003C'box-shadow.lg'>\n    boxShadowXl,    \u002F\u002F Variable\u003C'box-shadow.xl'>\n    boxShadow2xl,   \u002F\u002F Variable\u003C'box-shadow.2xl'>\n    boxShadowInner, \u002F\u002F Variable\u003C'box-shadow.inner'>\n    boxShadowRing,  \u002F\u002F Variable\u003C'box-shadow.ring'>\n} = preset;\n",[697,2788,2789,2803,2809,2819,2829,2839,2849,2859,2869,2879,2889,2899,2909],{"__ignoreMap":751},[755,2790,2791,2793,2795,2797,2799,2801],{"class":757,"line":758},[755,2792,825],{"class":824},[755,2794,859],{"class":769},[755,2796,831],{"class":765},[755,2798,799],{"class":834},[755,2800,866],{"class":769},[755,2802,789],{"class":765},[755,2804,2805,2807],{"class":757,"line":792},[755,2806,825],{"class":824},[755,2808,956],{"class":765},[755,2810,2811,2814,2816],{"class":757,"line":815},[755,2812,2813],{"class":769},"    boxShadow",[755,2815,892],{"class":765},[755,2817,2818],{"class":850},"      \u002F\u002F Variable\u003C'box-shadow'>\n",[755,2820,2821,2824,2826],{"class":757,"line":821},[755,2822,2823],{"class":769},"    boxShadowNone",[755,2825,892],{"class":765},[755,2827,2828],{"class":850},"  \u002F\u002F Variable\u003C'box-shadow.none'>\n",[755,2830,2831,2834,2836],{"class":757,"line":842},[755,2832,2833],{"class":769},"    boxShadowXs",[755,2835,892],{"class":765},[755,2837,2838],{"class":850},"    \u002F\u002F Variable\u003C'box-shadow.xs'>\n",[755,2840,2841,2844,2846],{"class":757,"line":847},[755,2842,2843],{"class":769},"    boxShadowSm",[755,2845,892],{"class":765},[755,2847,2848],{"class":850},"    \u002F\u002F Variable\u003C'box-shadow.sm'>\n",[755,2850,2851,2854,2856],{"class":757,"line":854},[755,2852,2853],{"class":769},"    boxShadowMd",[755,2855,892],{"class":765},[755,2857,2858],{"class":850},"    \u002F\u002F Variable\u003C'box-shadow.md'>\n",[755,2860,2861,2864,2866],{"class":757,"line":871},[755,2862,2863],{"class":769},"    boxShadowLg",[755,2865,892],{"class":765},[755,2867,2868],{"class":850},"    \u002F\u002F Variable\u003C'box-shadow.lg'>\n",[755,2870,2871,2874,2876],{"class":757,"line":876},[755,2872,2873],{"class":769},"    boxShadowXl",[755,2875,892],{"class":765},[755,2877,2878],{"class":850},"    \u002F\u002F Variable\u003C'box-shadow.xl'>\n",[755,2880,2881,2884,2886],{"class":757,"line":882},[755,2882,2883],{"class":769},"    boxShadow2xl",[755,2885,892],{"class":765},[755,2887,2888],{"class":850},"   \u002F\u002F Variable\u003C'box-shadow.2xl'>\n",[755,2890,2891,2894,2896],{"class":757,"line":919},[755,2892,2893],{"class":769},"    boxShadowInner",[755,2895,892],{"class":765},[755,2897,2898],{"class":850}," \u002F\u002F Variable\u003C'box-shadow.inner'>\n",[755,2900,2901,2904,2906],{"class":757,"line":924},[755,2902,2903],{"class":769},"    boxShadowRing",[755,2905,892],{"class":765},[755,2907,2908],{"class":850},"  \u002F\u002F Variable\u003C'box-shadow.ring'>\n",[755,2910,2911,2913,2915,2917],{"class":757,"line":1076},[755,2912,908],{"class":765},[755,2914,911],{"class":765},[755,2916,914],{"class":769},[755,2918,789],{"class":765},[1347,2920,2921,2933],{},[1350,2922,2923],{},[1353,2924,2925,2927,2929,2931],{},[1356,2926,2055],{},[1356,2928,2058],{},[1356,2930,2061],{},[1356,2932,326],{},[1369,2934,2935,2955,2975,2995,3014,3033,3052,3071,3090,3110],{},[1353,2936,2937,2941,2946,2950],{},[1374,2938,2939],{},[697,2940,1727],{},[1374,2942,2943],{},[697,2944,2945],{},"@box-shadow.md",[1374,2947,2948],{},[697,2949,1487],{},[1374,2951,2952],{},[697,2953,2954],{},"--box-shadow",[1353,2956,2957,2961,2965,2970],{},[1374,2958,2959],{},[697,2960,2092],{},[1374,2962,2963],{},[697,2964,2092],{},[1374,2966,2967],{},[697,2968,2969],{},"boxShadowNone",[1374,2971,2972],{},[697,2973,2974],{},"--box-shadow--none",[1353,2976,2977,2982,2985,2990],{},[1374,2978,2979],{},[697,2980,2981],{},"xs",[1374,2983,2984],{},"Subtle card\u002Fsurfaces shadow",[1374,2986,2987],{},[697,2988,2989],{},"boxShadowXs",[1374,2991,2992],{},[697,2993,2994],{},"--box-shadow--xs",[1353,2996,2997,3001,3004,3009],{},[1374,2998,2999],{},[697,3000,2114],{},[1374,3002,3003],{},"Small elevation shadow",[1374,3005,3006],{},[697,3007,3008],{},"boxShadowSm",[1374,3010,3011],{},[697,3012,3013],{},"--box-shadow--sm",[1353,3015,3016,3020,3023,3028],{},[1374,3017,3018],{},[697,3019,2136],{},[1374,3021,3022],{},"Popover\u002Fraised button shadow",[1374,3024,3025],{},[697,3026,3027],{},"boxShadowMd",[1374,3029,3030],{},[697,3031,3032],{},"--box-shadow--md",[1353,3034,3035,3039,3042,3047],{},[1374,3036,3037],{},[697,3038,2158],{},[1374,3040,3041],{},"Modal\u002Ffloating panel shadow",[1374,3043,3044],{},[697,3045,3046],{},"boxShadowLg",[1374,3048,3049],{},[697,3050,3051],{},"--box-shadow--lg",[1353,3053,3054,3058,3061,3066],{},[1374,3055,3056],{},[697,3057,2180],{},[1374,3059,3060],{},"Drawer\u002Fhigh elevation shadow",[1374,3062,3063],{},[697,3064,3065],{},"boxShadowXl",[1374,3067,3068],{},[697,3069,3070],{},"--box-shadow--xl",[1353,3072,3073,3077,3080,3085],{},[1374,3074,3075],{},[697,3076,2202],{},[1374,3078,3079],{},"Highest elevation\u002Ftoast shadow",[1374,3081,3082],{},[697,3083,3084],{},"boxShadow2xl",[1374,3086,3087],{},[697,3088,3089],{},"--box-shadow--2xl",[1353,3091,3092,3097,3100,3105],{},[1374,3093,3094],{},[697,3095,3096],{},"inner",[1374,3098,3099],{},"Inset shadow for wells",[1374,3101,3102],{},[697,3103,3104],{},"boxShadowInner",[1374,3106,3107],{},[697,3108,3109],{},"--box-shadow--inner",[1353,3111,3112,3117,3120,3125],{},[1374,3113,3114],{},[697,3115,3116],{},"ring",[1374,3118,3119],{},"Focus ring shadow",[1374,3121,3122],{},[697,3123,3124],{},"boxShadowRing",[1374,3126,3127],{},[697,3128,3129],{},"--box-shadow--ring",[1265,3131,239],{"id":3132},"z-index",[745,3134,3136],{"className":747,"code":3135,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    zIndex,         \u002F\u002F Variable\u003C'z-index'>\n    zIndexHide,     \u002F\u002F Variable\u003C'z-index.hide'>\n    zIndexBase,     \u002F\u002F Variable\u003C'z-index.base'>\n    zIndexDropdown, \u002F\u002F Variable\u003C'z-index.dropdown'>\n    zIndexSticky,   \u002F\u002F Variable\u003C'z-index.sticky'>\n    zIndexOverlay,  \u002F\u002F Variable\u003C'z-index.overlay'>\n    zIndexModal,    \u002F\u002F Variable\u003C'z-index.modal'>\n    zIndexPopover,  \u002F\u002F Variable\u003C'z-index.popover'>\n    zIndexToast,    \u002F\u002F Variable\u003C'z-index.toast'>\n    zIndexMax,      \u002F\u002F Variable\u003C'z-index.max'>\n    zIndexAuto,     \u002F\u002F Variable\u003C'z-index.auto'>\n} = preset;\n",[697,3137,3138,3152,3158,3168,3178,3188,3198,3208,3218,3228,3238,3248,3258,3268],{"__ignoreMap":751},[755,3139,3140,3142,3144,3146,3148,3150],{"class":757,"line":758},[755,3141,825],{"class":824},[755,3143,859],{"class":769},[755,3145,831],{"class":765},[755,3147,799],{"class":834},[755,3149,866],{"class":769},[755,3151,789],{"class":765},[755,3153,3154,3156],{"class":757,"line":792},[755,3155,825],{"class":824},[755,3157,956],{"class":765},[755,3159,3160,3163,3165],{"class":757,"line":815},[755,3161,3162],{"class":769},"    zIndex",[755,3164,892],{"class":765},[755,3166,3167],{"class":850},"         \u002F\u002F Variable\u003C'z-index'>\n",[755,3169,3170,3173,3175],{"class":757,"line":821},[755,3171,3172],{"class":769},"    zIndexHide",[755,3174,892],{"class":765},[755,3176,3177],{"class":850},"     \u002F\u002F Variable\u003C'z-index.hide'>\n",[755,3179,3180,3183,3185],{"class":757,"line":842},[755,3181,3182],{"class":769},"    zIndexBase",[755,3184,892],{"class":765},[755,3186,3187],{"class":850},"     \u002F\u002F Variable\u003C'z-index.base'>\n",[755,3189,3190,3193,3195],{"class":757,"line":847},[755,3191,3192],{"class":769},"    zIndexDropdown",[755,3194,892],{"class":765},[755,3196,3197],{"class":850}," \u002F\u002F Variable\u003C'z-index.dropdown'>\n",[755,3199,3200,3203,3205],{"class":757,"line":854},[755,3201,3202],{"class":769},"    zIndexSticky",[755,3204,892],{"class":765},[755,3206,3207],{"class":850},"   \u002F\u002F Variable\u003C'z-index.sticky'>\n",[755,3209,3210,3213,3215],{"class":757,"line":871},[755,3211,3212],{"class":769},"    zIndexOverlay",[755,3214,892],{"class":765},[755,3216,3217],{"class":850},"  \u002F\u002F Variable\u003C'z-index.overlay'>\n",[755,3219,3220,3223,3225],{"class":757,"line":876},[755,3221,3222],{"class":769},"    zIndexModal",[755,3224,892],{"class":765},[755,3226,3227],{"class":850},"    \u002F\u002F Variable\u003C'z-index.modal'>\n",[755,3229,3230,3233,3235],{"class":757,"line":882},[755,3231,3232],{"class":769},"    zIndexPopover",[755,3234,892],{"class":765},[755,3236,3237],{"class":850},"  \u002F\u002F Variable\u003C'z-index.popover'>\n",[755,3239,3240,3243,3245],{"class":757,"line":919},[755,3241,3242],{"class":769},"    zIndexToast",[755,3244,892],{"class":765},[755,3246,3247],{"class":850},"    \u002F\u002F Variable\u003C'z-index.toast'>\n",[755,3249,3250,3253,3255],{"class":757,"line":924},[755,3251,3252],{"class":769},"    zIndexMax",[755,3254,892],{"class":765},[755,3256,3257],{"class":850},"      \u002F\u002F Variable\u003C'z-index.max'>\n",[755,3259,3260,3263,3265],{"class":757,"line":1076},[755,3261,3262],{"class":769},"    zIndexAuto",[755,3264,892],{"class":765},[755,3266,3267],{"class":850},"     \u002F\u002F Variable\u003C'z-index.auto'>\n",[755,3269,3270,3272,3274,3276],{"class":757,"line":1082},[755,3271,908],{"class":765},[755,3273,911],{"class":765},[755,3275,914],{"class":769},[755,3277,789],{"class":765},[1347,3279,3280,3292],{},[1350,3281,3282],{},[1353,3283,3284,3286,3288,3290],{},[1356,3285,2055],{},[1356,3287,2058],{},[1356,3289,2061],{},[1356,3291,326],{},[1369,3293,3294,3314,3336,3357,3379,3401,3423,3445,3467,3489,3511],{},[1353,3295,3296,3300,3305,3309],{},[1374,3297,3298],{},[697,3299,1727],{},[1374,3301,3302],{},[697,3303,3304],{},"@z-index.base",[1374,3306,3307],{},[697,3308,1508],{},[1374,3310,3311],{},[697,3312,3313],{},"--z-index",[1353,3315,3316,3321,3326,3331],{},[1374,3317,3318],{},[697,3319,3320],{},"hide",[1374,3322,3323],{},[697,3324,3325],{},"-1",[1374,3327,3328],{},[697,3329,3330],{},"zIndexHide",[1374,3332,3333],{},[697,3334,3335],{},"--z-index--hide",[1353,3337,3338,3343,3347,3352],{},[1374,3339,3340],{},[697,3341,3342],{},"base",[1374,3344,3345],{},[697,3346,2097],{},[1374,3348,3349],{},[697,3350,3351],{},"zIndexBase",[1374,3353,3354],{},[697,3355,3356],{},"--z-index--base",[1353,3358,3359,3364,3369,3374],{},[1374,3360,3361],{},[697,3362,3363],{},"dropdown",[1374,3365,3366],{},[697,3367,3368],{},"100",[1374,3370,3371],{},[697,3372,3373],{},"zIndexDropdown",[1374,3375,3376],{},[697,3377,3378],{},"--z-index--dropdown",[1353,3380,3381,3386,3391,3396],{},[1374,3382,3383],{},[697,3384,3385],{},"sticky",[1374,3387,3388],{},[697,3389,3390],{},"200",[1374,3392,3393],{},[697,3394,3395],{},"zIndexSticky",[1374,3397,3398],{},[697,3399,3400],{},"--z-index--sticky",[1353,3402,3403,3408,3413,3418],{},[1374,3404,3405],{},[697,3406,3407],{},"overlay",[1374,3409,3410],{},[697,3411,3412],{},"300",[1374,3414,3415],{},[697,3416,3417],{},"zIndexOverlay",[1374,3419,3420],{},[697,3421,3422],{},"--z-index--overlay",[1353,3424,3425,3430,3435,3440],{},[1374,3426,3427],{},[697,3428,3429],{},"modal",[1374,3431,3432],{},[697,3433,3434],{},"400",[1374,3436,3437],{},[697,3438,3439],{},"zIndexModal",[1374,3441,3442],{},[697,3443,3444],{},"--z-index--modal",[1353,3446,3447,3452,3457,3462],{},[1374,3448,3449],{},[697,3450,3451],{},"popover",[1374,3453,3454],{},[697,3455,3456],{},"500",[1374,3458,3459],{},[697,3460,3461],{},"zIndexPopover",[1374,3463,3464],{},[697,3465,3466],{},"--z-index--popover",[1353,3468,3469,3474,3479,3484],{},[1374,3470,3471],{},[697,3472,3473],{},"toast",[1374,3475,3476],{},[697,3477,3478],{},"600",[1374,3480,3481],{},[697,3482,3483],{},"zIndexToast",[1374,3485,3486],{},[697,3487,3488],{},"--z-index--toast",[1353,3490,3491,3496,3501,3506],{},[1374,3492,3493],{},[697,3494,3495],{},"max",[1374,3497,3498],{},[697,3499,3500],{},"9999",[1374,3502,3503],{},[697,3504,3505],{},"zIndexMax",[1374,3507,3508],{},[697,3509,3510],{},"--z-index--max",[1353,3512,3513,3518,3522,3527],{},[1374,3514,3515],{},[697,3516,3517],{},"auto",[1374,3519,3520],{},[697,3521,3517],{},[1374,3523,3524],{},[697,3525,3526],{},"zIndexAuto",[1374,3528,3529],{},[697,3530,3531],{},"--z-index--auto",[1265,3533,3534],{"id":1762},"Breakpoint",[745,3536,3538],{"className":747,"code":3537,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    breakpointXs,  \u002F\u002F Variable\u003C'breakpoint.xs'>\n    breakpointSm,  \u002F\u002F Variable\u003C'breakpoint.sm'>\n    breakpointMd,  \u002F\u002F Variable\u003C'breakpoint.md'>\n    breakpointLg,  \u002F\u002F Variable\u003C'breakpoint.lg'>\n    breakpointXl,  \u002F\u002F Variable\u003C'breakpoint.xl'>\n    breakpoint2xl, \u002F\u002F Variable\u003C'breakpoint.2xl'>\n} = preset;\n",[697,3539,3540,3554,3560,3570,3580,3590,3600,3610,3620],{"__ignoreMap":751},[755,3541,3542,3544,3546,3548,3550,3552],{"class":757,"line":758},[755,3543,825],{"class":824},[755,3545,859],{"class":769},[755,3547,831],{"class":765},[755,3549,799],{"class":834},[755,3551,866],{"class":769},[755,3553,789],{"class":765},[755,3555,3556,3558],{"class":757,"line":792},[755,3557,825],{"class":824},[755,3559,956],{"class":765},[755,3561,3562,3565,3567],{"class":757,"line":815},[755,3563,3564],{"class":769},"    breakpointXs",[755,3566,892],{"class":765},[755,3568,3569],{"class":850},"  \u002F\u002F Variable\u003C'breakpoint.xs'>\n",[755,3571,3572,3575,3577],{"class":757,"line":821},[755,3573,3574],{"class":769},"    breakpointSm",[755,3576,892],{"class":765},[755,3578,3579],{"class":850},"  \u002F\u002F Variable\u003C'breakpoint.sm'>\n",[755,3581,3582,3585,3587],{"class":757,"line":842},[755,3583,3584],{"class":769},"    breakpointMd",[755,3586,892],{"class":765},[755,3588,3589],{"class":850},"  \u002F\u002F Variable\u003C'breakpoint.md'>\n",[755,3591,3592,3595,3597],{"class":757,"line":847},[755,3593,3594],{"class":769},"    breakpointLg",[755,3596,892],{"class":765},[755,3598,3599],{"class":850},"  \u002F\u002F Variable\u003C'breakpoint.lg'>\n",[755,3601,3602,3605,3607],{"class":757,"line":854},[755,3603,3604],{"class":769},"    breakpointXl",[755,3606,892],{"class":765},[755,3608,3609],{"class":850},"  \u002F\u002F Variable\u003C'breakpoint.xl'>\n",[755,3611,3612,3615,3617],{"class":757,"line":871},[755,3613,3614],{"class":769},"    breakpoint2xl",[755,3616,892],{"class":765},[755,3618,3619],{"class":850}," \u002F\u002F Variable\u003C'breakpoint.2xl'>\n",[755,3621,3622,3624,3626,3628],{"class":757,"line":876},[755,3623,908],{"class":765},[755,3625,911],{"class":765},[755,3627,914],{"class":769},[755,3629,789],{"class":765},[1347,3631,3632,3645],{},[1350,3633,3634],{},[1353,3635,3636,3638,3641,3643],{},[1356,3637,2055],{},[1356,3639,3640],{},"Value (px)",[1356,3642,2061],{},[1356,3644,326],{},[1369,3646,3647,3667,3688,3709,3730,3751],{},[1353,3648,3649,3653,3657,3662],{},[1374,3650,3651],{},[697,3652,2981],{},[1374,3654,3655],{},[697,3656,2097],{},[1374,3658,3659],{},[697,3660,3661],{},"breakpointXs",[1374,3663,3664],{},[697,3665,3666],{},"--breakpoint--xs",[1353,3668,3669,3673,3678,3683],{},[1374,3670,3671],{},[697,3672,2114],{},[1374,3674,3675],{},[697,3676,3677],{},"576",[1374,3679,3680],{},[697,3681,3682],{},"breakpointSm",[1374,3684,3685],{},[697,3686,3687],{},"--breakpoint--sm",[1353,3689,3690,3694,3699,3704],{},[1374,3691,3692],{},[697,3693,2136],{},[1374,3695,3696],{},[697,3697,3698],{},"768",[1374,3700,3701],{},[697,3702,3703],{},"breakpointMd",[1374,3705,3706],{},[697,3707,3708],{},"--breakpoint--md",[1353,3710,3711,3715,3720,3725],{},[1374,3712,3713],{},[697,3714,2158],{},[1374,3716,3717],{},[697,3718,3719],{},"992",[1374,3721,3722],{},[697,3723,3724],{},"breakpointLg",[1374,3726,3727],{},[697,3728,3729],{},"--breakpoint--lg",[1353,3731,3732,3736,3741,3746],{},[1374,3733,3734],{},[697,3735,2180],{},[1374,3737,3738],{},[697,3739,3740],{},"1200",[1374,3742,3743],{},[697,3744,3745],{},"breakpointXl",[1374,3747,3748],{},[697,3749,3750],{},"--breakpoint--xl",[1353,3752,3753,3757,3762,3767],{},[1374,3754,3755],{},[697,3756,2202],{},[1374,3758,3759],{},[697,3760,3761],{},"1440",[1374,3763,3764],{},[697,3765,3766],{},"breakpoint2xl",[1374,3768,3769],{},[697,3770,3771],{},"--breakpoint--2xl",[1265,3773,195],{"id":1529},[745,3775,3777],{"className":747,"code":3776,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    colorPrimary,   \u002F\u002F Variable\u003C'color.primary'>\n    colorSecondary, \u002F\u002F Variable\u003C'color.secondary'>\n    colorSuccess,   \u002F\u002F Variable\u003C'color.success'>\n    colorWarning,   \u002F\u002F Variable\u003C'color.warning'>\n    colorError,    \u002F\u002F Variable\u003C'color.error'>\n    colorInfo,      \u002F\u002F Variable\u003C'color.info'>\n    colorLight,     \u002F\u002F Variable\u003C'color.light'>\n    colorDark,      \u002F\u002F Variable\u003C'color.dark'>\n} = preset;\n",[697,3778,3779,3793,3799,3809,3819,3829,3839,3849,3859,3869,3879],{"__ignoreMap":751},[755,3780,3781,3783,3785,3787,3789,3791],{"class":757,"line":758},[755,3782,825],{"class":824},[755,3784,859],{"class":769},[755,3786,831],{"class":765},[755,3788,799],{"class":834},[755,3790,866],{"class":769},[755,3792,789],{"class":765},[755,3794,3795,3797],{"class":757,"line":792},[755,3796,825],{"class":824},[755,3798,956],{"class":765},[755,3800,3801,3804,3806],{"class":757,"line":815},[755,3802,3803],{"class":769},"    colorPrimary",[755,3805,892],{"class":765},[755,3807,3808],{"class":850},"   \u002F\u002F Variable\u003C'color.primary'>\n",[755,3810,3811,3814,3816],{"class":757,"line":821},[755,3812,3813],{"class":769},"    colorSecondary",[755,3815,892],{"class":765},[755,3817,3818],{"class":850}," \u002F\u002F Variable\u003C'color.secondary'>\n",[755,3820,3821,3824,3826],{"class":757,"line":842},[755,3822,3823],{"class":769},"    colorSuccess",[755,3825,892],{"class":765},[755,3827,3828],{"class":850},"   \u002F\u002F Variable\u003C'color.success'>\n",[755,3830,3831,3834,3836],{"class":757,"line":847},[755,3832,3833],{"class":769},"    colorWarning",[755,3835,892],{"class":765},[755,3837,3838],{"class":850},"   \u002F\u002F Variable\u003C'color.warning'>\n",[755,3840,3841,3844,3846],{"class":757,"line":854},[755,3842,3843],{"class":769},"    colorError",[755,3845,892],{"class":765},[755,3847,3848],{"class":850},"    \u002F\u002F Variable\u003C'color.error'>\n",[755,3850,3851,3854,3856],{"class":757,"line":871},[755,3852,3853],{"class":769},"    colorInfo",[755,3855,892],{"class":765},[755,3857,3858],{"class":850},"      \u002F\u002F Variable\u003C'color.info'>\n",[755,3860,3861,3864,3866],{"class":757,"line":876},[755,3862,3863],{"class":769},"    colorLight",[755,3865,892],{"class":765},[755,3867,3868],{"class":850},"     \u002F\u002F Variable\u003C'color.light'>\n",[755,3870,3871,3874,3876],{"class":757,"line":882},[755,3872,3873],{"class":769},"    colorDark",[755,3875,892],{"class":765},[755,3877,3878],{"class":850},"      \u002F\u002F Variable\u003C'color.dark'>\n",[755,3880,3881,3883,3885,3887],{"class":757,"line":919},[755,3882,908],{"class":765},[755,3884,911],{"class":765},[755,3886,914],{"class":769},[755,3888,789],{"class":765},[1347,3890,3891,3903],{},[1350,3892,3893],{},[1353,3894,3895,3897,3899,3901],{},[1356,3896,2055],{},[1356,3898,2058],{},[1356,3900,2061],{},[1356,3902,326],{},[1369,3904,3905,3926,3948,3970,3992,4014,4036,4058],{},[1353,3906,3907,3912,3917,3922],{},[1374,3908,3909],{},[697,3910,3911],{},"primary",[1374,3913,3914],{},[697,3915,3916],{},"#3b82f6",[1374,3918,3919],{},[697,3920,3921],{},"colorPrimary",[1374,3923,3924],{},[697,3925,1128],{},[1353,3927,3928,3933,3938,3943],{},[1374,3929,3930],{},[697,3931,3932],{},"secondary",[1374,3934,3935],{},[697,3936,3937],{},"#6b7280",[1374,3939,3940],{},[697,3941,3942],{},"colorSecondary",[1374,3944,3945],{},[697,3946,3947],{},"--color--secondary",[1353,3949,3950,3955,3960,3965],{},[1374,3951,3952],{},[697,3953,3954],{},"success",[1374,3956,3957],{},[697,3958,3959],{},"#22c55e",[1374,3961,3962],{},[697,3963,3964],{},"colorSuccess",[1374,3966,3967],{},[697,3968,3969],{},"--color--success",[1353,3971,3972,3977,3982,3987],{},[1374,3973,3974],{},[697,3975,3976],{},"warning",[1374,3978,3979],{},[697,3980,3981],{},"#f59e0b",[1374,3983,3984],{},[697,3985,3986],{},"colorWarning",[1374,3988,3989],{},[697,3990,3991],{},"--color--warning",[1353,3993,3994,3999,4004,4009],{},[1374,3995,3996],{},[697,3997,3998],{},"error",[1374,4000,4001],{},[697,4002,4003],{},"#ef4444",[1374,4005,4006],{},[697,4007,4008],{},"colorError",[1374,4010,4011],{},[697,4012,4013],{},"--color--error",[1353,4015,4016,4021,4026,4031],{},[1374,4017,4018],{},[697,4019,4020],{},"info",[1374,4022,4023],{},[697,4024,4025],{},"#06b6d4",[1374,4027,4028],{},[697,4029,4030],{},"colorInfo",[1374,4032,4033],{},[697,4034,4035],{},"--color--info",[1353,4037,4038,4043,4048,4053],{},[1374,4039,4040],{},[697,4041,4042],{},"light",[1374,4044,4045],{},[697,4046,4047],{},"#f8fafc",[1374,4049,4050],{},[697,4051,4052],{},"colorLight",[1374,4054,4055],{},[697,4056,4057],{},"--color--light",[1353,4059,4060,4065,4070,4075],{},[1374,4061,4062],{},[697,4063,4064],{},"dark",[1374,4066,4067],{},[697,4068,4069],{},"#1e293b",[1374,4071,4072],{},[697,4073,4074],{},"colorDark",[1374,4076,4077],{},[697,4078,4079],{},"--color--dark",[693,4081,4082],{},"By default, each color also generates:",[706,4084,4085,4091,4097],{},[709,4086,4087,4090],{},[712,4088,4089],{},"Levels",": 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950",[709,4092,4093,4096],{},[712,4094,4095],{},"Shades"," (darker): shade-50, shade-100, shade-150, shade-200",[709,4098,4099,4102],{},[712,4100,4101],{},"Tints"," (lighter): tint-50, tint-100, tint-150, tint-200",[4104,4105,4107],"h4",{"id":4106},"color-generation-options","Color Generation Options",[693,4109,695,4110,4112],{},[697,4111,1549],{}," option controls how color variations are generated:",[1347,4114,4115,4128],{},[1350,4116,4117],{},[1353,4118,4119,4121,4123,4126],{},[1356,4120,1358],{},[1356,4122,1364],{},[1356,4124,4125],{},"Default",[1356,4127,1367],{},[1369,4129,4130,4150,4168,4186,4206,4225],{},[1353,4131,4132,4137,4142,4147],{},[1374,4133,4134],{},[697,4135,4136],{},"generateLevels",[1374,4138,4139],{},[697,4140,4141],{},"boolean",[1374,4143,4144],{},[697,4145,4146],{},"true",[1374,4148,4149],{},"Generate levels (50-950)",[1353,4151,4152,4157,4161,4165],{},[1374,4153,4154],{},[697,4155,4156],{},"generateShades",[1374,4158,4159],{},[697,4160,4141],{},[1374,4162,4163],{},[697,4164,4146],{},[1374,4166,4167],{},"Generate darker shades",[1353,4169,4170,4175,4179,4183],{},[1374,4171,4172],{},[697,4173,4174],{},"generateTints",[1374,4176,4177],{},[697,4178,4141],{},[1374,4180,4181],{},[697,4182,4146],{},[1374,4184,4185],{},"Generate lighter tints",[1353,4187,4188,4193,4198,4203],{},[1374,4189,4190],{},[697,4191,4192],{},"levels",[1374,4194,4195],{},[697,4196,4197],{},"Record\u003Cstring | number, number>",[1374,4199,4200],{},[697,4201,4202],{},"{ 50: 5, 100: 10, ... }",[1374,4204,4205],{},"Custom levels",[1353,4207,4208,4213,4217,4222],{},[1374,4209,4210],{},[697,4211,4212],{},"shadeLevels",[1374,4214,4215],{},[697,4216,4197],{},[1374,4218,4219],{},[697,4220,4221],{},"{ \"shade-50\": 5, \"shade-100\": 10, ... }",[1374,4223,4224],{},"Custom shade levels",[1353,4226,4227,4232,4236,4241],{},[1374,4228,4229],{},[697,4230,4231],{},"tintLevels",[1374,4233,4234],{},[697,4235,4197],{},[1374,4237,4238],{},[697,4239,4240],{},"{ \"tint-50\": 5, \"tint-100\": 10, ... }",[1374,4242,4243],{},"Custom tint levels",[1265,4245,205],{"id":1784},[745,4247,4249],{"className":747,"code":4248,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    easingLinear,       \u002F\u002F Variable\u003C'easing.linear'>\n    easingEase,         \u002F\u002F Variable\u003C'easing.ease'>\n    easingEaseIn,       \u002F\u002F Variable\u003C'easing.ease-in'>\n    easingEaseOut,      \u002F\u002F Variable\u003C'easing.ease-out'>\n    easingEaseInOut,    \u002F\u002F Variable\u003C'easing.ease-in-out'>\n    easingEaseInSine,   \u002F\u002F Variable\u003C'easing.ease-in-sine'>\n    easingEaseOutCubic, \u002F\u002F Variable\u003C'easing.ease-out-cubic'>\n    easingSpring,       \u002F\u002F Variable\u003C'easing.spring'>\n    easingBounce,       \u002F\u002F Variable\u003C'easing.bounce'>\n} = preset;\n",[697,4250,4251,4265,4271,4281,4291,4301,4311,4321,4331,4341,4351,4361],{"__ignoreMap":751},[755,4252,4253,4255,4257,4259,4261,4263],{"class":757,"line":758},[755,4254,825],{"class":824},[755,4256,859],{"class":769},[755,4258,831],{"class":765},[755,4260,799],{"class":834},[755,4262,866],{"class":769},[755,4264,789],{"class":765},[755,4266,4267,4269],{"class":757,"line":792},[755,4268,825],{"class":824},[755,4270,956],{"class":765},[755,4272,4273,4276,4278],{"class":757,"line":815},[755,4274,4275],{"class":769},"    easingLinear",[755,4277,892],{"class":765},[755,4279,4280],{"class":850},"       \u002F\u002F Variable\u003C'easing.linear'>\n",[755,4282,4283,4286,4288],{"class":757,"line":821},[755,4284,4285],{"class":769},"    easingEase",[755,4287,892],{"class":765},[755,4289,4290],{"class":850},"         \u002F\u002F Variable\u003C'easing.ease'>\n",[755,4292,4293,4296,4298],{"class":757,"line":842},[755,4294,4295],{"class":769},"    easingEaseIn",[755,4297,892],{"class":765},[755,4299,4300],{"class":850},"       \u002F\u002F Variable\u003C'easing.ease-in'>\n",[755,4302,4303,4306,4308],{"class":757,"line":847},[755,4304,4305],{"class":769},"    easingEaseOut",[755,4307,892],{"class":765},[755,4309,4310],{"class":850},"      \u002F\u002F Variable\u003C'easing.ease-out'>\n",[755,4312,4313,4316,4318],{"class":757,"line":854},[755,4314,4315],{"class":769},"    easingEaseInOut",[755,4317,892],{"class":765},[755,4319,4320],{"class":850},"    \u002F\u002F Variable\u003C'easing.ease-in-out'>\n",[755,4322,4323,4326,4328],{"class":757,"line":871},[755,4324,4325],{"class":769},"    easingEaseInSine",[755,4327,892],{"class":765},[755,4329,4330],{"class":850},"   \u002F\u002F Variable\u003C'easing.ease-in-sine'>\n",[755,4332,4333,4336,4338],{"class":757,"line":876},[755,4334,4335],{"class":769},"    easingEaseOutCubic",[755,4337,892],{"class":765},[755,4339,4340],{"class":850}," \u002F\u002F Variable\u003C'easing.ease-out-cubic'>\n",[755,4342,4343,4346,4348],{"class":757,"line":882},[755,4344,4345],{"class":769},"    easingSpring",[755,4347,892],{"class":765},[755,4349,4350],{"class":850},"       \u002F\u002F Variable\u003C'easing.spring'>\n",[755,4352,4353,4356,4358],{"class":757,"line":919},[755,4354,4355],{"class":769},"    easingBounce",[755,4357,892],{"class":765},[755,4359,4360],{"class":850},"       \u002F\u002F Variable\u003C'easing.bounce'>\n",[755,4362,4363,4365,4367,4369],{"class":757,"line":924},[755,4364,908],{"class":765},[755,4366,911],{"class":765},[755,4368,914],{"class":769},[755,4370,789],{"class":765},[693,4372,4373],{},[712,4374,4375],{},"Basic CSS Keywords:",[1347,4377,4378,4390],{},[1350,4379,4380],{},[1353,4381,4382,4384,4386,4388],{},[1356,4383,2055],{},[1356,4385,2058],{},[1356,4387,2061],{},[1356,4389,326],{},[1369,4391,4392,4413,4434,4455,4476],{},[1353,4393,4394,4399,4403,4408],{},[1374,4395,4396],{},[697,4397,4398],{},"linear",[1374,4400,4401],{},[697,4402,4398],{},[1374,4404,4405],{},[697,4406,4407],{},"easingLinear",[1374,4409,4410],{},[697,4411,4412],{},"--easing--linear",[1353,4414,4415,4420,4424,4429],{},[1374,4416,4417],{},[697,4418,4419],{},"ease",[1374,4421,4422],{},[697,4423,4419],{},[1374,4425,4426],{},[697,4427,4428],{},"easingEase",[1374,4430,4431],{},[697,4432,4433],{},"--easing--ease",[1353,4435,4436,4441,4445,4450],{},[1374,4437,4438],{},[697,4439,4440],{},"ease-in",[1374,4442,4443],{},[697,4444,4440],{},[1374,4446,4447],{},[697,4448,4449],{},"easingEaseIn",[1374,4451,4452],{},[697,4453,4454],{},"--easing--ease-in",[1353,4456,4457,4462,4466,4471],{},[1374,4458,4459],{},[697,4460,4461],{},"ease-out",[1374,4463,4464],{},[697,4465,4461],{},[1374,4467,4468],{},[697,4469,4470],{},"easingEaseOut",[1374,4472,4473],{},[697,4474,4475],{},"--easing--ease-out",[1353,4477,4478,4483,4487,4492],{},[1374,4479,4480],{},[697,4481,4482],{},"ease-in-out",[1374,4484,4485],{},[697,4486,4482],{},[1374,4488,4489],{},[697,4490,4491],{},"easingEaseInOut",[1374,4493,4494],{},[697,4495,4496],{},"--easing--ease-in-out",[693,4498,4499],{},[712,4500,4501],{},"Sine:",[1347,4503,4504,4516],{},[1350,4505,4506],{},[1353,4507,4508,4510,4512,4514],{},[1356,4509,2055],{},[1356,4511,2058],{},[1356,4513,2061],{},[1356,4515,326],{},[1369,4517,4518,4540,4562],{},[1353,4519,4520,4525,4530,4535],{},[1374,4521,4522],{},[697,4523,4524],{},"ease-in-sine",[1374,4526,4527],{},[697,4528,4529],{},"cubic-bezier(0.47, 0, 0.745, 0.715)",[1374,4531,4532],{},[697,4533,4534],{},"easingEaseInSine",[1374,4536,4537],{},[697,4538,4539],{},"--easing--ease-in-sine",[1353,4541,4542,4547,4552,4557],{},[1374,4543,4544],{},[697,4545,4546],{},"ease-out-sine",[1374,4548,4549],{},[697,4550,4551],{},"cubic-bezier(0.39, 0.575, 0.565, 1)",[1374,4553,4554],{},[697,4555,4556],{},"easingEaseOutSine",[1374,4558,4559],{},[697,4560,4561],{},"--easing--ease-out-sine",[1353,4563,4564,4569,4574,4579],{},[1374,4565,4566],{},[697,4567,4568],{},"ease-in-out-sine",[1374,4570,4571],{},[697,4572,4573],{},"cubic-bezier(0.445, 0.05, 0.55, 0.95)",[1374,4575,4576],{},[697,4577,4578],{},"easingEaseInOutSine",[1374,4580,4581],{},[697,4582,4583],{},"--easing--ease-in-out-sine",[693,4585,4586],{},[712,4587,4588],{},"Quad:",[1347,4590,4591,4603],{},[1350,4592,4593],{},[1353,4594,4595,4597,4599,4601],{},[1356,4596,2055],{},[1356,4598,2058],{},[1356,4600,2061],{},[1356,4602,326],{},[1369,4604,4605,4627,4649],{},[1353,4606,4607,4612,4617,4622],{},[1374,4608,4609],{},[697,4610,4611],{},"ease-in-quad",[1374,4613,4614],{},[697,4615,4616],{},"cubic-bezier(0.55, 0.085, 0.68, 0.53)",[1374,4618,4619],{},[697,4620,4621],{},"easingEaseInQuad",[1374,4623,4624],{},[697,4625,4626],{},"--easing--ease-in-quad",[1353,4628,4629,4634,4639,4644],{},[1374,4630,4631],{},[697,4632,4633],{},"ease-out-quad",[1374,4635,4636],{},[697,4637,4638],{},"cubic-bezier(0.25, 0.46, 0.45, 0.94)",[1374,4640,4641],{},[697,4642,4643],{},"easingEaseOutQuad",[1374,4645,4646],{},[697,4647,4648],{},"--easing--ease-out-quad",[1353,4650,4651,4656,4661,4666],{},[1374,4652,4653],{},[697,4654,4655],{},"ease-in-out-quad",[1374,4657,4658],{},[697,4659,4660],{},"cubic-bezier(0.455, 0.03, 0.515, 0.955)",[1374,4662,4663],{},[697,4664,4665],{},"easingEaseInOutQuad",[1374,4667,4668],{},[697,4669,4670],{},"--easing--ease-in-out-quad",[693,4672,4673],{},[712,4674,4675],{},"Cubic:",[1347,4677,4678,4690],{},[1350,4679,4680],{},[1353,4681,4682,4684,4686,4688],{},[1356,4683,2055],{},[1356,4685,2058],{},[1356,4687,2061],{},[1356,4689,326],{},[1369,4691,4692,4714,4736],{},[1353,4693,4694,4699,4704,4709],{},[1374,4695,4696],{},[697,4697,4698],{},"ease-in-cubic",[1374,4700,4701],{},[697,4702,4703],{},"cubic-bezier(0.55, 0.055, 0.675, 0.19)",[1374,4705,4706],{},[697,4707,4708],{},"easingEaseInCubic",[1374,4710,4711],{},[697,4712,4713],{},"--easing--ease-in-cubic",[1353,4715,4716,4721,4726,4731],{},[1374,4717,4718],{},[697,4719,4720],{},"ease-out-cubic",[1374,4722,4723],{},[697,4724,4725],{},"cubic-bezier(0.215, 0.61, 0.355, 1)",[1374,4727,4728],{},[697,4729,4730],{},"easingEaseOutCubic",[1374,4732,4733],{},[697,4734,4735],{},"--easing--ease-out-cubic",[1353,4737,4738,4743,4748,4753],{},[1374,4739,4740],{},[697,4741,4742],{},"ease-in-out-cubic",[1374,4744,4745],{},[697,4746,4747],{},"cubic-bezier(0.645, 0.045, 0.355, 1)",[1374,4749,4750],{},[697,4751,4752],{},"easingEaseInOutCubic",[1374,4754,4755],{},[697,4756,4757],{},"--easing--ease-in-out-cubic",[693,4759,4760],{},[712,4761,4762],{},"Quart:",[1347,4764,4765,4777],{},[1350,4766,4767],{},[1353,4768,4769,4771,4773,4775],{},[1356,4770,2055],{},[1356,4772,2058],{},[1356,4774,2061],{},[1356,4776,326],{},[1369,4778,4779,4801,4823],{},[1353,4780,4781,4786,4791,4796],{},[1374,4782,4783],{},[697,4784,4785],{},"ease-in-quart",[1374,4787,4788],{},[697,4789,4790],{},"cubic-bezier(0.895, 0.03, 0.685, 0.22)",[1374,4792,4793],{},[697,4794,4795],{},"easingEaseInQuart",[1374,4797,4798],{},[697,4799,4800],{},"--easing--ease-in-quart",[1353,4802,4803,4808,4813,4818],{},[1374,4804,4805],{},[697,4806,4807],{},"ease-out-quart",[1374,4809,4810],{},[697,4811,4812],{},"cubic-bezier(0.165, 0.84, 0.44, 1)",[1374,4814,4815],{},[697,4816,4817],{},"easingEaseOutQuart",[1374,4819,4820],{},[697,4821,4822],{},"--easing--ease-out-quart",[1353,4824,4825,4830,4835,4840],{},[1374,4826,4827],{},[697,4828,4829],{},"ease-in-out-quart",[1374,4831,4832],{},[697,4833,4834],{},"cubic-bezier(0.77, 0, 0.175, 1)",[1374,4836,4837],{},[697,4838,4839],{},"easingEaseInOutQuart",[1374,4841,4842],{},[697,4843,4844],{},"--easing--ease-in-out-quart",[693,4846,4847],{},[712,4848,4849],{},"Quint:",[1347,4851,4852,4864],{},[1350,4853,4854],{},[1353,4855,4856,4858,4860,4862],{},[1356,4857,2055],{},[1356,4859,2058],{},[1356,4861,2061],{},[1356,4863,326],{},[1369,4865,4866,4888,4910],{},[1353,4867,4868,4873,4878,4883],{},[1374,4869,4870],{},[697,4871,4872],{},"ease-in-quint",[1374,4874,4875],{},[697,4876,4877],{},"cubic-bezier(0.755, 0.05, 0.855, 0.06)",[1374,4879,4880],{},[697,4881,4882],{},"easingEaseInQuint",[1374,4884,4885],{},[697,4886,4887],{},"--easing--ease-in-quint",[1353,4889,4890,4895,4900,4905],{},[1374,4891,4892],{},[697,4893,4894],{},"ease-out-quint",[1374,4896,4897],{},[697,4898,4899],{},"cubic-bezier(0.23, 1, 0.32, 1)",[1374,4901,4902],{},[697,4903,4904],{},"easingEaseOutQuint",[1374,4906,4907],{},[697,4908,4909],{},"--easing--ease-out-quint",[1353,4911,4912,4917,4922,4927],{},[1374,4913,4914],{},[697,4915,4916],{},"ease-in-out-quint",[1374,4918,4919],{},[697,4920,4921],{},"cubic-bezier(0.86, 0, 0.07, 1)",[1374,4923,4924],{},[697,4925,4926],{},"easingEaseInOutQuint",[1374,4928,4929],{},[697,4930,4931],{},"--easing--ease-in-out-quint",[693,4933,4934],{},[712,4935,4936],{},"Expo:",[1347,4938,4939,4951],{},[1350,4940,4941],{},[1353,4942,4943,4945,4947,4949],{},[1356,4944,2055],{},[1356,4946,2058],{},[1356,4948,2061],{},[1356,4950,326],{},[1369,4952,4953,4975,4997],{},[1353,4954,4955,4960,4965,4970],{},[1374,4956,4957],{},[697,4958,4959],{},"ease-in-expo",[1374,4961,4962],{},[697,4963,4964],{},"cubic-bezier(0.95, 0.05, 0.795, 0.035)",[1374,4966,4967],{},[697,4968,4969],{},"easingEaseInExpo",[1374,4971,4972],{},[697,4973,4974],{},"--easing--ease-in-expo",[1353,4976,4977,4982,4987,4992],{},[1374,4978,4979],{},[697,4980,4981],{},"ease-out-expo",[1374,4983,4984],{},[697,4985,4986],{},"cubic-bezier(0.19, 1, 0.22, 1)",[1374,4988,4989],{},[697,4990,4991],{},"easingEaseOutExpo",[1374,4993,4994],{},[697,4995,4996],{},"--easing--ease-out-expo",[1353,4998,4999,5004,5009,5014],{},[1374,5000,5001],{},[697,5002,5003],{},"ease-in-out-expo",[1374,5005,5006],{},[697,5007,5008],{},"cubic-bezier(1, 0, 0, 1)",[1374,5010,5011],{},[697,5012,5013],{},"easingEaseInOutExpo",[1374,5015,5016],{},[697,5017,5018],{},"--easing--ease-in-out-expo",[693,5020,5021],{},[712,5022,5023],{},"Circ:",[1347,5025,5026,5038],{},[1350,5027,5028],{},[1353,5029,5030,5032,5034,5036],{},[1356,5031,2055],{},[1356,5033,2058],{},[1356,5035,2061],{},[1356,5037,326],{},[1369,5039,5040,5062,5084],{},[1353,5041,5042,5047,5052,5057],{},[1374,5043,5044],{},[697,5045,5046],{},"ease-in-circ",[1374,5048,5049],{},[697,5050,5051],{},"cubic-bezier(0.6, 0.04, 0.98, 0.335)",[1374,5053,5054],{},[697,5055,5056],{},"easingEaseInCirc",[1374,5058,5059],{},[697,5060,5061],{},"--easing--ease-in-circ",[1353,5063,5064,5069,5074,5079],{},[1374,5065,5066],{},[697,5067,5068],{},"ease-out-circ",[1374,5070,5071],{},[697,5072,5073],{},"cubic-bezier(0.075, 0.82, 0.165, 1)",[1374,5075,5076],{},[697,5077,5078],{},"easingEaseOutCirc",[1374,5080,5081],{},[697,5082,5083],{},"--easing--ease-out-circ",[1353,5085,5086,5091,5096,5101],{},[1374,5087,5088],{},[697,5089,5090],{},"ease-in-out-circ",[1374,5092,5093],{},[697,5094,5095],{},"cubic-bezier(0.785, 0.135, 0.15, 0.86)",[1374,5097,5098],{},[697,5099,5100],{},"easingEaseInOutCirc",[1374,5102,5103],{},[697,5104,5105],{},"--easing--ease-in-out-circ",[693,5107,5108],{},[712,5109,5110],{},"Back (with overshoot):",[1347,5112,5113,5125],{},[1350,5114,5115],{},[1353,5116,5117,5119,5121,5123],{},[1356,5118,2055],{},[1356,5120,2058],{},[1356,5122,2061],{},[1356,5124,326],{},[1369,5126,5127,5149,5171],{},[1353,5128,5129,5134,5139,5144],{},[1374,5130,5131],{},[697,5132,5133],{},"ease-in-back",[1374,5135,5136],{},[697,5137,5138],{},"cubic-bezier(0.6, -0.28, 0.735, 0.045)",[1374,5140,5141],{},[697,5142,5143],{},"easingEaseInBack",[1374,5145,5146],{},[697,5147,5148],{},"--easing--ease-in-back",[1353,5150,5151,5156,5161,5166],{},[1374,5152,5153],{},[697,5154,5155],{},"ease-out-back",[1374,5157,5158],{},[697,5159,5160],{},"cubic-bezier(0.175, 0.885, 0.32, 1.275)",[1374,5162,5163],{},[697,5164,5165],{},"easingEaseOutBack",[1374,5167,5168],{},[697,5169,5170],{},"--easing--ease-out-back",[1353,5172,5173,5178,5183,5188],{},[1374,5174,5175],{},[697,5176,5177],{},"ease-in-out-back",[1374,5179,5180],{},[697,5181,5182],{},"cubic-bezier(0.68, -0.55, 0.265, 1.55)",[1374,5184,5185],{},[697,5186,5187],{},"easingEaseInOutBack",[1374,5189,5190],{},[697,5191,5192],{},"--easing--ease-in-out-back",[693,5194,5195],{},[712,5196,5197],{},"Special (linear() functions):",[1347,5199,5200,5212],{},[1350,5201,5202],{},[1353,5203,5204,5206,5208,5210],{},[1356,5205,2055],{},[1356,5207,1367],{},[1356,5209,2061],{},[1356,5211,326],{},[1369,5213,5214,5234],{},[1353,5215,5216,5221,5224,5229],{},[1374,5217,5218],{},[697,5219,5220],{},"spring",[1374,5222,5223],{},"Natural spring animation",[1374,5225,5226],{},[697,5227,5228],{},"easingSpring",[1374,5230,5231],{},[697,5232,5233],{},"--easing--spring",[1353,5235,5236,5241,5244,5249],{},[1374,5237,5238],{},[697,5239,5240],{},"bounce",[1374,5242,5243],{},"Bouncy animation effect",[1374,5245,5246],{},[697,5247,5248],{},"easingBounce",[1374,5250,5251],{},[697,5252,5253],{},"--easing--bounce",[1265,5255,5257],{"id":5256},"font-family","Font Family",[745,5259,5261],{"className":747,"code":5260,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    fontFamily,      \u002F\u002F Variable\u003C'font-family'>\n    fontFamilyBase,  \u002F\u002F Variable\u003C'font-family.base'>\n    fontFamilyPrint, \u002F\u002F Variable\u003C'font-family.print'>\n    fontFamilyMono,  \u002F\u002F Variable\u003C'font-family.mono'>\n} = preset;\n",[697,5262,5263,5277,5283,5293,5303,5313,5323],{"__ignoreMap":751},[755,5264,5265,5267,5269,5271,5273,5275],{"class":757,"line":758},[755,5266,825],{"class":824},[755,5268,859],{"class":769},[755,5270,831],{"class":765},[755,5272,799],{"class":834},[755,5274,866],{"class":769},[755,5276,789],{"class":765},[755,5278,5279,5281],{"class":757,"line":792},[755,5280,825],{"class":824},[755,5282,956],{"class":765},[755,5284,5285,5288,5290],{"class":757,"line":815},[755,5286,5287],{"class":769},"    fontFamily",[755,5289,892],{"class":765},[755,5291,5292],{"class":850},"      \u002F\u002F Variable\u003C'font-family'>\n",[755,5294,5295,5298,5300],{"class":757,"line":821},[755,5296,5297],{"class":769},"    fontFamilyBase",[755,5299,892],{"class":765},[755,5301,5302],{"class":850},"  \u002F\u002F Variable\u003C'font-family.base'>\n",[755,5304,5305,5308,5310],{"class":757,"line":842},[755,5306,5307],{"class":769},"    fontFamilyPrint",[755,5309,892],{"class":765},[755,5311,5312],{"class":850}," \u002F\u002F Variable\u003C'font-family.print'>\n",[755,5314,5315,5318,5320],{"class":757,"line":847},[755,5316,5317],{"class":769},"    fontFamilyMono",[755,5319,892],{"class":765},[755,5321,5322],{"class":850},"  \u002F\u002F Variable\u003C'font-family.mono'>\n",[755,5324,5325,5327,5329,5331],{"class":757,"line":854},[755,5326,908],{"class":765},[755,5328,911],{"class":765},[755,5330,914],{"class":769},[755,5332,789],{"class":765},[1347,5334,5335,5347],{},[1350,5336,5337],{},[1353,5338,5339,5341,5343,5345],{},[1356,5340,2055],{},[1356,5342,2058],{},[1356,5344,2061],{},[1356,5346,326],{},[1369,5348,5349,5369,5388,5408],{},[1353,5350,5351,5355,5360,5364],{},[1374,5352,5353],{},[697,5354,1727],{},[1374,5356,5357],{},[697,5358,5359],{},"@font-family.base",[1374,5361,5362],{},[697,5363,1569],{},[1374,5365,5366],{},[697,5367,5368],{},"--font-family",[1353,5370,5371,5375,5378,5383],{},[1374,5372,5373],{},[697,5374,3342],{},[1374,5376,5377],{},"System font stack (sans-serif)",[1374,5379,5380],{},[697,5381,5382],{},"fontFamilyBase",[1374,5384,5385],{},[697,5386,5387],{},"--font-family--base",[1353,5389,5390,5395,5398,5403],{},[1374,5391,5392],{},[697,5393,5394],{},"print",[1374,5396,5397],{},"Georgia, Times New Roman (serif)",[1374,5399,5400],{},[697,5401,5402],{},"fontFamilyPrint",[1374,5404,5405],{},[697,5406,5407],{},"--font-family--print",[1353,5409,5410,5415,5418,5423],{},[1374,5411,5412],{},[697,5413,5414],{},"mono",[1374,5416,5417],{},"SFMono-Regular, Menlo (monospace)",[1374,5419,5420],{},[697,5421,5422],{},"fontFamilyMono",[1374,5424,5425],{},[697,5426,5427],{},"--font-family--mono",[1265,5429,5431],{"id":5430},"font-size","Font Size",[745,5433,5435],{"className":747,"code":5434,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    fontSize,    \u002F\u002F Variable\u003C'font-size'>\n    fontSizeXs,  \u002F\u002F Variable\u003C'font-size.xs'>\n    fontSizeSm,  \u002F\u002F Variable\u003C'font-size.sm'>\n    fontSizeMd,  \u002F\u002F Variable\u003C'font-size.md'>\n    fontSizeLg,  \u002F\u002F Variable\u003C'font-size.lg'>\n    fontSizeXl,  \u002F\u002F Variable\u003C'font-size.xl'>\n    fontSize2xl, \u002F\u002F Variable\u003C'font-size.2xl'>\n    fontSize3xl, \u002F\u002F Variable\u003C'font-size.3xl'>\n    fontSize4xl, \u002F\u002F Variable\u003C'font-size.4xl'>\n} = preset;\n",[697,5436,5437,5451,5457,5467,5477,5487,5497,5507,5517,5527,5537,5547],{"__ignoreMap":751},[755,5438,5439,5441,5443,5445,5447,5449],{"class":757,"line":758},[755,5440,825],{"class":824},[755,5442,859],{"class":769},[755,5444,831],{"class":765},[755,5446,799],{"class":834},[755,5448,866],{"class":769},[755,5450,789],{"class":765},[755,5452,5453,5455],{"class":757,"line":792},[755,5454,825],{"class":824},[755,5456,956],{"class":765},[755,5458,5459,5462,5464],{"class":757,"line":815},[755,5460,5461],{"class":769},"    fontSize",[755,5463,892],{"class":765},[755,5465,5466],{"class":850},"    \u002F\u002F Variable\u003C'font-size'>\n",[755,5468,5469,5472,5474],{"class":757,"line":821},[755,5470,5471],{"class":769},"    fontSizeXs",[755,5473,892],{"class":765},[755,5475,5476],{"class":850},"  \u002F\u002F Variable\u003C'font-size.xs'>\n",[755,5478,5479,5482,5484],{"class":757,"line":842},[755,5480,5481],{"class":769},"    fontSizeSm",[755,5483,892],{"class":765},[755,5485,5486],{"class":850},"  \u002F\u002F Variable\u003C'font-size.sm'>\n",[755,5488,5489,5492,5494],{"class":757,"line":847},[755,5490,5491],{"class":769},"    fontSizeMd",[755,5493,892],{"class":765},[755,5495,5496],{"class":850},"  \u002F\u002F Variable\u003C'font-size.md'>\n",[755,5498,5499,5502,5504],{"class":757,"line":854},[755,5500,5501],{"class":769},"    fontSizeLg",[755,5503,892],{"class":765},[755,5505,5506],{"class":850},"  \u002F\u002F Variable\u003C'font-size.lg'>\n",[755,5508,5509,5512,5514],{"class":757,"line":871},[755,5510,5511],{"class":769},"    fontSizeXl",[755,5513,892],{"class":765},[755,5515,5516],{"class":850},"  \u002F\u002F Variable\u003C'font-size.xl'>\n",[755,5518,5519,5522,5524],{"class":757,"line":876},[755,5520,5521],{"class":769},"    fontSize2xl",[755,5523,892],{"class":765},[755,5525,5526],{"class":850}," \u002F\u002F Variable\u003C'font-size.2xl'>\n",[755,5528,5529,5532,5534],{"class":757,"line":882},[755,5530,5531],{"class":769},"    fontSize3xl",[755,5533,892],{"class":765},[755,5535,5536],{"class":850}," \u002F\u002F Variable\u003C'font-size.3xl'>\n",[755,5538,5539,5542,5544],{"class":757,"line":919},[755,5540,5541],{"class":769},"    fontSize4xl",[755,5543,892],{"class":765},[755,5545,5546],{"class":850}," \u002F\u002F Variable\u003C'font-size.4xl'>\n",[755,5548,5549,5551,5553,5555],{"class":757,"line":924},[755,5550,908],{"class":765},[755,5552,911],{"class":765},[755,5554,914],{"class":769},[755,5556,789],{"class":765},[1347,5558,5559,5571],{},[1350,5560,5561],{},[1353,5562,5563,5565,5567,5569],{},[1356,5564,2055],{},[1356,5566,2058],{},[1356,5568,2061],{},[1356,5570,326],{},[1369,5572,5573,5593,5613,5634,5654,5675,5696,5717,5739],{},[1353,5574,5575,5579,5584,5588],{},[1374,5576,5577],{},[697,5578,1727],{},[1374,5580,5581],{},[697,5582,5583],{},"@font-size.md",[1374,5585,5586],{},[697,5587,1590],{},[1374,5589,5590],{},[697,5591,5592],{},"--font-size",[1353,5594,5595,5599,5603,5608],{},[1374,5596,5597],{},[697,5598,2981],{},[1374,5600,5601],{},[697,5602,2185],{},[1374,5604,5605],{},[697,5606,5607],{},"fontSizeXs",[1374,5609,5610],{},[697,5611,5612],{},"--font-size--xs",[1353,5614,5615,5619,5624,5629],{},[1374,5616,5617],{},[697,5618,2114],{},[1374,5620,5621],{},[697,5622,5623],{},"0.875rem",[1374,5625,5626],{},[697,5627,5628],{},"fontSizeSm",[1374,5630,5631],{},[697,5632,5633],{},"--font-size--sm",[1353,5635,5636,5640,5644,5649],{},[1374,5637,5638],{},[697,5639,2136],{},[1374,5641,5642],{},[697,5643,2207],{},[1374,5645,5646],{},[697,5647,5648],{},"fontSizeMd",[1374,5650,5651],{},[697,5652,5653],{},"--font-size--md",[1353,5655,5656,5660,5665,5670],{},[1374,5657,5658],{},[697,5659,2158],{},[1374,5661,5662],{},[697,5663,5664],{},"1.125rem",[1374,5666,5667],{},[697,5668,5669],{},"fontSizeLg",[1374,5671,5672],{},[697,5673,5674],{},"--font-size--lg",[1353,5676,5677,5681,5686,5691],{},[1374,5678,5679],{},[697,5680,2180],{},[1374,5682,5683],{},[697,5684,5685],{},"1.25rem",[1374,5687,5688],{},[697,5689,5690],{},"fontSizeXl",[1374,5692,5693],{},[697,5694,5695],{},"--font-size--xl",[1353,5697,5698,5702,5707,5712],{},[1374,5699,5700],{},[697,5701,2202],{},[1374,5703,5704],{},[697,5705,5706],{},"1.5rem",[1374,5708,5709],{},[697,5710,5711],{},"fontSize2xl",[1374,5713,5714],{},[697,5715,5716],{},"--font-size--2xl",[1353,5718,5719,5724,5729,5734],{},[1374,5720,5721],{},[697,5722,5723],{},"3xl",[1374,5725,5726],{},[697,5727,5728],{},"1.875rem",[1374,5730,5731],{},[697,5732,5733],{},"fontSize3xl",[1374,5735,5736],{},[697,5737,5738],{},"--font-size--3xl",[1353,5740,5741,5746,5751,5756],{},[1374,5742,5743],{},[697,5744,5745],{},"4xl",[1374,5747,5748],{},[697,5749,5750],{},"2.25rem",[1374,5752,5753],{},[697,5754,5755],{},"fontSize4xl",[1374,5757,5758],{},[697,5759,5760],{},"--font-size--4xl",[1265,5762,220],{"id":5763},"fluid-typography",[693,5765,5766,5767,5770,5771,5774,5775,5778,5779,5782,5783,5786,5787,5790,5791,5793,5794,5796,5797,5799],{},"Fluid typography is ",[712,5768,5769],{},"enabled by default",". The preset emits ",[697,5772,5773],{},"fluid.*"," viewport variables, configurable base variables (",[697,5776,5777],{},"--font-size--min: 16"," \u002F ",[697,5780,5781],{},"--font-size--max: 18","), and configures ",[697,5784,5785],{},"useFontSizeDesignTokens()"," with fluid pixel ranges, so every ",[697,5788,5789],{},"font-size.*"," variable becomes a ",[697,5792,1614],{}," that interpolates between a min and max as the viewport scales. To opt out and use static font sizes, pass ",[697,5795,1618],{},". Any sizes you pass under ",[697,5798,1590],{}," override the fluid defaults for those keys.",[745,5801,5803],{"className":747,"code":5802,"language":750,"meta":751,"style":751},"\u002F\u002F Fluid is the default — no opt-in needed\nconst preset = useDesignTokensPreset(s);\nconst {\n    fluidBreakpoint,    \u002F\u002F Variable\u003C'fluid.breakpoint'>\n    fluidMinWidth,      \u002F\u002F Variable\u003C'fluid.min-width'>\n    fluidMaxWidth,      \u002F\u002F Variable\u003C'fluid.max-width'>\n    fluidScreen,        \u002F\u002F Variable\u003C'fluid.screen'>\n    fontSize,           \u002F\u002F Variable\u003C'font-size'>\n    fontSizeMd,         \u002F\u002F Variable\u003C'font-size.md'>\n    \u002F\u002F ...all standard font-size keys\n} = preset;\n",[697,5804,5805,5810,5824,5830,5840,5850,5860,5870,5879,5888,5893],{"__ignoreMap":751},[755,5806,5807],{"class":757,"line":758},[755,5808,5809],{"class":850},"\u002F\u002F Fluid is the default — no opt-in needed\n",[755,5811,5812,5814,5816,5818,5820,5822],{"class":757,"line":792},[755,5813,825],{"class":824},[755,5815,859],{"class":769},[755,5817,831],{"class":765},[755,5819,799],{"class":834},[755,5821,866],{"class":769},[755,5823,789],{"class":765},[755,5825,5826,5828],{"class":757,"line":815},[755,5827,825],{"class":824},[755,5829,956],{"class":765},[755,5831,5832,5835,5837],{"class":757,"line":821},[755,5833,5834],{"class":769},"    fluidBreakpoint",[755,5836,892],{"class":765},[755,5838,5839],{"class":850},"    \u002F\u002F Variable\u003C'fluid.breakpoint'>\n",[755,5841,5842,5845,5847],{"class":757,"line":842},[755,5843,5844],{"class":769},"    fluidMinWidth",[755,5846,892],{"class":765},[755,5848,5849],{"class":850},"      \u002F\u002F Variable\u003C'fluid.min-width'>\n",[755,5851,5852,5855,5857],{"class":757,"line":847},[755,5853,5854],{"class":769},"    fluidMaxWidth",[755,5856,892],{"class":765},[755,5858,5859],{"class":850},"      \u002F\u002F Variable\u003C'fluid.max-width'>\n",[755,5861,5862,5865,5867],{"class":757,"line":854},[755,5863,5864],{"class":769},"    fluidScreen",[755,5866,892],{"class":765},[755,5868,5869],{"class":850},"        \u002F\u002F Variable\u003C'fluid.screen'>\n",[755,5871,5872,5874,5876],{"class":757,"line":871},[755,5873,5461],{"class":769},[755,5875,892],{"class":765},[755,5877,5878],{"class":850},"           \u002F\u002F Variable\u003C'font-size'>\n",[755,5880,5881,5883,5885],{"class":757,"line":876},[755,5882,5491],{"class":769},[755,5884,892],{"class":765},[755,5886,5887],{"class":850},"         \u002F\u002F Variable\u003C'font-size.md'>\n",[755,5889,5890],{"class":757,"line":882},[755,5891,5892],{"class":850},"    \u002F\u002F ...all standard font-size keys\n",[755,5894,5895,5897,5899,5901],{"class":757,"line":919},[755,5896,908],{"class":765},[755,5898,911],{"class":765},[755,5900,914],{"class":769},[755,5902,789],{"class":765},[4104,5904,5906],{"id":5905},"default-fluid-viewport","Default fluid viewport",[693,5908,5909,5911],{},[697,5910,1826],{}," defines the viewport range across which fluid values interpolate.",[1347,5913,5914,5926],{},[1350,5915,5916],{},[1353,5917,5918,5920,5922,5924],{},[1356,5919,2055],{},[1356,5921,4125],{},[1356,5923,2061],{},[1356,5925,326],{},[1369,5927,5928,5950,5971,5994],{},[1353,5929,5930,5935,5940,5945],{},[1374,5931,5932],{},[697,5933,5934],{},"minWidth",[1374,5936,5937],{},[697,5938,5939],{},"320",[1374,5941,5942],{},[697,5943,5944],{},"fluidMinWidth",[1374,5946,5947],{},[697,5948,5949],{},"--fluid--min-width",[1353,5951,5952,5957,5961,5966],{},[1374,5953,5954],{},[697,5955,5956],{},"maxWidth",[1374,5958,5959],{},[697,5960,3761],{},[1374,5962,5963],{},[697,5964,5965],{},"fluidMaxWidth",[1374,5967,5968],{},[697,5969,5970],{},"--fluid--max-width",[1353,5972,5973,5979,5984,5989],{},[1374,5974,5975],{},[5976,5977,5978],"em",{},"(constant)",[1374,5980,5981],{},[697,5982,5983],{},"100vw",[1374,5985,5986],{},[697,5987,5988],{},"fluidScreen",[1374,5990,5991],{},[697,5992,5993],{},"--fluid--screen",[1353,5995,5996,6001,6006,6011],{},[1374,5997,5998],{},[5976,5999,6000],{},"(computed)",[1374,6002,6003],{},[697,6004,6005],{},"calc(...)",[1374,6007,6008],{},[697,6009,6010],{},"fluidBreakpoint",[1374,6012,6013],{},[697,6014,6015],{},"--fluid--breakpoint",[4104,6017,6019],{"id":6018},"default-fluid-scale","Default fluid scale",[693,6021,6022,6024,6025,5778,6028,6031],{},[697,6023,1890],{}," defines the modular scale ratios used to compute the default fluid font sizes. The preset materializes both ratios as variables along with their per-step powers (",[697,6026,6027],{},"scale.min-powers.\u003Cn>",[697,6029,6030],{},"scale.max-powers.\u003Cn>","), so the default font-size values are scale-driven rather than hand-tuned numbers.",[1347,6033,6034,6046],{},[1350,6035,6036],{},[1353,6037,6038,6040,6042,6044],{},[1356,6039,2055],{},[1356,6041,4125],{},[1356,6043,2061],{},[1356,6045,326],{},[1369,6047,6048,6071,6093,6123],{},[1353,6049,6050,6055,6061,6066],{},[1374,6051,6052],{},[697,6053,6054],{},"min",[1374,6056,6057,6060],{},[697,6058,6059],{},"@scale.major-second"," (1.125)",[1374,6062,6063],{},[697,6064,6065],{},"scaleMin",[1374,6067,6068],{},[697,6069,6070],{},"--scale--min",[1353,6072,6073,6077,6083,6088],{},[1374,6074,6075],{},[697,6076,3495],{},[1374,6078,6079,6082],{},[697,6080,6081],{},"@scale.major-third"," (1.25)",[1374,6084,6085],{},[697,6086,6087],{},"scaleMax",[1374,6089,6090],{},[697,6091,6092],{},"--scale--max",[1353,6094,6095,6100,6113,6118],{},[1374,6096,6097],{},[5976,6098,6099],{},"(per power)",[1374,6101,6102,6105,6106,6105,6109,6112],{},[697,6103,6104],{},"1",", ",[697,6107,6108],{},"var(--scale--min)",[697,6110,6111],{},"var(--scale--min) * var(--scale--min)",", …",[1374,6114,6115],{},[5976,6116,6117],{},"(internal)",[1374,6119,6120],{},[697,6121,6122],{},"--scale--min-powers--\u003Cn>",[1353,6124,6125,6129,6139,6143],{},[1374,6126,6127],{},[5976,6128,6099],{},[1374,6130,6131,6105,6133,6105,6136,6112],{},[697,6132,6104],{},[697,6134,6135],{},"var(--scale--max)",[697,6137,6138],{},"var(--scale--max) * var(--scale--max)",[1374,6140,6141],{},[5976,6142,6117],{},[1374,6144,6145],{},[697,6146,6147],{},"--scale--max-powers--\u003Cn>",[693,6149,6150,6151,6154,6155,6158,6159,6162],{},"Override the ratios with ",[697,6152,6153],{},"fluidScale: { min: \u003Cratio>, max: \u003Cratio> }"," to rescale every default font-size step at once. Pass numbers (e.g., ",[697,6156,6157],{},"1.067",") or ",[697,6160,6161],{},"@scale.\u003Cname>"," references.",[4104,6164,6166],{"id":6165},"default-fluid-font-size","Default fluid font size",[693,6168,6169,6170,6172,6173,1871,6175,6177,6178,1871,6181,6184,6185,5778,6187,6189,6190,6195],{},"When ",[697,6171,1606],{}," is enabled (the default), the preset emits two configurable CSS variables for the base pixel range — ",[697,6174,5777],{},[697,6176,5781],{},". Each named font-size step then interpolates between ",[697,6179,6180],{},"var(--font-size--min)",[697,6182,6183],{},"var(--font-size--max)",", scaled by the step's modular-scale power (",[697,6186,6027],{},[697,6188,6030],{},"). The min\u002Fmax ratios come from ",[1377,6191,6193],{"href":6192},"#default-fluid-scale",[697,6194,1890],{},".",[693,6197,6198,6199,1871,6202,6205,6206,6209,6210,6213,6214,6216,6217,6219,6220,6223],{},"To retarget the base, override ",[697,6200,6201],{},"--font-size--min",[697,6203,6204],{},"--font-size--max"," in your own stylesheet (or via ",[697,6207,6208],{},"fontSize: { min: 14, max: 20 }"," with ",[697,6211,6212],{},"meta: { merge: true }","). To override individual steps, pass explicit ",[697,6215,1610],{}," tuples via ",[697,6218,1590],{}," (e.g. ",[697,6221,6222],{},"fontSize: { md: [14, 18] }",").",[1347,6225,6226,6242],{},[1350,6227,6228],{},[1353,6229,6230,6232,6235,6238,6240],{},[1356,6231,2055],{},[1356,6233,6234],{},"Step",[1356,6236,6237],{},"Value (default)",[1356,6239,2061],{},[1356,6241,326],{},[1369,6243,6244,6267,6289,6309,6336,6363,6387,6410,6433,6456,6480,6504,6528],{},[1353,6245,6246,6250,6252,6258,6263],{},[1374,6247,6248],{},[697,6249,6054],{},[1374,6251,1552],{},[1374,6253,6254,6257],{},[697,6255,6256],{},"16"," (configurable fluid base)",[1374,6259,6260],{},[697,6261,6262],{},"fontSizeMin",[1374,6264,6265],{},[697,6266,6201],{},[1353,6268,6269,6273,6275,6280,6285],{},[1374,6270,6271],{},[697,6272,3495],{},[1374,6274,1552],{},[1374,6276,6277,6257],{},[697,6278,6279],{},"18",[1374,6281,6282],{},[697,6283,6284],{},"fontSizeMax",[1374,6286,6287],{},[697,6288,6204],{},[1353,6290,6291,6295,6297,6301,6305],{},[1374,6292,6293],{},[697,6294,1727],{},[1374,6296,1552],{},[1374,6298,6299],{},[697,6300,5583],{},[1374,6302,6303],{},[697,6304,1590],{},[1374,6306,6307],{},[697,6308,5592],{},[1353,6310,6311,6316,6321,6326,6331],{},[1374,6312,6313],{},[697,6314,6315],{},"3xs",[1374,6317,6318],{},[697,6319,6320],{},"-4",[1374,6322,6323],{},[697,6324,6325],{},"[@font-size.min * @scale.min-powers.-4, @font-size.max * @scale.max-powers.-4]",[1374,6327,6328],{},[697,6329,6330],{},"fontSize3xs",[1374,6332,6333],{},[697,6334,6335],{},"--font-size--3xs",[1353,6337,6338,6343,6348,6353,6358],{},[1374,6339,6340],{},[697,6341,6342],{},"2xs",[1374,6344,6345],{},[697,6346,6347],{},"-3",[1374,6349,6350],{},[697,6351,6352],{},"[@font-size.min * @scale.min-powers.-3, @font-size.max * @scale.max-powers.-3]",[1374,6354,6355],{},[697,6356,6357],{},"fontSize2xs",[1374,6359,6360],{},[697,6361,6362],{},"--font-size--2xs",[1353,6364,6365,6369,6374,6379,6383],{},[1374,6366,6367],{},[697,6368,2981],{},[1374,6370,6371],{},[697,6372,6373],{},"-2",[1374,6375,6376],{},[697,6377,6378],{},"[@font-size.min * @scale.min-powers.-2, @font-size.max * @scale.max-powers.-2]",[1374,6380,6381],{},[697,6382,5607],{},[1374,6384,6385],{},[697,6386,5612],{},[1353,6388,6389,6393,6397,6402,6406],{},[1374,6390,6391],{},[697,6392,2114],{},[1374,6394,6395],{},[697,6396,3325],{},[1374,6398,6399],{},[697,6400,6401],{},"[@font-size.min * @scale.min-powers.-1, @font-size.max * @scale.max-powers.-1]",[1374,6403,6404],{},[697,6405,5628],{},[1374,6407,6408],{},[697,6409,5633],{},[1353,6411,6412,6416,6420,6425,6429],{},[1374,6413,6414],{},[697,6415,2136],{},[1374,6417,6418],{},[697,6419,2097],{},[1374,6421,6422],{},[697,6423,6424],{},"[@font-size.min * @scale.min-powers.0, @font-size.max * @scale.max-powers.0]",[1374,6426,6427],{},[697,6428,5648],{},[1374,6430,6431],{},[697,6432,5653],{},[1353,6434,6435,6439,6443,6448,6452],{},[1374,6436,6437],{},[697,6438,2158],{},[1374,6440,6441],{},[697,6442,6104],{},[1374,6444,6445],{},[697,6446,6447],{},"[@font-size.min * @scale.min-powers.1, @font-size.max * @scale.max-powers.1]",[1374,6449,6450],{},[697,6451,5669],{},[1374,6453,6454],{},[697,6455,5674],{},[1353,6457,6458,6462,6467,6472,6476],{},[1374,6459,6460],{},[697,6461,2180],{},[1374,6463,6464],{},[697,6465,6466],{},"2",[1374,6468,6469],{},[697,6470,6471],{},"[@font-size.min * @scale.min-powers.2, @font-size.max * @scale.max-powers.2]",[1374,6473,6474],{},[697,6475,5690],{},[1374,6477,6478],{},[697,6479,5695],{},[1353,6481,6482,6486,6491,6496,6500],{},[1374,6483,6484],{},[697,6485,2202],{},[1374,6487,6488],{},[697,6489,6490],{},"3",[1374,6492,6493],{},[697,6494,6495],{},"[@font-size.min * @scale.min-powers.3, @font-size.max * @scale.max-powers.3]",[1374,6497,6498],{},[697,6499,5711],{},[1374,6501,6502],{},[697,6503,5716],{},[1353,6505,6506,6510,6515,6520,6524],{},[1374,6507,6508],{},[697,6509,5723],{},[1374,6511,6512],{},[697,6513,6514],{},"4",[1374,6516,6517],{},[697,6518,6519],{},"[@font-size.min * @scale.min-powers.4, @font-size.max * @scale.max-powers.4]",[1374,6521,6522],{},[697,6523,5733],{},[1374,6525,6526],{},[697,6527,5738],{},[1353,6529,6530,6534,6539,6544,6548],{},[1374,6531,6532],{},[697,6533,5745],{},[1374,6535,6536],{},[697,6537,6538],{},"5",[1374,6540,6541],{},[697,6542,6543],{},"[@font-size.min * @scale.min-powers.5, @font-size.max * @scale.max-powers.5]",[1374,6545,6546],{},[697,6547,5755],{},[1374,6549,6550],{},[697,6551,5760],{},[693,6553,6554,6555,6558,6559,6563],{},"You can override individual steps with literal pixel range tuples (e.g., ",[697,6556,6557],{},"lg: [18, 22]",") — those bypass the scale entirely. See ",[1377,6560,6562],{"href":6561},"#customizing-fluid-typography","Customizing Fluid Typography"," for runnable examples and the hybrid (per-key) pattern.",[1265,6565,6567],{"id":6566},"font-style","Font Style",[745,6569,6571],{"className":747,"code":6570,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    fontStyle,        \u002F\u002F Variable\u003C'font-style'>\n    fontStyleItalic,  \u002F\u002F Variable\u003C'font-style.italic'>\n    fontStyleOblique, \u002F\u002F Variable\u003C'font-style.oblique'>\n    fontStyleNormal,  \u002F\u002F Variable\u003C'font-style.normal'>\n    fontStyleInherit, \u002F\u002F Variable\u003C'font-style.inherit'>\n} = preset;\n",[697,6572,6573,6587,6593,6603,6613,6623,6633,6643],{"__ignoreMap":751},[755,6574,6575,6577,6579,6581,6583,6585],{"class":757,"line":758},[755,6576,825],{"class":824},[755,6578,859],{"class":769},[755,6580,831],{"class":765},[755,6582,799],{"class":834},[755,6584,866],{"class":769},[755,6586,789],{"class":765},[755,6588,6589,6591],{"class":757,"line":792},[755,6590,825],{"class":824},[755,6592,956],{"class":765},[755,6594,6595,6598,6600],{"class":757,"line":815},[755,6596,6597],{"class":769},"    fontStyle",[755,6599,892],{"class":765},[755,6601,6602],{"class":850},"        \u002F\u002F Variable\u003C'font-style'>\n",[755,6604,6605,6608,6610],{"class":757,"line":821},[755,6606,6607],{"class":769},"    fontStyleItalic",[755,6609,892],{"class":765},[755,6611,6612],{"class":850},"  \u002F\u002F Variable\u003C'font-style.italic'>\n",[755,6614,6615,6618,6620],{"class":757,"line":842},[755,6616,6617],{"class":769},"    fontStyleOblique",[755,6619,892],{"class":765},[755,6621,6622],{"class":850}," \u002F\u002F Variable\u003C'font-style.oblique'>\n",[755,6624,6625,6628,6630],{"class":757,"line":847},[755,6626,6627],{"class":769},"    fontStyleNormal",[755,6629,892],{"class":765},[755,6631,6632],{"class":850},"  \u002F\u002F Variable\u003C'font-style.normal'>\n",[755,6634,6635,6638,6640],{"class":757,"line":854},[755,6636,6637],{"class":769},"    fontStyleInherit",[755,6639,892],{"class":765},[755,6641,6642],{"class":850}," \u002F\u002F Variable\u003C'font-style.inherit'>\n",[755,6644,6645,6647,6649,6651],{"class":757,"line":871},[755,6646,908],{"class":765},[755,6648,911],{"class":765},[755,6650,914],{"class":769},[755,6652,789],{"class":765},[1347,6654,6655,6667],{},[1350,6656,6657],{},[1353,6658,6659,6661,6663,6665],{},[1356,6660,2055],{},[1356,6662,2058],{},[1356,6664,2061],{},[1356,6666,326],{},[1369,6668,6669,6689,6710,6731,6752],{},[1353,6670,6671,6675,6680,6684],{},[1374,6672,6673],{},[697,6674,1727],{},[1374,6676,6677],{},[697,6678,6679],{},"@font-style.normal",[1374,6681,6682],{},[697,6683,1628],{},[1374,6685,6686],{},[697,6687,6688],{},"--font-style",[1353,6690,6691,6696,6700,6705],{},[1374,6692,6693],{},[697,6694,6695],{},"italic",[1374,6697,6698],{},[697,6699,6695],{},[1374,6701,6702],{},[697,6703,6704],{},"fontStyleItalic",[1374,6706,6707],{},[697,6708,6709],{},"--font-style--italic",[1353,6711,6712,6717,6721,6726],{},[1374,6713,6714],{},[697,6715,6716],{},"oblique",[1374,6718,6719],{},[697,6720,6716],{},[1374,6722,6723],{},[697,6724,6725],{},"fontStyleOblique",[1374,6727,6728],{},[697,6729,6730],{},"--font-style--oblique",[1353,6732,6733,6738,6742,6747],{},[1374,6734,6735],{},[697,6736,6737],{},"normal",[1374,6739,6740],{},[697,6741,6737],{},[1374,6743,6744],{},[697,6745,6746],{},"fontStyleNormal",[1374,6748,6749],{},[697,6750,6751],{},"--font-style--normal",[1353,6753,6754,6759,6763,6768],{},[1374,6755,6756],{},[697,6757,6758],{},"inherit",[1374,6760,6761],{},[697,6762,6758],{},[1374,6764,6765],{},[697,6766,6767],{},"fontStyleInherit",[1374,6769,6770],{},[697,6771,6772],{},"--font-style--inherit",[1265,6774,6776],{"id":6775},"font-weight","Font Weight",[745,6778,6780],{"className":747,"code":6779,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    fontWeight,           \u002F\u002F Variable\u003C'font-weight'>\n    fontWeightExtralight, \u002F\u002F Variable\u003C'font-weight.extralight'>\n    fontWeightLight,      \u002F\u002F Variable\u003C'font-weight.light'>\n    fontWeightNormal,     \u002F\u002F Variable\u003C'font-weight.normal'>\n    fontWeightMedium,     \u002F\u002F Variable\u003C'font-weight.medium'>\n    fontWeightSemibold,   \u002F\u002F Variable\u003C'font-weight.semibold'>\n    fontWeightBold,       \u002F\u002F Variable\u003C'font-weight.bold'>\n    fontWeightBlack,      \u002F\u002F Variable\u003C'font-weight.black'>\n    fontWeightLighter,    \u002F\u002F Variable\u003C'font-weight.lighter'>\n    fontWeightBolder,     \u002F\u002F Variable\u003C'font-weight.bolder'>\n    fontWeightInherit,    \u002F\u002F Variable\u003C'font-weight.inherit'>\n} = preset;\n",[697,6781,6782,6796,6802,6812,6822,6832,6842,6852,6862,6872,6882,6892,6902,6912],{"__ignoreMap":751},[755,6783,6784,6786,6788,6790,6792,6794],{"class":757,"line":758},[755,6785,825],{"class":824},[755,6787,859],{"class":769},[755,6789,831],{"class":765},[755,6791,799],{"class":834},[755,6793,866],{"class":769},[755,6795,789],{"class":765},[755,6797,6798,6800],{"class":757,"line":792},[755,6799,825],{"class":824},[755,6801,956],{"class":765},[755,6803,6804,6807,6809],{"class":757,"line":815},[755,6805,6806],{"class":769},"    fontWeight",[755,6808,892],{"class":765},[755,6810,6811],{"class":850},"           \u002F\u002F Variable\u003C'font-weight'>\n",[755,6813,6814,6817,6819],{"class":757,"line":821},[755,6815,6816],{"class":769},"    fontWeightExtralight",[755,6818,892],{"class":765},[755,6820,6821],{"class":850}," \u002F\u002F Variable\u003C'font-weight.extralight'>\n",[755,6823,6824,6827,6829],{"class":757,"line":842},[755,6825,6826],{"class":769},"    fontWeightLight",[755,6828,892],{"class":765},[755,6830,6831],{"class":850},"      \u002F\u002F Variable\u003C'font-weight.light'>\n",[755,6833,6834,6837,6839],{"class":757,"line":847},[755,6835,6836],{"class":769},"    fontWeightNormal",[755,6838,892],{"class":765},[755,6840,6841],{"class":850},"     \u002F\u002F Variable\u003C'font-weight.normal'>\n",[755,6843,6844,6847,6849],{"class":757,"line":854},[755,6845,6846],{"class":769},"    fontWeightMedium",[755,6848,892],{"class":765},[755,6850,6851],{"class":850},"     \u002F\u002F Variable\u003C'font-weight.medium'>\n",[755,6853,6854,6857,6859],{"class":757,"line":871},[755,6855,6856],{"class":769},"    fontWeightSemibold",[755,6858,892],{"class":765},[755,6860,6861],{"class":850},"   \u002F\u002F Variable\u003C'font-weight.semibold'>\n",[755,6863,6864,6867,6869],{"class":757,"line":876},[755,6865,6866],{"class":769},"    fontWeightBold",[755,6868,892],{"class":765},[755,6870,6871],{"class":850},"       \u002F\u002F Variable\u003C'font-weight.bold'>\n",[755,6873,6874,6877,6879],{"class":757,"line":882},[755,6875,6876],{"class":769},"    fontWeightBlack",[755,6878,892],{"class":765},[755,6880,6881],{"class":850},"      \u002F\u002F Variable\u003C'font-weight.black'>\n",[755,6883,6884,6887,6889],{"class":757,"line":919},[755,6885,6886],{"class":769},"    fontWeightLighter",[755,6888,892],{"class":765},[755,6890,6891],{"class":850},"    \u002F\u002F Variable\u003C'font-weight.lighter'>\n",[755,6893,6894,6897,6899],{"class":757,"line":924},[755,6895,6896],{"class":769},"    fontWeightBolder",[755,6898,892],{"class":765},[755,6900,6901],{"class":850},"     \u002F\u002F Variable\u003C'font-weight.bolder'>\n",[755,6903,6904,6907,6909],{"class":757,"line":1076},[755,6905,6906],{"class":769},"    fontWeightInherit",[755,6908,892],{"class":765},[755,6910,6911],{"class":850},"    \u002F\u002F Variable\u003C'font-weight.inherit'>\n",[755,6913,6914,6916,6918,6920],{"class":757,"line":1082},[755,6915,908],{"class":765},[755,6917,911],{"class":765},[755,6919,914],{"class":769},[755,6921,789],{"class":765},[1347,6923,6924,6936],{},[1350,6925,6926],{},[1353,6927,6928,6930,6932,6934],{},[1356,6929,2055],{},[1356,6931,2058],{},[1356,6933,2061],{},[1356,6935,326],{},[1369,6937,6938,6958,6979,6999,7019,7039,7060,7081,7103,7124,7145],{},[1353,6939,6940,6944,6949,6953],{},[1374,6941,6942],{},[697,6943,1727],{},[1374,6945,6946],{},[697,6947,6948],{},"@font-weight.normal",[1374,6950,6951],{},[697,6952,1649],{},[1374,6954,6955],{},[697,6956,6957],{},"--font-weight",[1353,6959,6960,6965,6969,6974],{},[1374,6961,6962],{},[697,6963,6964],{},"extralight",[1374,6966,6967],{},[697,6968,3390],{},[1374,6970,6971],{},[697,6972,6973],{},"fontWeightExtralight",[1374,6975,6976],{},[697,6977,6978],{},"--font-weight--extralight",[1353,6980,6981,6985,6989,6994],{},[1374,6982,6983],{},[697,6984,4042],{},[1374,6986,6987],{},[697,6988,3412],{},[1374,6990,6991],{},[697,6992,6993],{},"fontWeightLight",[1374,6995,6996],{},[697,6997,6998],{},"--font-weight--light",[1353,7000,7001,7005,7009,7014],{},[1374,7002,7003],{},[697,7004,6737],{},[1374,7006,7007],{},[697,7008,6737],{},[1374,7010,7011],{},[697,7012,7013],{},"fontWeightNormal",[1374,7015,7016],{},[697,7017,7018],{},"--font-weight--normal",[1353,7020,7021,7025,7029,7034],{},[1374,7022,7023],{},[697,7024,2744],{},[1374,7026,7027],{},[697,7028,3456],{},[1374,7030,7031],{},[697,7032,7033],{},"fontWeightMedium",[1374,7035,7036],{},[697,7037,7038],{},"--font-weight--medium",[1353,7040,7041,7046,7050,7055],{},[1374,7042,7043],{},[697,7044,7045],{},"semibold",[1374,7047,7048],{},[697,7049,3478],{},[1374,7051,7052],{},[697,7053,7054],{},"fontWeightSemibold",[1374,7056,7057],{},[697,7058,7059],{},"--font-weight--semibold",[1353,7061,7062,7067,7071,7076],{},[1374,7063,7064],{},[697,7065,7066],{},"bold",[1374,7068,7069],{},[697,7070,7066],{},[1374,7072,7073],{},[697,7074,7075],{},"fontWeightBold",[1374,7077,7078],{},[697,7079,7080],{},"--font-weight--bold",[1353,7082,7083,7088,7093,7098],{},[1374,7084,7085],{},[697,7086,7087],{},"black",[1374,7089,7090],{},[697,7091,7092],{},"900",[1374,7094,7095],{},[697,7096,7097],{},"fontWeightBlack",[1374,7099,7100],{},[697,7101,7102],{},"--font-weight--black",[1353,7104,7105,7110,7114,7119],{},[1374,7106,7107],{},[697,7108,7109],{},"lighter",[1374,7111,7112],{},[697,7113,7109],{},[1374,7115,7116],{},[697,7117,7118],{},"fontWeightLighter",[1374,7120,7121],{},[697,7122,7123],{},"--font-weight--lighter",[1353,7125,7126,7131,7135,7140],{},[1374,7127,7128],{},[697,7129,7130],{},"bolder",[1374,7132,7133],{},[697,7134,7130],{},[1374,7136,7137],{},[697,7138,7139],{},"fontWeightBolder",[1374,7141,7142],{},[697,7143,7144],{},"--font-weight--bolder",[1353,7146,7147,7151,7155,7160],{},[1374,7148,7149],{},[697,7150,6758],{},[1374,7152,7153],{},[697,7154,6758],{},[1374,7156,7157],{},[697,7158,7159],{},"fontWeightInherit",[1374,7161,7162],{},[697,7163,7164],{},"--font-weight--inherit",[1265,7166,7168],{"id":7167},"letter-spacing","Letter Spacing",[745,7170,7172],{"className":747,"code":7171,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    letterSpacing,        \u002F\u002F Variable\u003C'letter-spacing'>\n    letterSpacingTighter, \u002F\u002F Variable\u003C'letter-spacing.tighter'>\n    letterSpacingTight,   \u002F\u002F Variable\u003C'letter-spacing.tight'>\n    letterSpacingNormal,  \u002F\u002F Variable\u003C'letter-spacing.normal'>\n    letterSpacingWide,    \u002F\u002F Variable\u003C'letter-spacing.wide'>\n    letterSpacingWider,   \u002F\u002F Variable\u003C'letter-spacing.wider'>\n} = preset;\n",[697,7173,7174,7188,7194,7204,7214,7224,7234,7244,7254],{"__ignoreMap":751},[755,7175,7176,7178,7180,7182,7184,7186],{"class":757,"line":758},[755,7177,825],{"class":824},[755,7179,859],{"class":769},[755,7181,831],{"class":765},[755,7183,799],{"class":834},[755,7185,866],{"class":769},[755,7187,789],{"class":765},[755,7189,7190,7192],{"class":757,"line":792},[755,7191,825],{"class":824},[755,7193,956],{"class":765},[755,7195,7196,7199,7201],{"class":757,"line":815},[755,7197,7198],{"class":769},"    letterSpacing",[755,7200,892],{"class":765},[755,7202,7203],{"class":850},"        \u002F\u002F Variable\u003C'letter-spacing'>\n",[755,7205,7206,7209,7211],{"class":757,"line":821},[755,7207,7208],{"class":769},"    letterSpacingTighter",[755,7210,892],{"class":765},[755,7212,7213],{"class":850}," \u002F\u002F Variable\u003C'letter-spacing.tighter'>\n",[755,7215,7216,7219,7221],{"class":757,"line":842},[755,7217,7218],{"class":769},"    letterSpacingTight",[755,7220,892],{"class":765},[755,7222,7223],{"class":850},"   \u002F\u002F Variable\u003C'letter-spacing.tight'>\n",[755,7225,7226,7229,7231],{"class":757,"line":847},[755,7227,7228],{"class":769},"    letterSpacingNormal",[755,7230,892],{"class":765},[755,7232,7233],{"class":850},"  \u002F\u002F Variable\u003C'letter-spacing.normal'>\n",[755,7235,7236,7239,7241],{"class":757,"line":854},[755,7237,7238],{"class":769},"    letterSpacingWide",[755,7240,892],{"class":765},[755,7242,7243],{"class":850},"    \u002F\u002F Variable\u003C'letter-spacing.wide'>\n",[755,7245,7246,7249,7251],{"class":757,"line":871},[755,7247,7248],{"class":769},"    letterSpacingWider",[755,7250,892],{"class":765},[755,7252,7253],{"class":850},"   \u002F\u002F Variable\u003C'letter-spacing.wider'>\n",[755,7255,7256,7258,7260,7262],{"class":757,"line":876},[755,7257,908],{"class":765},[755,7259,911],{"class":765},[755,7261,914],{"class":769},[755,7263,789],{"class":765},[1347,7265,7266,7278],{},[1350,7267,7268],{},[1353,7269,7270,7272,7274,7276],{},[1356,7271,2055],{},[1356,7273,2058],{},[1356,7275,2061],{},[1356,7277,326],{},[1369,7279,7280,7300,7322,7344,7364,7386],{},[1353,7281,7282,7286,7291,7295],{},[1374,7283,7284],{},[697,7285,1727],{},[1374,7287,7288],{},[697,7289,7290],{},"@letter-spacing.normal",[1374,7292,7293],{},[697,7294,1691],{},[1374,7296,7297],{},[697,7298,7299],{},"--letter-spacing",[1353,7301,7302,7307,7312,7317],{},[1374,7303,7304],{},[697,7305,7306],{},"tighter",[1374,7308,7309],{},[697,7310,7311],{},"-0.05em",[1374,7313,7314],{},[697,7315,7316],{},"letterSpacingTighter",[1374,7318,7319],{},[697,7320,7321],{},"--letter-spacing--tighter",[1353,7323,7324,7329,7334,7339],{},[1374,7325,7326],{},[697,7327,7328],{},"tight",[1374,7330,7331],{},[697,7332,7333],{},"-0.025em",[1374,7335,7336],{},[697,7337,7338],{},"letterSpacingTight",[1374,7340,7341],{},[697,7342,7343],{},"--letter-spacing--tight",[1353,7345,7346,7350,7354,7359],{},[1374,7347,7348],{},[697,7349,6737],{},[1374,7351,7352],{},[697,7353,6737],{},[1374,7355,7356],{},[697,7357,7358],{},"letterSpacingNormal",[1374,7360,7361],{},[697,7362,7363],{},"--letter-spacing--normal",[1353,7365,7366,7371,7376,7381],{},[1374,7367,7368],{},[697,7369,7370],{},"wide",[1374,7372,7373],{},[697,7374,7375],{},"0.05em",[1374,7377,7378],{},[697,7379,7380],{},"letterSpacingWide",[1374,7382,7383],{},[697,7384,7385],{},"--letter-spacing--wide",[1353,7387,7388,7393,7398,7403],{},[1374,7389,7390],{},[697,7391,7392],{},"wider",[1374,7394,7395],{},[697,7396,7397],{},"0.1em",[1374,7399,7400],{},[697,7401,7402],{},"letterSpacingWider",[1374,7404,7405],{},[697,7406,7407],{},"--letter-spacing--wider",[1265,7409,7411],{"id":7410},"line-height","Line Height",[745,7413,7415],{"className":747,"code":7414,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    lineHeight,        \u002F\u002F Variable\u003C'line-height'>\n    lineHeightTight,   \u002F\u002F Variable\u003C'line-height.tight'>\n    lineHeightSnug,    \u002F\u002F Variable\u003C'line-height.snug'>\n    lineHeightNormal,  \u002F\u002F Variable\u003C'line-height.normal'>\n    lineHeightRelaxed, \u002F\u002F Variable\u003C'line-height.relaxed'>\n    lineHeightLoose,   \u002F\u002F Variable\u003C'line-height.loose'>\n} = preset;\n",[697,7416,7417,7431,7437,7447,7457,7467,7477,7487,7497],{"__ignoreMap":751},[755,7418,7419,7421,7423,7425,7427,7429],{"class":757,"line":758},[755,7420,825],{"class":824},[755,7422,859],{"class":769},[755,7424,831],{"class":765},[755,7426,799],{"class":834},[755,7428,866],{"class":769},[755,7430,789],{"class":765},[755,7432,7433,7435],{"class":757,"line":792},[755,7434,825],{"class":824},[755,7436,956],{"class":765},[755,7438,7439,7442,7444],{"class":757,"line":815},[755,7440,7441],{"class":769},"    lineHeight",[755,7443,892],{"class":765},[755,7445,7446],{"class":850},"        \u002F\u002F Variable\u003C'line-height'>\n",[755,7448,7449,7452,7454],{"class":757,"line":821},[755,7450,7451],{"class":769},"    lineHeightTight",[755,7453,892],{"class":765},[755,7455,7456],{"class":850},"   \u002F\u002F Variable\u003C'line-height.tight'>\n",[755,7458,7459,7462,7464],{"class":757,"line":842},[755,7460,7461],{"class":769},"    lineHeightSnug",[755,7463,892],{"class":765},[755,7465,7466],{"class":850},"    \u002F\u002F Variable\u003C'line-height.snug'>\n",[755,7468,7469,7472,7474],{"class":757,"line":847},[755,7470,7471],{"class":769},"    lineHeightNormal",[755,7473,892],{"class":765},[755,7475,7476],{"class":850},"  \u002F\u002F Variable\u003C'line-height.normal'>\n",[755,7478,7479,7482,7484],{"class":757,"line":854},[755,7480,7481],{"class":769},"    lineHeightRelaxed",[755,7483,892],{"class":765},[755,7485,7486],{"class":850}," \u002F\u002F Variable\u003C'line-height.relaxed'>\n",[755,7488,7489,7492,7494],{"class":757,"line":871},[755,7490,7491],{"class":769},"    lineHeightLoose",[755,7493,892],{"class":765},[755,7495,7496],{"class":850},"   \u002F\u002F Variable\u003C'line-height.loose'>\n",[755,7498,7499,7501,7503,7505],{"class":757,"line":876},[755,7500,908],{"class":765},[755,7502,911],{"class":765},[755,7504,914],{"class":769},[755,7506,789],{"class":765},[1347,7508,7509,7521],{},[1350,7510,7511],{},[1353,7512,7513,7515,7517,7519],{},[1356,7514,2055],{},[1356,7516,2058],{},[1356,7518,2061],{},[1356,7520,326],{},[1369,7522,7523,7543,7564,7586,7607,7629],{},[1353,7524,7525,7529,7534,7538],{},[1374,7526,7527],{},[697,7528,1727],{},[1374,7530,7531],{},[697,7532,7533],{},"@line-height.normal",[1374,7535,7536],{},[697,7537,1670],{},[1374,7539,7540],{},[697,7541,7542],{},"--line-height",[1353,7544,7545,7549,7554,7559],{},[1374,7546,7547],{},[697,7548,7328],{},[1374,7550,7551],{},[697,7552,7553],{},"1.2",[1374,7555,7556],{},[697,7557,7558],{},"lineHeightTight",[1374,7560,7561],{},[697,7562,7563],{},"--line-height--tight",[1353,7565,7566,7571,7576,7581],{},[1374,7567,7568],{},[697,7569,7570],{},"snug",[1374,7572,7573],{},[697,7574,7575],{},"1.35",[1374,7577,7578],{},[697,7579,7580],{},"lineHeightSnug",[1374,7582,7583],{},[697,7584,7585],{},"--line-height--snug",[1353,7587,7588,7592,7597,7602],{},[1374,7589,7590],{},[697,7591,6737],{},[1374,7593,7594],{},[697,7595,7596],{},"1.5",[1374,7598,7599],{},[697,7600,7601],{},"lineHeightNormal",[1374,7603,7604],{},[697,7605,7606],{},"--line-height--normal",[1353,7608,7609,7614,7619,7624],{},[1374,7610,7611],{},[697,7612,7613],{},"relaxed",[1374,7615,7616],{},[697,7617,7618],{},"1.65",[1374,7620,7621],{},[697,7622,7623],{},"lineHeightRelaxed",[1374,7625,7626],{},[697,7627,7628],{},"--line-height--relaxed",[1353,7630,7631,7636,7641,7646],{},[1374,7632,7633],{},[697,7634,7635],{},"loose",[1374,7637,7638],{},[697,7639,7640],{},"1.9",[1374,7642,7643],{},[697,7644,7645],{},"lineHeightLoose",[1374,7647,7648],{},[697,7649,7650],{},"--line-height--loose",[1265,7652,7653],{"id":1712},"Scale",[745,7655,7657],{"className":747,"code":7656,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    scale,                \u002F\u002F Variable\u003C'scale'>\n    scaleMinorSecond,     \u002F\u002F Variable\u003C'scale.minor-second'>\n    scaleMajorSecond,     \u002F\u002F Variable\u003C'scale.major-second'>\n    scaleMinorThird,      \u002F\u002F Variable\u003C'scale.minor-third'>\n    scaleMajorThird,      \u002F\u002F Variable\u003C'scale.major-third'>\n    scalePerfectFourth,   \u002F\u002F Variable\u003C'scale.perfect-fourth'>\n    scaleAugmentedFourth, \u002F\u002F Variable\u003C'scale.augmented-fourth'>\n    scalePerfectFifth,    \u002F\u002F Variable\u003C'scale.perfect-fifth'>\n    scaleGolden,          \u002F\u002F Variable\u003C'scale.golden'>\n} = preset;\n",[697,7658,7659,7673,7679,7689,7699,7709,7719,7729,7739,7749,7759,7769],{"__ignoreMap":751},[755,7660,7661,7663,7665,7667,7669,7671],{"class":757,"line":758},[755,7662,825],{"class":824},[755,7664,859],{"class":769},[755,7666,831],{"class":765},[755,7668,799],{"class":834},[755,7670,866],{"class":769},[755,7672,789],{"class":765},[755,7674,7675,7677],{"class":757,"line":792},[755,7676,825],{"class":824},[755,7678,956],{"class":765},[755,7680,7681,7684,7686],{"class":757,"line":815},[755,7682,7683],{"class":769},"    scale",[755,7685,892],{"class":765},[755,7687,7688],{"class":850},"                \u002F\u002F Variable\u003C'scale'>\n",[755,7690,7691,7694,7696],{"class":757,"line":821},[755,7692,7693],{"class":769},"    scaleMinorSecond",[755,7695,892],{"class":765},[755,7697,7698],{"class":850},"     \u002F\u002F Variable\u003C'scale.minor-second'>\n",[755,7700,7701,7704,7706],{"class":757,"line":842},[755,7702,7703],{"class":769},"    scaleMajorSecond",[755,7705,892],{"class":765},[755,7707,7708],{"class":850},"     \u002F\u002F Variable\u003C'scale.major-second'>\n",[755,7710,7711,7714,7716],{"class":757,"line":847},[755,7712,7713],{"class":769},"    scaleMinorThird",[755,7715,892],{"class":765},[755,7717,7718],{"class":850},"      \u002F\u002F Variable\u003C'scale.minor-third'>\n",[755,7720,7721,7724,7726],{"class":757,"line":854},[755,7722,7723],{"class":769},"    scaleMajorThird",[755,7725,892],{"class":765},[755,7727,7728],{"class":850},"      \u002F\u002F Variable\u003C'scale.major-third'>\n",[755,7730,7731,7734,7736],{"class":757,"line":871},[755,7732,7733],{"class":769},"    scalePerfectFourth",[755,7735,892],{"class":765},[755,7737,7738],{"class":850},"   \u002F\u002F Variable\u003C'scale.perfect-fourth'>\n",[755,7740,7741,7744,7746],{"class":757,"line":876},[755,7742,7743],{"class":769},"    scaleAugmentedFourth",[755,7745,892],{"class":765},[755,7747,7748],{"class":850}," \u002F\u002F Variable\u003C'scale.augmented-fourth'>\n",[755,7750,7751,7754,7756],{"class":757,"line":882},[755,7752,7753],{"class":769},"    scalePerfectFifth",[755,7755,892],{"class":765},[755,7757,7758],{"class":850},"    \u002F\u002F Variable\u003C'scale.perfect-fifth'>\n",[755,7760,7761,7764,7766],{"class":757,"line":919},[755,7762,7763],{"class":769},"    scaleGolden",[755,7765,892],{"class":765},[755,7767,7768],{"class":850},"          \u002F\u002F Variable\u003C'scale.golden'>\n",[755,7770,7771,7773,7775,7777],{"class":757,"line":924},[755,7772,908],{"class":765},[755,7774,911],{"class":765},[755,7776,914],{"class":769},[755,7778,789],{"class":765},[1347,7780,7781,7793],{},[1350,7782,7783],{},[1353,7784,7785,7787,7789,7791],{},[1356,7786,2055],{},[1356,7788,2058],{},[1356,7790,2061],{},[1356,7792,326],{},[1369,7794,7795,7815,7836,7858,7879,7901,7923,7945,7966],{},[1353,7796,7797,7801,7806,7810],{},[1374,7798,7799],{},[697,7800,1727],{},[1374,7802,7803],{},[697,7804,7805],{},"@scale.minor-third",[1374,7807,7808],{},[697,7809,1712],{},[1374,7811,7812],{},[697,7813,7814],{},"--scale",[1353,7816,7817,7822,7826,7831],{},[1374,7818,7819],{},[697,7820,7821],{},"minor-second",[1374,7823,7824],{},[697,7825,6157],{},[1374,7827,7828],{},[697,7829,7830],{},"scaleMinorSecond",[1374,7832,7833],{},[697,7834,7835],{},"--scale--minor-second",[1353,7837,7838,7843,7848,7853],{},[1374,7839,7840],{},[697,7841,7842],{},"major-second",[1374,7844,7845],{},[697,7846,7847],{},"1.125",[1374,7849,7850],{},[697,7851,7852],{},"scaleMajorSecond",[1374,7854,7855],{},[697,7856,7857],{},"--scale--major-second",[1353,7859,7860,7865,7869,7874],{},[1374,7861,7862],{},[697,7863,7864],{},"minor-third",[1374,7866,7867],{},[697,7868,7553],{},[1374,7870,7871],{},[697,7872,7873],{},"scaleMinorThird",[1374,7875,7876],{},[697,7877,7878],{},"--scale--minor-third",[1353,7880,7881,7886,7891,7896],{},[1374,7882,7883],{},[697,7884,7885],{},"major-third",[1374,7887,7888],{},[697,7889,7890],{},"1.25",[1374,7892,7893],{},[697,7894,7895],{},"scaleMajorThird",[1374,7897,7898],{},[697,7899,7900],{},"--scale--major-third",[1353,7902,7903,7908,7913,7918],{},[1374,7904,7905],{},[697,7906,7907],{},"perfect-fourth",[1374,7909,7910],{},[697,7911,7912],{},"1.333",[1374,7914,7915],{},[697,7916,7917],{},"scalePerfectFourth",[1374,7919,7920],{},[697,7921,7922],{},"--scale--perfect-fourth",[1353,7924,7925,7930,7935,7940],{},[1374,7926,7927],{},[697,7928,7929],{},"augmented-fourth",[1374,7931,7932],{},[697,7933,7934],{},"1.414",[1374,7936,7937],{},[697,7938,7939],{},"scaleAugmentedFourth",[1374,7941,7942],{},[697,7943,7944],{},"--scale--augmented-fourth",[1353,7946,7947,7952,7956,7961],{},[1374,7948,7949],{},[697,7950,7951],{},"perfect-fifth",[1374,7953,7954],{},[697,7955,7596],{},[1374,7957,7958],{},[697,7959,7960],{},"scalePerfectFifth",[1374,7962,7963],{},[697,7964,7965],{},"--scale--perfect-fifth",[1353,7967,7968,7973,7978,7983],{},[1374,7969,7970],{},[697,7971,7972],{},"golden",[1374,7974,7975],{},[697,7976,7977],{},"1.618",[1374,7979,7980],{},[697,7981,7982],{},"scaleGolden",[1374,7984,7985],{},[697,7986,7987],{},"--scale--golden",[1265,7989,7991],{"id":7990},"scale-powers","Scale Powers",[693,7993,7994],{},"The preset generates scale power values using the default scale variable. These are computed values based on the scale ratio.",[745,7996,7998],{"className":747,"code":7997,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\n\u002F\u002F Access computed scale powers\nconst { scalePowers } = preset;\n\u002F\u002F Returns: { -2: CSS, -1: CSS, 0: CSS, 1: CSS, 2: CSS, 3: CSS, 4: CSS, 5: CSS }\n",[697,7999,8000,8014,8019,8036],{"__ignoreMap":751},[755,8001,8002,8004,8006,8008,8010,8012],{"class":757,"line":758},[755,8003,825],{"class":824},[755,8005,859],{"class":769},[755,8007,831],{"class":765},[755,8009,799],{"class":834},[755,8011,866],{"class":769},[755,8013,789],{"class":765},[755,8015,8016],{"class":757,"line":792},[755,8017,8018],{"class":850},"\u002F\u002F Access computed scale powers\n",[755,8020,8021,8023,8025,8028,8030,8032,8034],{"class":757,"line":815},[755,8022,825],{"class":824},[755,8024,766],{"class":765},[755,8026,8027],{"class":769}," scalePowers ",[755,8029,908],{"class":765},[755,8031,911],{"class":765},[755,8033,914],{"class":769},[755,8035,789],{"class":765},[755,8037,8038],{"class":757,"line":821},[755,8039,8040],{"class":850},"\u002F\u002F Returns: { -2: CSS, -1: CSS, 0: CSS, 1: CSS, 2: CSS, 3: CSS, 4: CSS, 5: CSS }\n",[1347,8042,8043,8055],{},[1350,8044,8045],{},[1353,8046,8047,8050,8053],{},[1356,8048,8049],{},"Power",[1356,8051,8052],{},"Formula",[1356,8054,326],{},[1369,8056,8057,8073,8089,8104,8119,8135,8151,8167],{},[1353,8058,8059,8063,8068],{},[1374,8060,8061],{},[697,8062,6373],{},[1374,8064,8065],{},[697,8066,8067],{},"1 \u002F scale \u002F scale",[1374,8069,8070],{},[697,8071,8072],{},"--scale-power---2",[1353,8074,8075,8079,8084],{},[1374,8076,8077],{},[697,8078,3325],{},[1374,8080,8081],{},[697,8082,8083],{},"1 \u002F scale",[1374,8085,8086],{},[697,8087,8088],{},"--scale-power---1",[1353,8090,8091,8095,8099],{},[1374,8092,8093],{},[697,8094,2097],{},[1374,8096,8097],{},[697,8098,6104],{},[1374,8100,8101],{},[697,8102,8103],{},"--scale-power--0",[1353,8105,8106,8110,8114],{},[1374,8107,8108],{},[697,8109,6104],{},[1374,8111,8112],{},[697,8113,1712],{},[1374,8115,8116],{},[697,8117,8118],{},"--scale-power--1",[1353,8120,8121,8125,8130],{},[1374,8122,8123],{},[697,8124,6466],{},[1374,8126,8127],{},[697,8128,8129],{},"scale * scale",[1374,8131,8132],{},[697,8133,8134],{},"--scale-power--2",[1353,8136,8137,8141,8146],{},[1374,8138,8139],{},[697,8140,6490],{},[1374,8142,8143],{},[697,8144,8145],{},"scale * scale * scale",[1374,8147,8148],{},[697,8149,8150],{},"--scale-power--3",[1353,8152,8153,8157,8162],{},[1374,8154,8155],{},[697,8156,6514],{},[1374,8158,8159],{},[697,8160,8161],{},"scale * scale * scale * scale",[1374,8163,8164],{},[697,8165,8166],{},"--scale-power--4",[1353,8168,8169,8173,8178],{},[1374,8170,8171],{},[697,8172,6538],{},[1374,8174,8175],{},[697,8176,8177],{},"scale * scale * scale * scale * scale",[1374,8179,8180],{},[697,8181,8182],{},"--scale-power--5",[1265,8184,229],{"id":1381},[745,8186,8188],{"className":747,"code":8187,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst {\n    spacing,    \u002F\u002F Variable\u003C'spacing'>\n    spacing2xs, \u002F\u002F Variable\u003C'spacing.2xs'>\n    spacingXs,  \u002F\u002F Variable\u003C'spacing.xs'>\n    spacingSm,  \u002F\u002F Variable\u003C'spacing.sm'>\n    spacingMd,  \u002F\u002F Variable\u003C'spacing.md'>\n    spacingLg,  \u002F\u002F Variable\u003C'spacing.lg'>\n    spacingXl,  \u002F\u002F Variable\u003C'spacing.xl'>\n    spacing2xl, \u002F\u002F Variable\u003C'spacing.2xl'>\n    spacing3xl, \u002F\u002F Variable\u003C'spacing.3xl'>\n} = preset;\n",[697,8189,8190,8204,8210,8220,8230,8240,8250,8260,8270,8280,8290,8300],{"__ignoreMap":751},[755,8191,8192,8194,8196,8198,8200,8202],{"class":757,"line":758},[755,8193,825],{"class":824},[755,8195,859],{"class":769},[755,8197,831],{"class":765},[755,8199,799],{"class":834},[755,8201,866],{"class":769},[755,8203,789],{"class":765},[755,8205,8206,8208],{"class":757,"line":792},[755,8207,825],{"class":824},[755,8209,956],{"class":765},[755,8211,8212,8215,8217],{"class":757,"line":815},[755,8213,8214],{"class":769},"    spacing",[755,8216,892],{"class":765},[755,8218,8219],{"class":850},"    \u002F\u002F Variable\u003C'spacing'>\n",[755,8221,8222,8225,8227],{"class":757,"line":821},[755,8223,8224],{"class":769},"    spacing2xs",[755,8226,892],{"class":765},[755,8228,8229],{"class":850}," \u002F\u002F Variable\u003C'spacing.2xs'>\n",[755,8231,8232,8235,8237],{"class":757,"line":842},[755,8233,8234],{"class":769},"    spacingXs",[755,8236,892],{"class":765},[755,8238,8239],{"class":850},"  \u002F\u002F Variable\u003C'spacing.xs'>\n",[755,8241,8242,8245,8247],{"class":757,"line":847},[755,8243,8244],{"class":769},"    spacingSm",[755,8246,892],{"class":765},[755,8248,8249],{"class":850},"  \u002F\u002F Variable\u003C'spacing.sm'>\n",[755,8251,8252,8255,8257],{"class":757,"line":854},[755,8253,8254],{"class":769},"    spacingMd",[755,8256,892],{"class":765},[755,8258,8259],{"class":850},"  \u002F\u002F Variable\u003C'spacing.md'>\n",[755,8261,8262,8265,8267],{"class":757,"line":871},[755,8263,8264],{"class":769},"    spacingLg",[755,8266,892],{"class":765},[755,8268,8269],{"class":850},"  \u002F\u002F Variable\u003C'spacing.lg'>\n",[755,8271,8272,8275,8277],{"class":757,"line":876},[755,8273,8274],{"class":769},"    spacingXl",[755,8276,892],{"class":765},[755,8278,8279],{"class":850},"  \u002F\u002F Variable\u003C'spacing.xl'>\n",[755,8281,8282,8285,8287],{"class":757,"line":882},[755,8283,8284],{"class":769},"    spacing2xl",[755,8286,892],{"class":765},[755,8288,8289],{"class":850}," \u002F\u002F Variable\u003C'spacing.2xl'>\n",[755,8291,8292,8295,8297],{"class":757,"line":919},[755,8293,8294],{"class":769},"    spacing3xl",[755,8296,892],{"class":765},[755,8298,8299],{"class":850}," \u002F\u002F Variable\u003C'spacing.3xl'>\n",[755,8301,8302,8304,8306,8308],{"class":757,"line":924},[755,8303,908],{"class":765},[755,8305,911],{"class":765},[755,8307,914],{"class":769},[755,8309,789],{"class":765},[1347,8311,8312,8324],{},[1350,8313,8314],{},[1353,8315,8316,8318,8320,8322],{},[1356,8317,2055],{},[1356,8319,2058],{},[1356,8321,2061],{},[1356,8323,326],{},[1369,8325,8326,8346,8366,8386,8406,8426,8446,8467,8488],{},[1353,8327,8328,8332,8337,8341],{},[1374,8329,8330],{},[697,8331,1727],{},[1374,8333,8334],{},[697,8335,8336],{},"@spacing.md",[1374,8338,8339],{},[697,8340,1381],{},[1374,8342,8343],{},[697,8344,8345],{},"--spacing",[1353,8347,8348,8352,8356,8361],{},[1374,8349,8350],{},[697,8351,6342],{},[1374,8353,8354],{},[697,8355,2141],{},[1374,8357,8358],{},[697,8359,8360],{},"spacing2xs",[1374,8362,8363],{},[697,8364,8365],{},"--spacing--2xs",[1353,8367,8368,8372,8376,8381],{},[1374,8369,8370],{},[697,8371,2981],{},[1374,8373,8374],{},[697,8375,2163],{},[1374,8377,8378],{},[697,8379,8380],{},"spacingXs",[1374,8382,8383],{},[697,8384,8385],{},"--spacing--xs",[1353,8387,8388,8392,8396,8401],{},[1374,8389,8390],{},[697,8391,2114],{},[1374,8393,8394],{},[697,8395,2185],{},[1374,8397,8398],{},[697,8399,8400],{},"spacingSm",[1374,8402,8403],{},[697,8404,8405],{},"--spacing--sm",[1353,8407,8408,8412,8416,8421],{},[1374,8409,8410],{},[697,8411,2136],{},[1374,8413,8414],{},[697,8415,2207],{},[1374,8417,8418],{},[697,8419,8420],{},"spacingMd",[1374,8422,8423],{},[697,8424,8425],{},"--spacing--md",[1353,8427,8428,8432,8436,8441],{},[1374,8429,8430],{},[697,8431,2158],{},[1374,8433,8434],{},[697,8435,5706],{},[1374,8437,8438],{},[697,8439,8440],{},"spacingLg",[1374,8442,8443],{},[697,8444,8445],{},"--spacing--lg",[1353,8447,8448,8452,8457,8462],{},[1374,8449,8450],{},[697,8451,2180],{},[1374,8453,8454],{},[697,8455,8456],{},"2rem",[1374,8458,8459],{},[697,8460,8461],{},"spacingXl",[1374,8463,8464],{},[697,8465,8466],{},"--spacing--xl",[1353,8468,8469,8473,8478,8483],{},[1374,8470,8471],{},[697,8472,2202],{},[1374,8474,8475],{},[697,8476,8477],{},"3rem",[1374,8479,8480],{},[697,8481,8482],{},"spacing2xl",[1374,8484,8485],{},[697,8486,8487],{},"--spacing--2xl",[1353,8489,8490,8494,8499,8504],{},[1374,8491,8492],{},[697,8493,5723],{},[1374,8495,8496],{},[697,8497,8498],{},"4rem",[1374,8500,8501],{},[697,8502,8503],{},"spacing3xl",[1374,8505,8506],{},[697,8507,8508],{},"--spacing--3xl",[689,8510,8512],{"id":8511},"examples","Examples",[1265,8514,8516],{"id":8515},"full-customization","Full Customization",[738,8518,8519],{},[741,8520,8521],{"icon":743,"label":290},[745,8522,8524],{"className":747,"code":8523,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst preset = useDesignTokensPreset(s, {\n    \u002F\u002F Spacing\n    spacing: {\n        default: '@spacing.md',\n        xs: '0.25rem',\n        sm: '0.5rem',\n        md: '1rem',\n        lg: '2rem',\n        xl: '4rem',\n    },\n\n    \u002F\u002F Border\n    borderWidth: {\n        default: '@border-width.thin',\n        none: '0',\n        thin: '1px',\n        medium: '2px',\n        thick: '4px',\n    },\n    borderRadius: {\n        default: '@border-radius.md',\n        none: '0',\n        sm: '0.125rem',\n        md: '0.25rem',\n        lg: '0.5rem',\n        full: '9999px',\n    },\n    borderStyle: {\n        default: '@border-style.solid',\n        none: 'none',\n        solid: 'solid',\n        dashed: 'dashed',\n        dotted: 'dotted',\n    },\n\n    \u002F\u002F Shadows\n    boxShadow: {\n        default: '@box-shadow.md',\n        none: 'none',\n        sm: '0 1px 2px 0 rgb(0 0 0 \u002F 0.05)',\n        md: '0 4px 6px -1px rgb(0 0 0 \u002F 0.1)',\n        lg: '0 10px 15px -3px rgb(0 0 0 \u002F 0.1)',\n    },\n\n    \u002F\u002F Colors\n    colors: {\n        primary: '#0066cc',\n        secondary: '#6c757d',\n        success: '#28a745',\n        warning: '#ffc107',\n        error: '#dc3545',\n        info: '#17a2b8',\n        light: '#f8f9fa',\n        dark: '#343a40',\n    },\n    meta: {\n        colors: {\n            generateLevels: true,\n            generateShades: true,\n            generateTints: true,\n        },\n    },\n\n    \u002F\u002F Typography\n    fontFamily: {\n        default: '@font-family.base',\n        base: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n        mono: 'SFMono-Regular, Menlo, Monaco, monospace',\n    },\n    fontSize: {\n        default: '@font-size.md',\n        xs: '0.75rem',\n        sm: '0.875rem',\n        md: '1rem',\n        lg: '1.25rem',\n        xl: '1.5rem',\n        '2xl': '2rem',\n    },\n    fontWeight: {\n        default: '@font-weight.normal',\n        light: '300',\n        normal: '400',\n        medium: '500',\n        semibold: '600',\n        bold: '700',\n    },\n    lineHeight: {\n        default: '@line-height.normal',\n        tight: '1.25',\n        normal: '1.5',\n        relaxed: '1.75',\n    },\n    letterSpacing: {\n        default: '@letter-spacing.normal',\n        tight: '-0.025em',\n        normal: '0',\n        wide: '0.025em',\n    },\n\n    \u002F\u002F Scale\n    scale: {\n        default: '@scale.minor-third',\n        'minor-second': '1.067',\n        'major-second': '1.125',\n        'minor-third': '1.2',\n        'major-third': '1.25',\n        'perfect-fourth': '1.333',\n    },\n\n    \u002F\u002F Breakpoints\n    breakpoint: {\n        xs: 0,\n        sm: 576,\n        md: 768,\n        lg: 992,\n        xl: 1200,\n        '2xl': 1440,\n    },\n\n    \u002F\u002F Animations\n    easing: {\n        linear: 'linear',\n        ease: 'ease',\n        'ease-in': 'ease-in',\n        'ease-out': 'ease-out',\n        'ease-in-out': 'ease-in-out',\n    },\n});\n\nexport default s;\n",[697,8525,8526,8546,8566,8570,8584,8588,8605,8610,8619,8634,8649,8664,8679,8694,8709,8714,8718,8723,8731,8745,8760,8776,8792,8808,8812,8820,8834,8849,8864,8879,8894,8910,8915,8924,8939,8954,8970,8986,9002,9007,9012,9018,9027,9042,9057,9073,9089,9105,9110,9115,9121,9131,9148,9165,9182,9199,9216,9233,9250,9267,9272,9282,9292,9306,9318,9330,9336,9341,9346,9352,9361,9376,9393,9410,9415,9424,9439,9454,9469,9484,9499,9514,9534,9539,9548,9563,9578,9594,9609,9625,9642,9647,9656,9671,9687,9702,9719,9724,9733,9748,9763,9778,9795,9800,9805,9811,9820,9835,9854,9873,9892,9911,9930,9935,9940,9946,9956,9968,9980,9992,10004,10016,10032,10037,10042,10048,10058,10074,10090,10109,10128,10147,10152,10161,10166],{"__ignoreMap":751},[755,8527,8528,8530,8532,8534,8536,8538,8540,8542,8544],{"class":757,"line":758},[755,8529,762],{"class":761},[755,8531,766],{"class":765},[755,8533,770],{"class":769},[755,8535,773],{"class":765},[755,8537,776],{"class":761},[755,8539,779],{"class":765},[755,8541,783],{"class":782},[755,8543,786],{"class":765},[755,8545,789],{"class":765},[755,8547,8548,8550,8552,8554,8556,8558,8560,8562,8564],{"class":757,"line":792},[755,8549,762],{"class":761},[755,8551,766],{"class":765},[755,8553,799],{"class":769},[755,8555,773],{"class":765},[755,8557,776],{"class":761},[755,8559,779],{"class":765},[755,8561,808],{"class":782},[755,8563,786],{"class":765},[755,8565,789],{"class":765},[755,8567,8568],{"class":757,"line":815},[755,8569,818],{"emptyLinePlaceholder":223},[755,8571,8572,8574,8576,8578,8580,8582],{"class":757,"line":821},[755,8573,825],{"class":824},[755,8575,828],{"class":769},[755,8577,831],{"class":765},[755,8579,770],{"class":834},[755,8581,837],{"class":769},[755,8583,789],{"class":765},[755,8585,8586],{"class":757,"line":842},[755,8587,818],{"emptyLinePlaceholder":223},[755,8589,8590,8592,8594,8596,8598,8601,8603],{"class":757,"line":847},[755,8591,825],{"class":824},[755,8593,859],{"class":769},[755,8595,831],{"class":765},[755,8597,799],{"class":834},[755,8599,8600],{"class":769},"(s",[755,8602,892],{"class":765},[755,8604,956],{"class":765},[755,8606,8607],{"class":757,"line":854},[755,8608,8609],{"class":850},"    \u002F\u002F Spacing\n",[755,8611,8612,8615,8617],{"class":757,"line":871},[755,8613,8214],{"class":8614},"swJcz",[755,8616,950],{"class":765},[755,8618,956],{"class":765},[755,8620,8621,8624,8626,8628,8630,8632],{"class":757,"line":876},[755,8622,8623],{"class":8614},"        default",[755,8625,950],{"class":765},[755,8627,779],{"class":765},[755,8629,8336],{"class":782},[755,8631,786],{"class":765},[755,8633,1298],{"class":765},[755,8635,8636,8639,8641,8643,8645,8647],{"class":757,"line":882},[755,8637,8638],{"class":8614},"        xs",[755,8640,950],{"class":765},[755,8642,779],{"class":765},[755,8644,2141],{"class":782},[755,8646,786],{"class":765},[755,8648,1298],{"class":765},[755,8650,8651,8654,8656,8658,8660,8662],{"class":757,"line":919},[755,8652,8653],{"class":8614},"        sm",[755,8655,950],{"class":765},[755,8657,779],{"class":765},[755,8659,2163],{"class":782},[755,8661,786],{"class":765},[755,8663,1298],{"class":765},[755,8665,8666,8669,8671,8673,8675,8677],{"class":757,"line":924},[755,8667,8668],{"class":8614},"        md",[755,8670,950],{"class":765},[755,8672,779],{"class":765},[755,8674,2207],{"class":782},[755,8676,786],{"class":765},[755,8678,1298],{"class":765},[755,8680,8681,8684,8686,8688,8690,8692],{"class":757,"line":1076},[755,8682,8683],{"class":8614},"        lg",[755,8685,950],{"class":765},[755,8687,779],{"class":765},[755,8689,8456],{"class":782},[755,8691,786],{"class":765},[755,8693,1298],{"class":765},[755,8695,8696,8699,8701,8703,8705,8707],{"class":757,"line":1082},[755,8697,8698],{"class":8614},"        xl",[755,8700,950],{"class":765},[755,8702,779],{"class":765},[755,8704,8498],{"class":782},[755,8706,786],{"class":765},[755,8708,1298],{"class":765},[755,8710,8711],{"class":757,"line":1108},[755,8712,8713],{"class":765},"    },\n",[755,8715,8716],{"class":757,"line":1142},[755,8717,818],{"emptyLinePlaceholder":223},[755,8719,8720],{"class":757,"line":1171},[755,8721,8722],{"class":850},"    \u002F\u002F Border\n",[755,8724,8725,8727,8729],{"class":757,"line":1177},[755,8726,2605],{"class":8614},[755,8728,950],{"class":765},[755,8730,956],{"class":765},[755,8732,8733,8735,8737,8739,8741,8743],{"class":757,"line":1182},[755,8734,8623],{"class":8614},[755,8736,950],{"class":765},[755,8738,779],{"class":765},[755,8740,2687],{"class":782},[755,8742,786],{"class":765},[755,8744,1298],{"class":765},[755,8746,8747,8750,8752,8754,8756,8758],{"class":757,"line":1188},[755,8748,8749],{"class":8614},"        none",[755,8751,950],{"class":765},[755,8753,779],{"class":765},[755,8755,2097],{"class":782},[755,8757,786],{"class":765},[755,8759,1298],{"class":765},[755,8761,8762,8765,8767,8769,8772,8774],{"class":757,"line":1211},[755,8763,8764],{"class":8614},"        thin",[755,8766,950],{"class":765},[755,8768,779],{"class":765},[755,8770,8771],{"class":782},"1px",[755,8773,786],{"class":765},[755,8775,1298],{"class":765},[755,8777,8778,8781,8783,8785,8788,8790],{"class":757,"line":1223},[755,8779,8780],{"class":8614},"        medium",[755,8782,950],{"class":765},[755,8784,779],{"class":765},[755,8786,8787],{"class":782},"2px",[755,8789,786],{"class":765},[755,8791,1298],{"class":765},[755,8793,8794,8797,8799,8801,8804,8806],{"class":757,"line":1235},[755,8795,8796],{"class":8614},"        thick",[755,8798,950],{"class":765},[755,8800,779],{"class":765},[755,8802,8803],{"class":782},"4px",[755,8805,786],{"class":765},[755,8807,1298],{"class":765},[755,8809,8810],{"class":757,"line":1241},[755,8811,8713],{"class":765},[755,8813,8814,8816,8818],{"class":757,"line":1246},[755,8815,1961],{"class":8614},[755,8817,950],{"class":765},[755,8819,956],{"class":765},[755,8821,8822,8824,8826,8828,8830,8832],{"class":757,"line":1252},[755,8823,8623],{"class":8614},[755,8825,950],{"class":765},[755,8827,779],{"class":765},[755,8829,2076],{"class":782},[755,8831,786],{"class":765},[755,8833,1298],{"class":765},[755,8835,8837,8839,8841,8843,8845,8847],{"class":757,"line":8836},27,[755,8838,8749],{"class":8614},[755,8840,950],{"class":765},[755,8842,779],{"class":765},[755,8844,2097],{"class":782},[755,8846,786],{"class":765},[755,8848,1298],{"class":765},[755,8850,8852,8854,8856,8858,8860,8862],{"class":757,"line":8851},28,[755,8853,8653],{"class":8614},[755,8855,950],{"class":765},[755,8857,779],{"class":765},[755,8859,2119],{"class":782},[755,8861,786],{"class":765},[755,8863,1298],{"class":765},[755,8865,8867,8869,8871,8873,8875,8877],{"class":757,"line":8866},29,[755,8868,8668],{"class":8614},[755,8870,950],{"class":765},[755,8872,779],{"class":765},[755,8874,2141],{"class":782},[755,8876,786],{"class":765},[755,8878,1298],{"class":765},[755,8880,8882,8884,8886,8888,8890,8892],{"class":757,"line":8881},30,[755,8883,8683],{"class":8614},[755,8885,950],{"class":765},[755,8887,779],{"class":765},[755,8889,2163],{"class":782},[755,8891,786],{"class":765},[755,8893,1298],{"class":765},[755,8895,8897,8900,8902,8904,8906,8908],{"class":757,"line":8896},31,[755,8898,8899],{"class":8614},"        full",[755,8901,950],{"class":765},[755,8903,779],{"class":765},[755,8905,2229],{"class":782},[755,8907,786],{"class":765},[755,8909,1298],{"class":765},[755,8911,8913],{"class":757,"line":8912},32,[755,8914,8713],{"class":765},[755,8916,8918,8920,8922],{"class":757,"line":8917},33,[755,8919,2273],{"class":8614},[755,8921,950],{"class":765},[755,8923,956],{"class":765},[755,8925,8927,8929,8931,8933,8935,8937],{"class":757,"line":8926},34,[755,8928,8623],{"class":8614},[755,8930,950],{"class":765},[755,8932,779],{"class":765},[755,8934,2395],{"class":782},[755,8936,786],{"class":765},[755,8938,1298],{"class":765},[755,8940,8942,8944,8946,8948,8950,8952],{"class":757,"line":8941},35,[755,8943,8749],{"class":8614},[755,8945,950],{"class":765},[755,8947,779],{"class":765},[755,8949,2092],{"class":782},[755,8951,786],{"class":765},[755,8953,1298],{"class":765},[755,8955,8957,8960,8962,8964,8966,8968],{"class":757,"line":8956},36,[755,8958,8959],{"class":8614},"        solid",[755,8961,950],{"class":765},[755,8963,779],{"class":765},[755,8965,2431],{"class":782},[755,8967,786],{"class":765},[755,8969,1298],{"class":765},[755,8971,8973,8976,8978,8980,8982,8984],{"class":757,"line":8972},37,[755,8974,8975],{"class":8614},"        dashed",[755,8977,950],{"class":765},[755,8979,779],{"class":765},[755,8981,2452],{"class":782},[755,8983,786],{"class":765},[755,8985,1298],{"class":765},[755,8987,8989,8992,8994,8996,8998,9000],{"class":757,"line":8988},38,[755,8990,8991],{"class":8614},"        dotted",[755,8993,950],{"class":765},[755,8995,779],{"class":765},[755,8997,2473],{"class":782},[755,8999,786],{"class":765},[755,9001,1298],{"class":765},[755,9003,9005],{"class":757,"line":9004},39,[755,9006,8713],{"class":765},[755,9008,9010],{"class":757,"line":9009},40,[755,9011,818],{"emptyLinePlaceholder":223},[755,9013,9015],{"class":757,"line":9014},41,[755,9016,9017],{"class":850},"    \u002F\u002F Shadows\n",[755,9019,9021,9023,9025],{"class":757,"line":9020},42,[755,9022,2813],{"class":8614},[755,9024,950],{"class":765},[755,9026,956],{"class":765},[755,9028,9030,9032,9034,9036,9038,9040],{"class":757,"line":9029},43,[755,9031,8623],{"class":8614},[755,9033,950],{"class":765},[755,9035,779],{"class":765},[755,9037,2945],{"class":782},[755,9039,786],{"class":765},[755,9041,1298],{"class":765},[755,9043,9045,9047,9049,9051,9053,9055],{"class":757,"line":9044},44,[755,9046,8749],{"class":8614},[755,9048,950],{"class":765},[755,9050,779],{"class":765},[755,9052,2092],{"class":782},[755,9054,786],{"class":765},[755,9056,1298],{"class":765},[755,9058,9060,9062,9064,9066,9069,9071],{"class":757,"line":9059},45,[755,9061,8653],{"class":8614},[755,9063,950],{"class":765},[755,9065,779],{"class":765},[755,9067,9068],{"class":782},"0 1px 2px 0 rgb(0 0 0 \u002F 0.05)",[755,9070,786],{"class":765},[755,9072,1298],{"class":765},[755,9074,9076,9078,9080,9082,9085,9087],{"class":757,"line":9075},46,[755,9077,8668],{"class":8614},[755,9079,950],{"class":765},[755,9081,779],{"class":765},[755,9083,9084],{"class":782},"0 4px 6px -1px rgb(0 0 0 \u002F 0.1)",[755,9086,786],{"class":765},[755,9088,1298],{"class":765},[755,9090,9092,9094,9096,9098,9101,9103],{"class":757,"line":9091},47,[755,9093,8683],{"class":8614},[755,9095,950],{"class":765},[755,9097,779],{"class":765},[755,9099,9100],{"class":782},"0 10px 15px -3px rgb(0 0 0 \u002F 0.1)",[755,9102,786],{"class":765},[755,9104,1298],{"class":765},[755,9106,9108],{"class":757,"line":9107},48,[755,9109,8713],{"class":765},[755,9111,9113],{"class":757,"line":9112},49,[755,9114,818],{"emptyLinePlaceholder":223},[755,9116,9118],{"class":757,"line":9117},50,[755,9119,9120],{"class":850},"    \u002F\u002F Colors\n",[755,9122,9124,9127,9129],{"class":757,"line":9123},51,[755,9125,9126],{"class":8614},"    colors",[755,9128,950],{"class":765},[755,9130,956],{"class":765},[755,9132,9134,9137,9139,9141,9144,9146],{"class":757,"line":9133},52,[755,9135,9136],{"class":8614},"        primary",[755,9138,950],{"class":765},[755,9140,779],{"class":765},[755,9142,9143],{"class":782},"#0066cc",[755,9145,786],{"class":765},[755,9147,1298],{"class":765},[755,9149,9151,9154,9156,9158,9161,9163],{"class":757,"line":9150},53,[755,9152,9153],{"class":8614},"        secondary",[755,9155,950],{"class":765},[755,9157,779],{"class":765},[755,9159,9160],{"class":782},"#6c757d",[755,9162,786],{"class":765},[755,9164,1298],{"class":765},[755,9166,9168,9171,9173,9175,9178,9180],{"class":757,"line":9167},54,[755,9169,9170],{"class":8614},"        success",[755,9172,950],{"class":765},[755,9174,779],{"class":765},[755,9176,9177],{"class":782},"#28a745",[755,9179,786],{"class":765},[755,9181,1298],{"class":765},[755,9183,9185,9188,9190,9192,9195,9197],{"class":757,"line":9184},55,[755,9186,9187],{"class":8614},"        warning",[755,9189,950],{"class":765},[755,9191,779],{"class":765},[755,9193,9194],{"class":782},"#ffc107",[755,9196,786],{"class":765},[755,9198,1298],{"class":765},[755,9200,9202,9205,9207,9209,9212,9214],{"class":757,"line":9201},56,[755,9203,9204],{"class":8614},"        error",[755,9206,950],{"class":765},[755,9208,779],{"class":765},[755,9210,9211],{"class":782},"#dc3545",[755,9213,786],{"class":765},[755,9215,1298],{"class":765},[755,9217,9219,9222,9224,9226,9229,9231],{"class":757,"line":9218},57,[755,9220,9221],{"class":8614},"        info",[755,9223,950],{"class":765},[755,9225,779],{"class":765},[755,9227,9228],{"class":782},"#17a2b8",[755,9230,786],{"class":765},[755,9232,1298],{"class":765},[755,9234,9236,9239,9241,9243,9246,9248],{"class":757,"line":9235},58,[755,9237,9238],{"class":8614},"        light",[755,9240,950],{"class":765},[755,9242,779],{"class":765},[755,9244,9245],{"class":782},"#f8f9fa",[755,9247,786],{"class":765},[755,9249,1298],{"class":765},[755,9251,9253,9256,9258,9260,9263,9265],{"class":757,"line":9252},59,[755,9254,9255],{"class":8614},"        dark",[755,9257,950],{"class":765},[755,9259,779],{"class":765},[755,9261,9262],{"class":782},"#343a40",[755,9264,786],{"class":765},[755,9266,1298],{"class":765},[755,9268,9270],{"class":757,"line":9269},60,[755,9271,8713],{"class":765},[755,9273,9275,9278,9280],{"class":757,"line":9274},61,[755,9276,9277],{"class":8614},"    meta",[755,9279,950],{"class":765},[755,9281,956],{"class":765},[755,9283,9285,9288,9290],{"class":757,"line":9284},62,[755,9286,9287],{"class":8614},"        colors",[755,9289,950],{"class":765},[755,9291,956],{"class":765},[755,9293,9295,9298,9300,9304],{"class":757,"line":9294},63,[755,9296,9297],{"class":8614},"            generateLevels",[755,9299,950],{"class":765},[755,9301,9303],{"class":9302},"sfNiH"," true",[755,9305,1298],{"class":765},[755,9307,9309,9312,9314,9316],{"class":757,"line":9308},64,[755,9310,9311],{"class":8614},"            generateShades",[755,9313,950],{"class":765},[755,9315,9303],{"class":9302},[755,9317,1298],{"class":765},[755,9319,9321,9324,9326,9328],{"class":757,"line":9320},65,[755,9322,9323],{"class":8614},"            generateTints",[755,9325,950],{"class":765},[755,9327,9303],{"class":9302},[755,9329,1298],{"class":765},[755,9331,9333],{"class":757,"line":9332},66,[755,9334,9335],{"class":765},"        },\n",[755,9337,9339],{"class":757,"line":9338},67,[755,9340,8713],{"class":765},[755,9342,9344],{"class":757,"line":9343},68,[755,9345,818],{"emptyLinePlaceholder":223},[755,9347,9349],{"class":757,"line":9348},69,[755,9350,9351],{"class":850},"    \u002F\u002F Typography\n",[755,9353,9355,9357,9359],{"class":757,"line":9354},70,[755,9356,5287],{"class":8614},[755,9358,950],{"class":765},[755,9360,956],{"class":765},[755,9362,9364,9366,9368,9370,9372,9374],{"class":757,"line":9363},71,[755,9365,8623],{"class":8614},[755,9367,950],{"class":765},[755,9369,779],{"class":765},[755,9371,5359],{"class":782},[755,9373,786],{"class":765},[755,9375,1298],{"class":765},[755,9377,9379,9382,9384,9386,9389,9391],{"class":757,"line":9378},72,[755,9380,9381],{"class":8614},"        base",[755,9383,950],{"class":765},[755,9385,779],{"class":765},[755,9387,9388],{"class":782},"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",[755,9390,786],{"class":765},[755,9392,1298],{"class":765},[755,9394,9396,9399,9401,9403,9406,9408],{"class":757,"line":9395},73,[755,9397,9398],{"class":8614},"        mono",[755,9400,950],{"class":765},[755,9402,779],{"class":765},[755,9404,9405],{"class":782},"SFMono-Regular, Menlo, Monaco, monospace",[755,9407,786],{"class":765},[755,9409,1298],{"class":765},[755,9411,9413],{"class":757,"line":9412},74,[755,9414,8713],{"class":765},[755,9416,9418,9420,9422],{"class":757,"line":9417},75,[755,9419,5461],{"class":8614},[755,9421,950],{"class":765},[755,9423,956],{"class":765},[755,9425,9427,9429,9431,9433,9435,9437],{"class":757,"line":9426},76,[755,9428,8623],{"class":8614},[755,9430,950],{"class":765},[755,9432,779],{"class":765},[755,9434,5583],{"class":782},[755,9436,786],{"class":765},[755,9438,1298],{"class":765},[755,9440,9442,9444,9446,9448,9450,9452],{"class":757,"line":9441},77,[755,9443,8638],{"class":8614},[755,9445,950],{"class":765},[755,9447,779],{"class":765},[755,9449,2185],{"class":782},[755,9451,786],{"class":765},[755,9453,1298],{"class":765},[755,9455,9457,9459,9461,9463,9465,9467],{"class":757,"line":9456},78,[755,9458,8653],{"class":8614},[755,9460,950],{"class":765},[755,9462,779],{"class":765},[755,9464,5623],{"class":782},[755,9466,786],{"class":765},[755,9468,1298],{"class":765},[755,9470,9472,9474,9476,9478,9480,9482],{"class":757,"line":9471},79,[755,9473,8668],{"class":8614},[755,9475,950],{"class":765},[755,9477,779],{"class":765},[755,9479,2207],{"class":782},[755,9481,786],{"class":765},[755,9483,1298],{"class":765},[755,9485,9487,9489,9491,9493,9495,9497],{"class":757,"line":9486},80,[755,9488,8683],{"class":8614},[755,9490,950],{"class":765},[755,9492,779],{"class":765},[755,9494,5685],{"class":782},[755,9496,786],{"class":765},[755,9498,1298],{"class":765},[755,9500,9502,9504,9506,9508,9510,9512],{"class":757,"line":9501},81,[755,9503,8698],{"class":8614},[755,9505,950],{"class":765},[755,9507,779],{"class":765},[755,9509,5706],{"class":782},[755,9511,786],{"class":765},[755,9513,1298],{"class":765},[755,9515,9517,9520,9522,9524,9526,9528,9530,9532],{"class":757,"line":9516},82,[755,9518,9519],{"class":765},"        '",[755,9521,2202],{"class":8614},[755,9523,786],{"class":765},[755,9525,950],{"class":765},[755,9527,779],{"class":765},[755,9529,8456],{"class":782},[755,9531,786],{"class":765},[755,9533,1298],{"class":765},[755,9535,9537],{"class":757,"line":9536},83,[755,9538,8713],{"class":765},[755,9540,9542,9544,9546],{"class":757,"line":9541},84,[755,9543,6806],{"class":8614},[755,9545,950],{"class":765},[755,9547,956],{"class":765},[755,9549,9551,9553,9555,9557,9559,9561],{"class":757,"line":9550},85,[755,9552,8623],{"class":8614},[755,9554,950],{"class":765},[755,9556,779],{"class":765},[755,9558,6948],{"class":782},[755,9560,786],{"class":765},[755,9562,1298],{"class":765},[755,9564,9566,9568,9570,9572,9574,9576],{"class":757,"line":9565},86,[755,9567,9238],{"class":8614},[755,9569,950],{"class":765},[755,9571,779],{"class":765},[755,9573,3412],{"class":782},[755,9575,786],{"class":765},[755,9577,1298],{"class":765},[755,9579,9581,9584,9586,9588,9590,9592],{"class":757,"line":9580},87,[755,9582,9583],{"class":8614},"        normal",[755,9585,950],{"class":765},[755,9587,779],{"class":765},[755,9589,3434],{"class":782},[755,9591,786],{"class":765},[755,9593,1298],{"class":765},[755,9595,9597,9599,9601,9603,9605,9607],{"class":757,"line":9596},88,[755,9598,8780],{"class":8614},[755,9600,950],{"class":765},[755,9602,779],{"class":765},[755,9604,3456],{"class":782},[755,9606,786],{"class":765},[755,9608,1298],{"class":765},[755,9610,9612,9615,9617,9619,9621,9623],{"class":757,"line":9611},89,[755,9613,9614],{"class":8614},"        semibold",[755,9616,950],{"class":765},[755,9618,779],{"class":765},[755,9620,3478],{"class":782},[755,9622,786],{"class":765},[755,9624,1298],{"class":765},[755,9626,9628,9631,9633,9635,9638,9640],{"class":757,"line":9627},90,[755,9629,9630],{"class":8614},"        bold",[755,9632,950],{"class":765},[755,9634,779],{"class":765},[755,9636,9637],{"class":782},"700",[755,9639,786],{"class":765},[755,9641,1298],{"class":765},[755,9643,9645],{"class":757,"line":9644},91,[755,9646,8713],{"class":765},[755,9648,9650,9652,9654],{"class":757,"line":9649},92,[755,9651,7441],{"class":8614},[755,9653,950],{"class":765},[755,9655,956],{"class":765},[755,9657,9659,9661,9663,9665,9667,9669],{"class":757,"line":9658},93,[755,9660,8623],{"class":8614},[755,9662,950],{"class":765},[755,9664,779],{"class":765},[755,9666,7533],{"class":782},[755,9668,786],{"class":765},[755,9670,1298],{"class":765},[755,9672,9674,9677,9679,9681,9683,9685],{"class":757,"line":9673},94,[755,9675,9676],{"class":8614},"        tight",[755,9678,950],{"class":765},[755,9680,779],{"class":765},[755,9682,7890],{"class":782},[755,9684,786],{"class":765},[755,9686,1298],{"class":765},[755,9688,9690,9692,9694,9696,9698,9700],{"class":757,"line":9689},95,[755,9691,9583],{"class":8614},[755,9693,950],{"class":765},[755,9695,779],{"class":765},[755,9697,7596],{"class":782},[755,9699,786],{"class":765},[755,9701,1298],{"class":765},[755,9703,9705,9708,9710,9712,9715,9717],{"class":757,"line":9704},96,[755,9706,9707],{"class":8614},"        relaxed",[755,9709,950],{"class":765},[755,9711,779],{"class":765},[755,9713,9714],{"class":782},"1.75",[755,9716,786],{"class":765},[755,9718,1298],{"class":765},[755,9720,9722],{"class":757,"line":9721},97,[755,9723,8713],{"class":765},[755,9725,9727,9729,9731],{"class":757,"line":9726},98,[755,9728,7198],{"class":8614},[755,9730,950],{"class":765},[755,9732,956],{"class":765},[755,9734,9736,9738,9740,9742,9744,9746],{"class":757,"line":9735},99,[755,9737,8623],{"class":8614},[755,9739,950],{"class":765},[755,9741,779],{"class":765},[755,9743,7290],{"class":782},[755,9745,786],{"class":765},[755,9747,1298],{"class":765},[755,9749,9751,9753,9755,9757,9759,9761],{"class":757,"line":9750},100,[755,9752,9676],{"class":8614},[755,9754,950],{"class":765},[755,9756,779],{"class":765},[755,9758,7333],{"class":782},[755,9760,786],{"class":765},[755,9762,1298],{"class":765},[755,9764,9766,9768,9770,9772,9774,9776],{"class":757,"line":9765},101,[755,9767,9583],{"class":8614},[755,9769,950],{"class":765},[755,9771,779],{"class":765},[755,9773,2097],{"class":782},[755,9775,786],{"class":765},[755,9777,1298],{"class":765},[755,9779,9781,9784,9786,9788,9791,9793],{"class":757,"line":9780},102,[755,9782,9783],{"class":8614},"        wide",[755,9785,950],{"class":765},[755,9787,779],{"class":765},[755,9789,9790],{"class":782},"0.025em",[755,9792,786],{"class":765},[755,9794,1298],{"class":765},[755,9796,9798],{"class":757,"line":9797},103,[755,9799,8713],{"class":765},[755,9801,9803],{"class":757,"line":9802},104,[755,9804,818],{"emptyLinePlaceholder":223},[755,9806,9808],{"class":757,"line":9807},105,[755,9809,9810],{"class":850},"    \u002F\u002F Scale\n",[755,9812,9814,9816,9818],{"class":757,"line":9813},106,[755,9815,7683],{"class":8614},[755,9817,950],{"class":765},[755,9819,956],{"class":765},[755,9821,9823,9825,9827,9829,9831,9833],{"class":757,"line":9822},107,[755,9824,8623],{"class":8614},[755,9826,950],{"class":765},[755,9828,779],{"class":765},[755,9830,7805],{"class":782},[755,9832,786],{"class":765},[755,9834,1298],{"class":765},[755,9836,9838,9840,9842,9844,9846,9848,9850,9852],{"class":757,"line":9837},108,[755,9839,9519],{"class":765},[755,9841,7821],{"class":8614},[755,9843,786],{"class":765},[755,9845,950],{"class":765},[755,9847,779],{"class":765},[755,9849,6157],{"class":782},[755,9851,786],{"class":765},[755,9853,1298],{"class":765},[755,9855,9857,9859,9861,9863,9865,9867,9869,9871],{"class":757,"line":9856},109,[755,9858,9519],{"class":765},[755,9860,7842],{"class":8614},[755,9862,786],{"class":765},[755,9864,950],{"class":765},[755,9866,779],{"class":765},[755,9868,7847],{"class":782},[755,9870,786],{"class":765},[755,9872,1298],{"class":765},[755,9874,9876,9878,9880,9882,9884,9886,9888,9890],{"class":757,"line":9875},110,[755,9877,9519],{"class":765},[755,9879,7864],{"class":8614},[755,9881,786],{"class":765},[755,9883,950],{"class":765},[755,9885,779],{"class":765},[755,9887,7553],{"class":782},[755,9889,786],{"class":765},[755,9891,1298],{"class":765},[755,9893,9895,9897,9899,9901,9903,9905,9907,9909],{"class":757,"line":9894},111,[755,9896,9519],{"class":765},[755,9898,7885],{"class":8614},[755,9900,786],{"class":765},[755,9902,950],{"class":765},[755,9904,779],{"class":765},[755,9906,7890],{"class":782},[755,9908,786],{"class":765},[755,9910,1298],{"class":765},[755,9912,9914,9916,9918,9920,9922,9924,9926,9928],{"class":757,"line":9913},112,[755,9915,9519],{"class":765},[755,9917,7907],{"class":8614},[755,9919,786],{"class":765},[755,9921,950],{"class":765},[755,9923,779],{"class":765},[755,9925,7912],{"class":782},[755,9927,786],{"class":765},[755,9929,1298],{"class":765},[755,9931,9933],{"class":757,"line":9932},113,[755,9934,8713],{"class":765},[755,9936,9938],{"class":757,"line":9937},114,[755,9939,818],{"emptyLinePlaceholder":223},[755,9941,9943],{"class":757,"line":9942},115,[755,9944,9945],{"class":850},"    \u002F\u002F Breakpoints\n",[755,9947,9949,9952,9954],{"class":757,"line":9948},116,[755,9950,9951],{"class":8614},"    breakpoint",[755,9953,950],{"class":765},[755,9955,956],{"class":765},[755,9957,9959,9961,9963,9966],{"class":757,"line":9958},117,[755,9960,8638],{"class":8614},[755,9962,950],{"class":765},[755,9964,9965],{"class":971}," 0",[755,9967,1298],{"class":765},[755,9969,9971,9973,9975,9978],{"class":757,"line":9970},118,[755,9972,8653],{"class":8614},[755,9974,950],{"class":765},[755,9976,9977],{"class":971}," 576",[755,9979,1298],{"class":765},[755,9981,9983,9985,9987,9990],{"class":757,"line":9982},119,[755,9984,8668],{"class":8614},[755,9986,950],{"class":765},[755,9988,9989],{"class":971}," 768",[755,9991,1298],{"class":765},[755,9993,9995,9997,9999,10002],{"class":757,"line":9994},120,[755,9996,8683],{"class":8614},[755,9998,950],{"class":765},[755,10000,10001],{"class":971}," 992",[755,10003,1298],{"class":765},[755,10005,10007,10009,10011,10014],{"class":757,"line":10006},121,[755,10008,8698],{"class":8614},[755,10010,950],{"class":765},[755,10012,10013],{"class":971}," 1200",[755,10015,1298],{"class":765},[755,10017,10019,10021,10023,10025,10027,10030],{"class":757,"line":10018},122,[755,10020,9519],{"class":765},[755,10022,2202],{"class":8614},[755,10024,786],{"class":765},[755,10026,950],{"class":765},[755,10028,10029],{"class":971}," 1440",[755,10031,1298],{"class":765},[755,10033,10035],{"class":757,"line":10034},123,[755,10036,8713],{"class":765},[755,10038,10040],{"class":757,"line":10039},124,[755,10041,818],{"emptyLinePlaceholder":223},[755,10043,10045],{"class":757,"line":10044},125,[755,10046,10047],{"class":850},"    \u002F\u002F Animations\n",[755,10049,10051,10054,10056],{"class":757,"line":10050},126,[755,10052,10053],{"class":8614},"    easing",[755,10055,950],{"class":765},[755,10057,956],{"class":765},[755,10059,10061,10064,10066,10068,10070,10072],{"class":757,"line":10060},127,[755,10062,10063],{"class":8614},"        linear",[755,10065,950],{"class":765},[755,10067,779],{"class":765},[755,10069,4398],{"class":782},[755,10071,786],{"class":765},[755,10073,1298],{"class":765},[755,10075,10077,10080,10082,10084,10086,10088],{"class":757,"line":10076},128,[755,10078,10079],{"class":8614},"        ease",[755,10081,950],{"class":765},[755,10083,779],{"class":765},[755,10085,4419],{"class":782},[755,10087,786],{"class":765},[755,10089,1298],{"class":765},[755,10091,10093,10095,10097,10099,10101,10103,10105,10107],{"class":757,"line":10092},129,[755,10094,9519],{"class":765},[755,10096,4440],{"class":8614},[755,10098,786],{"class":765},[755,10100,950],{"class":765},[755,10102,779],{"class":765},[755,10104,4440],{"class":782},[755,10106,786],{"class":765},[755,10108,1298],{"class":765},[755,10110,10112,10114,10116,10118,10120,10122,10124,10126],{"class":757,"line":10111},130,[755,10113,9519],{"class":765},[755,10115,4461],{"class":8614},[755,10117,786],{"class":765},[755,10119,950],{"class":765},[755,10121,779],{"class":765},[755,10123,4461],{"class":782},[755,10125,786],{"class":765},[755,10127,1298],{"class":765},[755,10129,10131,10133,10135,10137,10139,10141,10143,10145],{"class":757,"line":10130},131,[755,10132,9519],{"class":765},[755,10134,4482],{"class":8614},[755,10136,786],{"class":765},[755,10138,950],{"class":765},[755,10140,779],{"class":765},[755,10142,4482],{"class":782},[755,10144,786],{"class":765},[755,10146,1298],{"class":765},[755,10148,10150],{"class":757,"line":10149},132,[755,10151,8713],{"class":765},[755,10153,10155,10157,10159],{"class":757,"line":10154},133,[755,10156,908],{"class":765},[755,10158,1131],{"class":769},[755,10160,789],{"class":765},[755,10162,10164],{"class":757,"line":10163},134,[755,10165,818],{"emptyLinePlaceholder":223},[755,10167,10169,10171,10173,10175],{"class":757,"line":10168},135,[755,10170,927],{"class":761},[755,10172,930],{"class":761},[755,10174,933],{"class":769},[755,10176,789],{"class":765},[1265,10178,10180],{"id":10179},"disabling-specific-domains","Disabling Specific Domains",[738,10182,10183],{},[741,10184,10185],{"icon":743,"label":290},[745,10186,10188],{"className":747,"code":10187,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\n\u002F\u002F Only include colors, spacing, and typography\nconst preset = useDesignTokensPreset(s, {\n    borderWidth: false,\n    borderRadius: false,\n    borderStyle: false,\n    boxShadow: false,\n    scale: false,\n    breakpoint: false,\n    easing: false,\n});\n\nconst { colorPrimary, spacingMd } = preset;\n\nexport default s;\n",[697,10189,10190,10210,10230,10234,10248,10252,10257,10273,10284,10294,10304,10314,10324,10334,10344,10352,10356,10377,10381],{"__ignoreMap":751},[755,10191,10192,10194,10196,10198,10200,10202,10204,10206,10208],{"class":757,"line":758},[755,10193,762],{"class":761},[755,10195,766],{"class":765},[755,10197,770],{"class":769},[755,10199,773],{"class":765},[755,10201,776],{"class":761},[755,10203,779],{"class":765},[755,10205,783],{"class":782},[755,10207,786],{"class":765},[755,10209,789],{"class":765},[755,10211,10212,10214,10216,10218,10220,10222,10224,10226,10228],{"class":757,"line":792},[755,10213,762],{"class":761},[755,10215,766],{"class":765},[755,10217,799],{"class":769},[755,10219,773],{"class":765},[755,10221,776],{"class":761},[755,10223,779],{"class":765},[755,10225,808],{"class":782},[755,10227,786],{"class":765},[755,10229,789],{"class":765},[755,10231,10232],{"class":757,"line":815},[755,10233,818],{"emptyLinePlaceholder":223},[755,10235,10236,10238,10240,10242,10244,10246],{"class":757,"line":821},[755,10237,825],{"class":824},[755,10239,828],{"class":769},[755,10241,831],{"class":765},[755,10243,770],{"class":834},[755,10245,837],{"class":769},[755,10247,789],{"class":765},[755,10249,10250],{"class":757,"line":842},[755,10251,818],{"emptyLinePlaceholder":223},[755,10253,10254],{"class":757,"line":847},[755,10255,10256],{"class":850},"\u002F\u002F Only include colors, spacing, and typography\n",[755,10258,10259,10261,10263,10265,10267,10269,10271],{"class":757,"line":854},[755,10260,825],{"class":824},[755,10262,859],{"class":769},[755,10264,831],{"class":765},[755,10266,799],{"class":834},[755,10268,8600],{"class":769},[755,10270,892],{"class":765},[755,10272,956],{"class":765},[755,10274,10275,10277,10279,10282],{"class":757,"line":871},[755,10276,2605],{"class":8614},[755,10278,950],{"class":765},[755,10280,10281],{"class":9302}," false",[755,10283,1298],{"class":765},[755,10285,10286,10288,10290,10292],{"class":757,"line":876},[755,10287,1961],{"class":8614},[755,10289,950],{"class":765},[755,10291,10281],{"class":9302},[755,10293,1298],{"class":765},[755,10295,10296,10298,10300,10302],{"class":757,"line":882},[755,10297,2273],{"class":8614},[755,10299,950],{"class":765},[755,10301,10281],{"class":9302},[755,10303,1298],{"class":765},[755,10305,10306,10308,10310,10312],{"class":757,"line":919},[755,10307,2813],{"class":8614},[755,10309,950],{"class":765},[755,10311,10281],{"class":9302},[755,10313,1298],{"class":765},[755,10315,10316,10318,10320,10322],{"class":757,"line":924},[755,10317,7683],{"class":8614},[755,10319,950],{"class":765},[755,10321,10281],{"class":9302},[755,10323,1298],{"class":765},[755,10325,10326,10328,10330,10332],{"class":757,"line":1076},[755,10327,9951],{"class":8614},[755,10329,950],{"class":765},[755,10331,10281],{"class":9302},[755,10333,1298],{"class":765},[755,10335,10336,10338,10340,10342],{"class":757,"line":1082},[755,10337,10053],{"class":8614},[755,10339,950],{"class":765},[755,10341,10281],{"class":9302},[755,10343,1298],{"class":765},[755,10345,10346,10348,10350],{"class":757,"line":1108},[755,10347,908],{"class":765},[755,10349,1131],{"class":769},[755,10351,789],{"class":765},[755,10353,10354],{"class":757,"line":1142},[755,10355,818],{"emptyLinePlaceholder":223},[755,10357,10358,10360,10362,10364,10366,10369,10371,10373,10375],{"class":757,"line":1171},[755,10359,825],{"class":824},[755,10361,766],{"class":765},[755,10363,889],{"class":769},[755,10365,892],{"class":765},[755,10367,10368],{"class":769}," spacingMd ",[755,10370,908],{"class":765},[755,10372,911],{"class":765},[755,10374,914],{"class":769},[755,10376,789],{"class":765},[755,10378,10379],{"class":757,"line":1177},[755,10380,818],{"emptyLinePlaceholder":223},[755,10382,10383,10385,10387,10389],{"class":757,"line":1182},[755,10384,927],{"class":761},[755,10386,930],{"class":761},[755,10388,933],{"class":769},[755,10390,789],{"class":765},[1265,10392,6562],{"id":10393},"customizing-fluid-typography",[693,10395,10396],{},"Fluid typography runs by default. Use the tabs below to customize the viewport range, modular scale, and per-step values — or to opt back into static font sizes.",[738,10398,10399,10538,10799,11079],{},[741,10400,10402],{"icon":743,"label":10401},"Defaults",[745,10403,10405],{"className":747,"code":10404,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\n\u002F\u002F Defaults — viewport range 320–1440px, base --font-size--min: 16 \u002F\n\u002F\u002F --font-size--max: 18, `font-size.*` becomes calc() expressions that\n\u002F\u002F scale with the viewport. No config required.\nconst preset = useDesignTokensPreset(s);\n\nconst { fontSizeMd, fontSizeLg } = preset;\n\nexport default s;\n",[697,10406,10407,10427,10447,10451,10465,10469,10474,10479,10484,10498,10502,10524,10528],{"__ignoreMap":751},[755,10408,10409,10411,10413,10415,10417,10419,10421,10423,10425],{"class":757,"line":758},[755,10410,762],{"class":761},[755,10412,766],{"class":765},[755,10414,770],{"class":769},[755,10416,773],{"class":765},[755,10418,776],{"class":761},[755,10420,779],{"class":765},[755,10422,783],{"class":782},[755,10424,786],{"class":765},[755,10426,789],{"class":765},[755,10428,10429,10431,10433,10435,10437,10439,10441,10443,10445],{"class":757,"line":792},[755,10430,762],{"class":761},[755,10432,766],{"class":765},[755,10434,799],{"class":769},[755,10436,773],{"class":765},[755,10438,776],{"class":761},[755,10440,779],{"class":765},[755,10442,808],{"class":782},[755,10444,786],{"class":765},[755,10446,789],{"class":765},[755,10448,10449],{"class":757,"line":815},[755,10450,818],{"emptyLinePlaceholder":223},[755,10452,10453,10455,10457,10459,10461,10463],{"class":757,"line":821},[755,10454,825],{"class":824},[755,10456,828],{"class":769},[755,10458,831],{"class":765},[755,10460,770],{"class":834},[755,10462,837],{"class":769},[755,10464,789],{"class":765},[755,10466,10467],{"class":757,"line":842},[755,10468,818],{"emptyLinePlaceholder":223},[755,10470,10471],{"class":757,"line":847},[755,10472,10473],{"class":850},"\u002F\u002F Defaults — viewport range 320–1440px, base --font-size--min: 16 \u002F\n",[755,10475,10476],{"class":757,"line":854},[755,10477,10478],{"class":850},"\u002F\u002F --font-size--max: 18, `font-size.*` becomes calc() expressions that\n",[755,10480,10481],{"class":757,"line":871},[755,10482,10483],{"class":850},"\u002F\u002F scale with the viewport. No config required.\n",[755,10485,10486,10488,10490,10492,10494,10496],{"class":757,"line":876},[755,10487,825],{"class":824},[755,10489,859],{"class":769},[755,10491,831],{"class":765},[755,10493,799],{"class":834},[755,10495,866],{"class":769},[755,10497,789],{"class":765},[755,10499,10500],{"class":757,"line":882},[755,10501,818],{"emptyLinePlaceholder":223},[755,10503,10504,10506,10508,10511,10513,10516,10518,10520,10522],{"class":757,"line":919},[755,10505,825],{"class":824},[755,10507,766],{"class":765},[755,10509,10510],{"class":769}," fontSizeMd",[755,10512,892],{"class":765},[755,10514,10515],{"class":769}," fontSizeLg ",[755,10517,908],{"class":765},[755,10519,911],{"class":765},[755,10521,914],{"class":769},[755,10523,789],{"class":765},[755,10525,10526],{"class":757,"line":924},[755,10527,818],{"emptyLinePlaceholder":223},[755,10529,10530,10532,10534,10536],{"class":757,"line":1076},[755,10531,927],{"class":761},[755,10533,930],{"class":761},[755,10535,933],{"class":769},[755,10537,789],{"class":765},[741,10539,10542],{"icon":10540,"label":10541},"i-lucide-sliders","Customized",[745,10543,10545],{"className":747,"code":10544,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst preset = useDesignTokensPreset(s, {\n    \u002F\u002F Tailor the viewport range to your target devices.\n    fluidViewport: { minWidth: 375, maxWidth: 1920 },\n\n    \u002F\u002F Choose modular-scale ratios for harmonious, Utopia-style proportions.\n    \u002F\u002F The default uses major-second (1.125) on the min viewport and\n    \u002F\u002F major-third (1.25) on the max — change either independently.\n    fluidScale: { min: '@scale.minor-third', max: '@scale.perfect-fourth' },\n\n    \u002F\u002F Override individual steps with literal pixel ranges via `fontSize`.\n    \u002F\u002F Each tuple [min, max] generates a calc() fluid expression.\n    fontSize: { md: [16, 18], lg: [18, 22] },\n});\n\nexport default s;\n",[697,10546,10547,10567,10587,10591,10605,10609,10625,10630,10660,10664,10669,10674,10679,10715,10719,10724,10729,10777,10785,10789],{"__ignoreMap":751},[755,10548,10549,10551,10553,10555,10557,10559,10561,10563,10565],{"class":757,"line":758},[755,10550,762],{"class":761},[755,10552,766],{"class":765},[755,10554,770],{"class":769},[755,10556,773],{"class":765},[755,10558,776],{"class":761},[755,10560,779],{"class":765},[755,10562,783],{"class":782},[755,10564,786],{"class":765},[755,10566,789],{"class":765},[755,10568,10569,10571,10573,10575,10577,10579,10581,10583,10585],{"class":757,"line":792},[755,10570,762],{"class":761},[755,10572,766],{"class":765},[755,10574,799],{"class":769},[755,10576,773],{"class":765},[755,10578,776],{"class":761},[755,10580,779],{"class":765},[755,10582,808],{"class":782},[755,10584,786],{"class":765},[755,10586,789],{"class":765},[755,10588,10589],{"class":757,"line":815},[755,10590,818],{"emptyLinePlaceholder":223},[755,10592,10593,10595,10597,10599,10601,10603],{"class":757,"line":821},[755,10594,825],{"class":824},[755,10596,828],{"class":769},[755,10598,831],{"class":765},[755,10600,770],{"class":834},[755,10602,837],{"class":769},[755,10604,789],{"class":765},[755,10606,10607],{"class":757,"line":842},[755,10608,818],{"emptyLinePlaceholder":223},[755,10610,10611,10613,10615,10617,10619,10621,10623],{"class":757,"line":847},[755,10612,825],{"class":824},[755,10614,859],{"class":769},[755,10616,831],{"class":765},[755,10618,799],{"class":834},[755,10620,8600],{"class":769},[755,10622,892],{"class":765},[755,10624,956],{"class":765},[755,10626,10627],{"class":757,"line":854},[755,10628,10629],{"class":850},"    \u002F\u002F Tailor the viewport range to your target devices.\n",[755,10631,10632,10635,10637,10639,10642,10644,10647,10649,10652,10654,10657],{"class":757,"line":871},[755,10633,10634],{"class":8614},"    fluidViewport",[755,10636,950],{"class":765},[755,10638,766],{"class":765},[755,10640,10641],{"class":8614}," minWidth",[755,10643,950],{"class":765},[755,10645,10646],{"class":971}," 375",[755,10648,892],{"class":765},[755,10650,10651],{"class":8614}," maxWidth",[755,10653,950],{"class":765},[755,10655,10656],{"class":971}," 1920",[755,10658,10659],{"class":765}," },\n",[755,10661,10662],{"class":757,"line":876},[755,10663,818],{"emptyLinePlaceholder":223},[755,10665,10666],{"class":757,"line":882},[755,10667,10668],{"class":850},"    \u002F\u002F Choose modular-scale ratios for harmonious, Utopia-style proportions.\n",[755,10670,10671],{"class":757,"line":919},[755,10672,10673],{"class":850},"    \u002F\u002F The default uses major-second (1.125) on the min viewport and\n",[755,10675,10676],{"class":757,"line":924},[755,10677,10678],{"class":850},"    \u002F\u002F major-third (1.25) on the max — change either independently.\n",[755,10680,10681,10684,10686,10688,10691,10693,10695,10697,10699,10701,10704,10706,10708,10711,10713],{"class":757,"line":1076},[755,10682,10683],{"class":8614},"    fluidScale",[755,10685,950],{"class":765},[755,10687,766],{"class":765},[755,10689,10690],{"class":8614}," min",[755,10692,950],{"class":765},[755,10694,779],{"class":765},[755,10696,7805],{"class":782},[755,10698,786],{"class":765},[755,10700,892],{"class":765},[755,10702,10703],{"class":8614}," max",[755,10705,950],{"class":765},[755,10707,779],{"class":765},[755,10709,10710],{"class":782},"@scale.perfect-fourth",[755,10712,786],{"class":765},[755,10714,10659],{"class":765},[755,10716,10717],{"class":757,"line":1082},[755,10718,818],{"emptyLinePlaceholder":223},[755,10720,10721],{"class":757,"line":1108},[755,10722,10723],{"class":850},"    \u002F\u002F Override individual steps with literal pixel ranges via `fontSize`.\n",[755,10725,10726],{"class":757,"line":1142},[755,10727,10728],{"class":850},"    \u002F\u002F Each tuple [min, max] generates a calc() fluid expression.\n",[755,10730,10731,10733,10735,10737,10740,10742,10745,10747,10749,10752,10755,10757,10760,10762,10764,10766,10768,10771,10774],{"class":757,"line":1171},[755,10732,5461],{"class":8614},[755,10734,950],{"class":765},[755,10736,766],{"class":765},[755,10738,10739],{"class":8614}," md",[755,10741,950],{"class":765},[755,10743,10744],{"class":769}," [",[755,10746,6256],{"class":971},[755,10748,892],{"class":765},[755,10750,10751],{"class":971}," 18",[755,10753,10754],{"class":769},"]",[755,10756,892],{"class":765},[755,10758,10759],{"class":8614}," lg",[755,10761,950],{"class":765},[755,10763,10744],{"class":769},[755,10765,6279],{"class":971},[755,10767,892],{"class":765},[755,10769,10770],{"class":971}," 22",[755,10772,10773],{"class":769},"] ",[755,10775,10776],{"class":765},"},\n",[755,10778,10779,10781,10783],{"class":757,"line":1177},[755,10780,908],{"class":765},[755,10782,1131],{"class":769},[755,10784,789],{"class":765},[755,10786,10787],{"class":757,"line":1182},[755,10788,818],{"emptyLinePlaceholder":223},[755,10790,10791,10793,10795,10797],{"class":757,"line":1188},[755,10792,927],{"class":761},[755,10794,930],{"class":761},[755,10796,933],{"class":769},[755,10798,789],{"class":765},[741,10800,10803],{"icon":10801,"label":10802},"i-lucide-blend","Hybrid (per-key)",[745,10804,10806],{"className":747,"code":10805,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\nimport { useFluidClamp } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\n\u002F\u002F Opt out of the global fluid scale and make individual keys fluid by passing\n\u002F\u002F `useFluidClamp(...)` inline. This is the recommended way to mix static and\n\u002F\u002F fluid values without hitting the namespace collision that the default\n\u002F\u002F fluid scale solves by replacing the whole domain.\nconst preset = useDesignTokensPreset(s, {\n    fluidFontSize: false, \u002F\u002F disable fluid; static `fontSize` runs\n    fluidViewport: true, \u002F\u002F keep fluid.* vars so useFluidClamp works\n    fontSize: {\n        default: '@font-size.md',\n        sm: '0.875rem',\n        md: useFluidClamp(s, [16, 18]),\n        lg: useFluidClamp(s, [18, 22]),\n        xl: '1.5rem',\n    },\n});\n\nexport default s;\n",[697,10807,10808,10828,10848,10869,10873,10887,10891,10896,10901,10906,10911,10927,10941,10954,10962,10976,10990,11015,11039,11053,11057,11065,11069],{"__ignoreMap":751},[755,10809,10810,10812,10814,10816,10818,10820,10822,10824,10826],{"class":757,"line":758},[755,10811,762],{"class":761},[755,10813,766],{"class":765},[755,10815,770],{"class":769},[755,10817,773],{"class":765},[755,10819,776],{"class":761},[755,10821,779],{"class":765},[755,10823,783],{"class":782},[755,10825,786],{"class":765},[755,10827,789],{"class":765},[755,10829,10830,10832,10834,10836,10838,10840,10842,10844,10846],{"class":757,"line":792},[755,10831,762],{"class":761},[755,10833,766],{"class":765},[755,10835,799],{"class":769},[755,10837,773],{"class":765},[755,10839,776],{"class":761},[755,10841,779],{"class":765},[755,10843,808],{"class":782},[755,10845,786],{"class":765},[755,10847,789],{"class":765},[755,10849,10850,10852,10854,10857,10859,10861,10863,10865,10867],{"class":757,"line":815},[755,10851,762],{"class":761},[755,10853,766],{"class":765},[755,10855,10856],{"class":769}," useFluidClamp",[755,10858,773],{"class":765},[755,10860,776],{"class":761},[755,10862,779],{"class":765},[755,10864,808],{"class":782},[755,10866,786],{"class":765},[755,10868,789],{"class":765},[755,10870,10871],{"class":757,"line":821},[755,10872,818],{"emptyLinePlaceholder":223},[755,10874,10875,10877,10879,10881,10883,10885],{"class":757,"line":842},[755,10876,825],{"class":824},[755,10878,828],{"class":769},[755,10880,831],{"class":765},[755,10882,770],{"class":834},[755,10884,837],{"class":769},[755,10886,789],{"class":765},[755,10888,10889],{"class":757,"line":847},[755,10890,818],{"emptyLinePlaceholder":223},[755,10892,10893],{"class":757,"line":854},[755,10894,10895],{"class":850},"\u002F\u002F Opt out of the global fluid scale and make individual keys fluid by passing\n",[755,10897,10898],{"class":757,"line":871},[755,10899,10900],{"class":850},"\u002F\u002F `useFluidClamp(...)` inline. This is the recommended way to mix static and\n",[755,10902,10903],{"class":757,"line":876},[755,10904,10905],{"class":850},"\u002F\u002F fluid values without hitting the namespace collision that the default\n",[755,10907,10908],{"class":757,"line":882},[755,10909,10910],{"class":850},"\u002F\u002F fluid scale solves by replacing the whole domain.\n",[755,10912,10913,10915,10917,10919,10921,10923,10925],{"class":757,"line":919},[755,10914,825],{"class":824},[755,10916,859],{"class":769},[755,10918,831],{"class":765},[755,10920,799],{"class":834},[755,10922,8600],{"class":769},[755,10924,892],{"class":765},[755,10926,956],{"class":765},[755,10928,10929,10932,10934,10936,10938],{"class":757,"line":924},[755,10930,10931],{"class":8614},"    fluidFontSize",[755,10933,950],{"class":765},[755,10935,10281],{"class":9302},[755,10937,892],{"class":765},[755,10939,10940],{"class":850}," \u002F\u002F disable fluid; static `fontSize` runs\n",[755,10942,10943,10945,10947,10949,10951],{"class":757,"line":1076},[755,10944,10634],{"class":8614},[755,10946,950],{"class":765},[755,10948,9303],{"class":9302},[755,10950,892],{"class":765},[755,10952,10953],{"class":850}," \u002F\u002F keep fluid.* vars so useFluidClamp works\n",[755,10955,10956,10958,10960],{"class":757,"line":1082},[755,10957,5461],{"class":8614},[755,10959,950],{"class":765},[755,10961,956],{"class":765},[755,10963,10964,10966,10968,10970,10972,10974],{"class":757,"line":1108},[755,10965,8623],{"class":8614},[755,10967,950],{"class":765},[755,10969,779],{"class":765},[755,10971,5583],{"class":782},[755,10973,786],{"class":765},[755,10975,1298],{"class":765},[755,10977,10978,10980,10982,10984,10986,10988],{"class":757,"line":1142},[755,10979,8653],{"class":8614},[755,10981,950],{"class":765},[755,10983,779],{"class":765},[755,10985,5623],{"class":782},[755,10987,786],{"class":765},[755,10989,1298],{"class":765},[755,10991,10992,10994,10996,10998,11000,11002,11004,11006,11008,11010,11013],{"class":757,"line":1171},[755,10993,8668],{"class":8614},[755,10995,950],{"class":765},[755,10997,10856],{"class":834},[755,10999,8600],{"class":769},[755,11001,892],{"class":765},[755,11003,10744],{"class":769},[755,11005,6256],{"class":971},[755,11007,892],{"class":765},[755,11009,10751],{"class":971},[755,11011,11012],{"class":769},"])",[755,11014,1298],{"class":765},[755,11016,11017,11019,11021,11023,11025,11027,11029,11031,11033,11035,11037],{"class":757,"line":1177},[755,11018,8683],{"class":8614},[755,11020,950],{"class":765},[755,11022,10856],{"class":834},[755,11024,8600],{"class":769},[755,11026,892],{"class":765},[755,11028,10744],{"class":769},[755,11030,6279],{"class":971},[755,11032,892],{"class":765},[755,11034,10770],{"class":971},[755,11036,11012],{"class":769},[755,11038,1298],{"class":765},[755,11040,11041,11043,11045,11047,11049,11051],{"class":757,"line":1182},[755,11042,8698],{"class":8614},[755,11044,950],{"class":765},[755,11046,779],{"class":765},[755,11048,5706],{"class":782},[755,11050,786],{"class":765},[755,11052,1298],{"class":765},[755,11054,11055],{"class":757,"line":1188},[755,11056,8713],{"class":765},[755,11058,11059,11061,11063],{"class":757,"line":1211},[755,11060,908],{"class":765},[755,11062,1131],{"class":769},[755,11064,789],{"class":765},[755,11066,11067],{"class":757,"line":1223},[755,11068,818],{"emptyLinePlaceholder":223},[755,11070,11071,11073,11075,11077],{"class":757,"line":1235},[755,11072,927],{"class":761},[755,11074,930],{"class":761},[755,11076,933],{"class":769},[755,11078,789],{"class":765},[741,11080,11083],{"icon":11081,"label":11082},"i-lucide-circle-slash","Disable fluid",[745,11084,11086],{"className":747,"code":11085,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\n\u002F\u002F Pass `fluidFontSize: false` to fall back to the static `fontSize` domain.\n\u002F\u002F Use this when you want fixed `rem` values at every breakpoint.\nconst preset = useDesignTokensPreset(s, {\n    fluidFontSize: false,\n});\n\nexport default s;\n",[697,11087,11088,11108,11128,11132,11146,11150,11155,11160,11176,11186,11194,11198],{"__ignoreMap":751},[755,11089,11090,11092,11094,11096,11098,11100,11102,11104,11106],{"class":757,"line":758},[755,11091,762],{"class":761},[755,11093,766],{"class":765},[755,11095,770],{"class":769},[755,11097,773],{"class":765},[755,11099,776],{"class":761},[755,11101,779],{"class":765},[755,11103,783],{"class":782},[755,11105,786],{"class":765},[755,11107,789],{"class":765},[755,11109,11110,11112,11114,11116,11118,11120,11122,11124,11126],{"class":757,"line":792},[755,11111,762],{"class":761},[755,11113,766],{"class":765},[755,11115,799],{"class":769},[755,11117,773],{"class":765},[755,11119,776],{"class":761},[755,11121,779],{"class":765},[755,11123,808],{"class":782},[755,11125,786],{"class":765},[755,11127,789],{"class":765},[755,11129,11130],{"class":757,"line":815},[755,11131,818],{"emptyLinePlaceholder":223},[755,11133,11134,11136,11138,11140,11142,11144],{"class":757,"line":821},[755,11135,825],{"class":824},[755,11137,828],{"class":769},[755,11139,831],{"class":765},[755,11141,770],{"class":834},[755,11143,837],{"class":769},[755,11145,789],{"class":765},[755,11147,11148],{"class":757,"line":842},[755,11149,818],{"emptyLinePlaceholder":223},[755,11151,11152],{"class":757,"line":847},[755,11153,11154],{"class":850},"\u002F\u002F Pass `fluidFontSize: false` to fall back to the static `fontSize` domain.\n",[755,11156,11157],{"class":757,"line":854},[755,11158,11159],{"class":850},"\u002F\u002F Use this when you want fixed `rem` values at every breakpoint.\n",[755,11161,11162,11164,11166,11168,11170,11172,11174],{"class":757,"line":871},[755,11163,825],{"class":824},[755,11165,859],{"class":769},[755,11167,831],{"class":765},[755,11169,799],{"class":834},[755,11171,8600],{"class":769},[755,11173,892],{"class":765},[755,11175,956],{"class":765},[755,11177,11178,11180,11182,11184],{"class":757,"line":876},[755,11179,10931],{"class":8614},[755,11181,950],{"class":765},[755,11183,10281],{"class":9302},[755,11185,1298],{"class":765},[755,11187,11188,11190,11192],{"class":757,"line":882},[755,11189,908],{"class":765},[755,11191,1131],{"class":769},[755,11193,789],{"class":765},[755,11195,11196],{"class":757,"line":919},[755,11197,818],{"emptyLinePlaceholder":223},[755,11199,11200,11202,11204,11206],{"class":757,"line":924},[755,11201,927],{"class":761},[755,11203,930],{"class":761},[755,11205,933],{"class":769},[755,11207,789],{"class":765},[11209,11210,11212,11215,11216,11218,11219,11221,11222,11224,11225,11227,11228,11231,11232,11235,11236,11238],"callout",{"icon":11211},"i-lucide-info",[712,11213,11214],{},"Switching modes",": the static ",[697,11217,1590],{}," domain is auto-replaced by fluid by default. Passing both ",[697,11220,1590],{}," and the default fluid scale is allowed but the static config is silently ignored to avoid duplicate ",[697,11223,5789],{}," variables. To use a custom static scale, set ",[697,11226,1618],{},". Setting ",[697,11229,11230],{},"fluidViewport: false"," (or ",[697,11233,11234],{},"scale: false",") without also disabling ",[697,11237,1606],{}," throws a configuration error — the fluid font-size scale depends on both, so the preset surfaces invalid combinations up front instead of producing partial output.",[1265,11240,11242],{"id":11241},"accessing-generated-variables","Accessing Generated Variables",[745,11244,11246],{"className":747,"code":11245,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\nconst { ref, selector } = s;\n\nconst preset = useDesignTokensPreset(s);\n\n\u002F\u002F Destructure the variables you need directly\nconst {\n    spacingMd,\n    colorPrimary,\n    colorPrimary600,\n    borderRadiusMd,\n    fontWeightSemibold,\n    boxShadowSm,\n} = preset;\n\n\u002F\u002F Use the generated variables in your styles\nselector('.button', {\n    padding: ref(spacingMd),\n    backgroundColor: ref(colorPrimary),\n    borderRadius: ref(borderRadiusMd),\n    fontWeight: ref(fontWeightSemibold),\n    boxShadow: ref(boxShadowSm),\n});\n\nselector('.button:hover', {\n    backgroundColor: ref(colorPrimary600),\n});\n\nexport default s;\n",[697,11247,11248,11268,11288,11292,11306,11328,11332,11346,11350,11354,11360,11366,11372,11379,11385,11391,11397,11407,11411,11416,11434,11448,11462,11475,11488,11501,11509,11513,11530,11543,11551,11555],{"__ignoreMap":751},[755,11249,11250,11252,11254,11256,11258,11260,11262,11264,11266],{"class":757,"line":758},[755,11251,762],{"class":761},[755,11253,766],{"class":765},[755,11255,770],{"class":769},[755,11257,773],{"class":765},[755,11259,776],{"class":761},[755,11261,779],{"class":765},[755,11263,783],{"class":782},[755,11265,786],{"class":765},[755,11267,789],{"class":765},[755,11269,11270,11272,11274,11276,11278,11280,11282,11284,11286],{"class":757,"line":792},[755,11271,762],{"class":761},[755,11273,766],{"class":765},[755,11275,799],{"class":769},[755,11277,773],{"class":765},[755,11279,776],{"class":761},[755,11281,779],{"class":765},[755,11283,808],{"class":782},[755,11285,786],{"class":765},[755,11287,789],{"class":765},[755,11289,11290],{"class":757,"line":815},[755,11291,818],{"emptyLinePlaceholder":223},[755,11293,11294,11296,11298,11300,11302,11304],{"class":757,"line":821},[755,11295,825],{"class":824},[755,11297,828],{"class":769},[755,11299,831],{"class":765},[755,11301,770],{"class":834},[755,11303,837],{"class":769},[755,11305,789],{"class":765},[755,11307,11308,11310,11312,11315,11317,11320,11322,11324,11326],{"class":757,"line":842},[755,11309,825],{"class":824},[755,11311,766],{"class":765},[755,11313,11314],{"class":769}," ref",[755,11316,892],{"class":765},[755,11318,11319],{"class":769}," selector ",[755,11321,908],{"class":765},[755,11323,911],{"class":765},[755,11325,933],{"class":769},[755,11327,789],{"class":765},[755,11329,11330],{"class":757,"line":847},[755,11331,818],{"emptyLinePlaceholder":223},[755,11333,11334,11336,11338,11340,11342,11344],{"class":757,"line":854},[755,11335,825],{"class":824},[755,11337,859],{"class":769},[755,11339,831],{"class":765},[755,11341,799],{"class":834},[755,11343,866],{"class":769},[755,11345,789],{"class":765},[755,11347,11348],{"class":757,"line":871},[755,11349,818],{"emptyLinePlaceholder":223},[755,11351,11352],{"class":757,"line":876},[755,11353,879],{"class":850},[755,11355,11356,11358],{"class":757,"line":882},[755,11357,825],{"class":824},[755,11359,956],{"class":765},[755,11361,11362,11364],{"class":757,"line":919},[755,11363,8254],{"class":769},[755,11365,1298],{"class":765},[755,11367,11368,11370],{"class":757,"line":924},[755,11369,3803],{"class":769},[755,11371,1298],{"class":765},[755,11373,11374,11377],{"class":757,"line":1076},[755,11375,11376],{"class":769},"    colorPrimary600",[755,11378,1298],{"class":765},[755,11380,11381,11383],{"class":757,"line":1082},[755,11382,1991],{"class":769},[755,11384,1298],{"class":765},[755,11386,11387,11389],{"class":757,"line":1108},[755,11388,6856],{"class":769},[755,11390,1298],{"class":765},[755,11392,11393,11395],{"class":757,"line":1142},[755,11394,2843],{"class":769},[755,11396,1298],{"class":765},[755,11398,11399,11401,11403,11405],{"class":757,"line":1171},[755,11400,908],{"class":765},[755,11402,911],{"class":765},[755,11404,914],{"class":769},[755,11406,789],{"class":765},[755,11408,11409],{"class":757,"line":1177},[755,11410,818],{"emptyLinePlaceholder":223},[755,11412,11413],{"class":757,"line":1182},[755,11414,11415],{"class":850},"\u002F\u002F Use the generated variables in your styles\n",[755,11417,11418,11421,11423,11425,11428,11430,11432],{"class":757,"line":1188},[755,11419,11420],{"class":834},"selector",[755,11422,1093],{"class":769},[755,11424,786],{"class":765},[755,11426,11427],{"class":782},".button",[755,11429,786],{"class":765},[755,11431,892],{"class":765},[755,11433,956],{"class":765},[755,11435,11436,11439,11441,11443,11446],{"class":757,"line":1211},[755,11437,11438],{"class":8614},"    padding",[755,11440,950],{"class":765},[755,11442,11314],{"class":834},[755,11444,11445],{"class":769},"(spacingMd)",[755,11447,1298],{"class":765},[755,11449,11450,11453,11455,11457,11460],{"class":757,"line":1223},[755,11451,11452],{"class":8614},"    backgroundColor",[755,11454,950],{"class":765},[755,11456,11314],{"class":834},[755,11458,11459],{"class":769},"(colorPrimary)",[755,11461,1298],{"class":765},[755,11463,11464,11466,11468,11470,11473],{"class":757,"line":1235},[755,11465,1961],{"class":8614},[755,11467,950],{"class":765},[755,11469,11314],{"class":834},[755,11471,11472],{"class":769},"(borderRadiusMd)",[755,11474,1298],{"class":765},[755,11476,11477,11479,11481,11483,11486],{"class":757,"line":1241},[755,11478,6806],{"class":8614},[755,11480,950],{"class":765},[755,11482,11314],{"class":834},[755,11484,11485],{"class":769},"(fontWeightSemibold)",[755,11487,1298],{"class":765},[755,11489,11490,11492,11494,11496,11499],{"class":757,"line":1246},[755,11491,2813],{"class":8614},[755,11493,950],{"class":765},[755,11495,11314],{"class":834},[755,11497,11498],{"class":769},"(boxShadowSm)",[755,11500,1298],{"class":765},[755,11502,11503,11505,11507],{"class":757,"line":1252},[755,11504,908],{"class":765},[755,11506,1131],{"class":769},[755,11508,789],{"class":765},[755,11510,11511],{"class":757,"line":8836},[755,11512,818],{"emptyLinePlaceholder":223},[755,11514,11515,11517,11519,11521,11524,11526,11528],{"class":757,"line":8851},[755,11516,11420],{"class":834},[755,11518,1093],{"class":769},[755,11520,786],{"class":765},[755,11522,11523],{"class":782},".button:hover",[755,11525,786],{"class":765},[755,11527,892],{"class":765},[755,11529,956],{"class":765},[755,11531,11532,11534,11536,11538,11541],{"class":757,"line":8866},[755,11533,11452],{"class":8614},[755,11535,950],{"class":765},[755,11537,11314],{"class":834},[755,11539,11540],{"class":769},"(colorPrimary600)",[755,11542,1298],{"class":765},[755,11544,11545,11547,11549],{"class":757,"line":8881},[755,11546,908],{"class":765},[755,11548,1131],{"class":769},[755,11550,789],{"class":765},[755,11552,11553],{"class":757,"line":8896},[755,11554,818],{"emptyLinePlaceholder":223},[755,11556,11557,11559,11561,11563],{"class":757,"line":8912},[755,11558,927],{"class":761},[755,11560,930],{"class":761},[755,11562,933],{"class":769},[755,11564,789],{"class":765},[689,11566,11568],{"id":11567},"importing-default-values","Importing Default Values",[693,11570,11571],{},"You can import the default value objects directly if you need to reference them or build upon them:",[745,11573,11575],{"className":747,"code":11574,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport {\n    useDesignTokensPreset,\n    \u002F\u002F Import default values\n    defaultSpacingValues,\n    defaultColorValues,\n    defaultBorderRadiusValues,\n} from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\n\u002F\u002F Partial overrides merge with defaults by default — no spread required\nconst preset = useDesignTokensPreset(s, {\n    spacing: {\n        '4xl': '6rem', \u002F\u002F Adds a new size on top of all default spacing values\n    },\n});\n\nexport default s;\n",[697,11576,11577,11597,11603,11610,11615,11622,11629,11636,11650,11654,11668,11672,11677,11693,11701,11723,11727,11735,11739],{"__ignoreMap":751},[755,11578,11579,11581,11583,11585,11587,11589,11591,11593,11595],{"class":757,"line":758},[755,11580,762],{"class":761},[755,11582,766],{"class":765},[755,11584,770],{"class":769},[755,11586,773],{"class":765},[755,11588,776],{"class":761},[755,11590,779],{"class":765},[755,11592,783],{"class":782},[755,11594,786],{"class":765},[755,11596,789],{"class":765},[755,11598,11599,11601],{"class":757,"line":792},[755,11600,762],{"class":761},[755,11602,956],{"class":765},[755,11604,11605,11608],{"class":757,"line":815},[755,11606,11607],{"class":769},"    useDesignTokensPreset",[755,11609,1298],{"class":765},[755,11611,11612],{"class":757,"line":821},[755,11613,11614],{"class":850},"    \u002F\u002F Import default values\n",[755,11616,11617,11620],{"class":757,"line":842},[755,11618,11619],{"class":769},"    defaultSpacingValues",[755,11621,1298],{"class":765},[755,11623,11624,11627],{"class":757,"line":847},[755,11625,11626],{"class":769},"    defaultColorValues",[755,11628,1298],{"class":765},[755,11630,11631,11634],{"class":757,"line":854},[755,11632,11633],{"class":769},"    defaultBorderRadiusValues",[755,11635,1298],{"class":765},[755,11637,11638,11640,11642,11644,11646,11648],{"class":757,"line":871},[755,11639,908],{"class":765},[755,11641,776],{"class":761},[755,11643,779],{"class":765},[755,11645,808],{"class":782},[755,11647,786],{"class":765},[755,11649,789],{"class":765},[755,11651,11652],{"class":757,"line":876},[755,11653,818],{"emptyLinePlaceholder":223},[755,11655,11656,11658,11660,11662,11664,11666],{"class":757,"line":882},[755,11657,825],{"class":824},[755,11659,828],{"class":769},[755,11661,831],{"class":765},[755,11663,770],{"class":834},[755,11665,837],{"class":769},[755,11667,789],{"class":765},[755,11669,11670],{"class":757,"line":919},[755,11671,818],{"emptyLinePlaceholder":223},[755,11673,11674],{"class":757,"line":924},[755,11675,11676],{"class":850},"\u002F\u002F Partial overrides merge with defaults by default — no spread required\n",[755,11678,11679,11681,11683,11685,11687,11689,11691],{"class":757,"line":1076},[755,11680,825],{"class":824},[755,11682,859],{"class":769},[755,11684,831],{"class":765},[755,11686,799],{"class":834},[755,11688,8600],{"class":769},[755,11690,892],{"class":765},[755,11692,956],{"class":765},[755,11694,11695,11697,11699],{"class":757,"line":1082},[755,11696,8214],{"class":8614},[755,11698,950],{"class":765},[755,11700,956],{"class":765},[755,11702,11703,11705,11707,11709,11711,11713,11716,11718,11720],{"class":757,"line":1108},[755,11704,9519],{"class":765},[755,11706,5745],{"class":8614},[755,11708,786],{"class":765},[755,11710,950],{"class":765},[755,11712,779],{"class":765},[755,11714,11715],{"class":782},"6rem",[755,11717,786],{"class":765},[755,11719,892],{"class":765},[755,11721,11722],{"class":850}," \u002F\u002F Adds a new size on top of all default spacing values\n",[755,11724,11725],{"class":757,"line":1142},[755,11726,8713],{"class":765},[755,11728,11729,11731,11733],{"class":757,"line":1171},[755,11730,908],{"class":765},[755,11732,1131],{"class":769},[755,11734,789],{"class":765},[755,11736,11737],{"class":757,"line":1177},[755,11738,818],{"emptyLinePlaceholder":223},[755,11740,11741,11743,11745,11747],{"class":757,"line":1182},[755,11742,927],{"class":761},[755,11744,930],{"class":761},[755,11746,933],{"class":769},[755,11748,789],{"class":765},[1265,11750,11752],{"id":11751},"available-default-value-exports","Available Default Value Exports",[1347,11754,11755,11764],{},[1350,11756,11757],{},[1353,11758,11759,11762],{},[1356,11760,11761],{},"Export",[1356,11763,1367],{},[1369,11765,11766,11776,11786,11796,11806,11816,11826,11836,11846,11856,11866,11876,11886,11896,11906,11916,11926,11935,11945,11955],{},[1353,11767,11768,11773],{},[1374,11769,11770],{},[697,11771,11772],{},"defaultSpacingValues",[1374,11774,11775],{},"Spacing scale values",[1353,11777,11778,11783],{},[1374,11779,11780],{},[697,11781,11782],{},"defaultBorderWidthValues",[1374,11784,11785],{},"Border width values",[1353,11787,11788,11793],{},[1374,11789,11790],{},[697,11791,11792],{},"defaultBorderRadiusValues",[1374,11794,11795],{},"Border radius values",[1353,11797,11798,11803],{},[1374,11799,11800],{},[697,11801,11802],{},"defaultBorderStyleValues",[1374,11804,11805],{},"Border style values",[1353,11807,11808,11813],{},[1374,11809,11810],{},[697,11811,11812],{},"defaultBoxShadowValues",[1374,11814,11815],{},"Box shadow elevation values",[1353,11817,11818,11823],{},[1374,11819,11820],{},[697,11821,11822],{},"defaultColorValues",[1374,11824,11825],{},"Semantic color values",[1353,11827,11828,11833],{},[1374,11829,11830],{},[697,11831,11832],{},"colorLevelValues",[1374,11834,11835],{},"Level values",[1353,11837,11838,11843],{},[1374,11839,11840],{},[697,11841,11842],{},"defaultColorShadeValues",[1374,11844,11845],{},"Shade level values",[1353,11847,11848,11853],{},[1374,11849,11850],{},[697,11851,11852],{},"defaultColorTintValues",[1374,11854,11855],{},"Tint level values",[1353,11857,11858,11863],{},[1374,11859,11860],{},[697,11861,11862],{},"defaultFontFamilyValues",[1374,11864,11865],{},"Font family values",[1353,11867,11868,11873],{},[1374,11869,11870],{},[697,11871,11872],{},"defaultFontSizeValues",[1374,11874,11875],{},"Font size scale values",[1353,11877,11878,11883],{},[1374,11879,11880],{},[697,11881,11882],{},"defaultFontStyleValues",[1374,11884,11885],{},"Font style values",[1353,11887,11888,11893],{},[1374,11889,11890],{},[697,11891,11892],{},"defaultFontWeightValues",[1374,11894,11895],{},"Font weight values",[1353,11897,11898,11903],{},[1374,11899,11900],{},[697,11901,11902],{},"defaultLineHeightValues",[1374,11904,11905],{},"Line height values",[1353,11907,11908,11913],{},[1374,11909,11910],{},[697,11911,11912],{},"defaultLetterSpacingValues",[1374,11914,11915],{},"Letter spacing values",[1353,11917,11918,11923],{},[1374,11919,11920],{},[697,11921,11922],{},"defaultScaleValues",[1374,11924,11925],{},"Modular scale ratio values",[1353,11927,11928,11933],{},[1374,11929,11930],{},[697,11931,11932],{},"defaultScalePowerValues",[1374,11934,1753],{},[1353,11936,11937,11942],{},[1374,11938,11939],{},[697,11940,11941],{},"defaultBreakpointValues",[1374,11943,11944],{},"Responsive breakpoint values",[1353,11946,11947,11952],{},[1374,11948,11949],{},[697,11950,11951],{},"defaultEasingValues",[1374,11953,11954],{},"Animation easing function values",[1353,11956,11957,11962],{},[1374,11958,11959],{},[697,11960,11961],{},"defaultColorsMetaConfig",[1374,11963,11964],{},"Default color generation configuration",[689,11966,126],{"id":1910},[693,11968,695,11969,11971,11972,11975],{},[697,11970,1910],{}," option lets you define per-theme token overrides directly in the preset. Each theme generates a ",[697,11973,11974],{},"[data-theme=\"name\"]"," block that overrides the root-level tokens.",[1265,11977,11979],{"id":11978},"dark-mode","Dark Mode",[738,11981,11982,12201],{},[741,11983,11984],{"icon":743,"label":290},[745,11985,11987],{"className":747,"code":11986,"filename":749,"language":750,"meta":751,"style":751},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst preset = useDesignTokensPreset(s, {\n    colors: {\n        primary: '#007bff',\n        secondary: '#6c757d',\n    },\n    themes: {\n        dark: {\n            colors: {\n                primary: '#60a5fa',\n                secondary: '#cbd5e1',\n            },\n        },\n    },\n});\n\nexport default s;\n",[697,11988,11989,12009,12029,12033,12047,12051,12067,12075,12090,12104,12108,12117,12125,12134,12150,12166,12171,12175,12179,12187,12191],{"__ignoreMap":751},[755,11990,11991,11993,11995,11997,11999,12001,12003,12005,12007],{"class":757,"line":758},[755,11992,762],{"class":761},[755,11994,766],{"class":765},[755,11996,770],{"class":769},[755,11998,773],{"class":765},[755,12000,776],{"class":761},[755,12002,779],{"class":765},[755,12004,783],{"class":782},[755,12006,786],{"class":765},[755,12008,789],{"class":765},[755,12010,12011,12013,12015,12017,12019,12021,12023,12025,12027],{"class":757,"line":792},[755,12012,762],{"class":761},[755,12014,766],{"class":765},[755,12016,799],{"class":769},[755,12018,773],{"class":765},[755,12020,776],{"class":761},[755,12022,779],{"class":765},[755,12024,808],{"class":782},[755,12026,786],{"class":765},[755,12028,789],{"class":765},[755,12030,12031],{"class":757,"line":815},[755,12032,818],{"emptyLinePlaceholder":223},[755,12034,12035,12037,12039,12041,12043,12045],{"class":757,"line":821},[755,12036,825],{"class":824},[755,12038,828],{"class":769},[755,12040,831],{"class":765},[755,12042,770],{"class":834},[755,12044,837],{"class":769},[755,12046,789],{"class":765},[755,12048,12049],{"class":757,"line":842},[755,12050,818],{"emptyLinePlaceholder":223},[755,12052,12053,12055,12057,12059,12061,12063,12065],{"class":757,"line":847},[755,12054,825],{"class":824},[755,12056,859],{"class":769},[755,12058,831],{"class":765},[755,12060,799],{"class":834},[755,12062,8600],{"class":769},[755,12064,892],{"class":765},[755,12066,956],{"class":765},[755,12068,12069,12071,12073],{"class":757,"line":854},[755,12070,9126],{"class":8614},[755,12072,950],{"class":765},[755,12074,956],{"class":765},[755,12076,12077,12079,12081,12083,12086,12088],{"class":757,"line":871},[755,12078,9136],{"class":8614},[755,12080,950],{"class":765},[755,12082,779],{"class":765},[755,12084,12085],{"class":782},"#007bff",[755,12087,786],{"class":765},[755,12089,1298],{"class":765},[755,12091,12092,12094,12096,12098,12100,12102],{"class":757,"line":876},[755,12093,9153],{"class":8614},[755,12095,950],{"class":765},[755,12097,779],{"class":765},[755,12099,9160],{"class":782},[755,12101,786],{"class":765},[755,12103,1298],{"class":765},[755,12105,12106],{"class":757,"line":882},[755,12107,8713],{"class":765},[755,12109,12110,12113,12115],{"class":757,"line":919},[755,12111,12112],{"class":8614},"    themes",[755,12114,950],{"class":765},[755,12116,956],{"class":765},[755,12118,12119,12121,12123],{"class":757,"line":924},[755,12120,9255],{"class":8614},[755,12122,950],{"class":765},[755,12124,956],{"class":765},[755,12126,12127,12130,12132],{"class":757,"line":1076},[755,12128,12129],{"class":8614},"            colors",[755,12131,950],{"class":765},[755,12133,956],{"class":765},[755,12135,12136,12139,12141,12143,12146,12148],{"class":757,"line":1082},[755,12137,12138],{"class":8614},"                primary",[755,12140,950],{"class":765},[755,12142,779],{"class":765},[755,12144,12145],{"class":782},"#60a5fa",[755,12147,786],{"class":765},[755,12149,1298],{"class":765},[755,12151,12152,12155,12157,12159,12162,12164],{"class":757,"line":1108},[755,12153,12154],{"class":8614},"                secondary",[755,12156,950],{"class":765},[755,12158,779],{"class":765},[755,12160,12161],{"class":782},"#cbd5e1",[755,12163,786],{"class":765},[755,12165,1298],{"class":765},[755,12167,12168],{"class":757,"line":1142},[755,12169,12170],{"class":765},"            },\n",[755,12172,12173],{"class":757,"line":1171},[755,12174,9335],{"class":765},[755,12176,12177],{"class":757,"line":1177},[755,12178,8713],{"class":765},[755,12180,12181,12183,12185],{"class":757,"line":1182},[755,12182,908],{"class":765},[755,12184,1131],{"class":769},[755,12186,789],{"class":765},[755,12188,12189],{"class":757,"line":1188},[755,12190,818],{"emptyLinePlaceholder":223},[755,12192,12193,12195,12197,12199],{"class":757,"line":1211},[755,12194,927],{"class":761},[755,12196,930],{"class":761},[755,12198,933],{"class":769},[755,12200,789],{"class":765},[741,12202,12203],{"icon":154,"label":326},[745,12204,12206],{"className":940,"code":12205,"filename":942,"language":943,"meta":751,"style":751},":root {\n    --color--primary: #007bff;\n    --color--secondary: #6c757d;\n    \u002F* ... other tokens *\u002F\n}\n\n[data-theme=\"dark\"] {\n    --color--primary: #60a5fa;\n    --color--secondary: #cbd5e1;\n}\n",[697,12207,12208,12216,12230,12244,12249,12253,12257,12278,12291,12304],{"__ignoreMap":751},[755,12209,12210,12212,12214],{"class":757,"line":758},[755,12211,950],{"class":765},[755,12213,953],{"class":824},[755,12215,956],{"class":765},[755,12217,12218,12220,12222,12225,12228],{"class":757,"line":792},[755,12219,1085],{"class":769},[755,12221,950],{"class":765},[755,12223,12224],{"class":765}," #",[755,12226,12227],{"class":769},"007bff",[755,12229,789],{"class":765},[755,12231,12232,12235,12237,12239,12242],{"class":757,"line":815},[755,12233,12234],{"class":769},"    --color--secondary",[755,12236,950],{"class":765},[755,12238,12224],{"class":765},[755,12240,12241],{"class":769},"6c757d",[755,12243,789],{"class":765},[755,12245,12246],{"class":757,"line":821},[755,12247,12248],{"class":850},"    \u002F* ... other tokens *\u002F\n",[755,12250,12251],{"class":757,"line":842},[755,12252,1255],{"class":765},[755,12254,12255],{"class":757,"line":847},[755,12256,818],{"emptyLinePlaceholder":223},[755,12258,12259,12262,12265,12267,12270,12272,12274,12276],{"class":757,"line":854},[755,12260,12261],{"class":765},"[",[755,12263,12264],{"class":824},"data-theme",[755,12266,831],{"class":765},[755,12268,12269],{"class":765},"\"",[755,12271,4064],{"class":782},[755,12273,12269],{"class":765},[755,12275,10754],{"class":765},[755,12277,956],{"class":765},[755,12279,12280,12282,12284,12286,12289],{"class":757,"line":871},[755,12281,1085],{"class":769},[755,12283,950],{"class":765},[755,12285,12224],{"class":765},[755,12287,12288],{"class":769},"60a5fa",[755,12290,789],{"class":765},[755,12292,12293,12295,12297,12299,12302],{"class":757,"line":876},[755,12294,12234],{"class":769},[755,12296,950],{"class":765},[755,12298,12224],{"class":765},[755,12300,12301],{"class":769},"cbd5e1",[755,12303,789],{"class":765},[755,12305,12306],{"class":757,"line":882},[755,12307,1255],{"class":765},[1265,12309,12311],{"id":12310},"multiple-themes","Multiple Themes",[693,12313,12314],{},"You can define multiple themes at once. Each theme can override any domain (colors, spacing, typography, etc.):",[745,12316,12318],{"className":747,"code":12317,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s, {\n    colors: { primary: '#007bff' },\n    spacing: { default: '@spacing.md', sm: '0.5rem', md: '1rem', lg: '2rem' },\n    themes: {\n        dark: {\n            colors: { primary: '#60a5fa' },\n        },\n        compact: {\n            spacing: { default: '0.75rem', sm: '0.25rem', lg: '1.5rem' },\n        },\n        high_contrast: {\n            colors: { primary: '#0000ff' },\n        },\n    },\n});\n",[697,12319,12320,12336,12357,12414,12422,12430,12450,12454,12463,12508,12512,12521,12542,12546,12550],{"__ignoreMap":751},[755,12321,12322,12324,12326,12328,12330,12332,12334],{"class":757,"line":758},[755,12323,825],{"class":824},[755,12325,859],{"class":769},[755,12327,831],{"class":765},[755,12329,799],{"class":834},[755,12331,8600],{"class":769},[755,12333,892],{"class":765},[755,12335,956],{"class":765},[755,12337,12338,12340,12342,12344,12347,12349,12351,12353,12355],{"class":757,"line":792},[755,12339,9126],{"class":8614},[755,12341,950],{"class":765},[755,12343,766],{"class":765},[755,12345,12346],{"class":8614}," primary",[755,12348,950],{"class":765},[755,12350,779],{"class":765},[755,12352,12085],{"class":782},[755,12354,786],{"class":765},[755,12356,10659],{"class":765},[755,12358,12359,12361,12363,12365,12367,12369,12371,12373,12375,12377,12380,12382,12384,12386,12388,12390,12392,12394,12396,12398,12400,12402,12404,12406,12408,12410,12412],{"class":757,"line":815},[755,12360,8214],{"class":8614},[755,12362,950],{"class":765},[755,12364,766],{"class":765},[755,12366,930],{"class":8614},[755,12368,950],{"class":765},[755,12370,779],{"class":765},[755,12372,8336],{"class":782},[755,12374,786],{"class":765},[755,12376,892],{"class":765},[755,12378,12379],{"class":8614}," sm",[755,12381,950],{"class":765},[755,12383,779],{"class":765},[755,12385,2163],{"class":782},[755,12387,786],{"class":765},[755,12389,892],{"class":765},[755,12391,10739],{"class":8614},[755,12393,950],{"class":765},[755,12395,779],{"class":765},[755,12397,2207],{"class":782},[755,12399,786],{"class":765},[755,12401,892],{"class":765},[755,12403,10759],{"class":8614},[755,12405,950],{"class":765},[755,12407,779],{"class":765},[755,12409,8456],{"class":782},[755,12411,786],{"class":765},[755,12413,10659],{"class":765},[755,12415,12416,12418,12420],{"class":757,"line":821},[755,12417,12112],{"class":8614},[755,12419,950],{"class":765},[755,12421,956],{"class":765},[755,12423,12424,12426,12428],{"class":757,"line":842},[755,12425,9255],{"class":8614},[755,12427,950],{"class":765},[755,12429,956],{"class":765},[755,12431,12432,12434,12436,12438,12440,12442,12444,12446,12448],{"class":757,"line":847},[755,12433,12129],{"class":8614},[755,12435,950],{"class":765},[755,12437,766],{"class":765},[755,12439,12346],{"class":8614},[755,12441,950],{"class":765},[755,12443,779],{"class":765},[755,12445,12145],{"class":782},[755,12447,786],{"class":765},[755,12449,10659],{"class":765},[755,12451,12452],{"class":757,"line":854},[755,12453,9335],{"class":765},[755,12455,12456,12459,12461],{"class":757,"line":871},[755,12457,12458],{"class":8614},"        compact",[755,12460,950],{"class":765},[755,12462,956],{"class":765},[755,12464,12465,12468,12470,12472,12474,12476,12478,12480,12482,12484,12486,12488,12490,12492,12494,12496,12498,12500,12502,12504,12506],{"class":757,"line":876},[755,12466,12467],{"class":8614},"            spacing",[755,12469,950],{"class":765},[755,12471,766],{"class":765},[755,12473,930],{"class":8614},[755,12475,950],{"class":765},[755,12477,779],{"class":765},[755,12479,2185],{"class":782},[755,12481,786],{"class":765},[755,12483,892],{"class":765},[755,12485,12379],{"class":8614},[755,12487,950],{"class":765},[755,12489,779],{"class":765},[755,12491,2141],{"class":782},[755,12493,786],{"class":765},[755,12495,892],{"class":765},[755,12497,10759],{"class":8614},[755,12499,950],{"class":765},[755,12501,779],{"class":765},[755,12503,5706],{"class":782},[755,12505,786],{"class":765},[755,12507,10659],{"class":765},[755,12509,12510],{"class":757,"line":882},[755,12511,9335],{"class":765},[755,12513,12514,12517,12519],{"class":757,"line":919},[755,12515,12516],{"class":8614},"        high_contrast",[755,12518,950],{"class":765},[755,12520,956],{"class":765},[755,12522,12523,12525,12527,12529,12531,12533,12535,12538,12540],{"class":757,"line":924},[755,12524,12129],{"class":8614},[755,12526,950],{"class":765},[755,12528,766],{"class":765},[755,12530,12346],{"class":8614},[755,12532,950],{"class":765},[755,12534,779],{"class":765},[755,12536,12537],{"class":782},"#0000ff",[755,12539,786],{"class":765},[755,12541,10659],{"class":765},[755,12543,12544],{"class":757,"line":1076},[755,12545,9335],{"class":765},[755,12547,12548],{"class":757,"line":1082},[755,12549,8713],{"class":765},[755,12551,12552,12554,12556],{"class":757,"line":1108},[755,12553,908],{"class":765},[755,12555,1131],{"class":769},[755,12557,789],{"class":765},[1265,12559,12561],{"id":12560},"default-theme","Default Theme",[693,12563,12564,12565,12568,12569,12572,12573,12576],{},"The special ",[697,12566,12567],{},"themes.default"," key does ",[712,12570,12571],{},"not"," create a ",[697,12574,12575],{},"[data-theme=\"default\"]"," block. Instead, it provides fallback values for undefined root-level config:",[745,12578,12580],{"className":747,"code":12579,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s, {\n    \u002F\u002F No root-level colors or spacing defined\n    themes: {\n        default: {\n            colors: { primary: '#ff6600', secondary: '#333' },\n            spacing: { default: '0.5rem', sm: '0.25rem' },\n        },\n        dark: {\n            colors: { primary: '#60a5fa' },\n        },\n    },\n});\n\n\u002F\u002F Colors and spacing are created at :root from themes.default\n\u002F\u002F Only \"dark\" gets a [data-theme=\"dark\"] block\n",[697,12581,12582,12598,12603,12611,12619,12654,12686,12690,12698,12718,12722,12726,12734,12738,12743],{"__ignoreMap":751},[755,12583,12584,12586,12588,12590,12592,12594,12596],{"class":757,"line":758},[755,12585,825],{"class":824},[755,12587,859],{"class":769},[755,12589,831],{"class":765},[755,12591,799],{"class":834},[755,12593,8600],{"class":769},[755,12595,892],{"class":765},[755,12597,956],{"class":765},[755,12599,12600],{"class":757,"line":792},[755,12601,12602],{"class":850},"    \u002F\u002F No root-level colors or spacing defined\n",[755,12604,12605,12607,12609],{"class":757,"line":815},[755,12606,12112],{"class":8614},[755,12608,950],{"class":765},[755,12610,956],{"class":765},[755,12612,12613,12615,12617],{"class":757,"line":821},[755,12614,8623],{"class":8614},[755,12616,950],{"class":765},[755,12618,956],{"class":765},[755,12620,12621,12623,12625,12627,12629,12631,12633,12636,12638,12640,12643,12645,12647,12650,12652],{"class":757,"line":842},[755,12622,12129],{"class":8614},[755,12624,950],{"class":765},[755,12626,766],{"class":765},[755,12628,12346],{"class":8614},[755,12630,950],{"class":765},[755,12632,779],{"class":765},[755,12634,12635],{"class":782},"#ff6600",[755,12637,786],{"class":765},[755,12639,892],{"class":765},[755,12641,12642],{"class":8614}," secondary",[755,12644,950],{"class":765},[755,12646,779],{"class":765},[755,12648,12649],{"class":782},"#333",[755,12651,786],{"class":765},[755,12653,10659],{"class":765},[755,12655,12656,12658,12660,12662,12664,12666,12668,12670,12672,12674,12676,12678,12680,12682,12684],{"class":757,"line":847},[755,12657,12467],{"class":8614},[755,12659,950],{"class":765},[755,12661,766],{"class":765},[755,12663,930],{"class":8614},[755,12665,950],{"class":765},[755,12667,779],{"class":765},[755,12669,2163],{"class":782},[755,12671,786],{"class":765},[755,12673,892],{"class":765},[755,12675,12379],{"class":8614},[755,12677,950],{"class":765},[755,12679,779],{"class":765},[755,12681,2141],{"class":782},[755,12683,786],{"class":765},[755,12685,10659],{"class":765},[755,12687,12688],{"class":757,"line":854},[755,12689,9335],{"class":765},[755,12691,12692,12694,12696],{"class":757,"line":871},[755,12693,9255],{"class":8614},[755,12695,950],{"class":765},[755,12697,956],{"class":765},[755,12699,12700,12702,12704,12706,12708,12710,12712,12714,12716],{"class":757,"line":876},[755,12701,12129],{"class":8614},[755,12703,950],{"class":765},[755,12705,766],{"class":765},[755,12707,12346],{"class":8614},[755,12709,950],{"class":765},[755,12711,779],{"class":765},[755,12713,12145],{"class":782},[755,12715,786],{"class":765},[755,12717,10659],{"class":765},[755,12719,12720],{"class":757,"line":882},[755,12721,9335],{"class":765},[755,12723,12724],{"class":757,"line":919},[755,12725,8713],{"class":765},[755,12727,12728,12730,12732],{"class":757,"line":924},[755,12729,908],{"class":765},[755,12731,1131],{"class":769},[755,12733,789],{"class":765},[755,12735,12736],{"class":757,"line":1076},[755,12737,818],{"emptyLinePlaceholder":223},[755,12739,12740],{"class":757,"line":1082},[755,12741,12742],{"class":850},"\u002F\u002F Colors and spacing are created at :root from themes.default\n",[755,12744,12745],{"class":757,"line":1108},[755,12746,12747],{"class":850},"\u002F\u002F Only \"dark\" gets a [data-theme=\"dark\"] block\n",[693,12749,12750,12751,950],{},"Root-level config always takes precedence over ",[697,12752,12567],{},[745,12754,12756],{"className":747,"code":12755,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s, {\n    colors: { brand: '#ff0000' },  \u002F\u002F This wins\n    themes: {\n        default: {\n            colors: { primary: '#007bff' },  \u002F\u002F Ignored (root-level colors defined)\n        },\n    },\n});\n",[697,12757,12758,12774,12800,12808,12816,12839,12843,12847],{"__ignoreMap":751},[755,12759,12760,12762,12764,12766,12768,12770,12772],{"class":757,"line":758},[755,12761,825],{"class":824},[755,12763,859],{"class":769},[755,12765,831],{"class":765},[755,12767,799],{"class":834},[755,12769,8600],{"class":769},[755,12771,892],{"class":765},[755,12773,956],{"class":765},[755,12775,12776,12778,12780,12782,12785,12787,12789,12792,12794,12797],{"class":757,"line":792},[755,12777,9126],{"class":8614},[755,12779,950],{"class":765},[755,12781,766],{"class":765},[755,12783,12784],{"class":8614}," brand",[755,12786,950],{"class":765},[755,12788,779],{"class":765},[755,12790,12791],{"class":782},"#ff0000",[755,12793,786],{"class":765},[755,12795,12796],{"class":765}," },",[755,12798,12799],{"class":850},"  \u002F\u002F This wins\n",[755,12801,12802,12804,12806],{"class":757,"line":815},[755,12803,12112],{"class":8614},[755,12805,950],{"class":765},[755,12807,956],{"class":765},[755,12809,12810,12812,12814],{"class":757,"line":821},[755,12811,8623],{"class":8614},[755,12813,950],{"class":765},[755,12815,956],{"class":765},[755,12817,12818,12820,12822,12824,12826,12828,12830,12832,12834,12836],{"class":757,"line":842},[755,12819,12129],{"class":8614},[755,12821,950],{"class":765},[755,12823,766],{"class":765},[755,12825,12346],{"class":8614},[755,12827,950],{"class":765},[755,12829,779],{"class":765},[755,12831,12085],{"class":782},[755,12833,786],{"class":765},[755,12835,12796],{"class":765},[755,12837,12838],{"class":850},"  \u002F\u002F Ignored (root-level colors defined)\n",[755,12840,12841],{"class":757,"line":847},[755,12842,9335],{"class":765},[755,12844,12845],{"class":757,"line":854},[755,12846,8713],{"class":765},[755,12848,12849,12851,12853],{"class":757,"line":871},[755,12850,908],{"class":765},[755,12852,1131],{"class":769},[755,12854,789],{"class":765},[1265,12856,12858],{"id":12857},"theme-overrides-interface","Theme Overrides Interface",[693,12860,12861],{},"Each theme can override any of the following domains:",[1347,12863,12864,12873],{},[1350,12865,12866],{},[1353,12867,12868,12871],{},[1356,12869,12870],{},"Domain",[1356,12872,1364],{},[1369,12874,12875,12885,12895,12905,12915,12925,12936,12946,12956,12966,12976,12986,12996,13006,13017],{},[1353,12876,12877,12881],{},[1374,12878,12879],{},[697,12880,1381],{},[1374,12882,12883],{},[697,12884,1344],{},[1353,12886,12887,12891],{},[1374,12888,12889],{},[697,12890,1403],{},[1374,12892,12893],{},[697,12894,1344],{},[1353,12896,12897,12901],{},[1374,12898,12899],{},[697,12900,1424],{},[1374,12902,12903],{},[697,12904,1344],{},[1353,12906,12907,12911],{},[1374,12908,12909],{},[697,12910,1445],{},[1374,12912,12913],{},[697,12914,1344],{},[1353,12916,12917,12921],{},[1374,12918,12919],{},[697,12920,1487],{},[1374,12922,12923],{},[697,12924,1344],{},[1353,12926,12927,12931],{},[1374,12928,12929],{},[697,12930,1529],{},[1374,12932,12933],{},[697,12934,12935],{},"Record\u003Cstring, string>",[1353,12937,12938,12942],{},[1374,12939,12940],{},[697,12941,1569],{},[1374,12943,12944],{},[697,12945,1344],{},[1353,12947,12948,12952],{},[1374,12949,12950],{},[697,12951,1590],{},[1374,12953,12954],{},[697,12955,1344],{},[1353,12957,12958,12962],{},[1374,12959,12960],{},[697,12961,1628],{},[1374,12963,12964],{},[697,12965,1344],{},[1353,12967,12968,12972],{},[1374,12969,12970],{},[697,12971,1649],{},[1374,12973,12974],{},[697,12975,1344],{},[1353,12977,12978,12982],{},[1374,12979,12980],{},[697,12981,1670],{},[1374,12983,12984],{},[697,12985,1344],{},[1353,12987,12988,12992],{},[1374,12989,12990],{},[697,12991,1691],{},[1374,12993,12994],{},[697,12995,1344],{},[1353,12997,12998,13002],{},[1374,12999,13000],{},[697,13001,1712],{},[1374,13003,13004],{},[697,13005,1344],{},[1353,13007,13008,13012],{},[1374,13009,13010],{},[697,13011,1762],{},[1374,13013,13014],{},[697,13015,13016],{},"Record\u003Cstring, number>",[1353,13018,13019,13023],{},[1374,13020,13021],{},[697,13022,1784],{},[1374,13024,13025],{},[697,13026,1344],{},[693,13028,13029,13030,13032,13033,13036,13037,13039],{},"Theme overrides cannot disable domains (no ",[697,13031,1338],{}," values) and do not support ",[697,13034,13035],{},"meta"," or ",[697,13038,1740],{}," configuration.",[689,13041,13043],{"id":13042},"best-practices","Best Practices",[706,13045,13046,13052,13058,13068,13077],{},[709,13047,13048,13051],{},[712,13049,13050],{},"Start with defaults",": Use the preset as-is initially, then customize as needed",[709,13053,13054,13057],{},[712,13055,13056],{},"Override strategically",": Only customize the domains that need to differ from defaults",[709,13059,13060,13063,13064,13067],{},[712,13061,13062],{},"Use the return value",": Access the returned variables for use with ",[697,13065,13066],{},"ref()"," in your styles",[709,13069,13070,13073,13074,13076],{},[712,13071,13072],{},"Combine with themes",": Use the ",[697,13075,1910],{}," option to define dark mode, compact, or brand theme overrides directly in the preset",[709,13078,13079,13082,13083,13086],{},[712,13080,13081],{},"Replace defaults explicitly",": Partial overrides merge with defaults by default. Pass ",[697,13084,13085],{},"meta: { merge: false }"," to replace a domain's defaults entirely with your custom record",[689,13088,13090],{"id":13089},"faq","FAQ",[13092,13093,13094,13107,13187,13208,13298,13353],"accordion",{},[13095,13096,13099,13100,13036,13103,13106],"accordion-item",{"icon":13097,"label":13098},"i-lucide-circle-help","Can I use the preset alongside individual composables?","Yes! The preset is just a convenience wrapper. You can use it for most tokens and still use individual composables like ",[697,13101,13102],{},"useColorDesignTokens()",[697,13104,13105],{},"useSpacingDesignTokens()"," for additional custom tokens.",[13095,13108,13110,13113,13161],{"icon":13097,"label":13109},"How do I access a specific color variation?",[693,13111,13112],{},"Color variations follow a consistent naming pattern:",[745,13114,13116],{"className":747,"code":13115,"language":750,"meta":751,"style":751},"const {\n    colorPrimary,\n    colorPrimary500,\n    colorPrimaryShade100,\n    colorPrimaryTint100,\n} = preset;\n",[697,13117,13118,13124,13130,13137,13144,13151],{"__ignoreMap":751},[755,13119,13120,13122],{"class":757,"line":758},[755,13121,825],{"class":824},[755,13123,956],{"class":765},[755,13125,13126,13128],{"class":757,"line":792},[755,13127,3803],{"class":769},[755,13129,1298],{"class":765},[755,13131,13132,13135],{"class":757,"line":815},[755,13133,13134],{"class":769},"    colorPrimary500",[755,13136,1298],{"class":765},[755,13138,13139,13142],{"class":757,"line":821},[755,13140,13141],{"class":769},"    colorPrimaryShade100",[755,13143,1298],{"class":765},[755,13145,13146,13149],{"class":757,"line":842},[755,13147,13148],{"class":769},"    colorPrimaryTint100",[755,13150,1298],{"class":765},[755,13152,13153,13155,13157,13159],{"class":757,"line":847},[755,13154,908],{"class":765},[755,13156,911],{"class":765},[755,13158,914],{"class":769},[755,13160,789],{"class":765},[706,13162,13163,13168,13175,13181],{},[709,13164,13165,13166],{},"Base color: ",[697,13167,3921],{},[709,13169,13170,13171,13174],{},"Level: ",[697,13172,13173],{},"colorPrimary500"," (for 50% lightness)",[709,13176,13177,13178],{},"Shade: ",[697,13179,13180],{},"colorPrimaryShade100",[709,13182,13183,13184],{},"Tint: ",[697,13185,13186],{},"colorPrimaryTint100",[13095,13188,13190,13193],{"icon":13097,"label":13189},"Why use this instead of defining tokens manually?",[693,13191,13192],{},"The preset provides:",[13194,13195,13196,13199,13202,13205],"ol",{},[709,13197,13198],{},"Consistent, well-tested default values",[709,13200,13201],{},"Automatic color variation generation",[709,13203,13204],{},"Less boilerplate code",[709,13206,13207],{},"Easy customization through a single config object",[13095,13209,13211,13214],{"icon":13097,"label":13210},"Can I extend the preset with additional tokens?",[693,13212,13213],{},"Yes! After calling the preset, you can use any composable to add more tokens:",[745,13215,13217],{"className":747,"code":13216,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s);\nconst { colorPrimary } = preset;\n\n\u002F\u002F Add custom tokens\nconst { colorBrand } = useColorDesignTokens(s, { brand: '#ff00ff' });\n",[697,13218,13219,13233,13250,13254,13259],{"__ignoreMap":751},[755,13220,13221,13223,13225,13227,13229,13231],{"class":757,"line":758},[755,13222,825],{"class":824},[755,13224,859],{"class":769},[755,13226,831],{"class":765},[755,13228,799],{"class":834},[755,13230,866],{"class":769},[755,13232,789],{"class":765},[755,13234,13235,13237,13239,13242,13244,13246,13248],{"class":757,"line":792},[755,13236,825],{"class":824},[755,13238,766],{"class":765},[755,13240,13241],{"class":769}," colorPrimary ",[755,13243,908],{"class":765},[755,13245,911],{"class":765},[755,13247,914],{"class":769},[755,13249,789],{"class":765},[755,13251,13252],{"class":757,"line":815},[755,13253,818],{"emptyLinePlaceholder":223},[755,13255,13256],{"class":757,"line":821},[755,13257,13258],{"class":850},"\u002F\u002F Add custom tokens\n",[755,13260,13261,13263,13265,13268,13270,13272,13275,13277,13279,13281,13283,13285,13287,13290,13292,13294,13296],{"class":757,"line":842},[755,13262,825],{"class":824},[755,13264,766],{"class":765},[755,13266,13267],{"class":769}," colorBrand ",[755,13269,908],{"class":765},[755,13271,911],{"class":765},[755,13273,13274],{"class":834}," useColorDesignTokens",[755,13276,8600],{"class":769},[755,13278,892],{"class":765},[755,13280,766],{"class":765},[755,13282,12784],{"class":8614},[755,13284,950],{"class":765},[755,13286,779],{"class":765},[755,13288,13289],{"class":782},"#ff00ff",[755,13291,786],{"class":765},[755,13293,773],{"class":765},[755,13295,1131],{"class":769},[755,13297,789],{"class":765},[13095,13299,13301,13315,13324,13344],{"icon":13097,"label":13300},"When should I use fluid typography vs. static font sizes?",[693,13302,13303,13304,13307,13308,13314],{},"Use ",[712,13305,13306],{},"fluid"," (the default) when you want type to scale smoothly with the viewport so a single value reads well on both mobile and desktop without media queries. This is the ",[1377,13309,13313],{"href":13310,"rel":13311},"https:\u002F\u002Futopia.fyi\u002F",[13312],"nofollow","Utopia"," approach.",[693,13316,13303,13317,13320,13321,13323],{},[712,13318,13319],{},"static"," (",[697,13322,1618],{},") when you want font sizes to stay constant within a breakpoint and only change at media-query boundaries — predictable and easy to reason about.",[693,13325,13326,13327,13330,13331,13333,13334,13333,13337,13340,13341,6195],{},"Use the ",[712,13328,13329],{},"hybrid"," pattern (",[697,13332,1618],{}," + ",[697,13335,13336],{},"fluidViewport: true",[697,13338,13339],{},"useFluidClamp"," inline on specific keys) when only a few values — typically display headings — need to scale fluidly. See the ",[1377,13342,13343],{"href":6561},"Customizing Fluid Typography example",[693,13345,13346,13347,13349,13350,13352],{},"Don't try to enable both ",[697,13348,1590],{}," and the default fluid scale at once: they target the same ",[697,13351,5789],{}," namespace, so the preset silently ignores the static config when fluid is on.",[13095,13354,13356,13359,13469,13474],{"icon":13097,"label":13355},"How do I add values while keeping the defaults?",[693,13357,13358],{},"Just pass the custom values — they merge with defaults out of the box:",[745,13360,13362],{"className":747,"code":13361,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s, {\n    \u002F\u002F Custom values are added to defaults\n    spacing: { '4xl': '6rem', '5xl': '8rem' },\n    colors: { brand: '#ff6600' },\n});\n\n\u002F\u002F All default spacing values plus '4xl' and '5xl'\n\u002F\u002F All default colors plus 'brand'\n",[697,13363,13364,13380,13385,13427,13447,13455,13459,13464],{"__ignoreMap":751},[755,13365,13366,13368,13370,13372,13374,13376,13378],{"class":757,"line":758},[755,13367,825],{"class":824},[755,13369,859],{"class":769},[755,13371,831],{"class":765},[755,13373,799],{"class":834},[755,13375,8600],{"class":769},[755,13377,892],{"class":765},[755,13379,956],{"class":765},[755,13381,13382],{"class":757,"line":792},[755,13383,13384],{"class":850},"    \u002F\u002F Custom values are added to defaults\n",[755,13386,13387,13389,13391,13393,13395,13397,13399,13401,13403,13405,13407,13409,13411,13414,13416,13418,13420,13423,13425],{"class":757,"line":815},[755,13388,8214],{"class":8614},[755,13390,950],{"class":765},[755,13392,766],{"class":765},[755,13394,779],{"class":765},[755,13396,5745],{"class":8614},[755,13398,786],{"class":765},[755,13400,950],{"class":765},[755,13402,779],{"class":765},[755,13404,11715],{"class":782},[755,13406,786],{"class":765},[755,13408,892],{"class":765},[755,13410,779],{"class":765},[755,13412,13413],{"class":8614},"5xl",[755,13415,786],{"class":765},[755,13417,950],{"class":765},[755,13419,779],{"class":765},[755,13421,13422],{"class":782},"8rem",[755,13424,786],{"class":765},[755,13426,10659],{"class":765},[755,13428,13429,13431,13433,13435,13437,13439,13441,13443,13445],{"class":757,"line":821},[755,13430,9126],{"class":8614},[755,13432,950],{"class":765},[755,13434,766],{"class":765},[755,13436,12784],{"class":8614},[755,13438,950],{"class":765},[755,13440,779],{"class":765},[755,13442,12635],{"class":782},[755,13444,786],{"class":765},[755,13446,10659],{"class":765},[755,13448,13449,13451,13453],{"class":757,"line":842},[755,13450,908],{"class":765},[755,13452,1131],{"class":769},[755,13454,789],{"class":765},[755,13456,13457],{"class":757,"line":847},[755,13458,818],{"emptyLinePlaceholder":223},[755,13460,13461],{"class":757,"line":854},[755,13462,13463],{"class":850},"\u002F\u002F All default spacing values plus '4xl' and '5xl'\n",[755,13465,13466],{"class":757,"line":871},[755,13467,13468],{"class":850},"\u002F\u002F All default colors plus 'brand'\n",[693,13470,13471,13472,950],{},"If you instead want a domain's defaults to be replaced entirely by your custom record, opt out via ",[697,13473,13085],{},[745,13475,13477],{"className":747,"code":13476,"language":750,"meta":751,"style":751},"const preset = useDesignTokensPreset(s, {\n    meta: { merge: false },\n    \u002F\u002F Only the keys you list exist\n    spacing: { sm: '0.25rem', md: '0.5rem', lg: '1rem' },\n});\n",[697,13478,13479,13495,13512,13517,13561],{"__ignoreMap":751},[755,13480,13481,13483,13485,13487,13489,13491,13493],{"class":757,"line":758},[755,13482,825],{"class":824},[755,13484,859],{"class":769},[755,13486,831],{"class":765},[755,13488,799],{"class":834},[755,13490,8600],{"class":769},[755,13492,892],{"class":765},[755,13494,956],{"class":765},[755,13496,13497,13499,13501,13503,13506,13508,13510],{"class":757,"line":792},[755,13498,9277],{"class":8614},[755,13500,950],{"class":765},[755,13502,766],{"class":765},[755,13504,13505],{"class":8614}," merge",[755,13507,950],{"class":765},[755,13509,10281],{"class":9302},[755,13511,10659],{"class":765},[755,13513,13514],{"class":757,"line":815},[755,13515,13516],{"class":850},"    \u002F\u002F Only the keys you list exist\n",[755,13518,13519,13521,13523,13525,13527,13529,13531,13533,13535,13537,13539,13541,13543,13545,13547,13549,13551,13553,13555,13557,13559],{"class":757,"line":821},[755,13520,8214],{"class":8614},[755,13522,950],{"class":765},[755,13524,766],{"class":765},[755,13526,12379],{"class":8614},[755,13528,950],{"class":765},[755,13530,779],{"class":765},[755,13532,2141],{"class":782},[755,13534,786],{"class":765},[755,13536,892],{"class":765},[755,13538,10739],{"class":8614},[755,13540,950],{"class":765},[755,13542,779],{"class":765},[755,13544,2163],{"class":782},[755,13546,786],{"class":765},[755,13548,892],{"class":765},[755,13550,10759],{"class":8614},[755,13552,950],{"class":765},[755,13554,779],{"class":765},[755,13556,2207],{"class":782},[755,13558,786],{"class":765},[755,13560,10659],{"class":765},[755,13562,13563,13565,13567],{"class":757,"line":842},[755,13564,908],{"class":765},[755,13566,1131],{"class":769},[755,13568,789],{"class":765},[13570,13571,13572],"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 .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}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":751,"searchDepth":792,"depth":792,"links":13574},[13575,13576,13577,13578,13582,13602,13608,13611,13617,13618],{"id":691,"depth":792,"text":78},{"id":703,"depth":792,"text":704},{"id":736,"depth":792,"text":714},{"id":1258,"depth":792,"text":699,"children":13579},[13580,13581],{"id":1267,"depth":815,"text":1268},{"id":1320,"depth":815,"text":1321},{"id":1926,"depth":792,"text":1927,"children":13583},[13584,13585,13586,13587,13588,13589,13590,13591,13592,13593,13594,13595,13596,13597,13598,13599,13600,13601],{"id":1930,"depth":815,"text":1931},{"id":2242,"depth":815,"text":2243},{"id":2574,"depth":815,"text":2575},{"id":2782,"depth":815,"text":2783},{"id":3132,"depth":815,"text":239},{"id":1762,"depth":815,"text":3534},{"id":1529,"depth":815,"text":195},{"id":1784,"depth":815,"text":205},{"id":5256,"depth":815,"text":5257},{"id":5430,"depth":815,"text":5431},{"id":5763,"depth":815,"text":220},{"id":6566,"depth":815,"text":6567},{"id":6775,"depth":815,"text":6776},{"id":7167,"depth":815,"text":7168},{"id":7410,"depth":815,"text":7411},{"id":1712,"depth":815,"text":7653},{"id":7990,"depth":815,"text":7991},{"id":1381,"depth":815,"text":229},{"id":8511,"depth":792,"text":8512,"children":13603},[13604,13605,13606,13607],{"id":8515,"depth":815,"text":8516},{"id":10179,"depth":815,"text":10180},{"id":10393,"depth":815,"text":6562},{"id":11241,"depth":815,"text":11242},{"id":11567,"depth":792,"text":11568,"children":13609},[13610],{"id":11751,"depth":815,"text":11752},{"id":1910,"depth":792,"text":126,"children":13612},[13613,13614,13615,13616],{"id":11978,"depth":815,"text":11979},{"id":12310,"depth":815,"text":12311},{"id":12560,"depth":815,"text":12561},{"id":12857,"depth":815,"text":12858},{"id":13042,"depth":792,"text":13043},{"id":13089,"depth":792,"text":13090},"Quickly bootstrap a complete design token system with sensible defaults using the useDesignTokensPreset composable.",null,{},{"title":170,"icon":173},{"title":684,"description":13619},"5irZPrWz47-0U5Wv_OPaGfEhTS8GrVHILg6Bkp6bU0w",[13626,13628],{"title":78,"path":165,"stem":166,"description":13627,"icon":79,"children":-1},"Explore Styleframe's comprehensive design token system. Create consistent, scalable design systems with composable functions for colors, typography, spacing, and more.",{"title":175,"path":176,"stem":177,"description":13629,"icon":178,"children":-1},"Create and manage border radius design tokens with CSS variables for consistent rounded corners and curved edges across your application.",1781596321833]