[{"data":1,"prerenderedAt":11344},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-design-tokens-presets":407,"-docs-theme-design-tokens-presets-surround":11339},{"gettingStarted":4,"api":57,"theme":148},[5],{"title":6,"icon":7,"path":8,"stem":9,"children":10,"page":7},"Getting Started",false,"/docs/getting-started","docs/getting-started",[11,16,21,26,31,52],{"title":12,"path":13,"stem":14,"icon":15},"Introduction","/docs/getting-started/introduction","docs/getting-started/01.introduction","i-lucide-house",{"title":17,"path":18,"stem":19,"icon":20},"Installation","/docs/getting-started/installation","docs/getting-started/02.installation","i-lucide-download",{"title":22,"path":23,"stem":24,"icon":25},"Guides","/docs/getting-started/guides","docs/getting-started/03.guides","i-lucide-book-open",{"title":27,"path":28,"stem":29,"icon":30},"Comparisons","/docs/getting-started/comparisons","docs/getting-started/04.comparisons","i-lucide-file-diff",{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":7},"Tooling","i-lucide-hammer","/docs/getting-started/tooling","docs/getting-started/05.tooling",[37,42,47],{"title":38,"path":39,"stem":40,"icon":41},"CLI Reference","/docs/getting-started/tooling/cli","docs/getting-started/05.tooling/01.cli","i-lucide-square-terminal",{"title":43,"path":44,"stem":45,"icon":46},"Utility Scanner","/docs/getting-started/tooling/scanner","docs/getting-started/05.tooling/02.scanner","i-lucide-view",{"title":48,"path":49,"stem":50,"icon":51},"Figma Plugin","/docs/getting-started/tooling/figma-plugin","docs/getting-started/05.tooling/03.figma-plugin","i-simple-icons-figma",{"title":53,"path":54,"stem":55,"icon":56},"Licensing","/docs/getting-started/licensing","docs/getting-started/06.licensing","i-lucide-scale",[58],{"title":59,"path":60,"stem":61,"children":62,"icon":7},"API Reference","/docs/api","docs/api/00.index",[63,66,71,76,81,86,91,96,101,106,111,116,131,136,141,146],{"title":64,"path":60,"stem":61,"icon":65},"Overview","i-lucide-book-text",{"title":67,"path":68,"stem":69,"icon":70},"Instance","/docs/api/instance","docs/api/01.instance","i-lucide-cloud-lightning",{"title":72,"path":73,"stem":74,"icon":75},"Variables","/docs/api/variables","docs/api/02.variables","i-lucide-variable",{"title":77,"path":78,"stem":79,"icon":80},"Selectors","/docs/api/selectors","docs/api/03.selectors","i-lucide-scan-text",{"title":82,"path":83,"stem":84,"icon":85},"At-Rules","/docs/api/at-rules","docs/api/04.at-rules","i-lucide-at-sign",{"title":87,"path":88,"stem":89,"icon":90},"Media Queries","/docs/api/media-queries","docs/api/05.media-queries","i-lucide-image-upscale",{"title":92,"path":93,"stem":94,"icon":95},"Keyframes","/docs/api/keyframes","docs/api/06.keyframes","i-lucide-square-play",{"title":97,"path":98,"stem":99,"icon":100},"Interpolation","/docs/api/interpolation","docs/api/07.interpolation","i-lucide-wrap-text",{"title":102,"path":103,"stem":104,"icon":105},"Utilities","/docs/api/utilities","docs/api/08.utilities","i-lucide-sparkles",{"title":107,"path":108,"stem":109,"icon":110},"Utility Modifiers","/docs/api/utility-modifiers","docs/api/09.utility-modifiers","i-lucide-align-horizontal-justify-center",{"title":112,"path":113,"stem":114,"icon":115},"Themes","/docs/api/themes","docs/api/10.themes","i-lucide-paintbrush",{"title":117,"path":118,"stem":119,"children":120,"icon":130},"Recipes","/docs/api/recipes","docs/api/11.recipes/00.index",[121,122,126],{"title":64,"path":118,"stem":119},{"title":123,"path":124,"stem":125},"Runtime","/docs/api/recipes/runtime","docs/api/11.recipes/01.runtime",{"title":127,"path":128,"stem":129},"Output Format","/docs/api/recipes/output-format","docs/api/11.recipes/02.output-format","i-lucide-chef-hat",{"title":132,"path":133,"stem":134,"icon":135},"Composables","/docs/api/composables","docs/api/12.composables","i-lucide-component",{"title":137,"path":138,"stem":139,"icon":140},"Imports","/docs/api/imports","docs/api/13.imports","i-lucide-file-input",{"title":142,"path":143,"stem":144,"icon":145},"Merging","/docs/api/merging","docs/api/13.merging","i-lucide-squares-intersect",{"title":137,"path":138,"stem":147,"icon":140},"docs/api/14.imports",[149,223,289,362],{"title":150,"path":151,"stem":152,"children":153,"icon":7},"Design Tokens","/docs/theme/design-tokens","docs/theme/design-tokens/00.index",[154,155,160],{"title":64,"path":151,"stem":152,"icon":65},{"title":156,"path":157,"stem":158,"icon":159},"Presets","/docs/theme/design-tokens/presets","docs/theme/design-tokens/01.presets","i-lucide-package",{"title":132,"icon":135,"defaultOpen":7,"path":161,"stem":162,"children":163,"page":7},"/docs/theme/design-tokens/composables","docs/theme/design-tokens/02.composables",[164,168,172,176,180,184,188,192,207,211,215,219],{"title":165,"path":166,"stem":167,"icon":7},"Border Radiuses","/docs/theme/design-tokens/composables/border-radiuses","docs/theme/design-tokens/02.composables/00.border-radiuses",{"title":169,"path":170,"stem":171,"icon":7},"Borders","/docs/theme/design-tokens/composables/borders","docs/theme/design-tokens/02.composables/01.borders",{"title":173,"path":174,"stem":175,"icon":7},"Box Shadows","/docs/theme/design-tokens/composables/box-shadows","docs/theme/design-tokens/02.composables/02.box-shadows",{"title":177,"path":178,"stem":179,"icon":7},"Breakpoints","/docs/theme/design-tokens/composables/breakpoints","docs/theme/design-tokens/02.composables/03.breakpoints",{"title":181,"path":182,"stem":183,"icon":7},"Colors","/docs/theme/design-tokens/composables/colors","docs/theme/design-tokens/02.composables/04.colors",{"title":185,"path":186,"stem":187,"icon":7},"Duration","/docs/theme/design-tokens/composables/duration","docs/theme/design-tokens/02.composables/05.duration",{"title":189,"path":190,"stem":191,"icon":7},"Easing","/docs/theme/design-tokens/composables/easing","docs/theme/design-tokens/02.composables/06.easing",{"title":193,"path":194,"stem":195,"children":196,"icon":7,"pro":206,"defaultOpen":7},"Fluid Design","/docs/theme/design-tokens/composables/fluid-design","docs/theme/design-tokens/02.composables/07.fluid-design/01.index",[197,198,202],{"title":64,"path":194,"stem":195},{"title":199,"path":200,"stem":201},"Fluid Viewport","/docs/theme/design-tokens/composables/fluid-design/viewport","docs/theme/design-tokens/02.composables/07.fluid-design/02.viewport",{"title":203,"path":204,"stem":205},"Fluid Typography","/docs/theme/design-tokens/composables/fluid-design/typography","docs/theme/design-tokens/02.composables/07.fluid-design/03.typography",true,{"title":208,"path":209,"stem":210,"icon":7},"Scales","/docs/theme/design-tokens/composables/scales","docs/theme/design-tokens/02.composables/08.scales",{"title":212,"path":213,"stem":214,"icon":7},"Spacing","/docs/theme/design-tokens/composables/spacing","docs/theme/design-tokens/02.composables/09.spacing",{"title":216,"path":217,"stem":218,"icon":7},"Typography","/docs/theme/design-tokens/composables/typography","docs/theme/design-tokens/02.composables/10.typography",{"title":220,"path":221,"stem":222,"icon":7},"Z-Index","/docs/theme/design-tokens/composables/z-index","docs/theme/design-tokens/02.composables/11.z-index",{"title":224,"path":225,"stem":226,"children":227,"icon":7},"Components","/docs/theme/components","docs/theme/components/00.index",[228,229],{"title":64,"path":225,"stem":226,"icon":65},{"title":132,"icon":135,"defaultOpen":206,"path":230,"stem":231,"children":232,"page":7},"/docs/theme/components/composables","docs/theme/components/02.composables",[233,237,241,245,249,253,257,261,265,269,273,277,281,285],{"title":234,"path":235,"stem":236},"Badge","/docs/theme/components/composables/badge","docs/theme/components/02.composables/01.badge",{"title":238,"path":239,"stem":240},"Button","/docs/theme/components/composables/button","docs/theme/components/02.composables/02.button",{"title":242,"path":243,"stem":244},"Button Group","/docs/theme/components/composables/button-group","docs/theme/components/02.composables/03.button-group",{"title":246,"path":247,"stem":248},"Callout","/docs/theme/components/composables/callout","docs/theme/components/02.composables/04.callout",{"title":250,"path":251,"stem":252},"Card","/docs/theme/components/composables/card","docs/theme/components/02.composables/05.card",{"title":254,"path":255,"stem":256},"Nav","/docs/theme/components/composables/nav","docs/theme/components/02.composables/06.nav",{"title":258,"path":259,"stem":260},"Modal","/docs/theme/components/composables/modal","docs/theme/components/02.composables/07.modal",{"title":262,"path":263,"stem":264},"Skeleton","/docs/theme/components/composables/skeleton","docs/theme/components/02.composables/08.skeleton",{"title":266,"path":267,"stem":268},"Tooltip","/docs/theme/components/composables/tooltip","docs/theme/components/02.composables/08.tooltip",{"title":270,"path":271,"stem":272},"Placeholder","/docs/theme/components/composables/placeholder","docs/theme/components/02.composables/09.placeholder",{"title":274,"path":275,"stem":276},"Progress","/docs/theme/components/composables/progress","docs/theme/components/02.composables/10.progress",{"title":278,"path":279,"stem":280},"Popover","/docs/theme/components/composables/popover","docs/theme/components/02.composables/11.popover",{"title":282,"path":283,"stem":284},"Chip","/docs/theme/components/composables/chip","docs/theme/components/02.composables/12.chip",{"title":286,"path":287,"stem":288},"Spinner","/docs/theme/components/composables/spinner","docs/theme/components/02.composables/13.spinner",{"title":102,"path":290,"stem":291,"children":292,"icon":7},"/docs/theme/utilities","docs/theme/utilities/00.index",[293,294,297],{"title":64,"path":290,"stem":291,"icon":65},{"title":156,"path":295,"stem":296,"icon":159},"/docs/theme/utilities/presets","docs/theme/utilities/01.presets",{"title":132,"icon":135,"defaultOpen":7,"path":298,"stem":299,"children":300,"page":7},"/docs/theme/utilities/composables","docs/theme/utilities/02.composables",[301,305,309,313,316,320,324,328,332,336,340,343,347,351,355,359],{"title":302,"path":303,"stem":304,"icon":7},"Accessibility","/docs/theme/utilities/composables/accessibility","docs/theme/utilities/02.composables/00.accessibility",{"title":306,"path":307,"stem":308,"icon":7},"Animations","/docs/theme/utilities/composables/animations","docs/theme/utilities/02.composables/01.animations",{"title":310,"path":311,"stem":312,"icon":7},"Backgrounds","/docs/theme/utilities/composables/backgrounds","docs/theme/utilities/02.composables/02.backgrounds",{"title":169,"path":314,"stem":315,"icon":7},"/docs/theme/utilities/composables/borders","docs/theme/utilities/02.composables/03.borders",{"title":317,"path":318,"stem":319,"icon":7},"Effects","/docs/theme/utilities/composables/effects","docs/theme/utilities/02.composables/04.effects",{"title":321,"path":322,"stem":323,"icon":7},"Filters","/docs/theme/utilities/composables/filters","docs/theme/utilities/02.composables/05.filters",{"title":325,"path":326,"stem":327,"icon":7},"Flexbox & Grid","/docs/theme/utilities/composables/flexbox-grid","docs/theme/utilities/02.composables/06.flexbox-grid",{"title":329,"path":330,"stem":331,"icon":7},"Interactivity","/docs/theme/utilities/composables/interactivity","docs/theme/utilities/02.composables/07.interactivity",{"title":333,"path":334,"stem":335,"icon":7},"Layout","/docs/theme/utilities/composables/layout","docs/theme/utilities/02.composables/08.layout",{"title":337,"path":338,"stem":339,"icon":7},"Sizing","/docs/theme/utilities/composables/sizing","docs/theme/utilities/02.composables/09.sizing",{"title":212,"path":341,"stem":342,"icon":7},"/docs/theme/utilities/composables/spacing","docs/theme/utilities/02.composables/10.spacing",{"title":344,"path":345,"stem":346,"icon":7},"SVG","/docs/theme/utilities/composables/svg","docs/theme/utilities/02.composables/11.svg",{"title":348,"path":349,"stem":350,"icon":7},"Tables","/docs/theme/utilities/composables/tables","docs/theme/utilities/02.composables/12.tables",{"title":352,"path":353,"stem":354,"icon":7},"Transforms","/docs/theme/utilities/composables/transforms","docs/theme/utilities/02.composables/13.transforms",{"title":356,"path":357,"stem":358,"icon":7},"Transitions","/docs/theme/utilities/composables/transitions","docs/theme/utilities/02.composables/14.transitions",{"title":216,"path":360,"stem":361,"icon":7},"/docs/theme/utilities/composables/typography","docs/theme/utilities/02.composables/15.typography",{"title":363,"path":364,"stem":365,"children":366,"icon":7},"Modifiers","/docs/theme/modifiers","docs/theme/modifiers/00.index",[367,368,371],{"title":64,"path":364,"stem":365,"icon":65},{"title":156,"path":369,"stem":370,"icon":159},"/docs/theme/modifiers/presets","docs/theme/modifiers/01.presets",{"title":132,"icon":135,"defaultOpen":7,"path":372,"stem":373,"children":374,"page":7},"/docs/theme/modifiers/composables","docs/theme/modifiers/02.composables",[375,379,383,387,391,395,399,403],{"title":376,"path":377,"stem":378,"icon":7},"ARIA State","/docs/theme/modifiers/composables/aria-state","docs/theme/modifiers/02.composables/00.aria-state",{"title":380,"path":381,"stem":382,"icon":7},"Directional","/docs/theme/modifiers/composables/directional","docs/theme/modifiers/02.composables/01.directional",{"title":384,"path":385,"stem":386,"icon":7},"Form State","/docs/theme/modifiers/composables/form-state","docs/theme/modifiers/02.composables/02.form-state",{"title":388,"path":389,"stem":390,"icon":7},"Media & Preferences","/docs/theme/modifiers/composables/media-preferences","docs/theme/modifiers/02.composables/03.media-preferences",{"title":392,"path":393,"stem":394,"icon":7},"Other State","/docs/theme/modifiers/composables/other-state","docs/theme/modifiers/02.composables/04.other-state",{"title":396,"path":397,"stem":398,"icon":7},"Pseudo-Elements","/docs/theme/modifiers/composables/pseudo-elements","docs/theme/modifiers/02.composables/05.pseudo-elements",{"title":400,"path":401,"stem":402,"icon":7},"Pseudo-State","/docs/theme/modifiers/composables/pseudo-state","docs/theme/modifiers/02.composables/06.pseudo-state",{"title":404,"path":405,"stem":406,"icon":7},"Structural","/docs/theme/modifiers/composables/structural","docs/theme/modifiers/02.composables/07.structural",{"id":408,"title":409,"body":410,"description":11332,"extension":1591,"links":11333,"meta":11334,"navigation":11335,"path":157,"seo":11336,"sitemap":11337,"stem":158,"__hash__":11338},"docs_theme/docs/theme/design-tokens/01.presets.md","Design Tokens Presets",{"type":411,"value":412,"toc":11288},"minimark",[413,417,426,430,459,462,983,988,991,996,1045,1049,1052,1073,1379,1383,1387,1502,1695,1699,1824,2027,2031,2116,2235,2239,2374,2585,2588,2733,2987,2990,3085,3227,3229,3344,3535,3538,3558,3563,3568,3699,3701,3826,3831,3952,3957,4039,4044,4126,4131,4213,4218,4300,4305,4387,4392,4474,4479,4561,4566,4648,4653,4709,4713,4788,4883,4887,5012,5216,5220,5305,5425,5429,5574,5817,5821,5916,6060,6064,6159,6303,6306,6431,6641,6645,6648,6694,6842,6844,6969,7169,7173,7177,8837,8841,9051,9055,9377,9381,9384,9589,9593,9804,9806,9815,9819,10148,10152,10155,10400,10404,10419,10590,10595,10697,10701,10704,10869,10882,10886,10932,10936,11284],[414,415,64],"h2",{"id":416},"overview",[418,419,420,421,425],"p",{},"The ",[422,423,424],"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.",[414,427,429],{"id":428},"why-use-presets","Why use presets?",[431,432,433,441,447,453],"ul",{},[434,435,436,440],"li",{},[437,438,439],"strong",{},"Quick Start",": Get a complete design system up and running in seconds",[434,442,443,446],{},[437,444,445],{},"Sensible Defaults",": Carefully chosen values that work well together",[434,448,449,452],{},[437,450,451],{},"Fully Customizable",": Override any domain or individual value",[434,454,455,458],{},[437,456,457],{},"Comprehensive Coverage",": Includes spacing, colors, typography, borders, shadows, and more",[414,460,439],{"id":461},"quick-start",[463,464,465,662],"tabs",{},[466,467,470],"tabs-item",{"icon":468,"label":469},"i-lucide-code","Code",[471,472,478],"pre",{"className":473,"code":474,"filename":475,"language":476,"meta":477,"style":477},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\n// Create a complete design token system with all defaults\nconst preset = useDesignTokensPreset(s);\n\n// Destructure the variables you need directly\nconst { colorPrimary, colorSecondary, spacingMd, spacingLg } = preset;\n\nexport default s;\n","styleframe.config.ts","ts","",[422,479,480,516,539,545,566,571,578,595,600,606,643,648],{"__ignoreMap":477},[481,482,485,489,493,497,500,503,506,510,513],"span",{"class":483,"line":484},"line",1,[481,486,488],{"class":487},"s7zQu","import",[481,490,492],{"class":491},"sMK4o"," {",[481,494,496],{"class":495},"sTEyZ"," styleframe",[481,498,499],{"class":491}," }",[481,501,502],{"class":487}," from",[481,504,505],{"class":491}," '",[481,507,509],{"class":508},"sfazB","styleframe",[481,511,512],{"class":491},"'",[481,514,515],{"class":491},";\n",[481,517,519,521,523,526,528,530,532,535,537],{"class":483,"line":518},2,[481,520,488],{"class":487},[481,522,492],{"class":491},[481,524,525],{"class":495}," useDesignTokensPreset",[481,527,499],{"class":491},[481,529,502],{"class":487},[481,531,505],{"class":491},[481,533,534],{"class":508},"@styleframe/theme",[481,536,512],{"class":491},[481,538,515],{"class":491},[481,540,542],{"class":483,"line":541},3,[481,543,544],{"emptyLinePlaceholder":206},"\n",[481,546,548,552,555,558,561,564],{"class":483,"line":547},4,[481,549,551],{"class":550},"spNyl","const",[481,553,554],{"class":495}," s ",[481,556,557],{"class":491},"=",[481,559,496],{"class":560},"s2Zo4",[481,562,563],{"class":495},"()",[481,565,515],{"class":491},[481,567,569],{"class":483,"line":568},5,[481,570,544],{"emptyLinePlaceholder":206},[481,572,574],{"class":483,"line":573},6,[481,575,577],{"class":576},"sHwdD","// Create a complete design token system with all defaults\n",[481,579,581,583,586,588,590,593],{"class":483,"line":580},7,[481,582,551],{"class":550},[481,584,585],{"class":495}," preset ",[481,587,557],{"class":491},[481,589,525],{"class":560},[481,591,592],{"class":495},"(s)",[481,594,515],{"class":491},[481,596,598],{"class":483,"line":597},8,[481,599,544],{"emptyLinePlaceholder":206},[481,601,603],{"class":483,"line":602},9,[481,604,605],{"class":576},"// Destructure the variables you need directly\n",[481,607,609,611,613,616,619,622,624,627,629,632,635,638,641],{"class":483,"line":608},10,[481,610,551],{"class":550},[481,612,492],{"class":491},[481,614,615],{"class":495}," colorPrimary",[481,617,618],{"class":491},",",[481,620,621],{"class":495}," colorSecondary",[481,623,618],{"class":491},[481,625,626],{"class":495}," spacingMd",[481,628,618],{"class":491},[481,630,631],{"class":495}," spacingLg ",[481,633,634],{"class":491},"}",[481,636,637],{"class":491}," =",[481,639,640],{"class":495}," preset",[481,642,515],{"class":491},[481,644,646],{"class":483,"line":645},11,[481,647,544],{"emptyLinePlaceholder":206},[481,649,651,654,657,660],{"class":483,"line":650},12,[481,652,653],{"class":487},"export",[481,655,656],{"class":487}," default",[481,658,659],{"class":495}," s",[481,661,515],{"class":491},[466,663,665],{"icon":140,"label":664},"Output",[471,666,671],{"className":667,"code":668,"filename":669,"language":670,"meta":477,"style":477},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n    /* Spacing */\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    /* Colors (base + variations) */\n    --color--primary: oklch(0.62 0.21 255);\n    --color--primary-50: oklch(from var(--color--primary) 0.05 c h / a);\n    --color--primary-100: oklch(from var(--color--primary) 0.1 c h / a);\n    /* ... more color variations */\n\n    /* Typography */\n    --font-family--base: -apple-system, BlinkMacSystemFont, ...;\n    --font-size: 1rem;\n    --font-size--xs: 0.75rem;\n    /* ... more typography tokens */\n\n    /* And many more... */\n}\n","styleframe/index.css","css",[422,672,673,684,689,702,714,726,738,749,761,773,785,797,801,807,833,867,896,902,907,913,936,948,960,966,971,977],{"__ignoreMap":477},[481,674,675,678,681],{"class":483,"line":484},[481,676,677],{"class":491},":",[481,679,680],{"class":550},"root",[481,682,683],{"class":491}," {\n",[481,685,686],{"class":483,"line":518},[481,687,688],{"class":576},"    /* Spacing */\n",[481,690,691,694,696,700],{"class":483,"line":541},[481,692,693],{"class":495},"    --spacing",[481,695,677],{"class":491},[481,697,699],{"class":698},"sbssI"," 1rem",[481,701,515],{"class":491},[481,703,704,707,709,712],{"class":483,"line":547},[481,705,706],{"class":495},"    --spacing--2xs",[481,708,677],{"class":491},[481,710,711],{"class":698}," 0.25rem",[481,713,515],{"class":491},[481,715,716,719,721,724],{"class":483,"line":568},[481,717,718],{"class":495},"    --spacing--xs",[481,720,677],{"class":491},[481,722,723],{"class":698}," 0.5rem",[481,725,515],{"class":491},[481,727,728,731,733,736],{"class":483,"line":573},[481,729,730],{"class":495},"    --spacing--sm",[481,732,677],{"class":491},[481,734,735],{"class":698}," 0.75rem",[481,737,515],{"class":491},[481,739,740,743,745,747],{"class":483,"line":580},[481,741,742],{"class":495},"    --spacing--md",[481,744,677],{"class":491},[481,746,699],{"class":698},[481,748,515],{"class":491},[481,750,751,754,756,759],{"class":483,"line":597},[481,752,753],{"class":495},"    --spacing--lg",[481,755,677],{"class":491},[481,757,758],{"class":698}," 1.5rem",[481,760,515],{"class":491},[481,762,763,766,768,771],{"class":483,"line":602},[481,764,765],{"class":495},"    --spacing--xl",[481,767,677],{"class":491},[481,769,770],{"class":698}," 2rem",[481,772,515],{"class":491},[481,774,775,778,780,783],{"class":483,"line":608},[481,776,777],{"class":495},"    --spacing--2xl",[481,779,677],{"class":491},[481,781,782],{"class":698}," 3rem",[481,784,515],{"class":491},[481,786,787,790,792,795],{"class":483,"line":645},[481,788,789],{"class":495},"    --spacing--3xl",[481,791,677],{"class":491},[481,793,794],{"class":698}," 4rem",[481,796,515],{"class":491},[481,798,799],{"class":483,"line":650},[481,800,544],{"emptyLinePlaceholder":206},[481,802,804],{"class":483,"line":803},13,[481,805,806],{"class":576},"    /* Colors (base + variations) */\n",[481,808,810,813,815,818,821,824,827,830],{"class":483,"line":809},14,[481,811,812],{"class":495},"    --color--primary",[481,814,677],{"class":491},[481,816,817],{"class":560}," oklch",[481,819,820],{"class":491},"(",[481,822,823],{"class":698},"0.62",[481,825,826],{"class":698}," 0.21",[481,828,829],{"class":698}," 255",[481,831,832],{"class":491},");\n",[481,834,836,839,841,843,845,848,851,853,856,859,862,865],{"class":483,"line":835},15,[481,837,838],{"class":495},"    --color--primary-50",[481,840,677],{"class":491},[481,842,817],{"class":560},[481,844,820],{"class":491},[481,846,847],{"class":495},"from ",[481,849,850],{"class":560},"var",[481,852,820],{"class":491},[481,854,855],{"class":495},"--color--primary",[481,857,858],{"class":491},")",[481,860,861],{"class":698}," 0.05",[481,863,864],{"class":495}," c h / a",[481,866,832],{"class":491},[481,868,870,873,875,877,879,881,883,885,887,889,892,894],{"class":483,"line":869},16,[481,871,872],{"class":495},"    --color--primary-100",[481,874,677],{"class":491},[481,876,817],{"class":560},[481,878,820],{"class":491},[481,880,847],{"class":495},[481,882,850],{"class":560},[481,884,820],{"class":491},[481,886,855],{"class":495},[481,888,858],{"class":491},[481,890,891],{"class":698}," 0.1",[481,893,864],{"class":495},[481,895,832],{"class":491},[481,897,899],{"class":483,"line":898},17,[481,900,901],{"class":576},"    /* ... more color variations */\n",[481,903,905],{"class":483,"line":904},18,[481,906,544],{"emptyLinePlaceholder":206},[481,908,910],{"class":483,"line":909},19,[481,911,912],{"class":576},"    /* Typography */\n",[481,914,916,919,921,924,926,929,931,934],{"class":483,"line":915},20,[481,917,918],{"class":495},"    --font-family--base",[481,920,677],{"class":491},[481,922,923],{"class":495}," -apple-system",[481,925,618],{"class":491},[481,927,928],{"class":495}," BlinkMacSystemFont",[481,930,618],{"class":491},[481,932,933],{"class":495}," ...",[481,935,515],{"class":491},[481,937,939,942,944,946],{"class":483,"line":938},21,[481,940,941],{"class":495},"    --font-size",[481,943,677],{"class":491},[481,945,699],{"class":698},[481,947,515],{"class":491},[481,949,951,954,956,958],{"class":483,"line":950},22,[481,952,953],{"class":495},"    --font-size--xs",[481,955,677],{"class":491},[481,957,735],{"class":698},[481,959,515],{"class":491},[481,961,963],{"class":483,"line":962},23,[481,964,965],{"class":576},"    /* ... more typography tokens */\n",[481,967,969],{"class":483,"line":968},24,[481,970,544],{"emptyLinePlaceholder":206},[481,972,974],{"class":483,"line":973},25,[481,975,976],{"class":576},"    /* And many more... */\n",[481,978,980],{"class":483,"line":979},26,[481,981,982],{"class":491},"}\n",[414,984,986],{"id":985},"usedesigntokenspreset",[422,987,424],{},[418,989,990],{},"Creates a complete design token system with customizable defaults.",[992,993,995],"h3",{"id":994},"signature","Signature",[471,997,999],{"className":473,"code":998,"language":476,"meta":477,"style":477},"function useDesignTokensPreset(\n    s: Styleframe,\n    config?: DesignTokensPresetConfig\n): DesignTokensPresetResult\n",[422,1000,1001,1011,1026,1037],{"__ignoreMap":477},[481,1002,1003,1006,1008],{"class":483,"line":484},[481,1004,1005],{"class":550},"function",[481,1007,525],{"class":560},[481,1009,1010],{"class":491},"(\n",[481,1012,1013,1017,1019,1023],{"class":483,"line":518},[481,1014,1016],{"class":1015},"sHdIc","    s",[481,1018,677],{"class":491},[481,1020,1022],{"class":1021},"sBMFI"," Styleframe",[481,1024,1025],{"class":491},",\n",[481,1027,1028,1031,1034],{"class":483,"line":541},[481,1029,1030],{"class":1015},"    config",[481,1032,1033],{"class":491},"?:",[481,1035,1036],{"class":1021}," DesignTokensPresetConfig\n",[481,1038,1039,1042],{"class":483,"line":547},[481,1040,1041],{"class":491},"):",[481,1043,1044],{"class":1021}," DesignTokensPresetResult\n",[992,1046,1048],{"id":1047},"configuration-options","Configuration Options",[418,1050,1051],{},"Each domain can be configured as:",[431,1053,1054,1061,1067],{},[434,1055,1056,1057,1060],{},"Omitted/",[422,1058,1059],{},"undefined"," (default): Use the preset's default values",[434,1062,1063,1066],{},[422,1064,1065],{},"false",": Skip this domain entirely",[434,1068,1069,1072],{},[422,1070,1071],{},"Record\u003Cstring, TokenValue>",": Use custom values",[1074,1075,1076,1092],"table",{},[1077,1078,1079],"thead",{},[1080,1081,1082,1086,1089],"tr",{},[1083,1084,1085],"th",{},"Option",[1083,1087,1088],{},"Type",[1083,1090,1091],{},"Description",[1093,1094,1095,1111,1125,1139,1153,1167,1181,1196,1211,1225,1239,1253,1267,1281,1295,1316,1331,1346,1360],"tbody",{},[1080,1096,1097,1103,1108],{},[1098,1099,1100],"td",{},[422,1101,1102],{},"spacing",[1098,1104,1105],{},[422,1106,1107],{},"false | Record\u003Cstring, TokenValue>",[1098,1109,1110],{},"Spacing tokens (padding, margin, gap)",[1080,1112,1113,1118,1122],{},[1098,1114,1115],{},[422,1116,1117],{},"borderWidth",[1098,1119,1120],{},[422,1121,1107],{},[1098,1123,1124],{},"Border width tokens",[1080,1126,1127,1132,1136],{},[1098,1128,1129],{},[422,1130,1131],{},"borderRadius",[1098,1133,1134],{},[422,1135,1107],{},[1098,1137,1138],{},"Border radius tokens",[1080,1140,1141,1146,1150],{},[1098,1142,1143],{},[422,1144,1145],{},"borderStyle",[1098,1147,1148],{},[422,1149,1107],{},[1098,1151,1152],{},"Border style tokens",[1080,1154,1155,1160,1164],{},[1098,1156,1157],{},[422,1158,1159],{},"boxShadow",[1098,1161,1162],{},[422,1163,1107],{},[1098,1165,1166],{},"Box shadow elevation tokens",[1080,1168,1169,1174,1178],{},[1098,1170,1171],{},[422,1172,1173],{},"zIndex",[1098,1175,1176],{},[422,1177,1107],{},[1098,1179,1180],{},"Z-index stacking order tokens",[1080,1182,1183,1188,1193],{},[1098,1184,1185],{},[422,1186,1187],{},"colors",[1098,1189,1190],{},[422,1191,1192],{},"false | Record\u003Cstring, string>",[1098,1194,1195],{},"Semantic color tokens",[1080,1197,1198,1203,1208],{},[1098,1199,1200],{},[422,1201,1202],{},"meta.colors",[1098,1204,1205],{},[422,1206,1207],{},"ColorsMetaConfig",[1098,1209,1210],{},"Color generation options",[1080,1212,1213,1218,1222],{},[1098,1214,1215],{},[422,1216,1217],{},"fontFamily",[1098,1219,1220],{},[422,1221,1107],{},[1098,1223,1224],{},"Font family tokens",[1080,1226,1227,1232,1236],{},[1098,1228,1229],{},[422,1230,1231],{},"fontSize",[1098,1233,1234],{},[422,1235,1107],{},[1098,1237,1238],{},"Font size tokens",[1080,1240,1241,1246,1250],{},[1098,1242,1243],{},[422,1244,1245],{},"fontStyle",[1098,1247,1248],{},[422,1249,1107],{},[1098,1251,1252],{},"Font style tokens",[1080,1254,1255,1260,1264],{},[1098,1256,1257],{},[422,1258,1259],{},"fontWeight",[1098,1261,1262],{},[422,1263,1107],{},[1098,1265,1266],{},"Font weight tokens",[1080,1268,1269,1274,1278],{},[1098,1270,1271],{},[422,1272,1273],{},"lineHeight",[1098,1275,1276],{},[422,1277,1107],{},[1098,1279,1280],{},"Line height tokens",[1080,1282,1283,1288,1292],{},[1098,1284,1285],{},[422,1286,1287],{},"letterSpacing",[1098,1289,1290],{},[422,1291,1107],{},[1098,1293,1294],{},"Letter spacing tokens",[1080,1296,1297,1302,1306],{},[1098,1298,1299],{},[422,1300,1301],{},"scale",[1098,1303,1304],{},[422,1305,1107],{},[1098,1307,1308,1309,1312,1313,1315],{},"Modular scale ratios (must include ",[422,1310,1311],{},"default"," key referencing ",[422,1314,1301],{}," for scalePowers)",[1080,1317,1318,1323,1328],{},[1098,1319,1320],{},[422,1321,1322],{},"scalePowers",[1098,1324,1325],{},[422,1326,1327],{},"readonly number[]",[1098,1329,1330],{},"Scale power levels",[1080,1332,1333,1338,1343],{},[1098,1334,1335],{},[422,1336,1337],{},"breakpoint",[1098,1339,1340],{},[422,1341,1342],{},"false | Record\u003Cstring, number>",[1098,1344,1345],{},"Responsive breakpoints",[1080,1347,1348,1353,1357],{},[1098,1349,1350],{},[422,1351,1352],{},"easing",[1098,1354,1355],{},[422,1356,1107],{},[1098,1358,1359],{},"Animation easing functions",[1080,1361,1362,1367,1372],{},[1098,1363,1364],{},[422,1365,1366],{},"themes",[1098,1368,1369],{},[422,1370,1371],{},"Record\u003Cstring, ThemeTokenOverrides>",[1098,1373,1374,1375,858],{},"Per-theme token overrides (see ",[1376,1377,112],"a",{"href":1378},"#themes",[414,1380,1382],{"id":1381},"default-values","Default Values",[992,1384,1386],{"id":1385},"border-radius","Border Radius",[471,1388,1390],{"className":473,"code":1389,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    borderRadius,     // Variable\u003C'border-radius'>\n    borderRadiusNone, // Variable\u003C'border-radius.none'>\n    borderRadiusSm,   // Variable\u003C'border-radius.sm'>\n    borderRadiusMd,   // Variable\u003C'border-radius.md'>\n    borderRadiusLg,   // Variable\u003C'border-radius.lg'>\n    borderRadiusXl,   // Variable\u003C'border-radius.xl'>\n    borderRadius2xl,  // Variable\u003C'border-radius.2xl'>\n    borderRadiusFull, // Variable\u003C'border-radius.full'>\n} = preset;\n",[422,1391,1392,1406,1412,1422,1432,1442,1452,1462,1472,1482,1492],{"__ignoreMap":477},[481,1393,1394,1396,1398,1400,1402,1404],{"class":483,"line":484},[481,1395,551],{"class":550},[481,1397,585],{"class":495},[481,1399,557],{"class":491},[481,1401,525],{"class":560},[481,1403,592],{"class":495},[481,1405,515],{"class":491},[481,1407,1408,1410],{"class":483,"line":518},[481,1409,551],{"class":550},[481,1411,683],{"class":491},[481,1413,1414,1417,1419],{"class":483,"line":541},[481,1415,1416],{"class":495},"    borderRadius",[481,1418,618],{"class":491},[481,1420,1421],{"class":576},"     // Variable\u003C'border-radius'>\n",[481,1423,1424,1427,1429],{"class":483,"line":547},[481,1425,1426],{"class":495},"    borderRadiusNone",[481,1428,618],{"class":491},[481,1430,1431],{"class":576}," // Variable\u003C'border-radius.none'>\n",[481,1433,1434,1437,1439],{"class":483,"line":568},[481,1435,1436],{"class":495},"    borderRadiusSm",[481,1438,618],{"class":491},[481,1440,1441],{"class":576},"   // Variable\u003C'border-radius.sm'>\n",[481,1443,1444,1447,1449],{"class":483,"line":573},[481,1445,1446],{"class":495},"    borderRadiusMd",[481,1448,618],{"class":491},[481,1450,1451],{"class":576},"   // Variable\u003C'border-radius.md'>\n",[481,1453,1454,1457,1459],{"class":483,"line":580},[481,1455,1456],{"class":495},"    borderRadiusLg",[481,1458,618],{"class":491},[481,1460,1461],{"class":576},"   // Variable\u003C'border-radius.lg'>\n",[481,1463,1464,1467,1469],{"class":483,"line":597},[481,1465,1466],{"class":495},"    borderRadiusXl",[481,1468,618],{"class":491},[481,1470,1471],{"class":576},"   // Variable\u003C'border-radius.xl'>\n",[481,1473,1474,1477,1479],{"class":483,"line":602},[481,1475,1476],{"class":495},"    borderRadius2xl",[481,1478,618],{"class":491},[481,1480,1481],{"class":576},"  // Variable\u003C'border-radius.2xl'>\n",[481,1483,1484,1487,1489],{"class":483,"line":608},[481,1485,1486],{"class":495},"    borderRadiusFull",[481,1488,618],{"class":491},[481,1490,1491],{"class":576}," // Variable\u003C'border-radius.full'>\n",[481,1493,1494,1496,1498,1500],{"class":483,"line":645},[481,1495,634],{"class":491},[481,1497,637],{"class":491},[481,1499,640],{"class":495},[481,1501,515],{"class":491},[1074,1503,1504,1519],{},[1077,1505,1506],{},[1080,1507,1508,1511,1514,1517],{},[1083,1509,1510],{},"Key",[1083,1512,1513],{},"Value",[1083,1515,1516],{},"Variable",[1083,1518,664],{},[1093,1520,1521,1541,1563,1585,1607,1629,1651,1673],{},[1080,1522,1523,1527,1532,1536],{},[1098,1524,1525],{},[422,1526,1311],{},[1098,1528,1529],{},[422,1530,1531],{},"@border-radius.md",[1098,1533,1534],{},[422,1535,1131],{},[1098,1537,1538],{},[422,1539,1540],{},"--border-radius",[1080,1542,1543,1548,1553,1558],{},[1098,1544,1545],{},[422,1546,1547],{},"none",[1098,1549,1550],{},[422,1551,1552],{},"0",[1098,1554,1555],{},[422,1556,1557],{},"borderRadiusNone",[1098,1559,1560],{},[422,1561,1562],{},"--border-radius--none",[1080,1564,1565,1570,1575,1580],{},[1098,1566,1567],{},[422,1568,1569],{},"sm",[1098,1571,1572],{},[422,1573,1574],{},"0.125rem",[1098,1576,1577],{},[422,1578,1579],{},"borderRadiusSm",[1098,1581,1582],{},[422,1583,1584],{},"--border-radius--sm",[1080,1586,1587,1592,1597,1602],{},[1098,1588,1589],{},[422,1590,1591],{},"md",[1098,1593,1594],{},[422,1595,1596],{},"0.25rem",[1098,1598,1599],{},[422,1600,1601],{},"borderRadiusMd",[1098,1603,1604],{},[422,1605,1606],{},"--border-radius--md",[1080,1608,1609,1614,1619,1624],{},[1098,1610,1611],{},[422,1612,1613],{},"lg",[1098,1615,1616],{},[422,1617,1618],{},"0.5rem",[1098,1620,1621],{},[422,1622,1623],{},"borderRadiusLg",[1098,1625,1626],{},[422,1627,1628],{},"--border-radius--lg",[1080,1630,1631,1636,1641,1646],{},[1098,1632,1633],{},[422,1634,1635],{},"xl",[1098,1637,1638],{},[422,1639,1640],{},"0.75rem",[1098,1642,1643],{},[422,1644,1645],{},"borderRadiusXl",[1098,1647,1648],{},[422,1649,1650],{},"--border-radius--xl",[1080,1652,1653,1658,1663,1668],{},[1098,1654,1655],{},[422,1656,1657],{},"2xl",[1098,1659,1660],{},[422,1661,1662],{},"1rem",[1098,1664,1665],{},[422,1666,1667],{},"borderRadius2xl",[1098,1669,1670],{},[422,1671,1672],{},"--border-radius--2xl",[1080,1674,1675,1680,1685,1690],{},[1098,1676,1677],{},[422,1678,1679],{},"full",[1098,1681,1682],{},[422,1683,1684],{},"9999px",[1098,1686,1687],{},[422,1688,1689],{},"borderRadiusFull",[1098,1691,1692],{},[422,1693,1694],{},"--border-radius--full",[992,1696,1698],{"id":1697},"border-style","Border Style",[471,1700,1702],{"className":473,"code":1701,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    borderStyle,       // Variable\u003C'border-style'>\n    borderStyleNone,   // Variable\u003C'border-style.none'>\n    borderStyleSolid,  // Variable\u003C'border-style.solid'>\n    borderStyleDashed, // Variable\u003C'border-style.dashed'>\n    borderStyleDotted, // Variable\u003C'border-style.dotted'>\n    borderStyleDouble, // Variable\u003C'border-style.double'>\n    borderStyleGroove, // Variable\u003C'border-style.groove'>\n    borderStyleInset,  // Variable\u003C'border-style.inset'>\n    borderStyleOutset, // Variable\u003C'border-style.outset'>\n} = preset;\n",[422,1703,1704,1718,1724,1734,1744,1754,1764,1774,1784,1794,1804,1814],{"__ignoreMap":477},[481,1705,1706,1708,1710,1712,1714,1716],{"class":483,"line":484},[481,1707,551],{"class":550},[481,1709,585],{"class":495},[481,1711,557],{"class":491},[481,1713,525],{"class":560},[481,1715,592],{"class":495},[481,1717,515],{"class":491},[481,1719,1720,1722],{"class":483,"line":518},[481,1721,551],{"class":550},[481,1723,683],{"class":491},[481,1725,1726,1729,1731],{"class":483,"line":541},[481,1727,1728],{"class":495},"    borderStyle",[481,1730,618],{"class":491},[481,1732,1733],{"class":576},"       // Variable\u003C'border-style'>\n",[481,1735,1736,1739,1741],{"class":483,"line":547},[481,1737,1738],{"class":495},"    borderStyleNone",[481,1740,618],{"class":491},[481,1742,1743],{"class":576},"   // Variable\u003C'border-style.none'>\n",[481,1745,1746,1749,1751],{"class":483,"line":568},[481,1747,1748],{"class":495},"    borderStyleSolid",[481,1750,618],{"class":491},[481,1752,1753],{"class":576},"  // Variable\u003C'border-style.solid'>\n",[481,1755,1756,1759,1761],{"class":483,"line":573},[481,1757,1758],{"class":495},"    borderStyleDashed",[481,1760,618],{"class":491},[481,1762,1763],{"class":576}," // Variable\u003C'border-style.dashed'>\n",[481,1765,1766,1769,1771],{"class":483,"line":580},[481,1767,1768],{"class":495},"    borderStyleDotted",[481,1770,618],{"class":491},[481,1772,1773],{"class":576}," // Variable\u003C'border-style.dotted'>\n",[481,1775,1776,1779,1781],{"class":483,"line":597},[481,1777,1778],{"class":495},"    borderStyleDouble",[481,1780,618],{"class":491},[481,1782,1783],{"class":576}," // Variable\u003C'border-style.double'>\n",[481,1785,1786,1789,1791],{"class":483,"line":602},[481,1787,1788],{"class":495},"    borderStyleGroove",[481,1790,618],{"class":491},[481,1792,1793],{"class":576}," // Variable\u003C'border-style.groove'>\n",[481,1795,1796,1799,1801],{"class":483,"line":608},[481,1797,1798],{"class":495},"    borderStyleInset",[481,1800,618],{"class":491},[481,1802,1803],{"class":576},"  // Variable\u003C'border-style.inset'>\n",[481,1805,1806,1809,1811],{"class":483,"line":645},[481,1807,1808],{"class":495},"    borderStyleOutset",[481,1810,618],{"class":491},[481,1812,1813],{"class":576}," // Variable\u003C'border-style.outset'>\n",[481,1815,1816,1818,1820,1822],{"class":483,"line":650},[481,1817,634],{"class":491},[481,1819,637],{"class":491},[481,1821,640],{"class":495},[481,1823,515],{"class":491},[1074,1825,1826,1838],{},[1077,1827,1828],{},[1080,1829,1830,1832,1834,1836],{},[1083,1831,1510],{},[1083,1833,1513],{},[1083,1835,1516],{},[1083,1837,664],{},[1093,1839,1840,1860,1880,1901,1922,1943,1964,1985,2006],{},[1080,1841,1842,1846,1851,1855],{},[1098,1843,1844],{},[422,1845,1311],{},[1098,1847,1848],{},[422,1849,1850],{},"@border-style.solid",[1098,1852,1853],{},[422,1854,1145],{},[1098,1856,1857],{},[422,1858,1859],{},"--border-style",[1080,1861,1862,1866,1870,1875],{},[1098,1863,1864],{},[422,1865,1547],{},[1098,1867,1868],{},[422,1869,1547],{},[1098,1871,1872],{},[422,1873,1874],{},"borderStyleNone",[1098,1876,1877],{},[422,1878,1879],{},"--border-style--none",[1080,1881,1882,1887,1891,1896],{},[1098,1883,1884],{},[422,1885,1886],{},"solid",[1098,1888,1889],{},[422,1890,1886],{},[1098,1892,1893],{},[422,1894,1895],{},"borderStyleSolid",[1098,1897,1898],{},[422,1899,1900],{},"--border-style--solid",[1080,1902,1903,1908,1912,1917],{},[1098,1904,1905],{},[422,1906,1907],{},"dashed",[1098,1909,1910],{},[422,1911,1907],{},[1098,1913,1914],{},[422,1915,1916],{},"borderStyleDashed",[1098,1918,1919],{},[422,1920,1921],{},"--border-style--dashed",[1080,1923,1924,1929,1933,1938],{},[1098,1925,1926],{},[422,1927,1928],{},"dotted",[1098,1930,1931],{},[422,1932,1928],{},[1098,1934,1935],{},[422,1936,1937],{},"borderStyleDotted",[1098,1939,1940],{},[422,1941,1942],{},"--border-style--dotted",[1080,1944,1945,1950,1954,1959],{},[1098,1946,1947],{},[422,1948,1949],{},"double",[1098,1951,1952],{},[422,1953,1949],{},[1098,1955,1956],{},[422,1957,1958],{},"borderStyleDouble",[1098,1960,1961],{},[422,1962,1963],{},"--border-style--double",[1080,1965,1966,1971,1975,1980],{},[1098,1967,1968],{},[422,1969,1970],{},"groove",[1098,1972,1973],{},[422,1974,1970],{},[1098,1976,1977],{},[422,1978,1979],{},"borderStyleGroove",[1098,1981,1982],{},[422,1983,1984],{},"--border-style--groove",[1080,1986,1987,1992,1996,2001],{},[1098,1988,1989],{},[422,1990,1991],{},"inset",[1098,1993,1994],{},[422,1995,1991],{},[1098,1997,1998],{},[422,1999,2000],{},"borderStyleInset",[1098,2002,2003],{},[422,2004,2005],{},"--border-style--inset",[1080,2007,2008,2013,2017,2022],{},[1098,2009,2010],{},[422,2011,2012],{},"outset",[1098,2014,2015],{},[422,2016,2012],{},[1098,2018,2019],{},[422,2020,2021],{},"borderStyleOutset",[1098,2023,2024],{},[422,2025,2026],{},"--border-style--outset",[992,2028,2030],{"id":2029},"border-width","Border Width",[471,2032,2034],{"className":473,"code":2033,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    borderWidth,       // Variable\u003C'border-width'>\n    borderWidthNone,   // Variable\u003C'border-width.none'>\n    borderWidthThin,   // Variable\u003C'border-width.thin'>\n    borderWidthMedium, // Variable\u003C'border-width.medium'>\n    borderWidthThick,  // Variable\u003C'border-width.thick'>\n} = preset;\n",[422,2035,2036,2050,2056,2066,2076,2086,2096,2106],{"__ignoreMap":477},[481,2037,2038,2040,2042,2044,2046,2048],{"class":483,"line":484},[481,2039,551],{"class":550},[481,2041,585],{"class":495},[481,2043,557],{"class":491},[481,2045,525],{"class":560},[481,2047,592],{"class":495},[481,2049,515],{"class":491},[481,2051,2052,2054],{"class":483,"line":518},[481,2053,551],{"class":550},[481,2055,683],{"class":491},[481,2057,2058,2061,2063],{"class":483,"line":541},[481,2059,2060],{"class":495},"    borderWidth",[481,2062,618],{"class":491},[481,2064,2065],{"class":576},"       // Variable\u003C'border-width'>\n",[481,2067,2068,2071,2073],{"class":483,"line":547},[481,2069,2070],{"class":495},"    borderWidthNone",[481,2072,618],{"class":491},[481,2074,2075],{"class":576},"   // Variable\u003C'border-width.none'>\n",[481,2077,2078,2081,2083],{"class":483,"line":568},[481,2079,2080],{"class":495},"    borderWidthThin",[481,2082,618],{"class":491},[481,2084,2085],{"class":576},"   // Variable\u003C'border-width.thin'>\n",[481,2087,2088,2091,2093],{"class":483,"line":573},[481,2089,2090],{"class":495},"    borderWidthMedium",[481,2092,618],{"class":491},[481,2094,2095],{"class":576}," // Variable\u003C'border-width.medium'>\n",[481,2097,2098,2101,2103],{"class":483,"line":580},[481,2099,2100],{"class":495},"    borderWidthThick",[481,2102,618],{"class":491},[481,2104,2105],{"class":576},"  // Variable\u003C'border-width.thick'>\n",[481,2107,2108,2110,2112,2114],{"class":483,"line":597},[481,2109,634],{"class":491},[481,2111,637],{"class":491},[481,2113,640],{"class":495},[481,2115,515],{"class":491},[1074,2117,2118,2130],{},[1077,2119,2120],{},[1080,2121,2122,2124,2126,2128],{},[1083,2123,1510],{},[1083,2125,1513],{},[1083,2127,1516],{},[1083,2129,664],{},[1093,2131,2132,2152,2172,2193,2214],{},[1080,2133,2134,2138,2143,2147],{},[1098,2135,2136],{},[422,2137,1311],{},[1098,2139,2140],{},[422,2141,2142],{},"@border-width.thin",[1098,2144,2145],{},[422,2146,1117],{},[1098,2148,2149],{},[422,2150,2151],{},"--border-width",[1080,2153,2154,2158,2162,2167],{},[1098,2155,2156],{},[422,2157,1547],{},[1098,2159,2160],{},[422,2161,1552],{},[1098,2163,2164],{},[422,2165,2166],{},"borderWidthNone",[1098,2168,2169],{},[422,2170,2171],{},"--border-width--none",[1080,2173,2174,2179,2183,2188],{},[1098,2175,2176],{},[422,2177,2178],{},"thin",[1098,2180,2181],{},[422,2182,2178],{},[1098,2184,2185],{},[422,2186,2187],{},"borderWidthThin",[1098,2189,2190],{},[422,2191,2192],{},"--border-width--thin",[1080,2194,2195,2200,2204,2209],{},[1098,2196,2197],{},[422,2198,2199],{},"medium",[1098,2201,2202],{},[422,2203,2199],{},[1098,2205,2206],{},[422,2207,2208],{},"borderWidthMedium",[1098,2210,2211],{},[422,2212,2213],{},"--border-width--medium",[1080,2215,2216,2221,2225,2230],{},[1098,2217,2218],{},[422,2219,2220],{},"thick",[1098,2222,2223],{},[422,2224,2220],{},[1098,2226,2227],{},[422,2228,2229],{},"borderWidthThick",[1098,2231,2232],{},[422,2233,2234],{},"--border-width--thick",[992,2236,2238],{"id":2237},"box-shadow","Box Shadow",[471,2240,2242],{"className":473,"code":2241,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    boxShadow,      // Variable\u003C'box-shadow'>\n    boxShadowNone,  // Variable\u003C'box-shadow.none'>\n    boxShadowXs,    // Variable\u003C'box-shadow.xs'>\n    boxShadowSm,    // Variable\u003C'box-shadow.sm'>\n    boxShadowMd,    // Variable\u003C'box-shadow.md'>\n    boxShadowLg,    // Variable\u003C'box-shadow.lg'>\n    boxShadowXl,    // Variable\u003C'box-shadow.xl'>\n    boxShadow2xl,   // Variable\u003C'box-shadow.2xl'>\n    boxShadowInner, // Variable\u003C'box-shadow.inner'>\n    boxShadowRing,  // Variable\u003C'box-shadow.ring'>\n} = preset;\n",[422,2243,2244,2258,2264,2274,2284,2294,2304,2314,2324,2334,2344,2354,2364],{"__ignoreMap":477},[481,2245,2246,2248,2250,2252,2254,2256],{"class":483,"line":484},[481,2247,551],{"class":550},[481,2249,585],{"class":495},[481,2251,557],{"class":491},[481,2253,525],{"class":560},[481,2255,592],{"class":495},[481,2257,515],{"class":491},[481,2259,2260,2262],{"class":483,"line":518},[481,2261,551],{"class":550},[481,2263,683],{"class":491},[481,2265,2266,2269,2271],{"class":483,"line":541},[481,2267,2268],{"class":495},"    boxShadow",[481,2270,618],{"class":491},[481,2272,2273],{"class":576},"      // Variable\u003C'box-shadow'>\n",[481,2275,2276,2279,2281],{"class":483,"line":547},[481,2277,2278],{"class":495},"    boxShadowNone",[481,2280,618],{"class":491},[481,2282,2283],{"class":576},"  // Variable\u003C'box-shadow.none'>\n",[481,2285,2286,2289,2291],{"class":483,"line":568},[481,2287,2288],{"class":495},"    boxShadowXs",[481,2290,618],{"class":491},[481,2292,2293],{"class":576},"    // Variable\u003C'box-shadow.xs'>\n",[481,2295,2296,2299,2301],{"class":483,"line":573},[481,2297,2298],{"class":495},"    boxShadowSm",[481,2300,618],{"class":491},[481,2302,2303],{"class":576},"    // Variable\u003C'box-shadow.sm'>\n",[481,2305,2306,2309,2311],{"class":483,"line":580},[481,2307,2308],{"class":495},"    boxShadowMd",[481,2310,618],{"class":491},[481,2312,2313],{"class":576},"    // Variable\u003C'box-shadow.md'>\n",[481,2315,2316,2319,2321],{"class":483,"line":597},[481,2317,2318],{"class":495},"    boxShadowLg",[481,2320,618],{"class":491},[481,2322,2323],{"class":576},"    // Variable\u003C'box-shadow.lg'>\n",[481,2325,2326,2329,2331],{"class":483,"line":602},[481,2327,2328],{"class":495},"    boxShadowXl",[481,2330,618],{"class":491},[481,2332,2333],{"class":576},"    // Variable\u003C'box-shadow.xl'>\n",[481,2335,2336,2339,2341],{"class":483,"line":608},[481,2337,2338],{"class":495},"    boxShadow2xl",[481,2340,618],{"class":491},[481,2342,2343],{"class":576},"   // Variable\u003C'box-shadow.2xl'>\n",[481,2345,2346,2349,2351],{"class":483,"line":645},[481,2347,2348],{"class":495},"    boxShadowInner",[481,2350,618],{"class":491},[481,2352,2353],{"class":576}," // Variable\u003C'box-shadow.inner'>\n",[481,2355,2356,2359,2361],{"class":483,"line":650},[481,2357,2358],{"class":495},"    boxShadowRing",[481,2360,618],{"class":491},[481,2362,2363],{"class":576},"  // Variable\u003C'box-shadow.ring'>\n",[481,2365,2366,2368,2370,2372],{"class":483,"line":803},[481,2367,634],{"class":491},[481,2369,637],{"class":491},[481,2371,640],{"class":495},[481,2373,515],{"class":491},[1074,2375,2376,2388],{},[1077,2377,2378],{},[1080,2379,2380,2382,2384,2386],{},[1083,2381,1510],{},[1083,2383,1513],{},[1083,2385,1516],{},[1083,2387,664],{},[1093,2389,2390,2410,2430,2450,2469,2488,2507,2526,2545,2565],{},[1080,2391,2392,2396,2401,2405],{},[1098,2393,2394],{},[422,2395,1311],{},[1098,2397,2398],{},[422,2399,2400],{},"@box-shadow.md",[1098,2402,2403],{},[422,2404,1159],{},[1098,2406,2407],{},[422,2408,2409],{},"--box-shadow",[1080,2411,2412,2416,2420,2425],{},[1098,2413,2414],{},[422,2415,1547],{},[1098,2417,2418],{},[422,2419,1547],{},[1098,2421,2422],{},[422,2423,2424],{},"boxShadowNone",[1098,2426,2427],{},[422,2428,2429],{},"--box-shadow--none",[1080,2431,2432,2437,2440,2445],{},[1098,2433,2434],{},[422,2435,2436],{},"xs",[1098,2438,2439],{},"Subtle card/surfaces shadow",[1098,2441,2442],{},[422,2443,2444],{},"boxShadowXs",[1098,2446,2447],{},[422,2448,2449],{},"--box-shadow--xs",[1080,2451,2452,2456,2459,2464],{},[1098,2453,2454],{},[422,2455,1569],{},[1098,2457,2458],{},"Small elevation shadow",[1098,2460,2461],{},[422,2462,2463],{},"boxShadowSm",[1098,2465,2466],{},[422,2467,2468],{},"--box-shadow--sm",[1080,2470,2471,2475,2478,2483],{},[1098,2472,2473],{},[422,2474,1591],{},[1098,2476,2477],{},"Popover/raised button shadow",[1098,2479,2480],{},[422,2481,2482],{},"boxShadowMd",[1098,2484,2485],{},[422,2486,2487],{},"--box-shadow--md",[1080,2489,2490,2494,2497,2502],{},[1098,2491,2492],{},[422,2493,1613],{},[1098,2495,2496],{},"Modal/floating panel shadow",[1098,2498,2499],{},[422,2500,2501],{},"boxShadowLg",[1098,2503,2504],{},[422,2505,2506],{},"--box-shadow--lg",[1080,2508,2509,2513,2516,2521],{},[1098,2510,2511],{},[422,2512,1635],{},[1098,2514,2515],{},"Drawer/high elevation shadow",[1098,2517,2518],{},[422,2519,2520],{},"boxShadowXl",[1098,2522,2523],{},[422,2524,2525],{},"--box-shadow--xl",[1080,2527,2528,2532,2535,2540],{},[1098,2529,2530],{},[422,2531,1657],{},[1098,2533,2534],{},"Highest elevation/toast shadow",[1098,2536,2537],{},[422,2538,2539],{},"boxShadow2xl",[1098,2541,2542],{},[422,2543,2544],{},"--box-shadow--2xl",[1080,2546,2547,2552,2555,2560],{},[1098,2548,2549],{},[422,2550,2551],{},"inner",[1098,2553,2554],{},"Inset shadow for wells",[1098,2556,2557],{},[422,2558,2559],{},"boxShadowInner",[1098,2561,2562],{},[422,2563,2564],{},"--box-shadow--inner",[1080,2566,2567,2572,2575,2580],{},[1098,2568,2569],{},[422,2570,2571],{},"ring",[1098,2573,2574],{},"Focus ring shadow",[1098,2576,2577],{},[422,2578,2579],{},"boxShadowRing",[1098,2581,2582],{},[422,2583,2584],{},"--box-shadow--ring",[992,2586,220],{"id":2587},"z-index",[471,2589,2591],{"className":473,"code":2590,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    zIndex,         // Variable\u003C'z-index'>\n    zIndexHide,     // Variable\u003C'z-index.hide'>\n    zIndexBase,     // Variable\u003C'z-index.base'>\n    zIndexDropdown, // Variable\u003C'z-index.dropdown'>\n    zIndexSticky,   // Variable\u003C'z-index.sticky'>\n    zIndexOverlay,  // Variable\u003C'z-index.overlay'>\n    zIndexModal,    // Variable\u003C'z-index.modal'>\n    zIndexPopover,  // Variable\u003C'z-index.popover'>\n    zIndexToast,    // Variable\u003C'z-index.toast'>\n    zIndexMax,      // Variable\u003C'z-index.max'>\n    zIndexAuto,     // Variable\u003C'z-index.auto'>\n} = preset;\n",[422,2592,2593,2607,2613,2623,2633,2643,2653,2663,2673,2683,2693,2703,2713,2723],{"__ignoreMap":477},[481,2594,2595,2597,2599,2601,2603,2605],{"class":483,"line":484},[481,2596,551],{"class":550},[481,2598,585],{"class":495},[481,2600,557],{"class":491},[481,2602,525],{"class":560},[481,2604,592],{"class":495},[481,2606,515],{"class":491},[481,2608,2609,2611],{"class":483,"line":518},[481,2610,551],{"class":550},[481,2612,683],{"class":491},[481,2614,2615,2618,2620],{"class":483,"line":541},[481,2616,2617],{"class":495},"    zIndex",[481,2619,618],{"class":491},[481,2621,2622],{"class":576},"         // Variable\u003C'z-index'>\n",[481,2624,2625,2628,2630],{"class":483,"line":547},[481,2626,2627],{"class":495},"    zIndexHide",[481,2629,618],{"class":491},[481,2631,2632],{"class":576},"     // Variable\u003C'z-index.hide'>\n",[481,2634,2635,2638,2640],{"class":483,"line":568},[481,2636,2637],{"class":495},"    zIndexBase",[481,2639,618],{"class":491},[481,2641,2642],{"class":576},"     // Variable\u003C'z-index.base'>\n",[481,2644,2645,2648,2650],{"class":483,"line":573},[481,2646,2647],{"class":495},"    zIndexDropdown",[481,2649,618],{"class":491},[481,2651,2652],{"class":576}," // Variable\u003C'z-index.dropdown'>\n",[481,2654,2655,2658,2660],{"class":483,"line":580},[481,2656,2657],{"class":495},"    zIndexSticky",[481,2659,618],{"class":491},[481,2661,2662],{"class":576},"   // Variable\u003C'z-index.sticky'>\n",[481,2664,2665,2668,2670],{"class":483,"line":597},[481,2666,2667],{"class":495},"    zIndexOverlay",[481,2669,618],{"class":491},[481,2671,2672],{"class":576},"  // Variable\u003C'z-index.overlay'>\n",[481,2674,2675,2678,2680],{"class":483,"line":602},[481,2676,2677],{"class":495},"    zIndexModal",[481,2679,618],{"class":491},[481,2681,2682],{"class":576},"    // Variable\u003C'z-index.modal'>\n",[481,2684,2685,2688,2690],{"class":483,"line":608},[481,2686,2687],{"class":495},"    zIndexPopover",[481,2689,618],{"class":491},[481,2691,2692],{"class":576},"  // Variable\u003C'z-index.popover'>\n",[481,2694,2695,2698,2700],{"class":483,"line":645},[481,2696,2697],{"class":495},"    zIndexToast",[481,2699,618],{"class":491},[481,2701,2702],{"class":576},"    // Variable\u003C'z-index.toast'>\n",[481,2704,2705,2708,2710],{"class":483,"line":650},[481,2706,2707],{"class":495},"    zIndexMax",[481,2709,618],{"class":491},[481,2711,2712],{"class":576},"      // Variable\u003C'z-index.max'>\n",[481,2714,2715,2718,2720],{"class":483,"line":803},[481,2716,2717],{"class":495},"    zIndexAuto",[481,2719,618],{"class":491},[481,2721,2722],{"class":576},"     // Variable\u003C'z-index.auto'>\n",[481,2724,2725,2727,2729,2731],{"class":483,"line":809},[481,2726,634],{"class":491},[481,2728,637],{"class":491},[481,2730,640],{"class":495},[481,2732,515],{"class":491},[1074,2734,2735,2747],{},[1077,2736,2737],{},[1080,2738,2739,2741,2743,2745],{},[1083,2740,1510],{},[1083,2742,1513],{},[1083,2744,1516],{},[1083,2746,664],{},[1093,2748,2749,2769,2791,2812,2834,2856,2878,2900,2922,2944,2966],{},[1080,2750,2751,2755,2760,2764],{},[1098,2752,2753],{},[422,2754,1311],{},[1098,2756,2757],{},[422,2758,2759],{},"@z-index.base",[1098,2761,2762],{},[422,2763,1173],{},[1098,2765,2766],{},[422,2767,2768],{},"--z-index",[1080,2770,2771,2776,2781,2786],{},[1098,2772,2773],{},[422,2774,2775],{},"hide",[1098,2777,2778],{},[422,2779,2780],{},"-1",[1098,2782,2783],{},[422,2784,2785],{},"zIndexHide",[1098,2787,2788],{},[422,2789,2790],{},"--z-index--hide",[1080,2792,2793,2798,2802,2807],{},[1098,2794,2795],{},[422,2796,2797],{},"base",[1098,2799,2800],{},[422,2801,1552],{},[1098,2803,2804],{},[422,2805,2806],{},"zIndexBase",[1098,2808,2809],{},[422,2810,2811],{},"--z-index--base",[1080,2813,2814,2819,2824,2829],{},[1098,2815,2816],{},[422,2817,2818],{},"dropdown",[1098,2820,2821],{},[422,2822,2823],{},"100",[1098,2825,2826],{},[422,2827,2828],{},"zIndexDropdown",[1098,2830,2831],{},[422,2832,2833],{},"--z-index--dropdown",[1080,2835,2836,2841,2846,2851],{},[1098,2837,2838],{},[422,2839,2840],{},"sticky",[1098,2842,2843],{},[422,2844,2845],{},"200",[1098,2847,2848],{},[422,2849,2850],{},"zIndexSticky",[1098,2852,2853],{},[422,2854,2855],{},"--z-index--sticky",[1080,2857,2858,2863,2868,2873],{},[1098,2859,2860],{},[422,2861,2862],{},"overlay",[1098,2864,2865],{},[422,2866,2867],{},"300",[1098,2869,2870],{},[422,2871,2872],{},"zIndexOverlay",[1098,2874,2875],{},[422,2876,2877],{},"--z-index--overlay",[1080,2879,2880,2885,2890,2895],{},[1098,2881,2882],{},[422,2883,2884],{},"modal",[1098,2886,2887],{},[422,2888,2889],{},"400",[1098,2891,2892],{},[422,2893,2894],{},"zIndexModal",[1098,2896,2897],{},[422,2898,2899],{},"--z-index--modal",[1080,2901,2902,2907,2912,2917],{},[1098,2903,2904],{},[422,2905,2906],{},"popover",[1098,2908,2909],{},[422,2910,2911],{},"500",[1098,2913,2914],{},[422,2915,2916],{},"zIndexPopover",[1098,2918,2919],{},[422,2920,2921],{},"--z-index--popover",[1080,2923,2924,2929,2934,2939],{},[1098,2925,2926],{},[422,2927,2928],{},"toast",[1098,2930,2931],{},[422,2932,2933],{},"600",[1098,2935,2936],{},[422,2937,2938],{},"zIndexToast",[1098,2940,2941],{},[422,2942,2943],{},"--z-index--toast",[1080,2945,2946,2951,2956,2961],{},[1098,2947,2948],{},[422,2949,2950],{},"max",[1098,2952,2953],{},[422,2954,2955],{},"9999",[1098,2957,2958],{},[422,2959,2960],{},"zIndexMax",[1098,2962,2963],{},[422,2964,2965],{},"--z-index--max",[1080,2967,2968,2973,2977,2982],{},[1098,2969,2970],{},[422,2971,2972],{},"auto",[1098,2974,2975],{},[422,2976,2972],{},[1098,2978,2979],{},[422,2980,2981],{},"zIndexAuto",[1098,2983,2984],{},[422,2985,2986],{},"--z-index--auto",[992,2988,2989],{"id":1337},"Breakpoint",[471,2991,2993],{"className":473,"code":2992,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    breakpointXs,  // Variable\u003C'breakpoint.xs'>\n    breakpointSm,  // Variable\u003C'breakpoint.sm'>\n    breakpointMd,  // Variable\u003C'breakpoint.md'>\n    breakpointLg,  // Variable\u003C'breakpoint.lg'>\n    breakpointXl,  // Variable\u003C'breakpoint.xl'>\n    breakpoint2xl, // Variable\u003C'breakpoint.2xl'>\n} = preset;\n",[422,2994,2995,3009,3015,3025,3035,3045,3055,3065,3075],{"__ignoreMap":477},[481,2996,2997,2999,3001,3003,3005,3007],{"class":483,"line":484},[481,2998,551],{"class":550},[481,3000,585],{"class":495},[481,3002,557],{"class":491},[481,3004,525],{"class":560},[481,3006,592],{"class":495},[481,3008,515],{"class":491},[481,3010,3011,3013],{"class":483,"line":518},[481,3012,551],{"class":550},[481,3014,683],{"class":491},[481,3016,3017,3020,3022],{"class":483,"line":541},[481,3018,3019],{"class":495},"    breakpointXs",[481,3021,618],{"class":491},[481,3023,3024],{"class":576},"  // Variable\u003C'breakpoint.xs'>\n",[481,3026,3027,3030,3032],{"class":483,"line":547},[481,3028,3029],{"class":495},"    breakpointSm",[481,3031,618],{"class":491},[481,3033,3034],{"class":576},"  // Variable\u003C'breakpoint.sm'>\n",[481,3036,3037,3040,3042],{"class":483,"line":568},[481,3038,3039],{"class":495},"    breakpointMd",[481,3041,618],{"class":491},[481,3043,3044],{"class":576},"  // Variable\u003C'breakpoint.md'>\n",[481,3046,3047,3050,3052],{"class":483,"line":573},[481,3048,3049],{"class":495},"    breakpointLg",[481,3051,618],{"class":491},[481,3053,3054],{"class":576},"  // Variable\u003C'breakpoint.lg'>\n",[481,3056,3057,3060,3062],{"class":483,"line":580},[481,3058,3059],{"class":495},"    breakpointXl",[481,3061,618],{"class":491},[481,3063,3064],{"class":576},"  // Variable\u003C'breakpoint.xl'>\n",[481,3066,3067,3070,3072],{"class":483,"line":597},[481,3068,3069],{"class":495},"    breakpoint2xl",[481,3071,618],{"class":491},[481,3073,3074],{"class":576}," // Variable\u003C'breakpoint.2xl'>\n",[481,3076,3077,3079,3081,3083],{"class":483,"line":602},[481,3078,634],{"class":491},[481,3080,637],{"class":491},[481,3082,640],{"class":495},[481,3084,515],{"class":491},[1074,3086,3087,3100],{},[1077,3088,3089],{},[1080,3090,3091,3093,3096,3098],{},[1083,3092,1510],{},[1083,3094,3095],{},"Value (px)",[1083,3097,1516],{},[1083,3099,664],{},[1093,3101,3102,3122,3143,3164,3185,3206],{},[1080,3103,3104,3108,3112,3117],{},[1098,3105,3106],{},[422,3107,2436],{},[1098,3109,3110],{},[422,3111,1552],{},[1098,3113,3114],{},[422,3115,3116],{},"breakpointXs",[1098,3118,3119],{},[422,3120,3121],{},"--breakpoint--xs",[1080,3123,3124,3128,3133,3138],{},[1098,3125,3126],{},[422,3127,1569],{},[1098,3129,3130],{},[422,3131,3132],{},"576",[1098,3134,3135],{},[422,3136,3137],{},"breakpointSm",[1098,3139,3140],{},[422,3141,3142],{},"--breakpoint--sm",[1080,3144,3145,3149,3154,3159],{},[1098,3146,3147],{},[422,3148,1591],{},[1098,3150,3151],{},[422,3152,3153],{},"768",[1098,3155,3156],{},[422,3157,3158],{},"breakpointMd",[1098,3160,3161],{},[422,3162,3163],{},"--breakpoint--md",[1080,3165,3166,3170,3175,3180],{},[1098,3167,3168],{},[422,3169,1613],{},[1098,3171,3172],{},[422,3173,3174],{},"992",[1098,3176,3177],{},[422,3178,3179],{},"breakpointLg",[1098,3181,3182],{},[422,3183,3184],{},"--breakpoint--lg",[1080,3186,3187,3191,3196,3201],{},[1098,3188,3189],{},[422,3190,1635],{},[1098,3192,3193],{},[422,3194,3195],{},"1200",[1098,3197,3198],{},[422,3199,3200],{},"breakpointXl",[1098,3202,3203],{},[422,3204,3205],{},"--breakpoint--xl",[1080,3207,3208,3212,3217,3222],{},[1098,3209,3210],{},[422,3211,1657],{},[1098,3213,3214],{},[422,3215,3216],{},"1440",[1098,3218,3219],{},[422,3220,3221],{},"breakpoint2xl",[1098,3223,3224],{},[422,3225,3226],{},"--breakpoint--2xl",[992,3228,181],{"id":1187},[471,3230,3232],{"className":473,"code":3231,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    colorPrimary,   // Variable\u003C'color.primary'>\n    colorSecondary, // Variable\u003C'color.secondary'>\n    colorSuccess,   // Variable\u003C'color.success'>\n    colorWarning,   // Variable\u003C'color.warning'>\n    colorError,    // Variable\u003C'color.error'>\n    colorInfo,      // Variable\u003C'color.info'>\n    colorLight,     // Variable\u003C'color.light'>\n    colorDark,      // Variable\u003C'color.dark'>\n} = preset;\n",[422,3233,3234,3248,3254,3264,3274,3284,3294,3304,3314,3324,3334],{"__ignoreMap":477},[481,3235,3236,3238,3240,3242,3244,3246],{"class":483,"line":484},[481,3237,551],{"class":550},[481,3239,585],{"class":495},[481,3241,557],{"class":491},[481,3243,525],{"class":560},[481,3245,592],{"class":495},[481,3247,515],{"class":491},[481,3249,3250,3252],{"class":483,"line":518},[481,3251,551],{"class":550},[481,3253,683],{"class":491},[481,3255,3256,3259,3261],{"class":483,"line":541},[481,3257,3258],{"class":495},"    colorPrimary",[481,3260,618],{"class":491},[481,3262,3263],{"class":576},"   // Variable\u003C'color.primary'>\n",[481,3265,3266,3269,3271],{"class":483,"line":547},[481,3267,3268],{"class":495},"    colorSecondary",[481,3270,618],{"class":491},[481,3272,3273],{"class":576}," // Variable\u003C'color.secondary'>\n",[481,3275,3276,3279,3281],{"class":483,"line":568},[481,3277,3278],{"class":495},"    colorSuccess",[481,3280,618],{"class":491},[481,3282,3283],{"class":576},"   // Variable\u003C'color.success'>\n",[481,3285,3286,3289,3291],{"class":483,"line":573},[481,3287,3288],{"class":495},"    colorWarning",[481,3290,618],{"class":491},[481,3292,3293],{"class":576},"   // Variable\u003C'color.warning'>\n",[481,3295,3296,3299,3301],{"class":483,"line":580},[481,3297,3298],{"class":495},"    colorError",[481,3300,618],{"class":491},[481,3302,3303],{"class":576},"    // Variable\u003C'color.error'>\n",[481,3305,3306,3309,3311],{"class":483,"line":597},[481,3307,3308],{"class":495},"    colorInfo",[481,3310,618],{"class":491},[481,3312,3313],{"class":576},"      // Variable\u003C'color.info'>\n",[481,3315,3316,3319,3321],{"class":483,"line":602},[481,3317,3318],{"class":495},"    colorLight",[481,3320,618],{"class":491},[481,3322,3323],{"class":576},"     // Variable\u003C'color.light'>\n",[481,3325,3326,3329,3331],{"class":483,"line":608},[481,3327,3328],{"class":495},"    colorDark",[481,3330,618],{"class":491},[481,3332,3333],{"class":576},"      // Variable\u003C'color.dark'>\n",[481,3335,3336,3338,3340,3342],{"class":483,"line":645},[481,3337,634],{"class":491},[481,3339,637],{"class":491},[481,3341,640],{"class":495},[481,3343,515],{"class":491},[1074,3345,3346,3358],{},[1077,3347,3348],{},[1080,3349,3350,3352,3354,3356],{},[1083,3351,1510],{},[1083,3353,1513],{},[1083,3355,1516],{},[1083,3357,664],{},[1093,3359,3360,3381,3403,3425,3447,3469,3491,3513],{},[1080,3361,3362,3367,3372,3377],{},[1098,3363,3364],{},[422,3365,3366],{},"primary",[1098,3368,3369],{},[422,3370,3371],{},"#3b82f6",[1098,3373,3374],{},[422,3375,3376],{},"colorPrimary",[1098,3378,3379],{},[422,3380,855],{},[1080,3382,3383,3388,3393,3398],{},[1098,3384,3385],{},[422,3386,3387],{},"secondary",[1098,3389,3390],{},[422,3391,3392],{},"#6b7280",[1098,3394,3395],{},[422,3396,3397],{},"colorSecondary",[1098,3399,3400],{},[422,3401,3402],{},"--color--secondary",[1080,3404,3405,3410,3415,3420],{},[1098,3406,3407],{},[422,3408,3409],{},"success",[1098,3411,3412],{},[422,3413,3414],{},"#22c55e",[1098,3416,3417],{},[422,3418,3419],{},"colorSuccess",[1098,3421,3422],{},[422,3423,3424],{},"--color--success",[1080,3426,3427,3432,3437,3442],{},[1098,3428,3429],{},[422,3430,3431],{},"warning",[1098,3433,3434],{},[422,3435,3436],{},"#f59e0b",[1098,3438,3439],{},[422,3440,3441],{},"colorWarning",[1098,3443,3444],{},[422,3445,3446],{},"--color--warning",[1080,3448,3449,3454,3459,3464],{},[1098,3450,3451],{},[422,3452,3453],{},"error",[1098,3455,3456],{},[422,3457,3458],{},"#ef4444",[1098,3460,3461],{},[422,3462,3463],{},"colorError",[1098,3465,3466],{},[422,3467,3468],{},"--color--error",[1080,3470,3471,3476,3481,3486],{},[1098,3472,3473],{},[422,3474,3475],{},"info",[1098,3477,3478],{},[422,3479,3480],{},"#06b6d4",[1098,3482,3483],{},[422,3484,3485],{},"colorInfo",[1098,3487,3488],{},[422,3489,3490],{},"--color--info",[1080,3492,3493,3498,3503,3508],{},[1098,3494,3495],{},[422,3496,3497],{},"light",[1098,3499,3500],{},[422,3501,3502],{},"#f8fafc",[1098,3504,3505],{},[422,3506,3507],{},"colorLight",[1098,3509,3510],{},[422,3511,3512],{},"--color--light",[1080,3514,3515,3520,3525,3530],{},[1098,3516,3517],{},[422,3518,3519],{},"dark",[1098,3521,3522],{},[422,3523,3524],{},"#1e293b",[1098,3526,3527],{},[422,3528,3529],{},"colorDark",[1098,3531,3532],{},[422,3533,3534],{},"--color--dark",[418,3536,3537],{},"By default, each color also generates:",[431,3539,3540,3546,3552],{},[434,3541,3542,3545],{},[437,3543,3544],{},"Levels",": 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950",[434,3547,3548,3551],{},[437,3549,3550],{},"Shades"," (darker): shade-50, shade-100, shade-150, shade-200",[434,3553,3554,3557],{},[437,3555,3556],{},"Tints"," (lighter): tint-50, tint-100, tint-150, tint-200",[3559,3560,3562],"h4",{"id":3561},"color-generation-options","Color Generation Options",[418,3564,420,3565,3567],{},[422,3566,1202],{}," option controls how color variations are generated:",[1074,3569,3570,3583],{},[1077,3571,3572],{},[1080,3573,3574,3576,3578,3581],{},[1083,3575,1085],{},[1083,3577,1088],{},[1083,3579,3580],{},"Default",[1083,3582,1091],{},[1093,3584,3585,3605,3623,3641,3661,3680],{},[1080,3586,3587,3592,3597,3602],{},[1098,3588,3589],{},[422,3590,3591],{},"generateLevels",[1098,3593,3594],{},[422,3595,3596],{},"boolean",[1098,3598,3599],{},[422,3600,3601],{},"true",[1098,3603,3604],{},"Generate levels (50-950)",[1080,3606,3607,3612,3616,3620],{},[1098,3608,3609],{},[422,3610,3611],{},"generateShades",[1098,3613,3614],{},[422,3615,3596],{},[1098,3617,3618],{},[422,3619,3601],{},[1098,3621,3622],{},"Generate darker shades",[1080,3624,3625,3630,3634,3638],{},[1098,3626,3627],{},[422,3628,3629],{},"generateTints",[1098,3631,3632],{},[422,3633,3596],{},[1098,3635,3636],{},[422,3637,3601],{},[1098,3639,3640],{},"Generate lighter tints",[1080,3642,3643,3648,3653,3658],{},[1098,3644,3645],{},[422,3646,3647],{},"levels",[1098,3649,3650],{},[422,3651,3652],{},"Record\u003Cstring | number, number>",[1098,3654,3655],{},[422,3656,3657],{},"{ 50: 5, 100: 10, ... }",[1098,3659,3660],{},"Custom levels",[1080,3662,3663,3668,3672,3677],{},[1098,3664,3665],{},[422,3666,3667],{},"shadeLevels",[1098,3669,3670],{},[422,3671,3652],{},[1098,3673,3674],{},[422,3675,3676],{},"{ \"shade-50\": 5, \"shade-100\": 10, ... }",[1098,3678,3679],{},"Custom shade levels",[1080,3681,3682,3687,3691,3696],{},[1098,3683,3684],{},[422,3685,3686],{},"tintLevels",[1098,3688,3689],{},[422,3690,3652],{},[1098,3692,3693],{},[422,3694,3695],{},"{ \"tint-50\": 5, \"tint-100\": 10, ... }",[1098,3697,3698],{},"Custom tint levels",[992,3700,189],{"id":1352},[471,3702,3704],{"className":473,"code":3703,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    easingLinear,       // Variable\u003C'easing.linear'>\n    easingEase,         // Variable\u003C'easing.ease'>\n    easingEaseIn,       // Variable\u003C'easing.ease-in'>\n    easingEaseOut,      // Variable\u003C'easing.ease-out'>\n    easingEaseInOut,    // Variable\u003C'easing.ease-in-out'>\n    easingEaseInSine,   // Variable\u003C'easing.ease-in-sine'>\n    easingEaseOutCubic, // Variable\u003C'easing.ease-out-cubic'>\n    easingSpring,       // Variable\u003C'easing.spring'>\n    easingBounce,       // Variable\u003C'easing.bounce'>\n} = preset;\n",[422,3705,3706,3720,3726,3736,3746,3756,3766,3776,3786,3796,3806,3816],{"__ignoreMap":477},[481,3707,3708,3710,3712,3714,3716,3718],{"class":483,"line":484},[481,3709,551],{"class":550},[481,3711,585],{"class":495},[481,3713,557],{"class":491},[481,3715,525],{"class":560},[481,3717,592],{"class":495},[481,3719,515],{"class":491},[481,3721,3722,3724],{"class":483,"line":518},[481,3723,551],{"class":550},[481,3725,683],{"class":491},[481,3727,3728,3731,3733],{"class":483,"line":541},[481,3729,3730],{"class":495},"    easingLinear",[481,3732,618],{"class":491},[481,3734,3735],{"class":576},"       // Variable\u003C'easing.linear'>\n",[481,3737,3738,3741,3743],{"class":483,"line":547},[481,3739,3740],{"class":495},"    easingEase",[481,3742,618],{"class":491},[481,3744,3745],{"class":576},"         // Variable\u003C'easing.ease'>\n",[481,3747,3748,3751,3753],{"class":483,"line":568},[481,3749,3750],{"class":495},"    easingEaseIn",[481,3752,618],{"class":491},[481,3754,3755],{"class":576},"       // Variable\u003C'easing.ease-in'>\n",[481,3757,3758,3761,3763],{"class":483,"line":573},[481,3759,3760],{"class":495},"    easingEaseOut",[481,3762,618],{"class":491},[481,3764,3765],{"class":576},"      // Variable\u003C'easing.ease-out'>\n",[481,3767,3768,3771,3773],{"class":483,"line":580},[481,3769,3770],{"class":495},"    easingEaseInOut",[481,3772,618],{"class":491},[481,3774,3775],{"class":576},"    // Variable\u003C'easing.ease-in-out'>\n",[481,3777,3778,3781,3783],{"class":483,"line":597},[481,3779,3780],{"class":495},"    easingEaseInSine",[481,3782,618],{"class":491},[481,3784,3785],{"class":576},"   // Variable\u003C'easing.ease-in-sine'>\n",[481,3787,3788,3791,3793],{"class":483,"line":602},[481,3789,3790],{"class":495},"    easingEaseOutCubic",[481,3792,618],{"class":491},[481,3794,3795],{"class":576}," // Variable\u003C'easing.ease-out-cubic'>\n",[481,3797,3798,3801,3803],{"class":483,"line":608},[481,3799,3800],{"class":495},"    easingSpring",[481,3802,618],{"class":491},[481,3804,3805],{"class":576},"       // Variable\u003C'easing.spring'>\n",[481,3807,3808,3811,3813],{"class":483,"line":645},[481,3809,3810],{"class":495},"    easingBounce",[481,3812,618],{"class":491},[481,3814,3815],{"class":576},"       // Variable\u003C'easing.bounce'>\n",[481,3817,3818,3820,3822,3824],{"class":483,"line":650},[481,3819,634],{"class":491},[481,3821,637],{"class":491},[481,3823,640],{"class":495},[481,3825,515],{"class":491},[418,3827,3828],{},[437,3829,3830],{},"Basic CSS Keywords:",[1074,3832,3833,3845],{},[1077,3834,3835],{},[1080,3836,3837,3839,3841,3843],{},[1083,3838,1510],{},[1083,3840,1513],{},[1083,3842,1516],{},[1083,3844,664],{},[1093,3846,3847,3868,3889,3910,3931],{},[1080,3848,3849,3854,3858,3863],{},[1098,3850,3851],{},[422,3852,3853],{},"linear",[1098,3855,3856],{},[422,3857,3853],{},[1098,3859,3860],{},[422,3861,3862],{},"easingLinear",[1098,3864,3865],{},[422,3866,3867],{},"--easing--linear",[1080,3869,3870,3875,3879,3884],{},[1098,3871,3872],{},[422,3873,3874],{},"ease",[1098,3876,3877],{},[422,3878,3874],{},[1098,3880,3881],{},[422,3882,3883],{},"easingEase",[1098,3885,3886],{},[422,3887,3888],{},"--easing--ease",[1080,3890,3891,3896,3900,3905],{},[1098,3892,3893],{},[422,3894,3895],{},"ease-in",[1098,3897,3898],{},[422,3899,3895],{},[1098,3901,3902],{},[422,3903,3904],{},"easingEaseIn",[1098,3906,3907],{},[422,3908,3909],{},"--easing--ease-in",[1080,3911,3912,3917,3921,3926],{},[1098,3913,3914],{},[422,3915,3916],{},"ease-out",[1098,3918,3919],{},[422,3920,3916],{},[1098,3922,3923],{},[422,3924,3925],{},"easingEaseOut",[1098,3927,3928],{},[422,3929,3930],{},"--easing--ease-out",[1080,3932,3933,3938,3942,3947],{},[1098,3934,3935],{},[422,3936,3937],{},"ease-in-out",[1098,3939,3940],{},[422,3941,3937],{},[1098,3943,3944],{},[422,3945,3946],{},"easingEaseInOut",[1098,3948,3949],{},[422,3950,3951],{},"--easing--ease-in-out",[418,3953,3954],{},[437,3955,3956],{},"Sine:",[1074,3958,3959,3971],{},[1077,3960,3961],{},[1080,3962,3963,3965,3967,3969],{},[1083,3964,1510],{},[1083,3966,1513],{},[1083,3968,1516],{},[1083,3970,664],{},[1093,3972,3973,3995,4017],{},[1080,3974,3975,3980,3985,3990],{},[1098,3976,3977],{},[422,3978,3979],{},"ease-in-sine",[1098,3981,3982],{},[422,3983,3984],{},"cubic-bezier(0.47, 0, 0.745, 0.715)",[1098,3986,3987],{},[422,3988,3989],{},"easingEaseInSine",[1098,3991,3992],{},[422,3993,3994],{},"--easing--ease-in-sine",[1080,3996,3997,4002,4007,4012],{},[1098,3998,3999],{},[422,4000,4001],{},"ease-out-sine",[1098,4003,4004],{},[422,4005,4006],{},"cubic-bezier(0.39, 0.575, 0.565, 1)",[1098,4008,4009],{},[422,4010,4011],{},"easingEaseOutSine",[1098,4013,4014],{},[422,4015,4016],{},"--easing--ease-out-sine",[1080,4018,4019,4024,4029,4034],{},[1098,4020,4021],{},[422,4022,4023],{},"ease-in-out-sine",[1098,4025,4026],{},[422,4027,4028],{},"cubic-bezier(0.445, 0.05, 0.55, 0.95)",[1098,4030,4031],{},[422,4032,4033],{},"easingEaseInOutSine",[1098,4035,4036],{},[422,4037,4038],{},"--easing--ease-in-out-sine",[418,4040,4041],{},[437,4042,4043],{},"Quad:",[1074,4045,4046,4058],{},[1077,4047,4048],{},[1080,4049,4050,4052,4054,4056],{},[1083,4051,1510],{},[1083,4053,1513],{},[1083,4055,1516],{},[1083,4057,664],{},[1093,4059,4060,4082,4104],{},[1080,4061,4062,4067,4072,4077],{},[1098,4063,4064],{},[422,4065,4066],{},"ease-in-quad",[1098,4068,4069],{},[422,4070,4071],{},"cubic-bezier(0.55, 0.085, 0.68, 0.53)",[1098,4073,4074],{},[422,4075,4076],{},"easingEaseInQuad",[1098,4078,4079],{},[422,4080,4081],{},"--easing--ease-in-quad",[1080,4083,4084,4089,4094,4099],{},[1098,4085,4086],{},[422,4087,4088],{},"ease-out-quad",[1098,4090,4091],{},[422,4092,4093],{},"cubic-bezier(0.25, 0.46, 0.45, 0.94)",[1098,4095,4096],{},[422,4097,4098],{},"easingEaseOutQuad",[1098,4100,4101],{},[422,4102,4103],{},"--easing--ease-out-quad",[1080,4105,4106,4111,4116,4121],{},[1098,4107,4108],{},[422,4109,4110],{},"ease-in-out-quad",[1098,4112,4113],{},[422,4114,4115],{},"cubic-bezier(0.455, 0.03, 0.515, 0.955)",[1098,4117,4118],{},[422,4119,4120],{},"easingEaseInOutQuad",[1098,4122,4123],{},[422,4124,4125],{},"--easing--ease-in-out-quad",[418,4127,4128],{},[437,4129,4130],{},"Cubic:",[1074,4132,4133,4145],{},[1077,4134,4135],{},[1080,4136,4137,4139,4141,4143],{},[1083,4138,1510],{},[1083,4140,1513],{},[1083,4142,1516],{},[1083,4144,664],{},[1093,4146,4147,4169,4191],{},[1080,4148,4149,4154,4159,4164],{},[1098,4150,4151],{},[422,4152,4153],{},"ease-in-cubic",[1098,4155,4156],{},[422,4157,4158],{},"cubic-bezier(0.55, 0.055, 0.675, 0.19)",[1098,4160,4161],{},[422,4162,4163],{},"easingEaseInCubic",[1098,4165,4166],{},[422,4167,4168],{},"--easing--ease-in-cubic",[1080,4170,4171,4176,4181,4186],{},[1098,4172,4173],{},[422,4174,4175],{},"ease-out-cubic",[1098,4177,4178],{},[422,4179,4180],{},"cubic-bezier(0.215, 0.61, 0.355, 1)",[1098,4182,4183],{},[422,4184,4185],{},"easingEaseOutCubic",[1098,4187,4188],{},[422,4189,4190],{},"--easing--ease-out-cubic",[1080,4192,4193,4198,4203,4208],{},[1098,4194,4195],{},[422,4196,4197],{},"ease-in-out-cubic",[1098,4199,4200],{},[422,4201,4202],{},"cubic-bezier(0.645, 0.045, 0.355, 1)",[1098,4204,4205],{},[422,4206,4207],{},"easingEaseInOutCubic",[1098,4209,4210],{},[422,4211,4212],{},"--easing--ease-in-out-cubic",[418,4214,4215],{},[437,4216,4217],{},"Quart:",[1074,4219,4220,4232],{},[1077,4221,4222],{},[1080,4223,4224,4226,4228,4230],{},[1083,4225,1510],{},[1083,4227,1513],{},[1083,4229,1516],{},[1083,4231,664],{},[1093,4233,4234,4256,4278],{},[1080,4235,4236,4241,4246,4251],{},[1098,4237,4238],{},[422,4239,4240],{},"ease-in-quart",[1098,4242,4243],{},[422,4244,4245],{},"cubic-bezier(0.895, 0.03, 0.685, 0.22)",[1098,4247,4248],{},[422,4249,4250],{},"easingEaseInQuart",[1098,4252,4253],{},[422,4254,4255],{},"--easing--ease-in-quart",[1080,4257,4258,4263,4268,4273],{},[1098,4259,4260],{},[422,4261,4262],{},"ease-out-quart",[1098,4264,4265],{},[422,4266,4267],{},"cubic-bezier(0.165, 0.84, 0.44, 1)",[1098,4269,4270],{},[422,4271,4272],{},"easingEaseOutQuart",[1098,4274,4275],{},[422,4276,4277],{},"--easing--ease-out-quart",[1080,4279,4280,4285,4290,4295],{},[1098,4281,4282],{},[422,4283,4284],{},"ease-in-out-quart",[1098,4286,4287],{},[422,4288,4289],{},"cubic-bezier(0.77, 0, 0.175, 1)",[1098,4291,4292],{},[422,4293,4294],{},"easingEaseInOutQuart",[1098,4296,4297],{},[422,4298,4299],{},"--easing--ease-in-out-quart",[418,4301,4302],{},[437,4303,4304],{},"Quint:",[1074,4306,4307,4319],{},[1077,4308,4309],{},[1080,4310,4311,4313,4315,4317],{},[1083,4312,1510],{},[1083,4314,1513],{},[1083,4316,1516],{},[1083,4318,664],{},[1093,4320,4321,4343,4365],{},[1080,4322,4323,4328,4333,4338],{},[1098,4324,4325],{},[422,4326,4327],{},"ease-in-quint",[1098,4329,4330],{},[422,4331,4332],{},"cubic-bezier(0.755, 0.05, 0.855, 0.06)",[1098,4334,4335],{},[422,4336,4337],{},"easingEaseInQuint",[1098,4339,4340],{},[422,4341,4342],{},"--easing--ease-in-quint",[1080,4344,4345,4350,4355,4360],{},[1098,4346,4347],{},[422,4348,4349],{},"ease-out-quint",[1098,4351,4352],{},[422,4353,4354],{},"cubic-bezier(0.23, 1, 0.32, 1)",[1098,4356,4357],{},[422,4358,4359],{},"easingEaseOutQuint",[1098,4361,4362],{},[422,4363,4364],{},"--easing--ease-out-quint",[1080,4366,4367,4372,4377,4382],{},[1098,4368,4369],{},[422,4370,4371],{},"ease-in-out-quint",[1098,4373,4374],{},[422,4375,4376],{},"cubic-bezier(0.86, 0, 0.07, 1)",[1098,4378,4379],{},[422,4380,4381],{},"easingEaseInOutQuint",[1098,4383,4384],{},[422,4385,4386],{},"--easing--ease-in-out-quint",[418,4388,4389],{},[437,4390,4391],{},"Expo:",[1074,4393,4394,4406],{},[1077,4395,4396],{},[1080,4397,4398,4400,4402,4404],{},[1083,4399,1510],{},[1083,4401,1513],{},[1083,4403,1516],{},[1083,4405,664],{},[1093,4407,4408,4430,4452],{},[1080,4409,4410,4415,4420,4425],{},[1098,4411,4412],{},[422,4413,4414],{},"ease-in-expo",[1098,4416,4417],{},[422,4418,4419],{},"cubic-bezier(0.95, 0.05, 0.795, 0.035)",[1098,4421,4422],{},[422,4423,4424],{},"easingEaseInExpo",[1098,4426,4427],{},[422,4428,4429],{},"--easing--ease-in-expo",[1080,4431,4432,4437,4442,4447],{},[1098,4433,4434],{},[422,4435,4436],{},"ease-out-expo",[1098,4438,4439],{},[422,4440,4441],{},"cubic-bezier(0.19, 1, 0.22, 1)",[1098,4443,4444],{},[422,4445,4446],{},"easingEaseOutExpo",[1098,4448,4449],{},[422,4450,4451],{},"--easing--ease-out-expo",[1080,4453,4454,4459,4464,4469],{},[1098,4455,4456],{},[422,4457,4458],{},"ease-in-out-expo",[1098,4460,4461],{},[422,4462,4463],{},"cubic-bezier(1, 0, 0, 1)",[1098,4465,4466],{},[422,4467,4468],{},"easingEaseInOutExpo",[1098,4470,4471],{},[422,4472,4473],{},"--easing--ease-in-out-expo",[418,4475,4476],{},[437,4477,4478],{},"Circ:",[1074,4480,4481,4493],{},[1077,4482,4483],{},[1080,4484,4485,4487,4489,4491],{},[1083,4486,1510],{},[1083,4488,1513],{},[1083,4490,1516],{},[1083,4492,664],{},[1093,4494,4495,4517,4539],{},[1080,4496,4497,4502,4507,4512],{},[1098,4498,4499],{},[422,4500,4501],{},"ease-in-circ",[1098,4503,4504],{},[422,4505,4506],{},"cubic-bezier(0.6, 0.04, 0.98, 0.335)",[1098,4508,4509],{},[422,4510,4511],{},"easingEaseInCirc",[1098,4513,4514],{},[422,4515,4516],{},"--easing--ease-in-circ",[1080,4518,4519,4524,4529,4534],{},[1098,4520,4521],{},[422,4522,4523],{},"ease-out-circ",[1098,4525,4526],{},[422,4527,4528],{},"cubic-bezier(0.075, 0.82, 0.165, 1)",[1098,4530,4531],{},[422,4532,4533],{},"easingEaseOutCirc",[1098,4535,4536],{},[422,4537,4538],{},"--easing--ease-out-circ",[1080,4540,4541,4546,4551,4556],{},[1098,4542,4543],{},[422,4544,4545],{},"ease-in-out-circ",[1098,4547,4548],{},[422,4549,4550],{},"cubic-bezier(0.785, 0.135, 0.15, 0.86)",[1098,4552,4553],{},[422,4554,4555],{},"easingEaseInOutCirc",[1098,4557,4558],{},[422,4559,4560],{},"--easing--ease-in-out-circ",[418,4562,4563],{},[437,4564,4565],{},"Back (with overshoot):",[1074,4567,4568,4580],{},[1077,4569,4570],{},[1080,4571,4572,4574,4576,4578],{},[1083,4573,1510],{},[1083,4575,1513],{},[1083,4577,1516],{},[1083,4579,664],{},[1093,4581,4582,4604,4626],{},[1080,4583,4584,4589,4594,4599],{},[1098,4585,4586],{},[422,4587,4588],{},"ease-in-back",[1098,4590,4591],{},[422,4592,4593],{},"cubic-bezier(0.6, -0.28, 0.735, 0.045)",[1098,4595,4596],{},[422,4597,4598],{},"easingEaseInBack",[1098,4600,4601],{},[422,4602,4603],{},"--easing--ease-in-back",[1080,4605,4606,4611,4616,4621],{},[1098,4607,4608],{},[422,4609,4610],{},"ease-out-back",[1098,4612,4613],{},[422,4614,4615],{},"cubic-bezier(0.175, 0.885, 0.32, 1.275)",[1098,4617,4618],{},[422,4619,4620],{},"easingEaseOutBack",[1098,4622,4623],{},[422,4624,4625],{},"--easing--ease-out-back",[1080,4627,4628,4633,4638,4643],{},[1098,4629,4630],{},[422,4631,4632],{},"ease-in-out-back",[1098,4634,4635],{},[422,4636,4637],{},"cubic-bezier(0.68, -0.55, 0.265, 1.55)",[1098,4639,4640],{},[422,4641,4642],{},"easingEaseInOutBack",[1098,4644,4645],{},[422,4646,4647],{},"--easing--ease-in-out-back",[418,4649,4650],{},[437,4651,4652],{},"Special (linear() functions):",[1074,4654,4655,4667],{},[1077,4656,4657],{},[1080,4658,4659,4661,4663,4665],{},[1083,4660,1510],{},[1083,4662,1091],{},[1083,4664,1516],{},[1083,4666,664],{},[1093,4668,4669,4689],{},[1080,4670,4671,4676,4679,4684],{},[1098,4672,4673],{},[422,4674,4675],{},"spring",[1098,4677,4678],{},"Natural spring animation",[1098,4680,4681],{},[422,4682,4683],{},"easingSpring",[1098,4685,4686],{},[422,4687,4688],{},"--easing--spring",[1080,4690,4691,4696,4699,4704],{},[1098,4692,4693],{},[422,4694,4695],{},"bounce",[1098,4697,4698],{},"Bouncy animation effect",[1098,4700,4701],{},[422,4702,4703],{},"easingBounce",[1098,4705,4706],{},[422,4707,4708],{},"--easing--bounce",[992,4710,4712],{"id":4711},"font-family","Font Family",[471,4714,4716],{"className":473,"code":4715,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    fontFamily,      // Variable\u003C'font-family'>\n    fontFamilyBase,  // Variable\u003C'font-family.base'>\n    fontFamilyPrint, // Variable\u003C'font-family.print'>\n    fontFamilyMono,  // Variable\u003C'font-family.mono'>\n} = preset;\n",[422,4717,4718,4732,4738,4748,4758,4768,4778],{"__ignoreMap":477},[481,4719,4720,4722,4724,4726,4728,4730],{"class":483,"line":484},[481,4721,551],{"class":550},[481,4723,585],{"class":495},[481,4725,557],{"class":491},[481,4727,525],{"class":560},[481,4729,592],{"class":495},[481,4731,515],{"class":491},[481,4733,4734,4736],{"class":483,"line":518},[481,4735,551],{"class":550},[481,4737,683],{"class":491},[481,4739,4740,4743,4745],{"class":483,"line":541},[481,4741,4742],{"class":495},"    fontFamily",[481,4744,618],{"class":491},[481,4746,4747],{"class":576},"      // Variable\u003C'font-family'>\n",[481,4749,4750,4753,4755],{"class":483,"line":547},[481,4751,4752],{"class":495},"    fontFamilyBase",[481,4754,618],{"class":491},[481,4756,4757],{"class":576},"  // Variable\u003C'font-family.base'>\n",[481,4759,4760,4763,4765],{"class":483,"line":568},[481,4761,4762],{"class":495},"    fontFamilyPrint",[481,4764,618],{"class":491},[481,4766,4767],{"class":576}," // Variable\u003C'font-family.print'>\n",[481,4769,4770,4773,4775],{"class":483,"line":573},[481,4771,4772],{"class":495},"    fontFamilyMono",[481,4774,618],{"class":491},[481,4776,4777],{"class":576},"  // Variable\u003C'font-family.mono'>\n",[481,4779,4780,4782,4784,4786],{"class":483,"line":580},[481,4781,634],{"class":491},[481,4783,637],{"class":491},[481,4785,640],{"class":495},[481,4787,515],{"class":491},[1074,4789,4790,4802],{},[1077,4791,4792],{},[1080,4793,4794,4796,4798,4800],{},[1083,4795,1510],{},[1083,4797,1513],{},[1083,4799,1516],{},[1083,4801,664],{},[1093,4803,4804,4824,4843,4863],{},[1080,4805,4806,4810,4815,4819],{},[1098,4807,4808],{},[422,4809,1311],{},[1098,4811,4812],{},[422,4813,4814],{},"@font-family.base",[1098,4816,4817],{},[422,4818,1217],{},[1098,4820,4821],{},[422,4822,4823],{},"--font-family",[1080,4825,4826,4830,4833,4838],{},[1098,4827,4828],{},[422,4829,2797],{},[1098,4831,4832],{},"System font stack (sans-serif)",[1098,4834,4835],{},[422,4836,4837],{},"fontFamilyBase",[1098,4839,4840],{},[422,4841,4842],{},"--font-family--base",[1080,4844,4845,4850,4853,4858],{},[1098,4846,4847],{},[422,4848,4849],{},"print",[1098,4851,4852],{},"Georgia, Times New Roman (serif)",[1098,4854,4855],{},[422,4856,4857],{},"fontFamilyPrint",[1098,4859,4860],{},[422,4861,4862],{},"--font-family--print",[1080,4864,4865,4870,4873,4878],{},[1098,4866,4867],{},[422,4868,4869],{},"mono",[1098,4871,4872],{},"SFMono-Regular, Menlo (monospace)",[1098,4874,4875],{},[422,4876,4877],{},"fontFamilyMono",[1098,4879,4880],{},[422,4881,4882],{},"--font-family--mono",[992,4884,4886],{"id":4885},"font-size","Font Size",[471,4888,4890],{"className":473,"code":4889,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    fontSize,    // Variable\u003C'font-size'>\n    fontSizeXs,  // Variable\u003C'font-size.xs'>\n    fontSizeSm,  // Variable\u003C'font-size.sm'>\n    fontSizeMd,  // Variable\u003C'font-size.md'>\n    fontSizeLg,  // Variable\u003C'font-size.lg'>\n    fontSizeXl,  // Variable\u003C'font-size.xl'>\n    fontSize2xl, // Variable\u003C'font-size.2xl'>\n    fontSize3xl, // Variable\u003C'font-size.3xl'>\n    fontSize4xl, // Variable\u003C'font-size.4xl'>\n} = preset;\n",[422,4891,4892,4906,4912,4922,4932,4942,4952,4962,4972,4982,4992,5002],{"__ignoreMap":477},[481,4893,4894,4896,4898,4900,4902,4904],{"class":483,"line":484},[481,4895,551],{"class":550},[481,4897,585],{"class":495},[481,4899,557],{"class":491},[481,4901,525],{"class":560},[481,4903,592],{"class":495},[481,4905,515],{"class":491},[481,4907,4908,4910],{"class":483,"line":518},[481,4909,551],{"class":550},[481,4911,683],{"class":491},[481,4913,4914,4917,4919],{"class":483,"line":541},[481,4915,4916],{"class":495},"    fontSize",[481,4918,618],{"class":491},[481,4920,4921],{"class":576},"    // Variable\u003C'font-size'>\n",[481,4923,4924,4927,4929],{"class":483,"line":547},[481,4925,4926],{"class":495},"    fontSizeXs",[481,4928,618],{"class":491},[481,4930,4931],{"class":576},"  // Variable\u003C'font-size.xs'>\n",[481,4933,4934,4937,4939],{"class":483,"line":568},[481,4935,4936],{"class":495},"    fontSizeSm",[481,4938,618],{"class":491},[481,4940,4941],{"class":576},"  // Variable\u003C'font-size.sm'>\n",[481,4943,4944,4947,4949],{"class":483,"line":573},[481,4945,4946],{"class":495},"    fontSizeMd",[481,4948,618],{"class":491},[481,4950,4951],{"class":576},"  // Variable\u003C'font-size.md'>\n",[481,4953,4954,4957,4959],{"class":483,"line":580},[481,4955,4956],{"class":495},"    fontSizeLg",[481,4958,618],{"class":491},[481,4960,4961],{"class":576},"  // Variable\u003C'font-size.lg'>\n",[481,4963,4964,4967,4969],{"class":483,"line":597},[481,4965,4966],{"class":495},"    fontSizeXl",[481,4968,618],{"class":491},[481,4970,4971],{"class":576},"  // Variable\u003C'font-size.xl'>\n",[481,4973,4974,4977,4979],{"class":483,"line":602},[481,4975,4976],{"class":495},"    fontSize2xl",[481,4978,618],{"class":491},[481,4980,4981],{"class":576}," // Variable\u003C'font-size.2xl'>\n",[481,4983,4984,4987,4989],{"class":483,"line":608},[481,4985,4986],{"class":495},"    fontSize3xl",[481,4988,618],{"class":491},[481,4990,4991],{"class":576}," // Variable\u003C'font-size.3xl'>\n",[481,4993,4994,4997,4999],{"class":483,"line":645},[481,4995,4996],{"class":495},"    fontSize4xl",[481,4998,618],{"class":491},[481,5000,5001],{"class":576}," // Variable\u003C'font-size.4xl'>\n",[481,5003,5004,5006,5008,5010],{"class":483,"line":650},[481,5005,634],{"class":491},[481,5007,637],{"class":491},[481,5009,640],{"class":495},[481,5011,515],{"class":491},[1074,5013,5014,5026],{},[1077,5015,5016],{},[1080,5017,5018,5020,5022,5024],{},[1083,5019,1510],{},[1083,5021,1513],{},[1083,5023,1516],{},[1083,5025,664],{},[1093,5027,5028,5048,5068,5089,5109,5130,5151,5172,5194],{},[1080,5029,5030,5034,5039,5043],{},[1098,5031,5032],{},[422,5033,1311],{},[1098,5035,5036],{},[422,5037,5038],{},"@font-size.md",[1098,5040,5041],{},[422,5042,1231],{},[1098,5044,5045],{},[422,5046,5047],{},"--font-size",[1080,5049,5050,5054,5058,5063],{},[1098,5051,5052],{},[422,5053,2436],{},[1098,5055,5056],{},[422,5057,1640],{},[1098,5059,5060],{},[422,5061,5062],{},"fontSizeXs",[1098,5064,5065],{},[422,5066,5067],{},"--font-size--xs",[1080,5069,5070,5074,5079,5084],{},[1098,5071,5072],{},[422,5073,1569],{},[1098,5075,5076],{},[422,5077,5078],{},"0.875rem",[1098,5080,5081],{},[422,5082,5083],{},"fontSizeSm",[1098,5085,5086],{},[422,5087,5088],{},"--font-size--sm",[1080,5090,5091,5095,5099,5104],{},[1098,5092,5093],{},[422,5094,1591],{},[1098,5096,5097],{},[422,5098,1662],{},[1098,5100,5101],{},[422,5102,5103],{},"fontSizeMd",[1098,5105,5106],{},[422,5107,5108],{},"--font-size--md",[1080,5110,5111,5115,5120,5125],{},[1098,5112,5113],{},[422,5114,1613],{},[1098,5116,5117],{},[422,5118,5119],{},"1.125rem",[1098,5121,5122],{},[422,5123,5124],{},"fontSizeLg",[1098,5126,5127],{},[422,5128,5129],{},"--font-size--lg",[1080,5131,5132,5136,5141,5146],{},[1098,5133,5134],{},[422,5135,1635],{},[1098,5137,5138],{},[422,5139,5140],{},"1.25rem",[1098,5142,5143],{},[422,5144,5145],{},"fontSizeXl",[1098,5147,5148],{},[422,5149,5150],{},"--font-size--xl",[1080,5152,5153,5157,5162,5167],{},[1098,5154,5155],{},[422,5156,1657],{},[1098,5158,5159],{},[422,5160,5161],{},"1.5rem",[1098,5163,5164],{},[422,5165,5166],{},"fontSize2xl",[1098,5168,5169],{},[422,5170,5171],{},"--font-size--2xl",[1080,5173,5174,5179,5184,5189],{},[1098,5175,5176],{},[422,5177,5178],{},"3xl",[1098,5180,5181],{},[422,5182,5183],{},"1.875rem",[1098,5185,5186],{},[422,5187,5188],{},"fontSize3xl",[1098,5190,5191],{},[422,5192,5193],{},"--font-size--3xl",[1080,5195,5196,5201,5206,5211],{},[1098,5197,5198],{},[422,5199,5200],{},"4xl",[1098,5202,5203],{},[422,5204,5205],{},"2.25rem",[1098,5207,5208],{},[422,5209,5210],{},"fontSize4xl",[1098,5212,5213],{},[422,5214,5215],{},"--font-size--4xl",[992,5217,5219],{"id":5218},"font-style","Font Style",[471,5221,5223],{"className":473,"code":5222,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    fontStyle,        // Variable\u003C'font-style'>\n    fontStyleItalic,  // Variable\u003C'font-style.italic'>\n    fontStyleOblique, // Variable\u003C'font-style.oblique'>\n    fontStyleNormal,  // Variable\u003C'font-style.normal'>\n    fontStyleInherit, // Variable\u003C'font-style.inherit'>\n} = preset;\n",[422,5224,5225,5239,5245,5255,5265,5275,5285,5295],{"__ignoreMap":477},[481,5226,5227,5229,5231,5233,5235,5237],{"class":483,"line":484},[481,5228,551],{"class":550},[481,5230,585],{"class":495},[481,5232,557],{"class":491},[481,5234,525],{"class":560},[481,5236,592],{"class":495},[481,5238,515],{"class":491},[481,5240,5241,5243],{"class":483,"line":518},[481,5242,551],{"class":550},[481,5244,683],{"class":491},[481,5246,5247,5250,5252],{"class":483,"line":541},[481,5248,5249],{"class":495},"    fontStyle",[481,5251,618],{"class":491},[481,5253,5254],{"class":576},"        // Variable\u003C'font-style'>\n",[481,5256,5257,5260,5262],{"class":483,"line":547},[481,5258,5259],{"class":495},"    fontStyleItalic",[481,5261,618],{"class":491},[481,5263,5264],{"class":576},"  // Variable\u003C'font-style.italic'>\n",[481,5266,5267,5270,5272],{"class":483,"line":568},[481,5268,5269],{"class":495},"    fontStyleOblique",[481,5271,618],{"class":491},[481,5273,5274],{"class":576}," // Variable\u003C'font-style.oblique'>\n",[481,5276,5277,5280,5282],{"class":483,"line":573},[481,5278,5279],{"class":495},"    fontStyleNormal",[481,5281,618],{"class":491},[481,5283,5284],{"class":576},"  // Variable\u003C'font-style.normal'>\n",[481,5286,5287,5290,5292],{"class":483,"line":580},[481,5288,5289],{"class":495},"    fontStyleInherit",[481,5291,618],{"class":491},[481,5293,5294],{"class":576}," // Variable\u003C'font-style.inherit'>\n",[481,5296,5297,5299,5301,5303],{"class":483,"line":597},[481,5298,634],{"class":491},[481,5300,637],{"class":491},[481,5302,640],{"class":495},[481,5304,515],{"class":491},[1074,5306,5307,5319],{},[1077,5308,5309],{},[1080,5310,5311,5313,5315,5317],{},[1083,5312,1510],{},[1083,5314,1513],{},[1083,5316,1516],{},[1083,5318,664],{},[1093,5320,5321,5341,5362,5383,5404],{},[1080,5322,5323,5327,5332,5336],{},[1098,5324,5325],{},[422,5326,1311],{},[1098,5328,5329],{},[422,5330,5331],{},"@font-style.normal",[1098,5333,5334],{},[422,5335,1245],{},[1098,5337,5338],{},[422,5339,5340],{},"--font-style",[1080,5342,5343,5348,5352,5357],{},[1098,5344,5345],{},[422,5346,5347],{},"italic",[1098,5349,5350],{},[422,5351,5347],{},[1098,5353,5354],{},[422,5355,5356],{},"fontStyleItalic",[1098,5358,5359],{},[422,5360,5361],{},"--font-style--italic",[1080,5363,5364,5369,5373,5378],{},[1098,5365,5366],{},[422,5367,5368],{},"oblique",[1098,5370,5371],{},[422,5372,5368],{},[1098,5374,5375],{},[422,5376,5377],{},"fontStyleOblique",[1098,5379,5380],{},[422,5381,5382],{},"--font-style--oblique",[1080,5384,5385,5390,5394,5399],{},[1098,5386,5387],{},[422,5388,5389],{},"normal",[1098,5391,5392],{},[422,5393,5389],{},[1098,5395,5396],{},[422,5397,5398],{},"fontStyleNormal",[1098,5400,5401],{},[422,5402,5403],{},"--font-style--normal",[1080,5405,5406,5411,5415,5420],{},[1098,5407,5408],{},[422,5409,5410],{},"inherit",[1098,5412,5413],{},[422,5414,5410],{},[1098,5416,5417],{},[422,5418,5419],{},"fontStyleInherit",[1098,5421,5422],{},[422,5423,5424],{},"--font-style--inherit",[992,5426,5428],{"id":5427},"font-weight","Font Weight",[471,5430,5432],{"className":473,"code":5431,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    fontWeight,           // Variable\u003C'font-weight'>\n    fontWeightExtralight, // Variable\u003C'font-weight.extralight'>\n    fontWeightLight,      // Variable\u003C'font-weight.light'>\n    fontWeightNormal,     // Variable\u003C'font-weight.normal'>\n    fontWeightMedium,     // Variable\u003C'font-weight.medium'>\n    fontWeightSemibold,   // Variable\u003C'font-weight.semibold'>\n    fontWeightBold,       // Variable\u003C'font-weight.bold'>\n    fontWeightBlack,      // Variable\u003C'font-weight.black'>\n    fontWeightLighter,    // Variable\u003C'font-weight.lighter'>\n    fontWeightBolder,     // Variable\u003C'font-weight.bolder'>\n    fontWeightInherit,    // Variable\u003C'font-weight.inherit'>\n} = preset;\n",[422,5433,5434,5448,5454,5464,5474,5484,5494,5504,5514,5524,5534,5544,5554,5564],{"__ignoreMap":477},[481,5435,5436,5438,5440,5442,5444,5446],{"class":483,"line":484},[481,5437,551],{"class":550},[481,5439,585],{"class":495},[481,5441,557],{"class":491},[481,5443,525],{"class":560},[481,5445,592],{"class":495},[481,5447,515],{"class":491},[481,5449,5450,5452],{"class":483,"line":518},[481,5451,551],{"class":550},[481,5453,683],{"class":491},[481,5455,5456,5459,5461],{"class":483,"line":541},[481,5457,5458],{"class":495},"    fontWeight",[481,5460,618],{"class":491},[481,5462,5463],{"class":576},"           // Variable\u003C'font-weight'>\n",[481,5465,5466,5469,5471],{"class":483,"line":547},[481,5467,5468],{"class":495},"    fontWeightExtralight",[481,5470,618],{"class":491},[481,5472,5473],{"class":576}," // Variable\u003C'font-weight.extralight'>\n",[481,5475,5476,5479,5481],{"class":483,"line":568},[481,5477,5478],{"class":495},"    fontWeightLight",[481,5480,618],{"class":491},[481,5482,5483],{"class":576},"      // Variable\u003C'font-weight.light'>\n",[481,5485,5486,5489,5491],{"class":483,"line":573},[481,5487,5488],{"class":495},"    fontWeightNormal",[481,5490,618],{"class":491},[481,5492,5493],{"class":576},"     // Variable\u003C'font-weight.normal'>\n",[481,5495,5496,5499,5501],{"class":483,"line":580},[481,5497,5498],{"class":495},"    fontWeightMedium",[481,5500,618],{"class":491},[481,5502,5503],{"class":576},"     // Variable\u003C'font-weight.medium'>\n",[481,5505,5506,5509,5511],{"class":483,"line":597},[481,5507,5508],{"class":495},"    fontWeightSemibold",[481,5510,618],{"class":491},[481,5512,5513],{"class":576},"   // Variable\u003C'font-weight.semibold'>\n",[481,5515,5516,5519,5521],{"class":483,"line":602},[481,5517,5518],{"class":495},"    fontWeightBold",[481,5520,618],{"class":491},[481,5522,5523],{"class":576},"       // Variable\u003C'font-weight.bold'>\n",[481,5525,5526,5529,5531],{"class":483,"line":608},[481,5527,5528],{"class":495},"    fontWeightBlack",[481,5530,618],{"class":491},[481,5532,5533],{"class":576},"      // Variable\u003C'font-weight.black'>\n",[481,5535,5536,5539,5541],{"class":483,"line":645},[481,5537,5538],{"class":495},"    fontWeightLighter",[481,5540,618],{"class":491},[481,5542,5543],{"class":576},"    // Variable\u003C'font-weight.lighter'>\n",[481,5545,5546,5549,5551],{"class":483,"line":650},[481,5547,5548],{"class":495},"    fontWeightBolder",[481,5550,618],{"class":491},[481,5552,5553],{"class":576},"     // Variable\u003C'font-weight.bolder'>\n",[481,5555,5556,5559,5561],{"class":483,"line":803},[481,5557,5558],{"class":495},"    fontWeightInherit",[481,5560,618],{"class":491},[481,5562,5563],{"class":576},"    // Variable\u003C'font-weight.inherit'>\n",[481,5565,5566,5568,5570,5572],{"class":483,"line":809},[481,5567,634],{"class":491},[481,5569,637],{"class":491},[481,5571,640],{"class":495},[481,5573,515],{"class":491},[1074,5575,5576,5588],{},[1077,5577,5578],{},[1080,5579,5580,5582,5584,5586],{},[1083,5581,1510],{},[1083,5583,1513],{},[1083,5585,1516],{},[1083,5587,664],{},[1093,5589,5590,5610,5631,5651,5671,5691,5712,5733,5755,5776,5797],{},[1080,5591,5592,5596,5601,5605],{},[1098,5593,5594],{},[422,5595,1311],{},[1098,5597,5598],{},[422,5599,5600],{},"@font-weight.normal",[1098,5602,5603],{},[422,5604,1259],{},[1098,5606,5607],{},[422,5608,5609],{},"--font-weight",[1080,5611,5612,5617,5621,5626],{},[1098,5613,5614],{},[422,5615,5616],{},"extralight",[1098,5618,5619],{},[422,5620,2845],{},[1098,5622,5623],{},[422,5624,5625],{},"fontWeightExtralight",[1098,5627,5628],{},[422,5629,5630],{},"--font-weight--extralight",[1080,5632,5633,5637,5641,5646],{},[1098,5634,5635],{},[422,5636,3497],{},[1098,5638,5639],{},[422,5640,2867],{},[1098,5642,5643],{},[422,5644,5645],{},"fontWeightLight",[1098,5647,5648],{},[422,5649,5650],{},"--font-weight--light",[1080,5652,5653,5657,5661,5666],{},[1098,5654,5655],{},[422,5656,5389],{},[1098,5658,5659],{},[422,5660,5389],{},[1098,5662,5663],{},[422,5664,5665],{},"fontWeightNormal",[1098,5667,5668],{},[422,5669,5670],{},"--font-weight--normal",[1080,5672,5673,5677,5681,5686],{},[1098,5674,5675],{},[422,5676,2199],{},[1098,5678,5679],{},[422,5680,2911],{},[1098,5682,5683],{},[422,5684,5685],{},"fontWeightMedium",[1098,5687,5688],{},[422,5689,5690],{},"--font-weight--medium",[1080,5692,5693,5698,5702,5707],{},[1098,5694,5695],{},[422,5696,5697],{},"semibold",[1098,5699,5700],{},[422,5701,2933],{},[1098,5703,5704],{},[422,5705,5706],{},"fontWeightSemibold",[1098,5708,5709],{},[422,5710,5711],{},"--font-weight--semibold",[1080,5713,5714,5719,5723,5728],{},[1098,5715,5716],{},[422,5717,5718],{},"bold",[1098,5720,5721],{},[422,5722,5718],{},[1098,5724,5725],{},[422,5726,5727],{},"fontWeightBold",[1098,5729,5730],{},[422,5731,5732],{},"--font-weight--bold",[1080,5734,5735,5740,5745,5750],{},[1098,5736,5737],{},[422,5738,5739],{},"black",[1098,5741,5742],{},[422,5743,5744],{},"900",[1098,5746,5747],{},[422,5748,5749],{},"fontWeightBlack",[1098,5751,5752],{},[422,5753,5754],{},"--font-weight--black",[1080,5756,5757,5762,5766,5771],{},[1098,5758,5759],{},[422,5760,5761],{},"lighter",[1098,5763,5764],{},[422,5765,5761],{},[1098,5767,5768],{},[422,5769,5770],{},"fontWeightLighter",[1098,5772,5773],{},[422,5774,5775],{},"--font-weight--lighter",[1080,5777,5778,5783,5787,5792],{},[1098,5779,5780],{},[422,5781,5782],{},"bolder",[1098,5784,5785],{},[422,5786,5782],{},[1098,5788,5789],{},[422,5790,5791],{},"fontWeightBolder",[1098,5793,5794],{},[422,5795,5796],{},"--font-weight--bolder",[1080,5798,5799,5803,5807,5812],{},[1098,5800,5801],{},[422,5802,5410],{},[1098,5804,5805],{},[422,5806,5410],{},[1098,5808,5809],{},[422,5810,5811],{},"fontWeightInherit",[1098,5813,5814],{},[422,5815,5816],{},"--font-weight--inherit",[992,5818,5820],{"id":5819},"letter-spacing","Letter Spacing",[471,5822,5824],{"className":473,"code":5823,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    letterSpacing,        // Variable\u003C'letter-spacing'>\n    letterSpacingTighter, // Variable\u003C'letter-spacing.tighter'>\n    letterSpacingTight,   // Variable\u003C'letter-spacing.tight'>\n    letterSpacingNormal,  // Variable\u003C'letter-spacing.normal'>\n    letterSpacingWide,    // Variable\u003C'letter-spacing.wide'>\n    letterSpacingWider,   // Variable\u003C'letter-spacing.wider'>\n} = preset;\n",[422,5825,5826,5840,5846,5856,5866,5876,5886,5896,5906],{"__ignoreMap":477},[481,5827,5828,5830,5832,5834,5836,5838],{"class":483,"line":484},[481,5829,551],{"class":550},[481,5831,585],{"class":495},[481,5833,557],{"class":491},[481,5835,525],{"class":560},[481,5837,592],{"class":495},[481,5839,515],{"class":491},[481,5841,5842,5844],{"class":483,"line":518},[481,5843,551],{"class":550},[481,5845,683],{"class":491},[481,5847,5848,5851,5853],{"class":483,"line":541},[481,5849,5850],{"class":495},"    letterSpacing",[481,5852,618],{"class":491},[481,5854,5855],{"class":576},"        // Variable\u003C'letter-spacing'>\n",[481,5857,5858,5861,5863],{"class":483,"line":547},[481,5859,5860],{"class":495},"    letterSpacingTighter",[481,5862,618],{"class":491},[481,5864,5865],{"class":576}," // Variable\u003C'letter-spacing.tighter'>\n",[481,5867,5868,5871,5873],{"class":483,"line":568},[481,5869,5870],{"class":495},"    letterSpacingTight",[481,5872,618],{"class":491},[481,5874,5875],{"class":576},"   // Variable\u003C'letter-spacing.tight'>\n",[481,5877,5878,5881,5883],{"class":483,"line":573},[481,5879,5880],{"class":495},"    letterSpacingNormal",[481,5882,618],{"class":491},[481,5884,5885],{"class":576},"  // Variable\u003C'letter-spacing.normal'>\n",[481,5887,5888,5891,5893],{"class":483,"line":580},[481,5889,5890],{"class":495},"    letterSpacingWide",[481,5892,618],{"class":491},[481,5894,5895],{"class":576},"    // Variable\u003C'letter-spacing.wide'>\n",[481,5897,5898,5901,5903],{"class":483,"line":597},[481,5899,5900],{"class":495},"    letterSpacingWider",[481,5902,618],{"class":491},[481,5904,5905],{"class":576},"   // Variable\u003C'letter-spacing.wider'>\n",[481,5907,5908,5910,5912,5914],{"class":483,"line":602},[481,5909,634],{"class":491},[481,5911,637],{"class":491},[481,5913,640],{"class":495},[481,5915,515],{"class":491},[1074,5917,5918,5930],{},[1077,5919,5920],{},[1080,5921,5922,5924,5926,5928],{},[1083,5923,1510],{},[1083,5925,1513],{},[1083,5927,1516],{},[1083,5929,664],{},[1093,5931,5932,5952,5974,5996,6016,6038],{},[1080,5933,5934,5938,5943,5947],{},[1098,5935,5936],{},[422,5937,1311],{},[1098,5939,5940],{},[422,5941,5942],{},"@letter-spacing.normal",[1098,5944,5945],{},[422,5946,1287],{},[1098,5948,5949],{},[422,5950,5951],{},"--letter-spacing",[1080,5953,5954,5959,5964,5969],{},[1098,5955,5956],{},[422,5957,5958],{},"tighter",[1098,5960,5961],{},[422,5962,5963],{},"-0.05em",[1098,5965,5966],{},[422,5967,5968],{},"letterSpacingTighter",[1098,5970,5971],{},[422,5972,5973],{},"--letter-spacing--tighter",[1080,5975,5976,5981,5986,5991],{},[1098,5977,5978],{},[422,5979,5980],{},"tight",[1098,5982,5983],{},[422,5984,5985],{},"-0.025em",[1098,5987,5988],{},[422,5989,5990],{},"letterSpacingTight",[1098,5992,5993],{},[422,5994,5995],{},"--letter-spacing--tight",[1080,5997,5998,6002,6006,6011],{},[1098,5999,6000],{},[422,6001,5389],{},[1098,6003,6004],{},[422,6005,5389],{},[1098,6007,6008],{},[422,6009,6010],{},"letterSpacingNormal",[1098,6012,6013],{},[422,6014,6015],{},"--letter-spacing--normal",[1080,6017,6018,6023,6028,6033],{},[1098,6019,6020],{},[422,6021,6022],{},"wide",[1098,6024,6025],{},[422,6026,6027],{},"0.05em",[1098,6029,6030],{},[422,6031,6032],{},"letterSpacingWide",[1098,6034,6035],{},[422,6036,6037],{},"--letter-spacing--wide",[1080,6039,6040,6045,6050,6055],{},[1098,6041,6042],{},[422,6043,6044],{},"wider",[1098,6046,6047],{},[422,6048,6049],{},"0.1em",[1098,6051,6052],{},[422,6053,6054],{},"letterSpacingWider",[1098,6056,6057],{},[422,6058,6059],{},"--letter-spacing--wider",[992,6061,6063],{"id":6062},"line-height","Line Height",[471,6065,6067],{"className":473,"code":6066,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    lineHeight,        // Variable\u003C'line-height'>\n    lineHeightTight,   // Variable\u003C'line-height.tight'>\n    lineHeightSnug,    // Variable\u003C'line-height.snug'>\n    lineHeightNormal,  // Variable\u003C'line-height.normal'>\n    lineHeightRelaxed, // Variable\u003C'line-height.relaxed'>\n    lineHeightLoose,   // Variable\u003C'line-height.loose'>\n} = preset;\n",[422,6068,6069,6083,6089,6099,6109,6119,6129,6139,6149],{"__ignoreMap":477},[481,6070,6071,6073,6075,6077,6079,6081],{"class":483,"line":484},[481,6072,551],{"class":550},[481,6074,585],{"class":495},[481,6076,557],{"class":491},[481,6078,525],{"class":560},[481,6080,592],{"class":495},[481,6082,515],{"class":491},[481,6084,6085,6087],{"class":483,"line":518},[481,6086,551],{"class":550},[481,6088,683],{"class":491},[481,6090,6091,6094,6096],{"class":483,"line":541},[481,6092,6093],{"class":495},"    lineHeight",[481,6095,618],{"class":491},[481,6097,6098],{"class":576},"        // Variable\u003C'line-height'>\n",[481,6100,6101,6104,6106],{"class":483,"line":547},[481,6102,6103],{"class":495},"    lineHeightTight",[481,6105,618],{"class":491},[481,6107,6108],{"class":576},"   // Variable\u003C'line-height.tight'>\n",[481,6110,6111,6114,6116],{"class":483,"line":568},[481,6112,6113],{"class":495},"    lineHeightSnug",[481,6115,618],{"class":491},[481,6117,6118],{"class":576},"    // Variable\u003C'line-height.snug'>\n",[481,6120,6121,6124,6126],{"class":483,"line":573},[481,6122,6123],{"class":495},"    lineHeightNormal",[481,6125,618],{"class":491},[481,6127,6128],{"class":576},"  // Variable\u003C'line-height.normal'>\n",[481,6130,6131,6134,6136],{"class":483,"line":580},[481,6132,6133],{"class":495},"    lineHeightRelaxed",[481,6135,618],{"class":491},[481,6137,6138],{"class":576}," // Variable\u003C'line-height.relaxed'>\n",[481,6140,6141,6144,6146],{"class":483,"line":597},[481,6142,6143],{"class":495},"    lineHeightLoose",[481,6145,618],{"class":491},[481,6147,6148],{"class":576},"   // Variable\u003C'line-height.loose'>\n",[481,6150,6151,6153,6155,6157],{"class":483,"line":602},[481,6152,634],{"class":491},[481,6154,637],{"class":491},[481,6156,640],{"class":495},[481,6158,515],{"class":491},[1074,6160,6161,6173],{},[1077,6162,6163],{},[1080,6164,6165,6167,6169,6171],{},[1083,6166,1510],{},[1083,6168,1513],{},[1083,6170,1516],{},[1083,6172,664],{},[1093,6174,6175,6195,6216,6238,6259,6281],{},[1080,6176,6177,6181,6186,6190],{},[1098,6178,6179],{},[422,6180,1311],{},[1098,6182,6183],{},[422,6184,6185],{},"@line-height.normal",[1098,6187,6188],{},[422,6189,1273],{},[1098,6191,6192],{},[422,6193,6194],{},"--line-height",[1080,6196,6197,6201,6206,6211],{},[1098,6198,6199],{},[422,6200,5980],{},[1098,6202,6203],{},[422,6204,6205],{},"1.2",[1098,6207,6208],{},[422,6209,6210],{},"lineHeightTight",[1098,6212,6213],{},[422,6214,6215],{},"--line-height--tight",[1080,6217,6218,6223,6228,6233],{},[1098,6219,6220],{},[422,6221,6222],{},"snug",[1098,6224,6225],{},[422,6226,6227],{},"1.35",[1098,6229,6230],{},[422,6231,6232],{},"lineHeightSnug",[1098,6234,6235],{},[422,6236,6237],{},"--line-height--snug",[1080,6239,6240,6244,6249,6254],{},[1098,6241,6242],{},[422,6243,5389],{},[1098,6245,6246],{},[422,6247,6248],{},"1.5",[1098,6250,6251],{},[422,6252,6253],{},"lineHeightNormal",[1098,6255,6256],{},[422,6257,6258],{},"--line-height--normal",[1080,6260,6261,6266,6271,6276],{},[1098,6262,6263],{},[422,6264,6265],{},"relaxed",[1098,6267,6268],{},[422,6269,6270],{},"1.65",[1098,6272,6273],{},[422,6274,6275],{},"lineHeightRelaxed",[1098,6277,6278],{},[422,6279,6280],{},"--line-height--relaxed",[1080,6282,6283,6288,6293,6298],{},[1098,6284,6285],{},[422,6286,6287],{},"loose",[1098,6289,6290],{},[422,6291,6292],{},"1.9",[1098,6294,6295],{},[422,6296,6297],{},"lineHeightLoose",[1098,6299,6300],{},[422,6301,6302],{},"--line-height--loose",[992,6304,6305],{"id":1301},"Scale",[471,6307,6309],{"className":473,"code":6308,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    scale,                // Variable\u003C'scale'>\n    scaleMinorSecond,     // Variable\u003C'scale.minor-second'>\n    scaleMajorSecond,     // Variable\u003C'scale.major-second'>\n    scaleMinorThird,      // Variable\u003C'scale.minor-third'>\n    scaleMajorThird,      // Variable\u003C'scale.major-third'>\n    scalePerfectFourth,   // Variable\u003C'scale.perfect-fourth'>\n    scaleAugmentedFourth, // Variable\u003C'scale.augmented-fourth'>\n    scalePerfectFifth,    // Variable\u003C'scale.perfect-fifth'>\n    scaleGolden,          // Variable\u003C'scale.golden'>\n} = preset;\n",[422,6310,6311,6325,6331,6341,6351,6361,6371,6381,6391,6401,6411,6421],{"__ignoreMap":477},[481,6312,6313,6315,6317,6319,6321,6323],{"class":483,"line":484},[481,6314,551],{"class":550},[481,6316,585],{"class":495},[481,6318,557],{"class":491},[481,6320,525],{"class":560},[481,6322,592],{"class":495},[481,6324,515],{"class":491},[481,6326,6327,6329],{"class":483,"line":518},[481,6328,551],{"class":550},[481,6330,683],{"class":491},[481,6332,6333,6336,6338],{"class":483,"line":541},[481,6334,6335],{"class":495},"    scale",[481,6337,618],{"class":491},[481,6339,6340],{"class":576},"                // Variable\u003C'scale'>\n",[481,6342,6343,6346,6348],{"class":483,"line":547},[481,6344,6345],{"class":495},"    scaleMinorSecond",[481,6347,618],{"class":491},[481,6349,6350],{"class":576},"     // Variable\u003C'scale.minor-second'>\n",[481,6352,6353,6356,6358],{"class":483,"line":568},[481,6354,6355],{"class":495},"    scaleMajorSecond",[481,6357,618],{"class":491},[481,6359,6360],{"class":576},"     // Variable\u003C'scale.major-second'>\n",[481,6362,6363,6366,6368],{"class":483,"line":573},[481,6364,6365],{"class":495},"    scaleMinorThird",[481,6367,618],{"class":491},[481,6369,6370],{"class":576},"      // Variable\u003C'scale.minor-third'>\n",[481,6372,6373,6376,6378],{"class":483,"line":580},[481,6374,6375],{"class":495},"    scaleMajorThird",[481,6377,618],{"class":491},[481,6379,6380],{"class":576},"      // Variable\u003C'scale.major-third'>\n",[481,6382,6383,6386,6388],{"class":483,"line":597},[481,6384,6385],{"class":495},"    scalePerfectFourth",[481,6387,618],{"class":491},[481,6389,6390],{"class":576},"   // Variable\u003C'scale.perfect-fourth'>\n",[481,6392,6393,6396,6398],{"class":483,"line":602},[481,6394,6395],{"class":495},"    scaleAugmentedFourth",[481,6397,618],{"class":491},[481,6399,6400],{"class":576}," // Variable\u003C'scale.augmented-fourth'>\n",[481,6402,6403,6406,6408],{"class":483,"line":608},[481,6404,6405],{"class":495},"    scalePerfectFifth",[481,6407,618],{"class":491},[481,6409,6410],{"class":576},"    // Variable\u003C'scale.perfect-fifth'>\n",[481,6412,6413,6416,6418],{"class":483,"line":645},[481,6414,6415],{"class":495},"    scaleGolden",[481,6417,618],{"class":491},[481,6419,6420],{"class":576},"          // Variable\u003C'scale.golden'>\n",[481,6422,6423,6425,6427,6429],{"class":483,"line":650},[481,6424,634],{"class":491},[481,6426,637],{"class":491},[481,6428,640],{"class":495},[481,6430,515],{"class":491},[1074,6432,6433,6445],{},[1077,6434,6435],{},[1080,6436,6437,6439,6441,6443],{},[1083,6438,1510],{},[1083,6440,1513],{},[1083,6442,1516],{},[1083,6444,664],{},[1093,6446,6447,6467,6489,6511,6532,6554,6576,6598,6619],{},[1080,6448,6449,6453,6458,6462],{},[1098,6450,6451],{},[422,6452,1311],{},[1098,6454,6455],{},[422,6456,6457],{},"@scale.minor-third",[1098,6459,6460],{},[422,6461,1301],{},[1098,6463,6464],{},[422,6465,6466],{},"--scale",[1080,6468,6469,6474,6479,6484],{},[1098,6470,6471],{},[422,6472,6473],{},"minor-second",[1098,6475,6476],{},[422,6477,6478],{},"1.067",[1098,6480,6481],{},[422,6482,6483],{},"scaleMinorSecond",[1098,6485,6486],{},[422,6487,6488],{},"--scale--minor-second",[1080,6490,6491,6496,6501,6506],{},[1098,6492,6493],{},[422,6494,6495],{},"major-second",[1098,6497,6498],{},[422,6499,6500],{},"1.125",[1098,6502,6503],{},[422,6504,6505],{},"scaleMajorSecond",[1098,6507,6508],{},[422,6509,6510],{},"--scale--major-second",[1080,6512,6513,6518,6522,6527],{},[1098,6514,6515],{},[422,6516,6517],{},"minor-third",[1098,6519,6520],{},[422,6521,6205],{},[1098,6523,6524],{},[422,6525,6526],{},"scaleMinorThird",[1098,6528,6529],{},[422,6530,6531],{},"--scale--minor-third",[1080,6533,6534,6539,6544,6549],{},[1098,6535,6536],{},[422,6537,6538],{},"major-third",[1098,6540,6541],{},[422,6542,6543],{},"1.25",[1098,6545,6546],{},[422,6547,6548],{},"scaleMajorThird",[1098,6550,6551],{},[422,6552,6553],{},"--scale--major-third",[1080,6555,6556,6561,6566,6571],{},[1098,6557,6558],{},[422,6559,6560],{},"perfect-fourth",[1098,6562,6563],{},[422,6564,6565],{},"1.333",[1098,6567,6568],{},[422,6569,6570],{},"scalePerfectFourth",[1098,6572,6573],{},[422,6574,6575],{},"--scale--perfect-fourth",[1080,6577,6578,6583,6588,6593],{},[1098,6579,6580],{},[422,6581,6582],{},"augmented-fourth",[1098,6584,6585],{},[422,6586,6587],{},"1.414",[1098,6589,6590],{},[422,6591,6592],{},"scaleAugmentedFourth",[1098,6594,6595],{},[422,6596,6597],{},"--scale--augmented-fourth",[1080,6599,6600,6605,6609,6614],{},[1098,6601,6602],{},[422,6603,6604],{},"perfect-fifth",[1098,6606,6607],{},[422,6608,6248],{},[1098,6610,6611],{},[422,6612,6613],{},"scalePerfectFifth",[1098,6615,6616],{},[422,6617,6618],{},"--scale--perfect-fifth",[1080,6620,6621,6626,6631,6636],{},[1098,6622,6623],{},[422,6624,6625],{},"golden",[1098,6627,6628],{},[422,6629,6630],{},"1.618",[1098,6632,6633],{},[422,6634,6635],{},"scaleGolden",[1098,6637,6638],{},[422,6639,6640],{},"--scale--golden",[992,6642,6644],{"id":6643},"scale-powers","Scale Powers",[418,6646,6647],{},"The preset generates scale power values using the default scale variable. These are computed values based on the scale ratio.",[471,6649,6651],{"className":473,"code":6650,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\n// Access computed scale powers\nconst { scalePowers } = preset;\n// Returns: { -2: CSS, -1: CSS, 0: CSS, 1: CSS, 2: CSS, 3: CSS, 4: CSS, 5: CSS }\n",[422,6652,6653,6667,6672,6689],{"__ignoreMap":477},[481,6654,6655,6657,6659,6661,6663,6665],{"class":483,"line":484},[481,6656,551],{"class":550},[481,6658,585],{"class":495},[481,6660,557],{"class":491},[481,6662,525],{"class":560},[481,6664,592],{"class":495},[481,6666,515],{"class":491},[481,6668,6669],{"class":483,"line":518},[481,6670,6671],{"class":576},"// Access computed scale powers\n",[481,6673,6674,6676,6678,6681,6683,6685,6687],{"class":483,"line":541},[481,6675,551],{"class":550},[481,6677,492],{"class":491},[481,6679,6680],{"class":495}," scalePowers ",[481,6682,634],{"class":491},[481,6684,637],{"class":491},[481,6686,640],{"class":495},[481,6688,515],{"class":491},[481,6690,6691],{"class":483,"line":547},[481,6692,6693],{"class":576},"// Returns: { -2: CSS, -1: CSS, 0: CSS, 1: CSS, 2: CSS, 3: CSS, 4: CSS, 5: CSS }\n",[1074,6695,6696,6708],{},[1077,6697,6698],{},[1080,6699,6700,6703,6706],{},[1083,6701,6702],{},"Power",[1083,6704,6705],{},"Formula",[1083,6707,664],{},[1093,6709,6710,6727,6743,6759,6774,6791,6808,6825],{},[1080,6711,6712,6717,6722],{},[1098,6713,6714],{},[422,6715,6716],{},"-2",[1098,6718,6719],{},[422,6720,6721],{},"1 / scale / scale",[1098,6723,6724],{},[422,6725,6726],{},"--scale-power---2",[1080,6728,6729,6733,6738],{},[1098,6730,6731],{},[422,6732,2780],{},[1098,6734,6735],{},[422,6736,6737],{},"1 / scale",[1098,6739,6740],{},[422,6741,6742],{},"--scale-power---1",[1080,6744,6745,6749,6754],{},[1098,6746,6747],{},[422,6748,1552],{},[1098,6750,6751],{},[422,6752,6753],{},"1",[1098,6755,6756],{},[422,6757,6758],{},"--scale-power--0",[1080,6760,6761,6765,6769],{},[1098,6762,6763],{},[422,6764,6753],{},[1098,6766,6767],{},[422,6768,1301],{},[1098,6770,6771],{},[422,6772,6773],{},"--scale-power--1",[1080,6775,6776,6781,6786],{},[1098,6777,6778],{},[422,6779,6780],{},"2",[1098,6782,6783],{},[422,6784,6785],{},"scale * scale",[1098,6787,6788],{},[422,6789,6790],{},"--scale-power--2",[1080,6792,6793,6798,6803],{},[1098,6794,6795],{},[422,6796,6797],{},"3",[1098,6799,6800],{},[422,6801,6802],{},"scale * scale * scale",[1098,6804,6805],{},[422,6806,6807],{},"--scale-power--3",[1080,6809,6810,6815,6820],{},[1098,6811,6812],{},[422,6813,6814],{},"4",[1098,6816,6817],{},[422,6818,6819],{},"scale * scale * scale * scale",[1098,6821,6822],{},[422,6823,6824],{},"--scale-power--4",[1080,6826,6827,6832,6837],{},[1098,6828,6829],{},[422,6830,6831],{},"5",[1098,6833,6834],{},[422,6835,6836],{},"scale * scale * scale * scale * scale",[1098,6838,6839],{},[422,6840,6841],{},"--scale-power--5",[992,6843,212],{"id":1102},[471,6845,6847],{"className":473,"code":6846,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst {\n    spacing,    // Variable\u003C'spacing'>\n    spacing2xs, // Variable\u003C'spacing.2xs'>\n    spacingXs,  // Variable\u003C'spacing.xs'>\n    spacingSm,  // Variable\u003C'spacing.sm'>\n    spacingMd,  // Variable\u003C'spacing.md'>\n    spacingLg,  // Variable\u003C'spacing.lg'>\n    spacingXl,  // Variable\u003C'spacing.xl'>\n    spacing2xl, // Variable\u003C'spacing.2xl'>\n    spacing3xl, // Variable\u003C'spacing.3xl'>\n} = preset;\n",[422,6848,6849,6863,6869,6879,6889,6899,6909,6919,6929,6939,6949,6959],{"__ignoreMap":477},[481,6850,6851,6853,6855,6857,6859,6861],{"class":483,"line":484},[481,6852,551],{"class":550},[481,6854,585],{"class":495},[481,6856,557],{"class":491},[481,6858,525],{"class":560},[481,6860,592],{"class":495},[481,6862,515],{"class":491},[481,6864,6865,6867],{"class":483,"line":518},[481,6866,551],{"class":550},[481,6868,683],{"class":491},[481,6870,6871,6874,6876],{"class":483,"line":541},[481,6872,6873],{"class":495},"    spacing",[481,6875,618],{"class":491},[481,6877,6878],{"class":576},"    // Variable\u003C'spacing'>\n",[481,6880,6881,6884,6886],{"class":483,"line":547},[481,6882,6883],{"class":495},"    spacing2xs",[481,6885,618],{"class":491},[481,6887,6888],{"class":576}," // Variable\u003C'spacing.2xs'>\n",[481,6890,6891,6894,6896],{"class":483,"line":568},[481,6892,6893],{"class":495},"    spacingXs",[481,6895,618],{"class":491},[481,6897,6898],{"class":576},"  // Variable\u003C'spacing.xs'>\n",[481,6900,6901,6904,6906],{"class":483,"line":573},[481,6902,6903],{"class":495},"    spacingSm",[481,6905,618],{"class":491},[481,6907,6908],{"class":576},"  // Variable\u003C'spacing.sm'>\n",[481,6910,6911,6914,6916],{"class":483,"line":580},[481,6912,6913],{"class":495},"    spacingMd",[481,6915,618],{"class":491},[481,6917,6918],{"class":576},"  // Variable\u003C'spacing.md'>\n",[481,6920,6921,6924,6926],{"class":483,"line":597},[481,6922,6923],{"class":495},"    spacingLg",[481,6925,618],{"class":491},[481,6927,6928],{"class":576},"  // Variable\u003C'spacing.lg'>\n",[481,6930,6931,6934,6936],{"class":483,"line":602},[481,6932,6933],{"class":495},"    spacingXl",[481,6935,618],{"class":491},[481,6937,6938],{"class":576},"  // Variable\u003C'spacing.xl'>\n",[481,6940,6941,6944,6946],{"class":483,"line":608},[481,6942,6943],{"class":495},"    spacing2xl",[481,6945,618],{"class":491},[481,6947,6948],{"class":576}," // Variable\u003C'spacing.2xl'>\n",[481,6950,6951,6954,6956],{"class":483,"line":645},[481,6952,6953],{"class":495},"    spacing3xl",[481,6955,618],{"class":491},[481,6957,6958],{"class":576}," // Variable\u003C'spacing.3xl'>\n",[481,6960,6961,6963,6965,6967],{"class":483,"line":650},[481,6962,634],{"class":491},[481,6964,637],{"class":491},[481,6966,640],{"class":495},[481,6968,515],{"class":491},[1074,6970,6971,6983],{},[1077,6972,6973],{},[1080,6974,6975,6977,6979,6981],{},[1083,6976,1510],{},[1083,6978,1513],{},[1083,6980,1516],{},[1083,6982,664],{},[1093,6984,6985,7005,7026,7046,7066,7086,7106,7127,7148],{},[1080,6986,6987,6991,6996,7000],{},[1098,6988,6989],{},[422,6990,1311],{},[1098,6992,6993],{},[422,6994,6995],{},"@spacing.md",[1098,6997,6998],{},[422,6999,1102],{},[1098,7001,7002],{},[422,7003,7004],{},"--spacing",[1080,7006,7007,7012,7016,7021],{},[1098,7008,7009],{},[422,7010,7011],{},"2xs",[1098,7013,7014],{},[422,7015,1596],{},[1098,7017,7018],{},[422,7019,7020],{},"spacing2xs",[1098,7022,7023],{},[422,7024,7025],{},"--spacing--2xs",[1080,7027,7028,7032,7036,7041],{},[1098,7029,7030],{},[422,7031,2436],{},[1098,7033,7034],{},[422,7035,1618],{},[1098,7037,7038],{},[422,7039,7040],{},"spacingXs",[1098,7042,7043],{},[422,7044,7045],{},"--spacing--xs",[1080,7047,7048,7052,7056,7061],{},[1098,7049,7050],{},[422,7051,1569],{},[1098,7053,7054],{},[422,7055,1640],{},[1098,7057,7058],{},[422,7059,7060],{},"spacingSm",[1098,7062,7063],{},[422,7064,7065],{},"--spacing--sm",[1080,7067,7068,7072,7076,7081],{},[1098,7069,7070],{},[422,7071,1591],{},[1098,7073,7074],{},[422,7075,1662],{},[1098,7077,7078],{},[422,7079,7080],{},"spacingMd",[1098,7082,7083],{},[422,7084,7085],{},"--spacing--md",[1080,7087,7088,7092,7096,7101],{},[1098,7089,7090],{},[422,7091,1613],{},[1098,7093,7094],{},[422,7095,5161],{},[1098,7097,7098],{},[422,7099,7100],{},"spacingLg",[1098,7102,7103],{},[422,7104,7105],{},"--spacing--lg",[1080,7107,7108,7112,7117,7122],{},[1098,7109,7110],{},[422,7111,1635],{},[1098,7113,7114],{},[422,7115,7116],{},"2rem",[1098,7118,7119],{},[422,7120,7121],{},"spacingXl",[1098,7123,7124],{},[422,7125,7126],{},"--spacing--xl",[1080,7128,7129,7133,7138,7143],{},[1098,7130,7131],{},[422,7132,1657],{},[1098,7134,7135],{},[422,7136,7137],{},"3rem",[1098,7139,7140],{},[422,7141,7142],{},"spacing2xl",[1098,7144,7145],{},[422,7146,7147],{},"--spacing--2xl",[1080,7149,7150,7154,7159,7164],{},[1098,7151,7152],{},[422,7153,5178],{},[1098,7155,7156],{},[422,7157,7158],{},"4rem",[1098,7160,7161],{},[422,7162,7163],{},"spacing3xl",[1098,7165,7166],{},[422,7167,7168],{},"--spacing--3xl",[414,7170,7172],{"id":7171},"examples","Examples",[992,7174,7176],{"id":7175},"full-customization","Full Customization",[463,7178,7179],{},[466,7180,7181],{"icon":468,"label":469},[471,7182,7184],{"className":473,"code":7183,"filename":475,"language":476,"meta":477,"style":477},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst preset = useDesignTokensPreset(s, {\n    // 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    // 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    // Shadows\n    boxShadow: {\n        default: '@box-shadow.md',\n        none: 'none',\n        sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n        md: '0 4px 6px -1px rgb(0 0 0 / 0.1)',\n        lg: '0 10px 15px -3px rgb(0 0 0 / 0.1)',\n    },\n\n    // 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    // 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    // 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    // Breakpoints\n    breakpoint: {\n        xs: 0,\n        sm: 576,\n        md: 768,\n        lg: 992,\n        xl: 1200,\n        '2xl': 1440,\n    },\n\n    // 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",[422,7185,7186,7206,7226,7230,7244,7248,7265,7270,7279,7294,7309,7324,7339,7354,7369,7374,7378,7383,7391,7405,7420,7436,7452,7468,7472,7480,7494,7509,7524,7539,7554,7570,7575,7584,7599,7614,7630,7646,7662,7667,7672,7678,7687,7702,7717,7733,7749,7765,7770,7775,7781,7791,7808,7825,7842,7859,7876,7893,7910,7927,7932,7942,7952,7966,7978,7990,7996,8001,8006,8012,8021,8036,8053,8070,8075,8084,8099,8114,8129,8144,8159,8174,8194,8199,8208,8223,8238,8254,8269,8285,8302,8307,8316,8331,8347,8362,8379,8384,8393,8408,8423,8438,8455,8460,8465,8471,8480,8495,8514,8533,8552,8571,8590,8595,8600,8606,8616,8628,8640,8652,8664,8676,8692,8697,8702,8708,8718,8734,8750,8769,8788,8807,8812,8821,8826],{"__ignoreMap":477},[481,7187,7188,7190,7192,7194,7196,7198,7200,7202,7204],{"class":483,"line":484},[481,7189,488],{"class":487},[481,7191,492],{"class":491},[481,7193,496],{"class":495},[481,7195,499],{"class":491},[481,7197,502],{"class":487},[481,7199,505],{"class":491},[481,7201,509],{"class":508},[481,7203,512],{"class":491},[481,7205,515],{"class":491},[481,7207,7208,7210,7212,7214,7216,7218,7220,7222,7224],{"class":483,"line":518},[481,7209,488],{"class":487},[481,7211,492],{"class":491},[481,7213,525],{"class":495},[481,7215,499],{"class":491},[481,7217,502],{"class":487},[481,7219,505],{"class":491},[481,7221,534],{"class":508},[481,7223,512],{"class":491},[481,7225,515],{"class":491},[481,7227,7228],{"class":483,"line":541},[481,7229,544],{"emptyLinePlaceholder":206},[481,7231,7232,7234,7236,7238,7240,7242],{"class":483,"line":547},[481,7233,551],{"class":550},[481,7235,554],{"class":495},[481,7237,557],{"class":491},[481,7239,496],{"class":560},[481,7241,563],{"class":495},[481,7243,515],{"class":491},[481,7245,7246],{"class":483,"line":568},[481,7247,544],{"emptyLinePlaceholder":206},[481,7249,7250,7252,7254,7256,7258,7261,7263],{"class":483,"line":573},[481,7251,551],{"class":550},[481,7253,585],{"class":495},[481,7255,557],{"class":491},[481,7257,525],{"class":560},[481,7259,7260],{"class":495},"(s",[481,7262,618],{"class":491},[481,7264,683],{"class":491},[481,7266,7267],{"class":483,"line":580},[481,7268,7269],{"class":576},"    // Spacing\n",[481,7271,7272,7275,7277],{"class":483,"line":597},[481,7273,6873],{"class":7274},"swJcz",[481,7276,677],{"class":491},[481,7278,683],{"class":491},[481,7280,7281,7284,7286,7288,7290,7292],{"class":483,"line":602},[481,7282,7283],{"class":7274},"        default",[481,7285,677],{"class":491},[481,7287,505],{"class":491},[481,7289,6995],{"class":508},[481,7291,512],{"class":491},[481,7293,1025],{"class":491},[481,7295,7296,7299,7301,7303,7305,7307],{"class":483,"line":608},[481,7297,7298],{"class":7274},"        xs",[481,7300,677],{"class":491},[481,7302,505],{"class":491},[481,7304,1596],{"class":508},[481,7306,512],{"class":491},[481,7308,1025],{"class":491},[481,7310,7311,7314,7316,7318,7320,7322],{"class":483,"line":645},[481,7312,7313],{"class":7274},"        sm",[481,7315,677],{"class":491},[481,7317,505],{"class":491},[481,7319,1618],{"class":508},[481,7321,512],{"class":491},[481,7323,1025],{"class":491},[481,7325,7326,7329,7331,7333,7335,7337],{"class":483,"line":650},[481,7327,7328],{"class":7274},"        md",[481,7330,677],{"class":491},[481,7332,505],{"class":491},[481,7334,1662],{"class":508},[481,7336,512],{"class":491},[481,7338,1025],{"class":491},[481,7340,7341,7344,7346,7348,7350,7352],{"class":483,"line":803},[481,7342,7343],{"class":7274},"        lg",[481,7345,677],{"class":491},[481,7347,505],{"class":491},[481,7349,7116],{"class":508},[481,7351,512],{"class":491},[481,7353,1025],{"class":491},[481,7355,7356,7359,7361,7363,7365,7367],{"class":483,"line":809},[481,7357,7358],{"class":7274},"        xl",[481,7360,677],{"class":491},[481,7362,505],{"class":491},[481,7364,7158],{"class":508},[481,7366,512],{"class":491},[481,7368,1025],{"class":491},[481,7370,7371],{"class":483,"line":835},[481,7372,7373],{"class":491},"    },\n",[481,7375,7376],{"class":483,"line":869},[481,7377,544],{"emptyLinePlaceholder":206},[481,7379,7380],{"class":483,"line":898},[481,7381,7382],{"class":576},"    // Border\n",[481,7384,7385,7387,7389],{"class":483,"line":904},[481,7386,2060],{"class":7274},[481,7388,677],{"class":491},[481,7390,683],{"class":491},[481,7392,7393,7395,7397,7399,7401,7403],{"class":483,"line":909},[481,7394,7283],{"class":7274},[481,7396,677],{"class":491},[481,7398,505],{"class":491},[481,7400,2142],{"class":508},[481,7402,512],{"class":491},[481,7404,1025],{"class":491},[481,7406,7407,7410,7412,7414,7416,7418],{"class":483,"line":915},[481,7408,7409],{"class":7274},"        none",[481,7411,677],{"class":491},[481,7413,505],{"class":491},[481,7415,1552],{"class":508},[481,7417,512],{"class":491},[481,7419,1025],{"class":491},[481,7421,7422,7425,7427,7429,7432,7434],{"class":483,"line":938},[481,7423,7424],{"class":7274},"        thin",[481,7426,677],{"class":491},[481,7428,505],{"class":491},[481,7430,7431],{"class":508},"1px",[481,7433,512],{"class":491},[481,7435,1025],{"class":491},[481,7437,7438,7441,7443,7445,7448,7450],{"class":483,"line":950},[481,7439,7440],{"class":7274},"        medium",[481,7442,677],{"class":491},[481,7444,505],{"class":491},[481,7446,7447],{"class":508},"2px",[481,7449,512],{"class":491},[481,7451,1025],{"class":491},[481,7453,7454,7457,7459,7461,7464,7466],{"class":483,"line":962},[481,7455,7456],{"class":7274},"        thick",[481,7458,677],{"class":491},[481,7460,505],{"class":491},[481,7462,7463],{"class":508},"4px",[481,7465,512],{"class":491},[481,7467,1025],{"class":491},[481,7469,7470],{"class":483,"line":968},[481,7471,7373],{"class":491},[481,7473,7474,7476,7478],{"class":483,"line":973},[481,7475,1416],{"class":7274},[481,7477,677],{"class":491},[481,7479,683],{"class":491},[481,7481,7482,7484,7486,7488,7490,7492],{"class":483,"line":979},[481,7483,7283],{"class":7274},[481,7485,677],{"class":491},[481,7487,505],{"class":491},[481,7489,1531],{"class":508},[481,7491,512],{"class":491},[481,7493,1025],{"class":491},[481,7495,7497,7499,7501,7503,7505,7507],{"class":483,"line":7496},27,[481,7498,7409],{"class":7274},[481,7500,677],{"class":491},[481,7502,505],{"class":491},[481,7504,1552],{"class":508},[481,7506,512],{"class":491},[481,7508,1025],{"class":491},[481,7510,7512,7514,7516,7518,7520,7522],{"class":483,"line":7511},28,[481,7513,7313],{"class":7274},[481,7515,677],{"class":491},[481,7517,505],{"class":491},[481,7519,1574],{"class":508},[481,7521,512],{"class":491},[481,7523,1025],{"class":491},[481,7525,7527,7529,7531,7533,7535,7537],{"class":483,"line":7526},29,[481,7528,7328],{"class":7274},[481,7530,677],{"class":491},[481,7532,505],{"class":491},[481,7534,1596],{"class":508},[481,7536,512],{"class":491},[481,7538,1025],{"class":491},[481,7540,7542,7544,7546,7548,7550,7552],{"class":483,"line":7541},30,[481,7543,7343],{"class":7274},[481,7545,677],{"class":491},[481,7547,505],{"class":491},[481,7549,1618],{"class":508},[481,7551,512],{"class":491},[481,7553,1025],{"class":491},[481,7555,7557,7560,7562,7564,7566,7568],{"class":483,"line":7556},31,[481,7558,7559],{"class":7274},"        full",[481,7561,677],{"class":491},[481,7563,505],{"class":491},[481,7565,1684],{"class":508},[481,7567,512],{"class":491},[481,7569,1025],{"class":491},[481,7571,7573],{"class":483,"line":7572},32,[481,7574,7373],{"class":491},[481,7576,7578,7580,7582],{"class":483,"line":7577},33,[481,7579,1728],{"class":7274},[481,7581,677],{"class":491},[481,7583,683],{"class":491},[481,7585,7587,7589,7591,7593,7595,7597],{"class":483,"line":7586},34,[481,7588,7283],{"class":7274},[481,7590,677],{"class":491},[481,7592,505],{"class":491},[481,7594,1850],{"class":508},[481,7596,512],{"class":491},[481,7598,1025],{"class":491},[481,7600,7602,7604,7606,7608,7610,7612],{"class":483,"line":7601},35,[481,7603,7409],{"class":7274},[481,7605,677],{"class":491},[481,7607,505],{"class":491},[481,7609,1547],{"class":508},[481,7611,512],{"class":491},[481,7613,1025],{"class":491},[481,7615,7617,7620,7622,7624,7626,7628],{"class":483,"line":7616},36,[481,7618,7619],{"class":7274},"        solid",[481,7621,677],{"class":491},[481,7623,505],{"class":491},[481,7625,1886],{"class":508},[481,7627,512],{"class":491},[481,7629,1025],{"class":491},[481,7631,7633,7636,7638,7640,7642,7644],{"class":483,"line":7632},37,[481,7634,7635],{"class":7274},"        dashed",[481,7637,677],{"class":491},[481,7639,505],{"class":491},[481,7641,1907],{"class":508},[481,7643,512],{"class":491},[481,7645,1025],{"class":491},[481,7647,7649,7652,7654,7656,7658,7660],{"class":483,"line":7648},38,[481,7650,7651],{"class":7274},"        dotted",[481,7653,677],{"class":491},[481,7655,505],{"class":491},[481,7657,1928],{"class":508},[481,7659,512],{"class":491},[481,7661,1025],{"class":491},[481,7663,7665],{"class":483,"line":7664},39,[481,7666,7373],{"class":491},[481,7668,7670],{"class":483,"line":7669},40,[481,7671,544],{"emptyLinePlaceholder":206},[481,7673,7675],{"class":483,"line":7674},41,[481,7676,7677],{"class":576},"    // Shadows\n",[481,7679,7681,7683,7685],{"class":483,"line":7680},42,[481,7682,2268],{"class":7274},[481,7684,677],{"class":491},[481,7686,683],{"class":491},[481,7688,7690,7692,7694,7696,7698,7700],{"class":483,"line":7689},43,[481,7691,7283],{"class":7274},[481,7693,677],{"class":491},[481,7695,505],{"class":491},[481,7697,2400],{"class":508},[481,7699,512],{"class":491},[481,7701,1025],{"class":491},[481,7703,7705,7707,7709,7711,7713,7715],{"class":483,"line":7704},44,[481,7706,7409],{"class":7274},[481,7708,677],{"class":491},[481,7710,505],{"class":491},[481,7712,1547],{"class":508},[481,7714,512],{"class":491},[481,7716,1025],{"class":491},[481,7718,7720,7722,7724,7726,7729,7731],{"class":483,"line":7719},45,[481,7721,7313],{"class":7274},[481,7723,677],{"class":491},[481,7725,505],{"class":491},[481,7727,7728],{"class":508},"0 1px 2px 0 rgb(0 0 0 / 0.05)",[481,7730,512],{"class":491},[481,7732,1025],{"class":491},[481,7734,7736,7738,7740,7742,7745,7747],{"class":483,"line":7735},46,[481,7737,7328],{"class":7274},[481,7739,677],{"class":491},[481,7741,505],{"class":491},[481,7743,7744],{"class":508},"0 4px 6px -1px rgb(0 0 0 / 0.1)",[481,7746,512],{"class":491},[481,7748,1025],{"class":491},[481,7750,7752,7754,7756,7758,7761,7763],{"class":483,"line":7751},47,[481,7753,7343],{"class":7274},[481,7755,677],{"class":491},[481,7757,505],{"class":491},[481,7759,7760],{"class":508},"0 10px 15px -3px rgb(0 0 0 / 0.1)",[481,7762,512],{"class":491},[481,7764,1025],{"class":491},[481,7766,7768],{"class":483,"line":7767},48,[481,7769,7373],{"class":491},[481,7771,7773],{"class":483,"line":7772},49,[481,7774,544],{"emptyLinePlaceholder":206},[481,7776,7778],{"class":483,"line":7777},50,[481,7779,7780],{"class":576},"    // Colors\n",[481,7782,7784,7787,7789],{"class":483,"line":7783},51,[481,7785,7786],{"class":7274},"    colors",[481,7788,677],{"class":491},[481,7790,683],{"class":491},[481,7792,7794,7797,7799,7801,7804,7806],{"class":483,"line":7793},52,[481,7795,7796],{"class":7274},"        primary",[481,7798,677],{"class":491},[481,7800,505],{"class":491},[481,7802,7803],{"class":508},"#0066cc",[481,7805,512],{"class":491},[481,7807,1025],{"class":491},[481,7809,7811,7814,7816,7818,7821,7823],{"class":483,"line":7810},53,[481,7812,7813],{"class":7274},"        secondary",[481,7815,677],{"class":491},[481,7817,505],{"class":491},[481,7819,7820],{"class":508},"#6c757d",[481,7822,512],{"class":491},[481,7824,1025],{"class":491},[481,7826,7828,7831,7833,7835,7838,7840],{"class":483,"line":7827},54,[481,7829,7830],{"class":7274},"        success",[481,7832,677],{"class":491},[481,7834,505],{"class":491},[481,7836,7837],{"class":508},"#28a745",[481,7839,512],{"class":491},[481,7841,1025],{"class":491},[481,7843,7845,7848,7850,7852,7855,7857],{"class":483,"line":7844},55,[481,7846,7847],{"class":7274},"        warning",[481,7849,677],{"class":491},[481,7851,505],{"class":491},[481,7853,7854],{"class":508},"#ffc107",[481,7856,512],{"class":491},[481,7858,1025],{"class":491},[481,7860,7862,7865,7867,7869,7872,7874],{"class":483,"line":7861},56,[481,7863,7864],{"class":7274},"        error",[481,7866,677],{"class":491},[481,7868,505],{"class":491},[481,7870,7871],{"class":508},"#dc3545",[481,7873,512],{"class":491},[481,7875,1025],{"class":491},[481,7877,7879,7882,7884,7886,7889,7891],{"class":483,"line":7878},57,[481,7880,7881],{"class":7274},"        info",[481,7883,677],{"class":491},[481,7885,505],{"class":491},[481,7887,7888],{"class":508},"#17a2b8",[481,7890,512],{"class":491},[481,7892,1025],{"class":491},[481,7894,7896,7899,7901,7903,7906,7908],{"class":483,"line":7895},58,[481,7897,7898],{"class":7274},"        light",[481,7900,677],{"class":491},[481,7902,505],{"class":491},[481,7904,7905],{"class":508},"#f8f9fa",[481,7907,512],{"class":491},[481,7909,1025],{"class":491},[481,7911,7913,7916,7918,7920,7923,7925],{"class":483,"line":7912},59,[481,7914,7915],{"class":7274},"        dark",[481,7917,677],{"class":491},[481,7919,505],{"class":491},[481,7921,7922],{"class":508},"#343a40",[481,7924,512],{"class":491},[481,7926,1025],{"class":491},[481,7928,7930],{"class":483,"line":7929},60,[481,7931,7373],{"class":491},[481,7933,7935,7938,7940],{"class":483,"line":7934},61,[481,7936,7937],{"class":7274},"    meta",[481,7939,677],{"class":491},[481,7941,683],{"class":491},[481,7943,7945,7948,7950],{"class":483,"line":7944},62,[481,7946,7947],{"class":7274},"        colors",[481,7949,677],{"class":491},[481,7951,683],{"class":491},[481,7953,7955,7958,7960,7964],{"class":483,"line":7954},63,[481,7956,7957],{"class":7274},"            generateLevels",[481,7959,677],{"class":491},[481,7961,7963],{"class":7962},"sfNiH"," true",[481,7965,1025],{"class":491},[481,7967,7969,7972,7974,7976],{"class":483,"line":7968},64,[481,7970,7971],{"class":7274},"            generateShades",[481,7973,677],{"class":491},[481,7975,7963],{"class":7962},[481,7977,1025],{"class":491},[481,7979,7981,7984,7986,7988],{"class":483,"line":7980},65,[481,7982,7983],{"class":7274},"            generateTints",[481,7985,677],{"class":491},[481,7987,7963],{"class":7962},[481,7989,1025],{"class":491},[481,7991,7993],{"class":483,"line":7992},66,[481,7994,7995],{"class":491},"        },\n",[481,7997,7999],{"class":483,"line":7998},67,[481,8000,7373],{"class":491},[481,8002,8004],{"class":483,"line":8003},68,[481,8005,544],{"emptyLinePlaceholder":206},[481,8007,8009],{"class":483,"line":8008},69,[481,8010,8011],{"class":576},"    // Typography\n",[481,8013,8015,8017,8019],{"class":483,"line":8014},70,[481,8016,4742],{"class":7274},[481,8018,677],{"class":491},[481,8020,683],{"class":491},[481,8022,8024,8026,8028,8030,8032,8034],{"class":483,"line":8023},71,[481,8025,7283],{"class":7274},[481,8027,677],{"class":491},[481,8029,505],{"class":491},[481,8031,4814],{"class":508},[481,8033,512],{"class":491},[481,8035,1025],{"class":491},[481,8037,8039,8042,8044,8046,8049,8051],{"class":483,"line":8038},72,[481,8040,8041],{"class":7274},"        base",[481,8043,677],{"class":491},[481,8045,505],{"class":491},[481,8047,8048],{"class":508},"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",[481,8050,512],{"class":491},[481,8052,1025],{"class":491},[481,8054,8056,8059,8061,8063,8066,8068],{"class":483,"line":8055},73,[481,8057,8058],{"class":7274},"        mono",[481,8060,677],{"class":491},[481,8062,505],{"class":491},[481,8064,8065],{"class":508},"SFMono-Regular, Menlo, Monaco, monospace",[481,8067,512],{"class":491},[481,8069,1025],{"class":491},[481,8071,8073],{"class":483,"line":8072},74,[481,8074,7373],{"class":491},[481,8076,8078,8080,8082],{"class":483,"line":8077},75,[481,8079,4916],{"class":7274},[481,8081,677],{"class":491},[481,8083,683],{"class":491},[481,8085,8087,8089,8091,8093,8095,8097],{"class":483,"line":8086},76,[481,8088,7283],{"class":7274},[481,8090,677],{"class":491},[481,8092,505],{"class":491},[481,8094,5038],{"class":508},[481,8096,512],{"class":491},[481,8098,1025],{"class":491},[481,8100,8102,8104,8106,8108,8110,8112],{"class":483,"line":8101},77,[481,8103,7298],{"class":7274},[481,8105,677],{"class":491},[481,8107,505],{"class":491},[481,8109,1640],{"class":508},[481,8111,512],{"class":491},[481,8113,1025],{"class":491},[481,8115,8117,8119,8121,8123,8125,8127],{"class":483,"line":8116},78,[481,8118,7313],{"class":7274},[481,8120,677],{"class":491},[481,8122,505],{"class":491},[481,8124,5078],{"class":508},[481,8126,512],{"class":491},[481,8128,1025],{"class":491},[481,8130,8132,8134,8136,8138,8140,8142],{"class":483,"line":8131},79,[481,8133,7328],{"class":7274},[481,8135,677],{"class":491},[481,8137,505],{"class":491},[481,8139,1662],{"class":508},[481,8141,512],{"class":491},[481,8143,1025],{"class":491},[481,8145,8147,8149,8151,8153,8155,8157],{"class":483,"line":8146},80,[481,8148,7343],{"class":7274},[481,8150,677],{"class":491},[481,8152,505],{"class":491},[481,8154,5140],{"class":508},[481,8156,512],{"class":491},[481,8158,1025],{"class":491},[481,8160,8162,8164,8166,8168,8170,8172],{"class":483,"line":8161},81,[481,8163,7358],{"class":7274},[481,8165,677],{"class":491},[481,8167,505],{"class":491},[481,8169,5161],{"class":508},[481,8171,512],{"class":491},[481,8173,1025],{"class":491},[481,8175,8177,8180,8182,8184,8186,8188,8190,8192],{"class":483,"line":8176},82,[481,8178,8179],{"class":491},"        '",[481,8181,1657],{"class":7274},[481,8183,512],{"class":491},[481,8185,677],{"class":491},[481,8187,505],{"class":491},[481,8189,7116],{"class":508},[481,8191,512],{"class":491},[481,8193,1025],{"class":491},[481,8195,8197],{"class":483,"line":8196},83,[481,8198,7373],{"class":491},[481,8200,8202,8204,8206],{"class":483,"line":8201},84,[481,8203,5458],{"class":7274},[481,8205,677],{"class":491},[481,8207,683],{"class":491},[481,8209,8211,8213,8215,8217,8219,8221],{"class":483,"line":8210},85,[481,8212,7283],{"class":7274},[481,8214,677],{"class":491},[481,8216,505],{"class":491},[481,8218,5600],{"class":508},[481,8220,512],{"class":491},[481,8222,1025],{"class":491},[481,8224,8226,8228,8230,8232,8234,8236],{"class":483,"line":8225},86,[481,8227,7898],{"class":7274},[481,8229,677],{"class":491},[481,8231,505],{"class":491},[481,8233,2867],{"class":508},[481,8235,512],{"class":491},[481,8237,1025],{"class":491},[481,8239,8241,8244,8246,8248,8250,8252],{"class":483,"line":8240},87,[481,8242,8243],{"class":7274},"        normal",[481,8245,677],{"class":491},[481,8247,505],{"class":491},[481,8249,2889],{"class":508},[481,8251,512],{"class":491},[481,8253,1025],{"class":491},[481,8255,8257,8259,8261,8263,8265,8267],{"class":483,"line":8256},88,[481,8258,7440],{"class":7274},[481,8260,677],{"class":491},[481,8262,505],{"class":491},[481,8264,2911],{"class":508},[481,8266,512],{"class":491},[481,8268,1025],{"class":491},[481,8270,8272,8275,8277,8279,8281,8283],{"class":483,"line":8271},89,[481,8273,8274],{"class":7274},"        semibold",[481,8276,677],{"class":491},[481,8278,505],{"class":491},[481,8280,2933],{"class":508},[481,8282,512],{"class":491},[481,8284,1025],{"class":491},[481,8286,8288,8291,8293,8295,8298,8300],{"class":483,"line":8287},90,[481,8289,8290],{"class":7274},"        bold",[481,8292,677],{"class":491},[481,8294,505],{"class":491},[481,8296,8297],{"class":508},"700",[481,8299,512],{"class":491},[481,8301,1025],{"class":491},[481,8303,8305],{"class":483,"line":8304},91,[481,8306,7373],{"class":491},[481,8308,8310,8312,8314],{"class":483,"line":8309},92,[481,8311,6093],{"class":7274},[481,8313,677],{"class":491},[481,8315,683],{"class":491},[481,8317,8319,8321,8323,8325,8327,8329],{"class":483,"line":8318},93,[481,8320,7283],{"class":7274},[481,8322,677],{"class":491},[481,8324,505],{"class":491},[481,8326,6185],{"class":508},[481,8328,512],{"class":491},[481,8330,1025],{"class":491},[481,8332,8334,8337,8339,8341,8343,8345],{"class":483,"line":8333},94,[481,8335,8336],{"class":7274},"        tight",[481,8338,677],{"class":491},[481,8340,505],{"class":491},[481,8342,6543],{"class":508},[481,8344,512],{"class":491},[481,8346,1025],{"class":491},[481,8348,8350,8352,8354,8356,8358,8360],{"class":483,"line":8349},95,[481,8351,8243],{"class":7274},[481,8353,677],{"class":491},[481,8355,505],{"class":491},[481,8357,6248],{"class":508},[481,8359,512],{"class":491},[481,8361,1025],{"class":491},[481,8363,8365,8368,8370,8372,8375,8377],{"class":483,"line":8364},96,[481,8366,8367],{"class":7274},"        relaxed",[481,8369,677],{"class":491},[481,8371,505],{"class":491},[481,8373,8374],{"class":508},"1.75",[481,8376,512],{"class":491},[481,8378,1025],{"class":491},[481,8380,8382],{"class":483,"line":8381},97,[481,8383,7373],{"class":491},[481,8385,8387,8389,8391],{"class":483,"line":8386},98,[481,8388,5850],{"class":7274},[481,8390,677],{"class":491},[481,8392,683],{"class":491},[481,8394,8396,8398,8400,8402,8404,8406],{"class":483,"line":8395},99,[481,8397,7283],{"class":7274},[481,8399,677],{"class":491},[481,8401,505],{"class":491},[481,8403,5942],{"class":508},[481,8405,512],{"class":491},[481,8407,1025],{"class":491},[481,8409,8411,8413,8415,8417,8419,8421],{"class":483,"line":8410},100,[481,8412,8336],{"class":7274},[481,8414,677],{"class":491},[481,8416,505],{"class":491},[481,8418,5985],{"class":508},[481,8420,512],{"class":491},[481,8422,1025],{"class":491},[481,8424,8426,8428,8430,8432,8434,8436],{"class":483,"line":8425},101,[481,8427,8243],{"class":7274},[481,8429,677],{"class":491},[481,8431,505],{"class":491},[481,8433,1552],{"class":508},[481,8435,512],{"class":491},[481,8437,1025],{"class":491},[481,8439,8441,8444,8446,8448,8451,8453],{"class":483,"line":8440},102,[481,8442,8443],{"class":7274},"        wide",[481,8445,677],{"class":491},[481,8447,505],{"class":491},[481,8449,8450],{"class":508},"0.025em",[481,8452,512],{"class":491},[481,8454,1025],{"class":491},[481,8456,8458],{"class":483,"line":8457},103,[481,8459,7373],{"class":491},[481,8461,8463],{"class":483,"line":8462},104,[481,8464,544],{"emptyLinePlaceholder":206},[481,8466,8468],{"class":483,"line":8467},105,[481,8469,8470],{"class":576},"    // Scale\n",[481,8472,8474,8476,8478],{"class":483,"line":8473},106,[481,8475,6335],{"class":7274},[481,8477,677],{"class":491},[481,8479,683],{"class":491},[481,8481,8483,8485,8487,8489,8491,8493],{"class":483,"line":8482},107,[481,8484,7283],{"class":7274},[481,8486,677],{"class":491},[481,8488,505],{"class":491},[481,8490,6457],{"class":508},[481,8492,512],{"class":491},[481,8494,1025],{"class":491},[481,8496,8498,8500,8502,8504,8506,8508,8510,8512],{"class":483,"line":8497},108,[481,8499,8179],{"class":491},[481,8501,6473],{"class":7274},[481,8503,512],{"class":491},[481,8505,677],{"class":491},[481,8507,505],{"class":491},[481,8509,6478],{"class":508},[481,8511,512],{"class":491},[481,8513,1025],{"class":491},[481,8515,8517,8519,8521,8523,8525,8527,8529,8531],{"class":483,"line":8516},109,[481,8518,8179],{"class":491},[481,8520,6495],{"class":7274},[481,8522,512],{"class":491},[481,8524,677],{"class":491},[481,8526,505],{"class":491},[481,8528,6500],{"class":508},[481,8530,512],{"class":491},[481,8532,1025],{"class":491},[481,8534,8536,8538,8540,8542,8544,8546,8548,8550],{"class":483,"line":8535},110,[481,8537,8179],{"class":491},[481,8539,6517],{"class":7274},[481,8541,512],{"class":491},[481,8543,677],{"class":491},[481,8545,505],{"class":491},[481,8547,6205],{"class":508},[481,8549,512],{"class":491},[481,8551,1025],{"class":491},[481,8553,8555,8557,8559,8561,8563,8565,8567,8569],{"class":483,"line":8554},111,[481,8556,8179],{"class":491},[481,8558,6538],{"class":7274},[481,8560,512],{"class":491},[481,8562,677],{"class":491},[481,8564,505],{"class":491},[481,8566,6543],{"class":508},[481,8568,512],{"class":491},[481,8570,1025],{"class":491},[481,8572,8574,8576,8578,8580,8582,8584,8586,8588],{"class":483,"line":8573},112,[481,8575,8179],{"class":491},[481,8577,6560],{"class":7274},[481,8579,512],{"class":491},[481,8581,677],{"class":491},[481,8583,505],{"class":491},[481,8585,6565],{"class":508},[481,8587,512],{"class":491},[481,8589,1025],{"class":491},[481,8591,8593],{"class":483,"line":8592},113,[481,8594,7373],{"class":491},[481,8596,8598],{"class":483,"line":8597},114,[481,8599,544],{"emptyLinePlaceholder":206},[481,8601,8603],{"class":483,"line":8602},115,[481,8604,8605],{"class":576},"    // Breakpoints\n",[481,8607,8609,8612,8614],{"class":483,"line":8608},116,[481,8610,8611],{"class":7274},"    breakpoint",[481,8613,677],{"class":491},[481,8615,683],{"class":491},[481,8617,8619,8621,8623,8626],{"class":483,"line":8618},117,[481,8620,7298],{"class":7274},[481,8622,677],{"class":491},[481,8624,8625],{"class":698}," 0",[481,8627,1025],{"class":491},[481,8629,8631,8633,8635,8638],{"class":483,"line":8630},118,[481,8632,7313],{"class":7274},[481,8634,677],{"class":491},[481,8636,8637],{"class":698}," 576",[481,8639,1025],{"class":491},[481,8641,8643,8645,8647,8650],{"class":483,"line":8642},119,[481,8644,7328],{"class":7274},[481,8646,677],{"class":491},[481,8648,8649],{"class":698}," 768",[481,8651,1025],{"class":491},[481,8653,8655,8657,8659,8662],{"class":483,"line":8654},120,[481,8656,7343],{"class":7274},[481,8658,677],{"class":491},[481,8660,8661],{"class":698}," 992",[481,8663,1025],{"class":491},[481,8665,8667,8669,8671,8674],{"class":483,"line":8666},121,[481,8668,7358],{"class":7274},[481,8670,677],{"class":491},[481,8672,8673],{"class":698}," 1200",[481,8675,1025],{"class":491},[481,8677,8679,8681,8683,8685,8687,8690],{"class":483,"line":8678},122,[481,8680,8179],{"class":491},[481,8682,1657],{"class":7274},[481,8684,512],{"class":491},[481,8686,677],{"class":491},[481,8688,8689],{"class":698}," 1440",[481,8691,1025],{"class":491},[481,8693,8695],{"class":483,"line":8694},123,[481,8696,7373],{"class":491},[481,8698,8700],{"class":483,"line":8699},124,[481,8701,544],{"emptyLinePlaceholder":206},[481,8703,8705],{"class":483,"line":8704},125,[481,8706,8707],{"class":576},"    // Animations\n",[481,8709,8711,8714,8716],{"class":483,"line":8710},126,[481,8712,8713],{"class":7274},"    easing",[481,8715,677],{"class":491},[481,8717,683],{"class":491},[481,8719,8721,8724,8726,8728,8730,8732],{"class":483,"line":8720},127,[481,8722,8723],{"class":7274},"        linear",[481,8725,677],{"class":491},[481,8727,505],{"class":491},[481,8729,3853],{"class":508},[481,8731,512],{"class":491},[481,8733,1025],{"class":491},[481,8735,8737,8740,8742,8744,8746,8748],{"class":483,"line":8736},128,[481,8738,8739],{"class":7274},"        ease",[481,8741,677],{"class":491},[481,8743,505],{"class":491},[481,8745,3874],{"class":508},[481,8747,512],{"class":491},[481,8749,1025],{"class":491},[481,8751,8753,8755,8757,8759,8761,8763,8765,8767],{"class":483,"line":8752},129,[481,8754,8179],{"class":491},[481,8756,3895],{"class":7274},[481,8758,512],{"class":491},[481,8760,677],{"class":491},[481,8762,505],{"class":491},[481,8764,3895],{"class":508},[481,8766,512],{"class":491},[481,8768,1025],{"class":491},[481,8770,8772,8774,8776,8778,8780,8782,8784,8786],{"class":483,"line":8771},130,[481,8773,8179],{"class":491},[481,8775,3916],{"class":7274},[481,8777,512],{"class":491},[481,8779,677],{"class":491},[481,8781,505],{"class":491},[481,8783,3916],{"class":508},[481,8785,512],{"class":491},[481,8787,1025],{"class":491},[481,8789,8791,8793,8795,8797,8799,8801,8803,8805],{"class":483,"line":8790},131,[481,8792,8179],{"class":491},[481,8794,3937],{"class":7274},[481,8796,512],{"class":491},[481,8798,677],{"class":491},[481,8800,505],{"class":491},[481,8802,3937],{"class":508},[481,8804,512],{"class":491},[481,8806,1025],{"class":491},[481,8808,8810],{"class":483,"line":8809},132,[481,8811,7373],{"class":491},[481,8813,8815,8817,8819],{"class":483,"line":8814},133,[481,8816,634],{"class":491},[481,8818,858],{"class":495},[481,8820,515],{"class":491},[481,8822,8824],{"class":483,"line":8823},134,[481,8825,544],{"emptyLinePlaceholder":206},[481,8827,8829,8831,8833,8835],{"class":483,"line":8828},135,[481,8830,653],{"class":487},[481,8832,656],{"class":487},[481,8834,659],{"class":495},[481,8836,515],{"class":491},[992,8838,8840],{"id":8839},"disabling-specific-domains","Disabling Specific Domains",[463,8842,8843],{},[466,8844,8845],{"icon":468,"label":469},[471,8846,8848],{"className":473,"code":8847,"filename":475,"language":476,"meta":477,"style":477},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\n// 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",[422,8849,8850,8870,8890,8894,8908,8912,8917,8933,8944,8954,8964,8974,8984,8994,9004,9012,9016,9037,9041],{"__ignoreMap":477},[481,8851,8852,8854,8856,8858,8860,8862,8864,8866,8868],{"class":483,"line":484},[481,8853,488],{"class":487},[481,8855,492],{"class":491},[481,8857,496],{"class":495},[481,8859,499],{"class":491},[481,8861,502],{"class":487},[481,8863,505],{"class":491},[481,8865,509],{"class":508},[481,8867,512],{"class":491},[481,8869,515],{"class":491},[481,8871,8872,8874,8876,8878,8880,8882,8884,8886,8888],{"class":483,"line":518},[481,8873,488],{"class":487},[481,8875,492],{"class":491},[481,8877,525],{"class":495},[481,8879,499],{"class":491},[481,8881,502],{"class":487},[481,8883,505],{"class":491},[481,8885,534],{"class":508},[481,8887,512],{"class":491},[481,8889,515],{"class":491},[481,8891,8892],{"class":483,"line":541},[481,8893,544],{"emptyLinePlaceholder":206},[481,8895,8896,8898,8900,8902,8904,8906],{"class":483,"line":547},[481,8897,551],{"class":550},[481,8899,554],{"class":495},[481,8901,557],{"class":491},[481,8903,496],{"class":560},[481,8905,563],{"class":495},[481,8907,515],{"class":491},[481,8909,8910],{"class":483,"line":568},[481,8911,544],{"emptyLinePlaceholder":206},[481,8913,8914],{"class":483,"line":573},[481,8915,8916],{"class":576},"// Only include colors, spacing, and typography\n",[481,8918,8919,8921,8923,8925,8927,8929,8931],{"class":483,"line":580},[481,8920,551],{"class":550},[481,8922,585],{"class":495},[481,8924,557],{"class":491},[481,8926,525],{"class":560},[481,8928,7260],{"class":495},[481,8930,618],{"class":491},[481,8932,683],{"class":491},[481,8934,8935,8937,8939,8942],{"class":483,"line":597},[481,8936,2060],{"class":7274},[481,8938,677],{"class":491},[481,8940,8941],{"class":7962}," false",[481,8943,1025],{"class":491},[481,8945,8946,8948,8950,8952],{"class":483,"line":602},[481,8947,1416],{"class":7274},[481,8949,677],{"class":491},[481,8951,8941],{"class":7962},[481,8953,1025],{"class":491},[481,8955,8956,8958,8960,8962],{"class":483,"line":608},[481,8957,1728],{"class":7274},[481,8959,677],{"class":491},[481,8961,8941],{"class":7962},[481,8963,1025],{"class":491},[481,8965,8966,8968,8970,8972],{"class":483,"line":645},[481,8967,2268],{"class":7274},[481,8969,677],{"class":491},[481,8971,8941],{"class":7962},[481,8973,1025],{"class":491},[481,8975,8976,8978,8980,8982],{"class":483,"line":650},[481,8977,6335],{"class":7274},[481,8979,677],{"class":491},[481,8981,8941],{"class":7962},[481,8983,1025],{"class":491},[481,8985,8986,8988,8990,8992],{"class":483,"line":803},[481,8987,8611],{"class":7274},[481,8989,677],{"class":491},[481,8991,8941],{"class":7962},[481,8993,1025],{"class":491},[481,8995,8996,8998,9000,9002],{"class":483,"line":809},[481,8997,8713],{"class":7274},[481,8999,677],{"class":491},[481,9001,8941],{"class":7962},[481,9003,1025],{"class":491},[481,9005,9006,9008,9010],{"class":483,"line":835},[481,9007,634],{"class":491},[481,9009,858],{"class":495},[481,9011,515],{"class":491},[481,9013,9014],{"class":483,"line":869},[481,9015,544],{"emptyLinePlaceholder":206},[481,9017,9018,9020,9022,9024,9026,9029,9031,9033,9035],{"class":483,"line":898},[481,9019,551],{"class":550},[481,9021,492],{"class":491},[481,9023,615],{"class":495},[481,9025,618],{"class":491},[481,9027,9028],{"class":495}," spacingMd ",[481,9030,634],{"class":491},[481,9032,637],{"class":491},[481,9034,640],{"class":495},[481,9036,515],{"class":491},[481,9038,9039],{"class":483,"line":904},[481,9040,544],{"emptyLinePlaceholder":206},[481,9042,9043,9045,9047,9049],{"class":483,"line":909},[481,9044,653],{"class":487},[481,9046,656],{"class":487},[481,9048,659],{"class":495},[481,9050,515],{"class":491},[992,9052,9054],{"id":9053},"accessing-generated-variables","Accessing Generated Variables",[471,9056,9058],{"className":473,"code":9057,"language":476,"meta":477,"style":477},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe/theme';\n\nconst s = styleframe();\nconst { ref, selector } = s;\n\nconst preset = useDesignTokensPreset(s);\n\n// Destructure the variables you need directly\nconst {\n    spacingMd,\n    colorPrimary,\n    colorPrimary600,\n    borderRadiusMd,\n    fontWeightSemibold,\n    boxShadowSm,\n} = preset;\n\n// 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",[422,9059,9060,9080,9100,9104,9118,9140,9144,9158,9162,9166,9172,9178,9184,9191,9197,9203,9209,9219,9223,9228,9246,9260,9274,9287,9300,9313,9321,9325,9342,9355,9363,9367],{"__ignoreMap":477},[481,9061,9062,9064,9066,9068,9070,9072,9074,9076,9078],{"class":483,"line":484},[481,9063,488],{"class":487},[481,9065,492],{"class":491},[481,9067,496],{"class":495},[481,9069,499],{"class":491},[481,9071,502],{"class":487},[481,9073,505],{"class":491},[481,9075,509],{"class":508},[481,9077,512],{"class":491},[481,9079,515],{"class":491},[481,9081,9082,9084,9086,9088,9090,9092,9094,9096,9098],{"class":483,"line":518},[481,9083,488],{"class":487},[481,9085,492],{"class":491},[481,9087,525],{"class":495},[481,9089,499],{"class":491},[481,9091,502],{"class":487},[481,9093,505],{"class":491},[481,9095,534],{"class":508},[481,9097,512],{"class":491},[481,9099,515],{"class":491},[481,9101,9102],{"class":483,"line":541},[481,9103,544],{"emptyLinePlaceholder":206},[481,9105,9106,9108,9110,9112,9114,9116],{"class":483,"line":547},[481,9107,551],{"class":550},[481,9109,554],{"class":495},[481,9111,557],{"class":491},[481,9113,496],{"class":560},[481,9115,563],{"class":495},[481,9117,515],{"class":491},[481,9119,9120,9122,9124,9127,9129,9132,9134,9136,9138],{"class":483,"line":568},[481,9121,551],{"class":550},[481,9123,492],{"class":491},[481,9125,9126],{"class":495}," ref",[481,9128,618],{"class":491},[481,9130,9131],{"class":495}," selector ",[481,9133,634],{"class":491},[481,9135,637],{"class":491},[481,9137,659],{"class":495},[481,9139,515],{"class":491},[481,9141,9142],{"class":483,"line":573},[481,9143,544],{"emptyLinePlaceholder":206},[481,9145,9146,9148,9150,9152,9154,9156],{"class":483,"line":580},[481,9147,551],{"class":550},[481,9149,585],{"class":495},[481,9151,557],{"class":491},[481,9153,525],{"class":560},[481,9155,592],{"class":495},[481,9157,515],{"class":491},[481,9159,9160],{"class":483,"line":597},[481,9161,544],{"emptyLinePlaceholder":206},[481,9163,9164],{"class":483,"line":602},[481,9165,605],{"class":576},[481,9167,9168,9170],{"class":483,"line":608},[481,9169,551],{"class":550},[481,9171,683],{"class":491},[481,9173,9174,9176],{"class":483,"line":645},[481,9175,6913],{"class":495},[481,9177,1025],{"class":491},[481,9179,9180,9182],{"class":483,"line":650},[481,9181,3258],{"class":495},[481,9183,1025],{"class":491},[481,9185,9186,9189],{"class":483,"line":803},[481,9187,9188],{"class":495},"    colorPrimary600",[481,9190,1025],{"class":491},[481,9192,9193,9195],{"class":483,"line":809},[481,9194,1446],{"class":495},[481,9196,1025],{"class":491},[481,9198,9199,9201],{"class":483,"line":835},[481,9200,5508],{"class":495},[481,9202,1025],{"class":491},[481,9204,9205,9207],{"class":483,"line":869},[481,9206,2298],{"class":495},[481,9208,1025],{"class":491},[481,9210,9211,9213,9215,9217],{"class":483,"line":898},[481,9212,634],{"class":491},[481,9214,637],{"class":491},[481,9216,640],{"class":495},[481,9218,515],{"class":491},[481,9220,9221],{"class":483,"line":904},[481,9222,544],{"emptyLinePlaceholder":206},[481,9224,9225],{"class":483,"line":909},[481,9226,9227],{"class":576},"// Use the generated variables in your styles\n",[481,9229,9230,9233,9235,9237,9240,9242,9244],{"class":483,"line":915},[481,9231,9232],{"class":560},"selector",[481,9234,820],{"class":495},[481,9236,512],{"class":491},[481,9238,9239],{"class":508},".button",[481,9241,512],{"class":491},[481,9243,618],{"class":491},[481,9245,683],{"class":491},[481,9247,9248,9251,9253,9255,9258],{"class":483,"line":938},[481,9249,9250],{"class":7274},"    padding",[481,9252,677],{"class":491},[481,9254,9126],{"class":560},[481,9256,9257],{"class":495},"(spacingMd)",[481,9259,1025],{"class":491},[481,9261,9262,9265,9267,9269,9272],{"class":483,"line":950},[481,9263,9264],{"class":7274},"    backgroundColor",[481,9266,677],{"class":491},[481,9268,9126],{"class":560},[481,9270,9271],{"class":495},"(colorPrimary)",[481,9273,1025],{"class":491},[481,9275,9276,9278,9280,9282,9285],{"class":483,"line":962},[481,9277,1416],{"class":7274},[481,9279,677],{"class":491},[481,9281,9126],{"class":560},[481,9283,9284],{"class":495},"(borderRadiusMd)",[481,9286,1025],{"class":491},[481,9288,9289,9291,9293,9295,9298],{"class":483,"line":968},[481,9290,5458],{"class":7274},[481,9292,677],{"class":491},[481,9294,9126],{"class":560},[481,9296,9297],{"class":495},"(fontWeightSemibold)",[481,9299,1025],{"class":491},[481,9301,9302,9304,9306,9308,9311],{"class":483,"line":973},[481,9303,2268],{"class":7274},[481,9305,677],{"class":491},[481,9307,9126],{"class":560},[481,9309,9310],{"class":495},"(boxShadowSm)",[481,9312,1025],{"class":491},[481,9314,9315,9317,9319],{"class":483,"line":979},[481,9316,634],{"class":491},[481,9318,858],{"class":495},[481,9320,515],{"class":491},[481,9322,9323],{"class":483,"line":7496},[481,9324,544],{"emptyLinePlaceholder":206},[481,9326,9327,9329,9331,9333,9336,9338,9340],{"class":483,"line":7511},[481,9328,9232],{"class":560},[481,9330,820],{"class":495},[481,9332,512],{"class":491},[481,9334,9335],{"class":508},".button:hover",[481,9337,512],{"class":491},[481,9339,618],{"class":491},[481,9341,683],{"class":491},[481,9343,9344,9346,9348,9350,9353],{"class":483,"line":7526},[481,9345,9264],{"class":7274},[481,9347,677],{"class":491},[481,9349,9126],{"class":560},[481,9351,9352],{"class":495},"(colorPrimary600)",[481,9354,1025],{"class":491},[481,9356,9357,9359,9361],{"class":483,"line":7541},[481,9358,634],{"class":491},[481,9360,858],{"class":495},[481,9362,515],{"class":491},[481,9364,9365],{"class":483,"line":7556},[481,9366,544],{"emptyLinePlaceholder":206},[481,9368,9369,9371,9373,9375],{"class":483,"line":7572},[481,9370,653],{"class":487},[481,9372,656],{"class":487},[481,9374,659],{"class":495},[481,9376,515],{"class":491},[414,9378,9380],{"id":9379},"importing-default-values","Importing Default Values",[418,9382,9383],{},"You can import the default value objects directly if you need to reference them or build upon them:",[471,9385,9387],{"className":473,"code":9386,"language":476,"meta":477,"style":477},"import { styleframe } from 'styleframe';\nimport {\n    useDesignTokensPreset,\n    // Import default values\n    defaultSpacingValues,\n    defaultColorValues,\n    defaultBorderRadiusValues,\n} from '@styleframe/theme';\n\nconst s = styleframe();\n\n// Use defaults with customizations\nconst preset = useDesignTokensPreset(s, {\n    meta: { merge: true },\n    spacing: {\n        ...defaultSpacingValues,\n        '4xl': '6rem', // Add a new size\n    },\n});\n\nexport default s;\n",[422,9388,9389,9409,9415,9422,9427,9434,9441,9448,9462,9466,9480,9484,9489,9505,9523,9531,9541,9563,9567,9575,9579],{"__ignoreMap":477},[481,9390,9391,9393,9395,9397,9399,9401,9403,9405,9407],{"class":483,"line":484},[481,9392,488],{"class":487},[481,9394,492],{"class":491},[481,9396,496],{"class":495},[481,9398,499],{"class":491},[481,9400,502],{"class":487},[481,9402,505],{"class":491},[481,9404,509],{"class":508},[481,9406,512],{"class":491},[481,9408,515],{"class":491},[481,9410,9411,9413],{"class":483,"line":518},[481,9412,488],{"class":487},[481,9414,683],{"class":491},[481,9416,9417,9420],{"class":483,"line":541},[481,9418,9419],{"class":495},"    useDesignTokensPreset",[481,9421,1025],{"class":491},[481,9423,9424],{"class":483,"line":547},[481,9425,9426],{"class":576},"    // Import default values\n",[481,9428,9429,9432],{"class":483,"line":568},[481,9430,9431],{"class":495},"    defaultSpacingValues",[481,9433,1025],{"class":491},[481,9435,9436,9439],{"class":483,"line":573},[481,9437,9438],{"class":495},"    defaultColorValues",[481,9440,1025],{"class":491},[481,9442,9443,9446],{"class":483,"line":580},[481,9444,9445],{"class":495},"    defaultBorderRadiusValues",[481,9447,1025],{"class":491},[481,9449,9450,9452,9454,9456,9458,9460],{"class":483,"line":597},[481,9451,634],{"class":491},[481,9453,502],{"class":487},[481,9455,505],{"class":491},[481,9457,534],{"class":508},[481,9459,512],{"class":491},[481,9461,515],{"class":491},[481,9463,9464],{"class":483,"line":602},[481,9465,544],{"emptyLinePlaceholder":206},[481,9467,9468,9470,9472,9474,9476,9478],{"class":483,"line":608},[481,9469,551],{"class":550},[481,9471,554],{"class":495},[481,9473,557],{"class":491},[481,9475,496],{"class":560},[481,9477,563],{"class":495},[481,9479,515],{"class":491},[481,9481,9482],{"class":483,"line":645},[481,9483,544],{"emptyLinePlaceholder":206},[481,9485,9486],{"class":483,"line":650},[481,9487,9488],{"class":576},"// Use defaults with customizations\n",[481,9490,9491,9493,9495,9497,9499,9501,9503],{"class":483,"line":803},[481,9492,551],{"class":550},[481,9494,585],{"class":495},[481,9496,557],{"class":491},[481,9498,525],{"class":560},[481,9500,7260],{"class":495},[481,9502,618],{"class":491},[481,9504,683],{"class":491},[481,9506,9507,9509,9511,9513,9516,9518,9520],{"class":483,"line":809},[481,9508,7937],{"class":7274},[481,9510,677],{"class":491},[481,9512,492],{"class":491},[481,9514,9515],{"class":7274}," merge",[481,9517,677],{"class":491},[481,9519,7963],{"class":7962},[481,9521,9522],{"class":491}," },\n",[481,9524,9525,9527,9529],{"class":483,"line":835},[481,9526,6873],{"class":7274},[481,9528,677],{"class":491},[481,9530,683],{"class":491},[481,9532,9533,9536,9539],{"class":483,"line":869},[481,9534,9535],{"class":491},"        ...",[481,9537,9538],{"class":495},"defaultSpacingValues",[481,9540,1025],{"class":491},[481,9542,9543,9545,9547,9549,9551,9553,9556,9558,9560],{"class":483,"line":898},[481,9544,8179],{"class":491},[481,9546,5200],{"class":7274},[481,9548,512],{"class":491},[481,9550,677],{"class":491},[481,9552,505],{"class":491},[481,9554,9555],{"class":508},"6rem",[481,9557,512],{"class":491},[481,9559,618],{"class":491},[481,9561,9562],{"class":576}," // Add a new size\n",[481,9564,9565],{"class":483,"line":904},[481,9566,7373],{"class":491},[481,9568,9569,9571,9573],{"class":483,"line":909},[481,9570,634],{"class":491},[481,9572,858],{"class":495},[481,9574,515],{"class":491},[481,9576,9577],{"class":483,"line":915},[481,9578,544],{"emptyLinePlaceholder":206},[481,9580,9581,9583,9585,9587],{"class":483,"line":938},[481,9582,653],{"class":487},[481,9584,656],{"class":487},[481,9586,659],{"class":495},[481,9588,515],{"class":491},[992,9590,9592],{"id":9591},"available-default-value-exports","Available Default Value Exports",[1074,9594,9595,9604],{},[1077,9596,9597],{},[1080,9598,9599,9602],{},[1083,9600,9601],{},"Export",[1083,9603,1091],{},[1093,9605,9606,9615,9625,9635,9645,9655,9665,9675,9685,9695,9705,9715,9725,9735,9745,9755,9765,9774,9784,9794],{},[1080,9607,9608,9612],{},[1098,9609,9610],{},[422,9611,9538],{},[1098,9613,9614],{},"Spacing scale values",[1080,9616,9617,9622],{},[1098,9618,9619],{},[422,9620,9621],{},"defaultBorderWidthValues",[1098,9623,9624],{},"Border width values",[1080,9626,9627,9632],{},[1098,9628,9629],{},[422,9630,9631],{},"defaultBorderRadiusValues",[1098,9633,9634],{},"Border radius values",[1080,9636,9637,9642],{},[1098,9638,9639],{},[422,9640,9641],{},"defaultBorderStyleValues",[1098,9643,9644],{},"Border style values",[1080,9646,9647,9652],{},[1098,9648,9649],{},[422,9650,9651],{},"defaultBoxShadowValues",[1098,9653,9654],{},"Box shadow elevation values",[1080,9656,9657,9662],{},[1098,9658,9659],{},[422,9660,9661],{},"defaultColorValues",[1098,9663,9664],{},"Semantic color values",[1080,9666,9667,9672],{},[1098,9668,9669],{},[422,9670,9671],{},"colorLevelValues",[1098,9673,9674],{},"Level values",[1080,9676,9677,9682],{},[1098,9678,9679],{},[422,9680,9681],{},"defaultColorShadeValues",[1098,9683,9684],{},"Shade level values",[1080,9686,9687,9692],{},[1098,9688,9689],{},[422,9690,9691],{},"defaultColorTintValues",[1098,9693,9694],{},"Tint level values",[1080,9696,9697,9702],{},[1098,9698,9699],{},[422,9700,9701],{},"defaultFontFamilyValues",[1098,9703,9704],{},"Font family values",[1080,9706,9707,9712],{},[1098,9708,9709],{},[422,9710,9711],{},"defaultFontSizeValues",[1098,9713,9714],{},"Font size scale values",[1080,9716,9717,9722],{},[1098,9718,9719],{},[422,9720,9721],{},"defaultFontStyleValues",[1098,9723,9724],{},"Font style values",[1080,9726,9727,9732],{},[1098,9728,9729],{},[422,9730,9731],{},"defaultFontWeightValues",[1098,9733,9734],{},"Font weight values",[1080,9736,9737,9742],{},[1098,9738,9739],{},[422,9740,9741],{},"defaultLineHeightValues",[1098,9743,9744],{},"Line height values",[1080,9746,9747,9752],{},[1098,9748,9749],{},[422,9750,9751],{},"defaultLetterSpacingValues",[1098,9753,9754],{},"Letter spacing values",[1080,9756,9757,9762],{},[1098,9758,9759],{},[422,9760,9761],{},"defaultScaleValues",[1098,9763,9764],{},"Modular scale ratio values",[1080,9766,9767,9772],{},[1098,9768,9769],{},[422,9770,9771],{},"defaultScalePowerValues",[1098,9773,1330],{},[1080,9775,9776,9781],{},[1098,9777,9778],{},[422,9779,9780],{},"defaultBreakpointValues",[1098,9782,9783],{},"Responsive breakpoint values",[1080,9785,9786,9791],{},[1098,9787,9788],{},[422,9789,9790],{},"defaultEasingValues",[1098,9792,9793],{},"Animation easing function values",[1080,9795,9796,9801],{},[1098,9797,9798],{},[422,9799,9800],{},"defaultColorsMetaConfig",[1098,9802,9803],{},"Default color generation configuration",[414,9805,112],{"id":1366},[418,9807,420,9808,9810,9811,9814],{},[422,9809,1366],{}," option lets you define per-theme token overrides directly in the preset. Each theme generates a ",[422,9812,9813],{},"[data-theme=\"name\"]"," block that overrides the root-level tokens.",[992,9816,9818],{"id":9817},"dark-mode","Dark Mode",[463,9820,9821,10040],{},[466,9822,9823],{"icon":468,"label":469},[471,9824,9826],{"className":473,"code":9825,"filename":475,"language":476,"meta":477,"style":477},"import { styleframe } from 'styleframe';\nimport { useDesignTokensPreset } from '@styleframe/theme';\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",[422,9827,9828,9848,9868,9872,9886,9890,9906,9914,9929,9943,9947,9956,9964,9973,9989,10005,10010,10014,10018,10026,10030],{"__ignoreMap":477},[481,9829,9830,9832,9834,9836,9838,9840,9842,9844,9846],{"class":483,"line":484},[481,9831,488],{"class":487},[481,9833,492],{"class":491},[481,9835,496],{"class":495},[481,9837,499],{"class":491},[481,9839,502],{"class":487},[481,9841,505],{"class":491},[481,9843,509],{"class":508},[481,9845,512],{"class":491},[481,9847,515],{"class":491},[481,9849,9850,9852,9854,9856,9858,9860,9862,9864,9866],{"class":483,"line":518},[481,9851,488],{"class":487},[481,9853,492],{"class":491},[481,9855,525],{"class":495},[481,9857,499],{"class":491},[481,9859,502],{"class":487},[481,9861,505],{"class":491},[481,9863,534],{"class":508},[481,9865,512],{"class":491},[481,9867,515],{"class":491},[481,9869,9870],{"class":483,"line":541},[481,9871,544],{"emptyLinePlaceholder":206},[481,9873,9874,9876,9878,9880,9882,9884],{"class":483,"line":547},[481,9875,551],{"class":550},[481,9877,554],{"class":495},[481,9879,557],{"class":491},[481,9881,496],{"class":560},[481,9883,563],{"class":495},[481,9885,515],{"class":491},[481,9887,9888],{"class":483,"line":568},[481,9889,544],{"emptyLinePlaceholder":206},[481,9891,9892,9894,9896,9898,9900,9902,9904],{"class":483,"line":573},[481,9893,551],{"class":550},[481,9895,585],{"class":495},[481,9897,557],{"class":491},[481,9899,525],{"class":560},[481,9901,7260],{"class":495},[481,9903,618],{"class":491},[481,9905,683],{"class":491},[481,9907,9908,9910,9912],{"class":483,"line":580},[481,9909,7786],{"class":7274},[481,9911,677],{"class":491},[481,9913,683],{"class":491},[481,9915,9916,9918,9920,9922,9925,9927],{"class":483,"line":597},[481,9917,7796],{"class":7274},[481,9919,677],{"class":491},[481,9921,505],{"class":491},[481,9923,9924],{"class":508},"#007bff",[481,9926,512],{"class":491},[481,9928,1025],{"class":491},[481,9930,9931,9933,9935,9937,9939,9941],{"class":483,"line":602},[481,9932,7813],{"class":7274},[481,9934,677],{"class":491},[481,9936,505],{"class":491},[481,9938,7820],{"class":508},[481,9940,512],{"class":491},[481,9942,1025],{"class":491},[481,9944,9945],{"class":483,"line":608},[481,9946,7373],{"class":491},[481,9948,9949,9952,9954],{"class":483,"line":645},[481,9950,9951],{"class":7274},"    themes",[481,9953,677],{"class":491},[481,9955,683],{"class":491},[481,9957,9958,9960,9962],{"class":483,"line":650},[481,9959,7915],{"class":7274},[481,9961,677],{"class":491},[481,9963,683],{"class":491},[481,9965,9966,9969,9971],{"class":483,"line":803},[481,9967,9968],{"class":7274},"            colors",[481,9970,677],{"class":491},[481,9972,683],{"class":491},[481,9974,9975,9978,9980,9982,9985,9987],{"class":483,"line":809},[481,9976,9977],{"class":7274},"                primary",[481,9979,677],{"class":491},[481,9981,505],{"class":491},[481,9983,9984],{"class":508},"#60a5fa",[481,9986,512],{"class":491},[481,9988,1025],{"class":491},[481,9990,9991,9994,9996,9998,10001,10003],{"class":483,"line":835},[481,9992,9993],{"class":7274},"                secondary",[481,9995,677],{"class":491},[481,9997,505],{"class":491},[481,9999,10000],{"class":508},"#cbd5e1",[481,10002,512],{"class":491},[481,10004,1025],{"class":491},[481,10006,10007],{"class":483,"line":869},[481,10008,10009],{"class":491},"            },\n",[481,10011,10012],{"class":483,"line":898},[481,10013,7995],{"class":491},[481,10015,10016],{"class":483,"line":904},[481,10017,7373],{"class":491},[481,10019,10020,10022,10024],{"class":483,"line":909},[481,10021,634],{"class":491},[481,10023,858],{"class":495},[481,10025,515],{"class":491},[481,10027,10028],{"class":483,"line":915},[481,10029,544],{"emptyLinePlaceholder":206},[481,10031,10032,10034,10036,10038],{"class":483,"line":938},[481,10033,653],{"class":487},[481,10035,656],{"class":487},[481,10037,659],{"class":495},[481,10039,515],{"class":491},[466,10041,10042],{"icon":140,"label":664},[471,10043,10045],{"className":667,"code":10044,"filename":669,"language":670,"meta":477,"style":477},":root {\n    --color--primary: #007bff;\n    --color--secondary: #6c757d;\n    /* ... other tokens */\n}\n\n[data-theme=\"dark\"] {\n    --color--primary: #60a5fa;\n    --color--secondary: #cbd5e1;\n}\n",[422,10046,10047,10055,10069,10083,10088,10092,10096,10118,10131,10144],{"__ignoreMap":477},[481,10048,10049,10051,10053],{"class":483,"line":484},[481,10050,677],{"class":491},[481,10052,680],{"class":550},[481,10054,683],{"class":491},[481,10056,10057,10059,10061,10064,10067],{"class":483,"line":518},[481,10058,812],{"class":495},[481,10060,677],{"class":491},[481,10062,10063],{"class":491}," #",[481,10065,10066],{"class":495},"007bff",[481,10068,515],{"class":491},[481,10070,10071,10074,10076,10078,10081],{"class":483,"line":541},[481,10072,10073],{"class":495},"    --color--secondary",[481,10075,677],{"class":491},[481,10077,10063],{"class":491},[481,10079,10080],{"class":495},"6c757d",[481,10082,515],{"class":491},[481,10084,10085],{"class":483,"line":547},[481,10086,10087],{"class":576},"    /* ... other tokens */\n",[481,10089,10090],{"class":483,"line":568},[481,10091,982],{"class":491},[481,10093,10094],{"class":483,"line":573},[481,10095,544],{"emptyLinePlaceholder":206},[481,10097,10098,10101,10104,10106,10109,10111,10113,10116],{"class":483,"line":580},[481,10099,10100],{"class":491},"[",[481,10102,10103],{"class":550},"data-theme",[481,10105,557],{"class":491},[481,10107,10108],{"class":491},"\"",[481,10110,3519],{"class":508},[481,10112,10108],{"class":491},[481,10114,10115],{"class":491},"]",[481,10117,683],{"class":491},[481,10119,10120,10122,10124,10126,10129],{"class":483,"line":597},[481,10121,812],{"class":495},[481,10123,677],{"class":491},[481,10125,10063],{"class":491},[481,10127,10128],{"class":495},"60a5fa",[481,10130,515],{"class":491},[481,10132,10133,10135,10137,10139,10142],{"class":483,"line":602},[481,10134,10073],{"class":495},[481,10136,677],{"class":491},[481,10138,10063],{"class":491},[481,10140,10141],{"class":495},"cbd5e1",[481,10143,515],{"class":491},[481,10145,10146],{"class":483,"line":608},[481,10147,982],{"class":491},[992,10149,10151],{"id":10150},"multiple-themes","Multiple Themes",[418,10153,10154],{},"You can define multiple themes at once. Each theme can override any domain (colors, spacing, typography, etc.):",[471,10156,10158],{"className":473,"code":10157,"language":476,"meta":477,"style":477},"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",[422,10159,10160,10176,10197,10256,10264,10272,10292,10296,10305,10350,10354,10363,10384,10388,10392],{"__ignoreMap":477},[481,10161,10162,10164,10166,10168,10170,10172,10174],{"class":483,"line":484},[481,10163,551],{"class":550},[481,10165,585],{"class":495},[481,10167,557],{"class":491},[481,10169,525],{"class":560},[481,10171,7260],{"class":495},[481,10173,618],{"class":491},[481,10175,683],{"class":491},[481,10177,10178,10180,10182,10184,10187,10189,10191,10193,10195],{"class":483,"line":518},[481,10179,7786],{"class":7274},[481,10181,677],{"class":491},[481,10183,492],{"class":491},[481,10185,10186],{"class":7274}," primary",[481,10188,677],{"class":491},[481,10190,505],{"class":491},[481,10192,9924],{"class":508},[481,10194,512],{"class":491},[481,10196,9522],{"class":491},[481,10198,10199,10201,10203,10205,10207,10209,10211,10213,10215,10217,10220,10222,10224,10226,10228,10230,10233,10235,10237,10239,10241,10243,10246,10248,10250,10252,10254],{"class":483,"line":541},[481,10200,6873],{"class":7274},[481,10202,677],{"class":491},[481,10204,492],{"class":491},[481,10206,656],{"class":7274},[481,10208,677],{"class":491},[481,10210,505],{"class":491},[481,10212,6995],{"class":508},[481,10214,512],{"class":491},[481,10216,618],{"class":491},[481,10218,10219],{"class":7274}," sm",[481,10221,677],{"class":491},[481,10223,505],{"class":491},[481,10225,1618],{"class":508},[481,10227,512],{"class":491},[481,10229,618],{"class":491},[481,10231,10232],{"class":7274}," md",[481,10234,677],{"class":491},[481,10236,505],{"class":491},[481,10238,1662],{"class":508},[481,10240,512],{"class":491},[481,10242,618],{"class":491},[481,10244,10245],{"class":7274}," lg",[481,10247,677],{"class":491},[481,10249,505],{"class":491},[481,10251,7116],{"class":508},[481,10253,512],{"class":491},[481,10255,9522],{"class":491},[481,10257,10258,10260,10262],{"class":483,"line":547},[481,10259,9951],{"class":7274},[481,10261,677],{"class":491},[481,10263,683],{"class":491},[481,10265,10266,10268,10270],{"class":483,"line":568},[481,10267,7915],{"class":7274},[481,10269,677],{"class":491},[481,10271,683],{"class":491},[481,10273,10274,10276,10278,10280,10282,10284,10286,10288,10290],{"class":483,"line":573},[481,10275,9968],{"class":7274},[481,10277,677],{"class":491},[481,10279,492],{"class":491},[481,10281,10186],{"class":7274},[481,10283,677],{"class":491},[481,10285,505],{"class":491},[481,10287,9984],{"class":508},[481,10289,512],{"class":491},[481,10291,9522],{"class":491},[481,10293,10294],{"class":483,"line":580},[481,10295,7995],{"class":491},[481,10297,10298,10301,10303],{"class":483,"line":597},[481,10299,10300],{"class":7274},"        compact",[481,10302,677],{"class":491},[481,10304,683],{"class":491},[481,10306,10307,10310,10312,10314,10316,10318,10320,10322,10324,10326,10328,10330,10332,10334,10336,10338,10340,10342,10344,10346,10348],{"class":483,"line":602},[481,10308,10309],{"class":7274},"            spacing",[481,10311,677],{"class":491},[481,10313,492],{"class":491},[481,10315,656],{"class":7274},[481,10317,677],{"class":491},[481,10319,505],{"class":491},[481,10321,1640],{"class":508},[481,10323,512],{"class":491},[481,10325,618],{"class":491},[481,10327,10219],{"class":7274},[481,10329,677],{"class":491},[481,10331,505],{"class":491},[481,10333,1596],{"class":508},[481,10335,512],{"class":491},[481,10337,618],{"class":491},[481,10339,10245],{"class":7274},[481,10341,677],{"class":491},[481,10343,505],{"class":491},[481,10345,5161],{"class":508},[481,10347,512],{"class":491},[481,10349,9522],{"class":491},[481,10351,10352],{"class":483,"line":608},[481,10353,7995],{"class":491},[481,10355,10356,10359,10361],{"class":483,"line":645},[481,10357,10358],{"class":7274},"        high_contrast",[481,10360,677],{"class":491},[481,10362,683],{"class":491},[481,10364,10365,10367,10369,10371,10373,10375,10377,10380,10382],{"class":483,"line":650},[481,10366,9968],{"class":7274},[481,10368,677],{"class":491},[481,10370,492],{"class":491},[481,10372,10186],{"class":7274},[481,10374,677],{"class":491},[481,10376,505],{"class":491},[481,10378,10379],{"class":508},"#0000ff",[481,10381,512],{"class":491},[481,10383,9522],{"class":491},[481,10385,10386],{"class":483,"line":803},[481,10387,7995],{"class":491},[481,10389,10390],{"class":483,"line":809},[481,10391,7373],{"class":491},[481,10393,10394,10396,10398],{"class":483,"line":835},[481,10395,634],{"class":491},[481,10397,858],{"class":495},[481,10399,515],{"class":491},[992,10401,10403],{"id":10402},"default-theme","Default Theme",[418,10405,10406,10407,10410,10411,10414,10415,10418],{},"The special ",[422,10408,10409],{},"themes.default"," key does ",[437,10412,10413],{},"not"," create a ",[422,10416,10417],{},"[data-theme=\"default\"]"," block. Instead, it provides fallback values for undefined root-level config:",[471,10420,10422],{"className":473,"code":10421,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s, {\n    // 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// Colors and spacing are created at :root from themes.default\n// Only \"dark\" gets a [data-theme=\"dark\"] block\n",[422,10423,10424,10440,10445,10453,10461,10496,10528,10532,10540,10560,10564,10568,10576,10580,10585],{"__ignoreMap":477},[481,10425,10426,10428,10430,10432,10434,10436,10438],{"class":483,"line":484},[481,10427,551],{"class":550},[481,10429,585],{"class":495},[481,10431,557],{"class":491},[481,10433,525],{"class":560},[481,10435,7260],{"class":495},[481,10437,618],{"class":491},[481,10439,683],{"class":491},[481,10441,10442],{"class":483,"line":518},[481,10443,10444],{"class":576},"    // No root-level colors or spacing defined\n",[481,10446,10447,10449,10451],{"class":483,"line":541},[481,10448,9951],{"class":7274},[481,10450,677],{"class":491},[481,10452,683],{"class":491},[481,10454,10455,10457,10459],{"class":483,"line":547},[481,10456,7283],{"class":7274},[481,10458,677],{"class":491},[481,10460,683],{"class":491},[481,10462,10463,10465,10467,10469,10471,10473,10475,10478,10480,10482,10485,10487,10489,10492,10494],{"class":483,"line":568},[481,10464,9968],{"class":7274},[481,10466,677],{"class":491},[481,10468,492],{"class":491},[481,10470,10186],{"class":7274},[481,10472,677],{"class":491},[481,10474,505],{"class":491},[481,10476,10477],{"class":508},"#ff6600",[481,10479,512],{"class":491},[481,10481,618],{"class":491},[481,10483,10484],{"class":7274}," secondary",[481,10486,677],{"class":491},[481,10488,505],{"class":491},[481,10490,10491],{"class":508},"#333",[481,10493,512],{"class":491},[481,10495,9522],{"class":491},[481,10497,10498,10500,10502,10504,10506,10508,10510,10512,10514,10516,10518,10520,10522,10524,10526],{"class":483,"line":573},[481,10499,10309],{"class":7274},[481,10501,677],{"class":491},[481,10503,492],{"class":491},[481,10505,656],{"class":7274},[481,10507,677],{"class":491},[481,10509,505],{"class":491},[481,10511,1618],{"class":508},[481,10513,512],{"class":491},[481,10515,618],{"class":491},[481,10517,10219],{"class":7274},[481,10519,677],{"class":491},[481,10521,505],{"class":491},[481,10523,1596],{"class":508},[481,10525,512],{"class":491},[481,10527,9522],{"class":491},[481,10529,10530],{"class":483,"line":580},[481,10531,7995],{"class":491},[481,10533,10534,10536,10538],{"class":483,"line":597},[481,10535,7915],{"class":7274},[481,10537,677],{"class":491},[481,10539,683],{"class":491},[481,10541,10542,10544,10546,10548,10550,10552,10554,10556,10558],{"class":483,"line":602},[481,10543,9968],{"class":7274},[481,10545,677],{"class":491},[481,10547,492],{"class":491},[481,10549,10186],{"class":7274},[481,10551,677],{"class":491},[481,10553,505],{"class":491},[481,10555,9984],{"class":508},[481,10557,512],{"class":491},[481,10559,9522],{"class":491},[481,10561,10562],{"class":483,"line":608},[481,10563,7995],{"class":491},[481,10565,10566],{"class":483,"line":645},[481,10567,7373],{"class":491},[481,10569,10570,10572,10574],{"class":483,"line":650},[481,10571,634],{"class":491},[481,10573,858],{"class":495},[481,10575,515],{"class":491},[481,10577,10578],{"class":483,"line":803},[481,10579,544],{"emptyLinePlaceholder":206},[481,10581,10582],{"class":483,"line":809},[481,10583,10584],{"class":576},"// Colors and spacing are created at :root from themes.default\n",[481,10586,10587],{"class":483,"line":835},[481,10588,10589],{"class":576},"// Only \"dark\" gets a [data-theme=\"dark\"] block\n",[418,10591,10592,10593,677],{},"Root-level config always takes precedence over ",[422,10594,10409],{},[471,10596,10598],{"className":473,"code":10597,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s, {\n    colors: { brand: '#ff0000' },  // This wins\n    themes: {\n        default: {\n            colors: { primary: '#007bff' },  // Ignored (root-level colors defined)\n        },\n    },\n});\n",[422,10599,10600,10616,10642,10650,10658,10681,10685,10689],{"__ignoreMap":477},[481,10601,10602,10604,10606,10608,10610,10612,10614],{"class":483,"line":484},[481,10603,551],{"class":550},[481,10605,585],{"class":495},[481,10607,557],{"class":491},[481,10609,525],{"class":560},[481,10611,7260],{"class":495},[481,10613,618],{"class":491},[481,10615,683],{"class":491},[481,10617,10618,10620,10622,10624,10627,10629,10631,10634,10636,10639],{"class":483,"line":518},[481,10619,7786],{"class":7274},[481,10621,677],{"class":491},[481,10623,492],{"class":491},[481,10625,10626],{"class":7274}," brand",[481,10628,677],{"class":491},[481,10630,505],{"class":491},[481,10632,10633],{"class":508},"#ff0000",[481,10635,512],{"class":491},[481,10637,10638],{"class":491}," },",[481,10640,10641],{"class":576},"  // This wins\n",[481,10643,10644,10646,10648],{"class":483,"line":541},[481,10645,9951],{"class":7274},[481,10647,677],{"class":491},[481,10649,683],{"class":491},[481,10651,10652,10654,10656],{"class":483,"line":547},[481,10653,7283],{"class":7274},[481,10655,677],{"class":491},[481,10657,683],{"class":491},[481,10659,10660,10662,10664,10666,10668,10670,10672,10674,10676,10678],{"class":483,"line":568},[481,10661,9968],{"class":7274},[481,10663,677],{"class":491},[481,10665,492],{"class":491},[481,10667,10186],{"class":7274},[481,10669,677],{"class":491},[481,10671,505],{"class":491},[481,10673,9924],{"class":508},[481,10675,512],{"class":491},[481,10677,10638],{"class":491},[481,10679,10680],{"class":576},"  // Ignored (root-level colors defined)\n",[481,10682,10683],{"class":483,"line":573},[481,10684,7995],{"class":491},[481,10686,10687],{"class":483,"line":580},[481,10688,7373],{"class":491},[481,10690,10691,10693,10695],{"class":483,"line":597},[481,10692,634],{"class":491},[481,10694,858],{"class":495},[481,10696,515],{"class":491},[992,10698,10700],{"id":10699},"theme-overrides-interface","Theme Overrides Interface",[418,10702,10703],{},"Each theme can override any of the following domains:",[1074,10705,10706,10715],{},[1077,10707,10708],{},[1080,10709,10710,10713],{},[1083,10711,10712],{},"Domain",[1083,10714,1088],{},[1093,10716,10717,10727,10737,10747,10757,10767,10778,10788,10798,10808,10818,10828,10838,10848,10859],{},[1080,10718,10719,10723],{},[1098,10720,10721],{},[422,10722,1102],{},[1098,10724,10725],{},[422,10726,1071],{},[1080,10728,10729,10733],{},[1098,10730,10731],{},[422,10732,1117],{},[1098,10734,10735],{},[422,10736,1071],{},[1080,10738,10739,10743],{},[1098,10740,10741],{},[422,10742,1131],{},[1098,10744,10745],{},[422,10746,1071],{},[1080,10748,10749,10753],{},[1098,10750,10751],{},[422,10752,1145],{},[1098,10754,10755],{},[422,10756,1071],{},[1080,10758,10759,10763],{},[1098,10760,10761],{},[422,10762,1159],{},[1098,10764,10765],{},[422,10766,1071],{},[1080,10768,10769,10773],{},[1098,10770,10771],{},[422,10772,1187],{},[1098,10774,10775],{},[422,10776,10777],{},"Record\u003Cstring, string>",[1080,10779,10780,10784],{},[1098,10781,10782],{},[422,10783,1217],{},[1098,10785,10786],{},[422,10787,1071],{},[1080,10789,10790,10794],{},[1098,10791,10792],{},[422,10793,1231],{},[1098,10795,10796],{},[422,10797,1071],{},[1080,10799,10800,10804],{},[1098,10801,10802],{},[422,10803,1245],{},[1098,10805,10806],{},[422,10807,1071],{},[1080,10809,10810,10814],{},[1098,10811,10812],{},[422,10813,1259],{},[1098,10815,10816],{},[422,10817,1071],{},[1080,10819,10820,10824],{},[1098,10821,10822],{},[422,10823,1273],{},[1098,10825,10826],{},[422,10827,1071],{},[1080,10829,10830,10834],{},[1098,10831,10832],{},[422,10833,1287],{},[1098,10835,10836],{},[422,10837,1071],{},[1080,10839,10840,10844],{},[1098,10841,10842],{},[422,10843,1301],{},[1098,10845,10846],{},[422,10847,1071],{},[1080,10849,10850,10854],{},[1098,10851,10852],{},[422,10853,1337],{},[1098,10855,10856],{},[422,10857,10858],{},"Record\u003Cstring, number>",[1080,10860,10861,10865],{},[1098,10862,10863],{},[422,10864,1352],{},[1098,10866,10867],{},[422,10868,1071],{},[418,10870,10871,10872,10874,10875,10878,10879,10881],{},"Theme overrides cannot disable domains (no ",[422,10873,1065],{}," values) and do not support ",[422,10876,10877],{},"meta"," or ",[422,10880,1322],{}," configuration.",[414,10883,10885],{"id":10884},"best-practices","Best Practices",[431,10887,10888,10894,10900,10910,10919],{},[434,10889,10890,10893],{},[437,10891,10892],{},"Start with defaults",": Use the preset as-is initially, then customize as needed",[434,10895,10896,10899],{},[437,10897,10898],{},"Override strategically",": Only customize the domains that need to differ from defaults",[434,10901,10902,10905,10906,10909],{},[437,10903,10904],{},"Use the return value",": Access the returned variables for use with ",[422,10907,10908],{},"ref()"," in your styles",[434,10911,10912,10915,10916,10918],{},[437,10913,10914],{},"Combine with themes",": Use the ",[422,10917,1366],{}," option to define dark mode, compact, or brand theme overrides directly in the preset",[434,10920,10921,10927,10928,10931],{},[437,10922,10923,10924],{},"Use ",[422,10925,10926],{},"meta.merge",": When adding values, use ",[422,10929,10930],{},"meta: { merge: true }"," to keep defaults",[414,10933,10935],{"id":10934},"faq","FAQ",[10937,10938,10939,10952,11032,11053,11143],"accordion",{},[10940,10941,10944,10945,10878,10948,10951],"accordion-item",{"icon":10942,"label":10943},"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 ",[422,10946,10947],{},"useColorDesignTokens()",[422,10949,10950],{},"useSpacingDesignTokens()"," for additional custom tokens.",[10940,10953,10955,10958,11006],{"icon":10942,"label":10954},"How do I access a specific color variation?",[418,10956,10957],{},"Color variations follow a consistent naming pattern:",[471,10959,10961],{"className":473,"code":10960,"language":476,"meta":477,"style":477},"const {\n    colorPrimary,\n    colorPrimary500,\n    colorPrimaryShade100,\n    colorPrimaryTint100,\n} = preset;\n",[422,10962,10963,10969,10975,10982,10989,10996],{"__ignoreMap":477},[481,10964,10965,10967],{"class":483,"line":484},[481,10966,551],{"class":550},[481,10968,683],{"class":491},[481,10970,10971,10973],{"class":483,"line":518},[481,10972,3258],{"class":495},[481,10974,1025],{"class":491},[481,10976,10977,10980],{"class":483,"line":541},[481,10978,10979],{"class":495},"    colorPrimary500",[481,10981,1025],{"class":491},[481,10983,10984,10987],{"class":483,"line":547},[481,10985,10986],{"class":495},"    colorPrimaryShade100",[481,10988,1025],{"class":491},[481,10990,10991,10994],{"class":483,"line":568},[481,10992,10993],{"class":495},"    colorPrimaryTint100",[481,10995,1025],{"class":491},[481,10997,10998,11000,11002,11004],{"class":483,"line":573},[481,10999,634],{"class":491},[481,11001,637],{"class":491},[481,11003,640],{"class":495},[481,11005,515],{"class":491},[431,11007,11008,11013,11020,11026],{},[434,11009,11010,11011],{},"Base color: ",[422,11012,3376],{},[434,11014,11015,11016,11019],{},"Level: ",[422,11017,11018],{},"colorPrimary500"," (for 50% lightness)",[434,11021,11022,11023],{},"Shade: ",[422,11024,11025],{},"colorPrimaryShade100",[434,11027,11028,11029],{},"Tint: ",[422,11030,11031],{},"colorPrimaryTint100",[10940,11033,11035,11038],{"icon":10942,"label":11034},"Why use this instead of defining tokens manually?",[418,11036,11037],{},"The preset provides:",[11039,11040,11041,11044,11047,11050],"ol",{},[434,11042,11043],{},"Consistent, well-tested default values",[434,11045,11046],{},"Automatic color variation generation",[434,11048,11049],{},"Less boilerplate code",[434,11051,11052],{},"Easy customization through a single config object",[10940,11054,11056,11059],{"icon":10942,"label":11055},"Can I extend the preset with additional tokens?",[418,11057,11058],{},"Yes! After calling the preset, you can use any composable to add more tokens:",[471,11060,11062],{"className":473,"code":11061,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s);\nconst { colorPrimary } = preset;\n\n// Add custom tokens\nconst { colorBrand } = useColorDesignTokens(s, { brand: '#ff00ff' });\n",[422,11063,11064,11078,11095,11099,11104],{"__ignoreMap":477},[481,11065,11066,11068,11070,11072,11074,11076],{"class":483,"line":484},[481,11067,551],{"class":550},[481,11069,585],{"class":495},[481,11071,557],{"class":491},[481,11073,525],{"class":560},[481,11075,592],{"class":495},[481,11077,515],{"class":491},[481,11079,11080,11082,11084,11087,11089,11091,11093],{"class":483,"line":518},[481,11081,551],{"class":550},[481,11083,492],{"class":491},[481,11085,11086],{"class":495}," colorPrimary ",[481,11088,634],{"class":491},[481,11090,637],{"class":491},[481,11092,640],{"class":495},[481,11094,515],{"class":491},[481,11096,11097],{"class":483,"line":541},[481,11098,544],{"emptyLinePlaceholder":206},[481,11100,11101],{"class":483,"line":547},[481,11102,11103],{"class":576},"// Add custom tokens\n",[481,11105,11106,11108,11110,11113,11115,11117,11120,11122,11124,11126,11128,11130,11132,11135,11137,11139,11141],{"class":483,"line":568},[481,11107,551],{"class":550},[481,11109,492],{"class":491},[481,11111,11112],{"class":495}," colorBrand ",[481,11114,634],{"class":491},[481,11116,637],{"class":491},[481,11118,11119],{"class":560}," useColorDesignTokens",[481,11121,7260],{"class":495},[481,11123,618],{"class":491},[481,11125,492],{"class":491},[481,11127,10626],{"class":7274},[481,11129,677],{"class":491},[481,11131,505],{"class":491},[481,11133,11134],{"class":508},"#ff00ff",[481,11136,512],{"class":491},[481,11138,499],{"class":491},[481,11140,858],{"class":495},[481,11142,515],{"class":491},[10940,11144,11146,11152,11278],{"icon":10942,"label":11145},"How do I add values while keeping the defaults?",[418,11147,11148,11149,11151],{},"Use the ",[422,11150,10926],{}," option to merge your custom values with the defaults:",[471,11153,11155],{"className":473,"code":11154,"language":476,"meta":477,"style":477},"const preset = useDesignTokensPreset(s, {\n    meta: { merge: true },\n    // Custom values are ADDED to defaults, not replacing them\n    spacing: { '4xl': '6rem', '5xl': '8rem' },\n    colors: { brand: '#ff6600' },\n});\n\n// Now you have all default spacing values PLUS '4xl' and '5xl'\n// And all default colors PLUS 'brand'\n",[422,11156,11157,11173,11189,11194,11236,11256,11264,11268,11273],{"__ignoreMap":477},[481,11158,11159,11161,11163,11165,11167,11169,11171],{"class":483,"line":484},[481,11160,551],{"class":550},[481,11162,585],{"class":495},[481,11164,557],{"class":491},[481,11166,525],{"class":560},[481,11168,7260],{"class":495},[481,11170,618],{"class":491},[481,11172,683],{"class":491},[481,11174,11175,11177,11179,11181,11183,11185,11187],{"class":483,"line":518},[481,11176,7937],{"class":7274},[481,11178,677],{"class":491},[481,11180,492],{"class":491},[481,11182,9515],{"class":7274},[481,11184,677],{"class":491},[481,11186,7963],{"class":7962},[481,11188,9522],{"class":491},[481,11190,11191],{"class":483,"line":541},[481,11192,11193],{"class":576},"    // Custom values are ADDED to defaults, not replacing them\n",[481,11195,11196,11198,11200,11202,11204,11206,11208,11210,11212,11214,11216,11218,11220,11223,11225,11227,11229,11232,11234],{"class":483,"line":547},[481,11197,6873],{"class":7274},[481,11199,677],{"class":491},[481,11201,492],{"class":491},[481,11203,505],{"class":491},[481,11205,5200],{"class":7274},[481,11207,512],{"class":491},[481,11209,677],{"class":491},[481,11211,505],{"class":491},[481,11213,9555],{"class":508},[481,11215,512],{"class":491},[481,11217,618],{"class":491},[481,11219,505],{"class":491},[481,11221,11222],{"class":7274},"5xl",[481,11224,512],{"class":491},[481,11226,677],{"class":491},[481,11228,505],{"class":491},[481,11230,11231],{"class":508},"8rem",[481,11233,512],{"class":491},[481,11235,9522],{"class":491},[481,11237,11238,11240,11242,11244,11246,11248,11250,11252,11254],{"class":483,"line":568},[481,11239,7786],{"class":7274},[481,11241,677],{"class":491},[481,11243,492],{"class":491},[481,11245,10626],{"class":7274},[481,11247,677],{"class":491},[481,11249,505],{"class":491},[481,11251,10477],{"class":508},[481,11253,512],{"class":491},[481,11255,9522],{"class":491},[481,11257,11258,11260,11262],{"class":483,"line":573},[481,11259,634],{"class":491},[481,11261,858],{"class":495},[481,11263,515],{"class":491},[481,11265,11266],{"class":483,"line":580},[481,11267,544],{"emptyLinePlaceholder":206},[481,11269,11270],{"class":483,"line":597},[481,11271,11272],{"class":576},"// Now you have all default spacing values PLUS '4xl' and '5xl'\n",[481,11274,11275],{"class":483,"line":602},[481,11276,11277],{"class":576},"// And all default colors PLUS 'brand'\n",[418,11279,11280,11281,11283],{},"Without ",[422,11282,10926],{},", providing custom values completely replaces the defaults for that domain.",[11285,11286,11287],"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":477,"searchDepth":518,"depth":518,"links":11289},[11290,11291,11292,11293,11297,11316,11321,11324,11330,11331],{"id":416,"depth":518,"text":64},{"id":428,"depth":518,"text":429},{"id":461,"depth":518,"text":439},{"id":985,"depth":518,"text":424,"children":11294},[11295,11296],{"id":994,"depth":541,"text":995},{"id":1047,"depth":541,"text":1048},{"id":1381,"depth":518,"text":1382,"children":11298},[11299,11300,11301,11302,11303,11304,11305,11306,11307,11308,11309,11310,11311,11312,11313,11314,11315],{"id":1385,"depth":541,"text":1386},{"id":1697,"depth":541,"text":1698},{"id":2029,"depth":541,"text":2030},{"id":2237,"depth":541,"text":2238},{"id":2587,"depth":541,"text":220},{"id":1337,"depth":541,"text":2989},{"id":1187,"depth":541,"text":181},{"id":1352,"depth":541,"text":189},{"id":4711,"depth":541,"text":4712},{"id":4885,"depth":541,"text":4886},{"id":5218,"depth":541,"text":5219},{"id":5427,"depth":541,"text":5428},{"id":5819,"depth":541,"text":5820},{"id":6062,"depth":541,"text":6063},{"id":1301,"depth":541,"text":6305},{"id":6643,"depth":541,"text":6644},{"id":1102,"depth":541,"text":212},{"id":7171,"depth":518,"text":7172,"children":11317},[11318,11319,11320],{"id":7175,"depth":541,"text":7176},{"id":8839,"depth":541,"text":8840},{"id":9053,"depth":541,"text":9054},{"id":9379,"depth":518,"text":9380,"children":11322},[11323],{"id":9591,"depth":541,"text":9592},{"id":1366,"depth":518,"text":112,"children":11325},[11326,11327,11328,11329],{"id":9817,"depth":541,"text":9818},{"id":10150,"depth":541,"text":10151},{"id":10402,"depth":541,"text":10403},{"id":10699,"depth":541,"text":10700},{"id":10884,"depth":518,"text":10885},{"id":10934,"depth":518,"text":10935},"Quickly bootstrap a complete design token system with sensible defaults using the useDesignTokensPreset composable.",null,{},{"title":156,"icon":159},{"title":409,"description":11332},{"loc":157},"Xfe1OX6OQmqq6xc1vKUQjZXqXXh_R98iUrtfyLfFb3w",[11340,11342],{"title":64,"path":151,"stem":152,"description":11341,"icon":65,"children":-1},"Explore Styleframe's comprehensive design token system. Create consistent, scalable design systems with composable functions for colors, typography, spacing, and more.",{"title":165,"path":166,"stem":167,"description":11343,"icon":7,"children":-1},"Create and manage border radius design tokens with CSS variables for consistent rounded corners and curved edges across your application.",1776621132625]